/**
 * Selective Refresh for Customize
 * 
 * @package  Alpus WordPress theme
 * @since 1.0
 */
'use strict';

var alpus_cs_tooltips = [ {
    target: '.main-content .product-single .social-icons, .main-content .post-single .social-icons',
    text: 'Share',
    elementID: 'share',
    pos: 'bottom',
    type: 'section'
}, {
    target: '.page-header',
    text: 'Page Title Bar',
    elementID: 'title_bar',
    pos: 'bottom',
    type: 'section'
}, {
    target: '.post-archive',
    text: 'Archive Page',
    elementID: 'blog',
    pos: 'top',
    type: 'section'
}, {
    target: '.single .post-single',
    text: 'Single Page',
    elementID: 'blog',
    pos: 'top',
    type: 'section'
}, {
    target: '.main-content > .products, .main-content > .yit-wcan-container > .products',
    text: 'Product Archive Page',
    elementID: 'products_archive',
    pos: 'top',
    type: 'section'
}, {
    target: '.single .product-single',
    text: 'Product Page',
    elementID: 'product_detail',
    pos: 'top',
    type: 'section'
}, {
    target: '.products .product-wrap .product',
    text: 'Product Type',
    elementID: 'product_type',
    pos: 'center',
    type: 'section'
}, {
    target: '.product-single .woocommerce-tabs',
    text: 'Product DataTab Type',
    elementID: 'product_description_title',
    pos: 'center',
    type: 'control'
}, {
    target: '.cookies-popup',
    text: 'Privacy Setting',
    elementID: 'cookie_law_info',
    pos: 'top',
    type: 'section'
} ];

