Server : LiteSpeed System : Linux server 3.10.0-1160.90.1.el7.x86_64 #1 SMP Thu May 4 15:21:22 UTC 2023 x86_64 User : alsaif ( 1057) PHP Version : 7.4.33 Disable Function : show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory :  /home/alsaif/public_html/media/regularlabs/js/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

/**
 * @package         Regular Labs Library
 * @version         23.9.3039
 * 
 * @author          Peter van Westen <info@regularlabs.com>
 * @link            https://regularlabs.com
 * @copyright       Copyright © 2023 Regular Labs All Rights Reserved
 * @license         GNU General Public License version 2 or later
 */

/**
 * LOOSELY BASED ON:
 * Very simple jQuery Color Picker
 * Copyright (C) 2012 Tanguy Krotoff
 * Licensed under the MIT license
 */

"use strict";

if (typeof window.RegularLabsColorPicker === 'undefined') {
    (function($) {
        window.RegularLabsColorPicker = function(element, options) {

            this.select  = $(element);
            this.options = $.extend({}, $.fn.nncolorpicker.defaults, options);

            this.select.hide();

            // Build the list of colors
            let list = '';

            $('option', this.select).each(function() {
                const option = $(this);
                let color    = option.val();

                if (option.text() == '-') {
                    list += '<br>';
                    return;
                }

                let clss = 'nncolorpicker-swatch';

                if (color == 'none') {
                    clss += ' nocolor';
                    color = 'transparent';
                }
                if (option.attr('selected')) {
                    clss += ' active';
                }

                list += '<span class="' + clss + '"><span style="background-color: ' + color + ';" tabindex="0"></span></span>';
            });

            let color = this.select.val();
            let clss  = 'nncolorpicker-swatch';

            if (color == 'none') {
                clss += ' nocolor';
                color = 'transparent';
            }
            this.icon = $('<span class="' + clss + '"><span style="background-color: ' + color + ';" tabindex="0"></span></span>').insertAfter(this.select);
            this.icon.on('click', $.proxy(this.show, this));

            this.panel = $('<span class="nncolorpicker-panel"></span>').appendTo(document.body);
            this.panel.html(list);
            this.panel.on('click', $.proxy(this.click, this));

            // Hide panel when clicking outside
            $(document).on('mousedown', $.proxy(this.hide, this));
            this.panel.on('mousedown', $.proxy(this.mousedown, this));

        };

        /**
         * RegularLabsColorPicker class
         */
        RegularLabsColorPicker.prototype = {
            constructor: RegularLabsColorPicker,

            show: function() {
                const bootstrapArrowWidth = 16; // Empirical value
                const pos                 = this.icon.offset();
                this.panel.css({
                    left: pos.left + this.icon.width() / 2 - bootstrapArrowWidth, // Middle of the icon
                    top : pos.top + this.icon.outerHeight()
                });

                this.panel.show(this.options.delay);
            },

            hide: function() {
                this.panel.hide(this.options.delay);
            },

            click: function(e) {
                const target = $(e.target);
                if (target.length === 1) {
                    if (target[0].nodeName.toLowerCase() === 'span') {
                        // When you click on a color

                        let color   = '';
                        let bgcolor = '';
                        let clss    = '';

                        if (target.parent().hasClass('nocolor')) {
                            color   = 'none';
                            bgcolor = 'transparent';
                            clss    = 'nocolor';
                        } else {
                            color   = this.rgb2hex(target.css('background-color'));
                            bgcolor = color;
                        }

                        // Mark this div as the selected one
                        target.parent().siblings().removeClass('active');
                        target.parent().addClass('active');

                        this.icon.removeClass('nocolor').addClass(clss);
                        this.icon.find('span').css('background-color', bgcolor);

                        // Hide the panel
                        this.hide();

                        // Change select value
                        this.select.val(color).change();
                    }
                }
            },

            /**
             * Prevents the mousedown event from "eating" the click event.
             */
            mousedown: function(e) {
                e.stopPropagation();
                e.preventDefault();
            },

            /**
             * Converts a RGB color to its hexadecimal value.
             *
             * See http://stackoverflow.com/questions/1740700/get-hex-value-rather-than-rgb-value-using-$
             */
            rgb2hex: function(rgb) {
                function hex(x) {
                    return ("0" + parseInt(x, 10).toString(16)).slice(-2);
                }

                const matches = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
                if (matches === null) {
                    // Fix for Internet Explorer < 9
                    // Variable rgb is already a hexadecimal value
                    return rgb;
                } else {
                    return '#' + hex(matches[1]) + hex(matches[2]) + hex(matches[3]);
                }
            }
        };

        /**
         * Plugin definition.
         */
        $.fn.nncolorpicker = function(option) {
            // For HTML element passed to the plugin
            return this.each(function() {
                const self    = $(this);
                const options = typeof option === 'object' && option;
                let data      = self.data('nncolorpicker');

                if ( ! data) {
                    self.data('nncolorpicker', (data = new RegularLabsColorPicker(this, options)));
                }
                if (typeof option === 'string') {
                    data[option]();
                }
            });
        };

        $.fn.nncolorpicker.Constructor = RegularLabsColorPicker;

        /**
         * Default options.
         */
        $.fn.nncolorpicker.defaults = {
            // Animation delay
            delay: 0
        };

        $(document).ready(function() {
            $('select.nncolorpicker').nncolorpicker();
        });
    })(jQuery);
}