jQuery( document ).ready( function ( $ ) {

    function getCustomize( option ) {
        var o = wp.customize( option );
        return o ? o.get() : '';
    }

    var options = [
        'container', 'container_fluid',
        [ 'site_type', 'site_bg', 'content_bg', 'site_width', 'site_gap' ],
        [ 'primary_color', 'secondary_color', 'dark_color', 'light_color' ],
        [ 'typo_default' ],
        'typo_heading',
        'ptb_bg', 'ptb_height',
        'typo_ptb_title', 'typo_ptb_subtitle', 'typo_ptb_breadcrumb',
        'share_color',
        [ 'custom_css' ],
        'product_description_title', 'product_reviews_title', 'product_tab_title', 'product_specification_title',
        'cart_show_qty'
    ];

	/**
	 * Controls to show / hide tooltips from several positions.
	 * 
	 * @since 1.0
	 */
    $.fn.alpusTooltip = function ( options ) {
        options.target = escape( options.target.replace( /"/g, '' ) );
        $( '.alpus-tooltip[data-target="' + options.target + '"]' ).remove();
        return $( this ).each( function () {
            if ( $( this ).hasClass( 'alpus-tooltip-initialized' ) ) {
                return;
            }

            var $this = $( this ),
                $tooltip = $( '<div class="alpus-tooltip" data-target="' + options.target + '" style="display: none; position: absolute; z-index: 9999;">' + options.text + '</div>' ).appendTo( 'body' );
            $tooltip.data( 'triggerObj', $this );
            if ( options.init ) {
                $tooltip.data( 'initCall', options.init );
            }
            $this.on( 'mouseenter', function () {
                $tooltip.text( options.text );
                if ( options.position == 'top' ) {
                    $tooltip.css( 'top', $this.offset().top - $tooltip.outerHeight() / 2 ).css( 'left', $this.offset().left + $this.outerWidth() / 2 - $tooltip.outerWidth() / 2 );
                } else if ( options.position == 'bottom' ) {
                    $tooltip.css( 'top', $this.offset().top + $this.outerHeight() - $tooltip.outerHeight() / 2 ).css( 'left', $this.offset().left + $this.outerWidth() / 2 - $tooltip.outerWidth() / 2 );
                } else if ( options.position == 'left' ) {
                    $tooltip.css( 'top', $this.offset().top + $this.outerHeight() / 2 - $tooltip.outerHeight() / 2 ).css( 'left', $this.offset().left - $tooltip.outerWidth() / 2 );
                } else if ( options.position == 'right' ) {
                    $tooltip.css( 'top', $this.offset().top + $this.outerHeight() / 2 - $tooltip.outerHeight() / 2 ).css( 'left', $this.offset().left + $this.outerWidth() - $tooltip.outerWidth() / 2 );
                } else if ( options.position == 'center' ) {
                    $tooltip.css( 'top', $this.offset().top + $this.outerHeight() / 2 - $tooltip.outerHeight() / 2 ).css( 'left', $this.offset().left + $this.outerWidth() / 2 - $tooltip.outerWidth() / 2 );
                }
                $tooltip.stop().fadeIn( 100 );
                $this.addClass( 'alpus-tooltip-active' );
            } ).on( 'mouseleave', function () {
                $tooltip.stop( true, true ).fadeOut( 400 );
                $this.removeClass( 'alpus-tooltip-active' );
            } ).addClass( 'alpus-tooltip-initialized' );
        } );
    }

	/**
	 * Change customize panel status following tooltip targets.
	 * 
	 * @since 1.0
	 */
    function initTooltipSection( e, $obj ) {
        if ( e.elementID && 'custom' != e.type ) {
            if ( !e.type ) {
                e.type = 'section';
            }
            window.parent.wp.customize[ e.type ]( e.elementID ).focus();
            if ( e.type == 'section' && window.parent.wp.customize[ e.type ]( e.elementID ).contentContainer ) {
                window.parent.jQuery( 'body' ).trigger( 'initReduxFields', [ window.parent.wp.customize[ e.type ]( e.elementID ).contentContainer ] );
            } else if ( e.type == 'control' && window.parent.wp.customize[ e.type ]( e.elementID ).container ) {
                window.parent.jQuery( 'body' ).trigger( 'initReduxFields', [ window.parent.wp.customize[ e.type ]( e.elementID ).container.closest( '.control-section' ) ] );
            }
        } else if ( 'custom' == e.type && e.elementID ) {
            window.parent.wp.customize.section( 'alpus_header_layouts' ).focus();
            var index = $( e.target, '.header-wrapper' ).index( $obj ),
                isMobile = $obj.closest( '.visible-for-sm:visible' ).length ? true : false;
            $( '.alpus-header-builder .header-wrapper-' + ( isMobile ? 'mobile' : 'desktop' ) + ' .header-builder-wrapper', window.parent.document ).find( '[data-id="' + e.elementID + '"]' ).eq( index ).trigger( 'click' );
        }
    }

	/**
	 * Initialize tooltip in preview.
	 * 
	 * @since 1.0
	 */
    function initCustomizerTooltips( $parent ) {
        alpus_cs_tooltips.forEach( function ( e ) {
            if ( $( e.target ).is( $parent ) || $parent.find( $( e.target ) ).length ) {
                e.type || ( e.type = 'control' );
                $( e.target ).alpusTooltip( {
                    position: e.pos,
                    text: e.text,
                    target: e.target,
                    init: function ( $obj ) {
                        initTooltipSection( e, $obj );
                    }
                } );
            }
        } );

        $( document.body ).on( 'mouseenter', '.alpus-tooltip', function () {
            $( this ).stop( true, true ).show();
            var obj = $( this ).data( 'triggerObj' );
            if ( obj ) {
                obj.addClass( 'alpus-tooltip-active' );
            }
        } ).on( 'mouseleave', '.alpus-tooltip', function () {
            $( this ).stop().fadeOut( 400 );
            var obj = $( this ).data( 'triggerObj' );
            if ( obj ) {
                obj.removeClass( 'alpus-tooltip-active' );
            }
        } ).on( 'click', '.alpus-tooltip', function () {
            var initCall = $( this ).data( 'initCall' );
            if ( initCall ) {
                initCall.call( this, $( this ).data( 'triggerObj' ) );
            }
        } );
    }

    wp.customize.selectiveRefresh.bind( 'partial-content-rendered', function ( placement ) {
        initCustomizerTooltips( $( placement.partial.params.selector ) );
    } )

    function initDynamicCSS() {
        var handles = [ 'alpus-theme-shop', 'alpus-theme-blog', 'alpus-theme-shop-other', 'alpus-theme-single-product', 'alpus-theme-single-post' ],
            h = 'alpus-theme',
            style = '';

        handles.forEach( function ( value, idx ) {
            if ( 'alpus-theme' != h ) {
                return;
            }

            if ( $( '#' + value + '-inline-css' ).length ) {
                h = value;
            }
        } );

        style = $( '#' + h + '-inline-css' ).text();

        var res_keys = style.matchAll( /\n(--[^\: ]*)\:/g ),
            res_values = style.matchAll( /\n--[^\: ]*\: ([^\;]*)\;/g ),
            keys = [],
            values = [],
            htmlStyle = $( 'html' )[ 0 ].style;

        for ( var key of res_keys ) {
            keys.push( key[ 1 ] );
        }
        for ( var value of res_values ) {
            values.push( value[ 1 ] );
        }

        for ( var i = 0; i < keys.length; i++ ) {
            htmlStyle.setProperty( keys[ i ], values[ i ] );
        }

        $( '#' + h + '-inline-css' ).text( '' );
    }

    initCustomizerTooltips( $( 'body' ) );
    initDynamicCSS();
    eventsInit();

	/**
	 * Force trigger events to initialize selective refresh options.
	 * 
	 * @since 1.0
	 */
    for ( var i = 0; i < options.length; i++ ) {
        if ( Array.isArray( options[ i ] ) ) {
            var option = options[ i ];
        } else {
            var option = [ options[ i ] ];
        }

        for ( var j = 0; j < option.length; j++ ) {
            wp.customize( option[ j ], function ( e ) {
                var event = option[ 0 ];
                e.bind( function ( value ) {
                    $( document.body ).trigger( event );
                } );
            } );
        }

        $( document.body ).trigger( option[ 0 ] );
    }

	/**
	 * Selective refresh for options.
	 * 
	 * @since 1.0
	 */
    function eventsInit() {
        var style = $( 'html' )[ 0 ].style;
        $( document.body ).on( 'container', function () {
            style.setProperty( '--alpus-container-width', getCustomize( 'container' ) + 'px' );
        } )
        $( document.body ).on( 'container_fluid', function () {
            style.setProperty( '--alpus-container-fluid-width', getCustomize( 'container_fluid' ) + 'px' );
        } )

        $( document.body ).on( 'product_description_title', function () {
            alpus_selective_content( 'product_description_title', '.woocommerce-Tabs-panel--description .title' );
            alpus_selective_content( 'product_description_title', '#tab-title-description>a' );
        } )

        $( document.body ).on( 'product_reviews_title', function () {
            alpus_selective_content( 'product_reviews_title', '.woocommerce-Tabs-panel--reviews .title' );
            alpus_selective_content( 'product_reviews_title', '#tab-title-reviews>a' );
        } )

        $( document.body ).on( 'product_specification_title', function () {
            alpus_selective_content( 'product_specification_title', '.woocommerce-Tabs-panel--additional_information .title' );
            alpus_selective_content( 'product_specification_title', '#tab-title-additional_information>a' );
        } )

        $( document.body ).on( 'product_tab_title', function () {
            alpus_selective_content( 'product_tab_title', '.woocommerce-Tabs-panel--alpus_product_tab .title' );
            alpus_selective_content( 'product_tab_title', '#tab-title-alpus_product_tab>a' );
        } )

        $( document.body ).on( 'site_type', function () {
            var site_type = getCustomize( 'site_type' );
            if ( 'full' != site_type ) {
                $( document.body ).addClass( 'site-boxed' );
                alpus_selective_background( style, 'site', getCustomize( 'site_bg' ) );
                style.setProperty( '--alpus-site-width', getCustomize( 'site_width' ) + 'px' );
                style.setProperty( '--alpus-site-margin', '0 auto' );
                if ( 'boxed' == site_type ) {
                    style.setProperty( '--alpus-site-gap', '0 ' + getCustomize( 'site_gap' ) + 'px' );
                } else {
                    style.setProperty( '--alpus-site-gap', getCustomize( 'site_gap' ) + 'px' );
                }
            } else {
                $( document.body ).removeClass( 'site-boxed' );
                alpus_selective_background( style, 'site', { 'background-color': '#fff' } );
                style.setProperty( '--alpus-site-width', 'false' );
                style.setProperty( '--alpus-site-margin', '0' );
                style.setProperty( '--alpus-site-gap', '0' );
            }
            if ( document.querySelector( '.page-wrapper' ) )
                alpus_selective_background( document.querySelector( '.page-wrapper' ).style, 'page-wrapper', getCustomize( 'content_bg' ) );
        } )

        $( document.body ).on( 'primary_color', function () {
            style.setProperty( '--alpus-primary-color', getCustomize( 'primary_color' ) );
            style.setProperty( '--alpus-primary-color-hover', getLighten( getCustomize( 'primary_color' ) ) );
            style.setProperty( '--alpus-primary-color-op-80', getColorA( getCustomize( 'primary_color' ), 0.8 ) );
            style.setProperty( '--alpus-secondary-color', getCustomize( 'secondary_color' ) );
            style.setProperty( '--alpus-secondary-color-hover', getLighten( getCustomize( 'secondary_color' ) ) );
            style.setProperty( '--alpus-dark-color', getCustomize( 'dark_color' ) );
            style.setProperty( '--alpus-dark-color-hover', getLighten( getCustomize( 'dark_color' ) ) );
            style.setProperty( '--alpus-light-color', getCustomize( 'light_color' ) );
            style.setProperty( '--alpus-light-color-hover', getLighten( getCustomize( 'light_color' ) ) );
            style.setProperty( '--alpus-change-border-color', '#eee' );
            style.setProperty( '--alpus-change-color-light-1', '#fff' );
            style.setProperty( '--alpus-change-color-light-1-op2', getColorA( '#eee', .2 ) );
            style.setProperty( '--alpus-change-color-light-1-op9', getColorA( '#eee', .9 ) );
            style.setProperty( '--alpus-change-color-light-2', '#f4f4f4' );
            style.setProperty( '--alpus-change-color-light-3', '#ccc' );
            style.setProperty( '--alpus-change-color-dark-1', '#333' );
            style.setProperty( '--alpus-change-color-dark-1-op1', getColorA( '#f4f4f4', .1 ) );
            style.setProperty( '--alpus-change-color-dark-1-op7', getColorA( '#f4f4f4', .7 ) );
            style.setProperty( '--alpus-change-color-dark-2', '#444' );
            style.setProperty( '--alpus-change-color-dark-3', '#313438' );
        } )
        $( document.body ).on( 'typo_default', function () {
            alpus_selective_typography( style, 'body', getCustomize( 'typo_default' ) );
        } )
        $( document.body ).on( 'typo_heading', function () {
            alpus_selective_typography( style, 'heading', getCustomize( 'typo_heading' ) );
        } )
        $( document.body ).on( 'ptb_bg', function () {
            if ( document.querySelector( '.page-header' ) )
                alpus_selective_background( document.querySelector( '.page-header' ).style, 'ptb', getCustomize( 'ptb_bg' ) );
        } )
        $( document.body ).on( 'ptb_height', function () {
            if ( document.querySelector( '.page-title-bar' ) )
                document.querySelector( '.page-title-bar' ).style.setProperty( '--alpus-ptb-height', getCustomize( 'ptb_height' ) + 'px' );
        } )
        $( document.body ).on( 'ptb_breadcrumb_bg', function () {
            if ( document.querySelector( '.breadcrumb' ) )
                document.querySelector( '.breadcrumb' ).style.setProperty( '--alpus-ptb-breadcrumb-background', getCustomize( 'ptb_breadcrumb_bg' ) );
        } )
        $( document.body ).on( 'typo_ptb_title', function () {
            if ( document.querySelector( '.page-header .page-title' ) )
                alpus_selective_typography( document.querySelector( '.page-header .page-title' ).style, 'ptb-title', getCustomize( 'typo_ptb_title' ) );
        } )
        $( document.body ).on( 'typo_ptb_subtitle', function () {
            if ( document.querySelector( '.page-header .page-subtitle' ) )
                alpus_selective_typography( document.querySelector( '.page-header .page-subtitle' ).style, 'ptb-subtitle', getCustomize( 'typo_ptb_subtitle' ) );
        } )
        $( document.body ).on( 'typo_ptb_breadcrumb', function () {
            if ( document.querySelector( '.breadcrumb' ) )
                alpus_selective_typography( document.querySelector( '.breadcrumb' ).style, 'ptb-breadcrumb', getCustomize( 'typo_ptb_breadcrumb' ) );
        } )
        $( document.body ).on( 'custom_css', function () {
            if ( !$( 'style#alpus-preview-custom-inline-css' ).length ) {
                $( '<style id="alpus-preview-custom-inline-css"></style>' ).insertAfter( '#alpus-preview-custom-css' );
            }

            $( 'style#alpus-preview-custom-inline-css' ).html( getCustomize( 'custom_css' ) );
        } )
        $( document.body ).on( 'cart_show_qty', function () {
            // Remove saved data from sessionStorage
            if ( typeof wc_cart_fragments_params === 'undefined' ) {
                return;
            }

            sessionStorage.removeItem( 'wc_cart_created' );
            localStorage.removeItem( wc_cart_fragments_params.cart_hash_key );
            sessionStorage.removeItem( wc_cart_fragments_params.cart_hash_key );
            sessionStorage.removeItem( wc_cart_fragments_params.fragment_name );
        } )
    }

    function alpus_selective_content( $id, $class ) {
        var $title = document.querySelector( '.product-single ' + $class );
        if ( $( $title ).length > 0 ) {
            $title.textContent = getCustomize( $id );
        }
    }

	/**
	 * Generate background styles.
	 * 
	 * @since 1.0
	 */
    function alpus_selective_background( style, id, bg ) {
        if ( bg[ 'background-color' ] ) {
            style.setProperty( '--alpus-' + id + '-bg-color', bg[ 'background-color' ] );
        } else {
            style.removeProperty( '--alpus-' + id + '-bg-color' );
        }
        if ( bg[ 'background-image' ] ) {
            style.setProperty( '--alpus-' + id + '-bg-image', 'url(' + bg[ 'background-image' ] + ')' );

            if ( bg[ 'background-repeat' ] ) {
                style.setProperty( '--alpus-' + id + '-bg-repeat', bg[ 'background-repeat' ] );
            }
            if ( bg[ 'background-position' ] ) {
                style.setProperty( '--alpus-' + id + '-bg-position', bg[ 'background-position' ] );
            }
            if ( bg[ 'background-size' ] ) {
                style.setProperty( '--alpus-' + id + '-bg-size', bg[ 'background-size' ] );
            }
            if ( bg[ 'background-attachment' ] ) {
                style.setProperty( '--alpus-' + id + '-bg-attachment', bg[ 'background-attachment' ] );
            }
        } else {
            style.removeProperty( '--alpus-' + id + '-bg-image' );
            style.removeProperty( '--alpus-' + id + '-bg-repeat' );
            style.removeProperty( '--alpus-' + id + '-bg-position' );
            style.removeProperty( '--alpus-' + id + '-bg-size' );
            style.removeProperty( '--alpus-' + id + '-bg-attachment' );
        }
    }

	/**
	 * Generate font styles.
	 * 
	 * @since 1.0
	 */
    function alpus_selective_typography( style, id, typo ) {
        if ( typo[ 'font-family' ] && 'inherit' != typo[ 'font-family' ] ) {
            style.setProperty( '--alpus-' + id + '-font-family', "'" + typo[ 'font-family' ] + "', sans-serif" );

            if ( !typo[ 'variant' ] ) {
                typo[ 'variant' ] = 400;
            }
        } else {
            style.removeProperty( '--alpus-' + id + '-font-family' );
        }
        if ( typo[ 'variant' ] ) {
            style.setProperty( '--alpus-' + id + '-font-weight', 'regular' == typo[ 'variant' ] ? 400 : typo[ 'variant' ] );
        } else if ( 'heading' == id ) {
            style.setProperty( '--alpus-' + id + '-font-weight', 600 );
        } else {
            style.removeProperty( '--alpus-' + id + '-font-weight' );
        }
        if ( typo[ 'font-size' ] && '' != typo[ 'font-size' ] ) {
            style.setProperty( '--alpus-' + id + '-font-size', ( Number( typo[ 'font-size' ] ) ? ( typo[ 'font-size' ] + 'px' ) : typo[ 'font-size' ] ) );
        } else {
            style.removeProperty( '--alpus-' + id + '-font-size' );
        }
        if ( typo[ 'line-height' ] && '' != typo[ 'line-height' ] ) {
            style.setProperty( '--alpus-' + id + '-line-height', typo[ 'line-height' ] );
        } else {
            style.removeProperty( '--alpus-' + id + '-line-height' );
        }
        if ( typo[ 'letter-spacing' ] && '' != typo[ 'letter-spacing' ] ) {
            style.setProperty( '--alpus-' + id + '-letter-spacing', typo[ 'letter-spacing' ] );
        } else {
            style.removeProperty( '--alpus-' + id + '-letter-spacing' );
        }
        if ( typo[ 'text-transform' ] && '' != typo[ 'text-transform' ] ) {
            style.setProperty( '--alpus-' + id + '-text-transform', typo[ 'text-transform' ] );
        } else {
            style.removeProperty( '--alpus-' + id + '-text-transform' );
        }
        if ( typo[ 'color' ] && '' != typo[ 'color' ] ) {
            style.setProperty( '--alpus-' + id + '-color', typo[ 'color' ] );
        } else {
            style.removeProperty( '--alpus-' + id + '-color' );
        }
    }

	/**
	 * Transform color format.
	 * 
	 * @since 1.0
	 */
    function getHSL( color ) {
        color = Number.parseInt( color.slice( 1 ), 16 );
        var $blue = color % 256;
        color /= 256;
        var $green = color % 256;
        var $red = color = color / 256;

        var $min = Math.min( $red, $green, $blue );
        var $max = Math.max( $red, $green, $blue );

        var $l = $min + $max;
        var $d = Number( $max - $min );
        var $h = 0;
        var $s = 0;

        if ( $d ) {
            if ( $l < 255 ) {
                $s = $d / $l;
            } else {
                $s = $d / ( 510 - $l );
            }

            if ( $red == $max ) {
                $h = 60 * ( $green - $blue ) / $d;
            } else if ( $green == $max ) {
                $h = 60 * ( $blue - $red ) / $d + 120;
            } else if ( $blue == $max ) {
                $h = 60 * ( $red - $green ) / $d + 240;
            }
        }

        return [ ( $h + 360 ) % 360, ( $s * 100 ), ( $l / 5.1 + 7 ) ];
    }

    /**
     * Change hue to rgb.
     * 
     * @since 1.2.0
     * @param {int} $m1 
     * @param {int} $m2 
     * @param {int} $h 
     */
    function hueToRGB( $m1, $m2, $h ) {
        if ( $h < 0 ) {
            $h += 1;
        } else if ( $h > 1 ) {
            $h -= 1;
        }

        if ( $h * 6 < 1 ) {
            return $m1 + ( $m2 - $m1 ) * $h * 6;
        }

        if ( $h * 2 < 1 ) {
            return $m2;
        }

        if ( $h * 3 < 2 ) {
            return $m1 + ( $m2 - $m1 ) * ( 2 / 3 - $h ) * 6;
        }

        return $m1;
    }

    /**
     * Get RGB
     * 
     * @since 1.2.0
     * @param {int} $hue 
     * @param {int} $saturation 
     * @param {int} $lightness 
     */
    function getRGB( $hue, $saturation, $lightness ) {
        if ( $hue < 0 ) {
            $hue += 360;
        }

        var $h = $hue / 360;
        var $s = Math.min( 100, Math.max( 0, $saturation ) ) / 100;
        var $l = Math.min( 100, Math.max( 0, $lightness ) ) / 100;

        var $m2 = $l <= 0.5 ? $l * ( $s + 1 ) : $l + $s - $l * $s;
        var $m1 = $l * 2 - $m2;

        var $r = hueToRGB( $m1, $m2, $h + 1 / 3 ) * 255;
        var $g = hueToRGB( $m1, $m2, $h ) * 255;
        var $b = hueToRGB( $m1, $m2, $h - 1 / 3 ) * 255;

        var $out = [ Math.ceil( $r ), Math.ceil( $g ), Math.ceil( $b ) ];

        return $out;
    }

    /**
     * Adjust the hsl.
     * 
     * @since 1.2.0
     * @param {string} color 
     * @param {int} amount 
     */
    function adjustHsl( color, amount ) {
        var $hsl = getHSL( color );
        $hsl[ 2 ] += amount;
        var $out = getRGB( $hsl[ 0 ], $hsl[ 1 ], $hsl[ 2 ] );
        return 'rgb(' + $out[ 0 ] + ',' + $out[ 1 ] + ',' + $out[ 2 ] + ')';
    }

    /**
     * Returns the light color.
     * 
     * @since 1.2.0
     * @param {string} color 
     * @param {int} amount
     */
    function getLighten( color, amount = 5 ) {
        if ( !color || 'transparent' == color ) {
            return 'transparent';
        }
        if ( color.length == 4 ) {
            color = '#' + color[ 1 ] + color[ 1 ] + color[ 2 ] + color[ 2 ] + color[ 3 ] + color[ 3 ];
        }
        return adjustHsl( color, amount );
    }

	/**
	 * Transform color format with transparency.
	 * 
	 * @since 1.0
	 */
    function getColorA( color, opacity ) {
        var hsl = getHSL( color );
        return 'hsl(' + hsl[ 0 ] + ', ' + hsl[ 1 ] + '%, ' + hsl[ 2 ] + '%, ' + opacity + ')';
    }
} )