+
{
+ wp.customize.section( 'sm_color_usage_section', ( colorUsageSection ) => {
+ const backArray = getBackArray();
+ setBackArray( [] );
+ colorUsageSection.focus();
+ setBackArray( backArray );
+ addToBackArray( 'sm_color_palettes_section' );
+ } );
+ } }>
+
+
+ `
+ } } />
+
+ Customize colors usage
+
+
+
+
+
+
+ {
+ setActivePreset( null );
+ } } />
+
+
+
+
+
+
+
+ {
+ updateSource( preset.config );
+ setActivePreset( preset.uid );
+ } } />
+
+
+
+
+
+
+ );
+}
+
+const Control = ( props ) => {
+ const { label, children } = props;
+
+ return (
+
+ { label &&
+
+ }
+ { children &&
{ children }
}
+
+ )
+}
diff --git a/src/_js/customizer/colors/components/builder/utils/contrast-array.js b/src/_js/customizer/colors/components/builder/utils/contrast-array.js
new file mode 100644
index 00000000..f9af1bf9
--- /dev/null
+++ b/src/_js/customizer/colors/components/builder/utils/contrast-array.js
@@ -0,0 +1,76 @@
+const optimalContrastArray = Array.from( Array( 12 ) ).map( ( x, i ) => {
+ return Math.pow( 21, i / 11 );
+} );
+
+// https://medium.com/envoy-design/designing-an-accessible-color-scheme-again-fd35cfa9d796
+const contrastRangesArray = [
+ [1, 1],
+ [1.07, 1.17],
+ [1.21, 1.31],
+ [1.5, 1.91],
+ [2.1, 2.63],
+ [3, 3.5],
+ [4.51, 4.67],
+ [6, 7],
+ [8.75, 10.5],
+ [11.67, 15],
+ [16.15, 19.1],
+ [21, 21],
+];
+
+// powers of 21 ^ 1/10 but with small adjustments for the lighter colors
+const myOptimalContrastArray = [
+ 1,
+ 1.07, // 1.32
+ 1.25, // 1.74
+ 1.8, // 2.29
+ 2.63, // 3.03
+ 3.99,
+
+ 5.26,
+ 6.94,
+ 9.15,
+ 12.07, // fg1
+ 15.92, // fg2
+ 19 // almost black (21)
+];
+
+const myOptimalContrastArray2 = [
+ 1, // 21 ^ 0
+ 1.079, // 21 ^ 0.025
+
+ 1.35588, // 21 ^ 0.1
+ 1.83841, // 21 ^ 0.2
+ 2.49267, // 21 ^ 0.3
+ 3.37977, // 21 ^ 0.4
+
+ 4.58257, // 21 ^ 0.5
+ 6.21343, // 21 ^ 0.6
+ 8.42468, // 21 ^ 0.7
+ 11.42287, // 21 ^ 0.8
+ 15.48807, // 21 ^ 0.9
+
+ 19.4609, // 21 ^ 0.975
+// 21, // 21 ^ 1
+];
+
+const mathematicArray = [
+ 1,
+ 1.1,
+ 1.25,
+ 1.5275,
+ 2.3332,
+ 3, // AA
+ 4.5825, // AA
+ 7, // AAA
+ 9,
+ 13.7475,
+ 16.8,
+ 19,
+// 21,
+];
+
+const minContrastArray = contrastRangesArray.map( x => x[0] );
+const maxContrastArray = contrastRangesArray.map( x => x[1] );
+
+export default myOptimalContrastArray;
diff --git a/src/_js/customizer/colors/components/builder/utils/get-css-from-palettes.js b/src/_js/customizer/colors/components/builder/utils/get-css-from-palettes.js
new file mode 100644
index 00000000..b305f90d
--- /dev/null
+++ b/src/_js/customizer/colors/components/builder/utils/get-css-from-palettes.js
@@ -0,0 +1,111 @@
+export const getCSSFromPalettes = ( palettesArray, variation = 1 ) => {
+
+ const palettes = palettesArray.slice();
+
+ if ( ! palettes.length ) {
+ return '';
+ }
+
+ // the old implementation generates 3 fallback palettes and
+ // we need to overwrite all 3 of them when the user starts building a new palette
+ // @todo this is necessary only in the Customizer preview
+ while ( palettes.length < 3 ) {
+ palettes.push( palettes[0] );
+ }
+
+ return palettes.reduce( ( palettesAcc, palette, paletteIndex, palettes ) => {
+
+ const { id, sourceIndex } = palette;
+
+ return `
+ ${ palettesAcc }
+
+ html {
+ ${ getInitialColorVaraibles( palette ) }
+ ${ getVariablesCSS( palette, variation - 1 ) }
+ ${ getVariablesCSS( palette, sourceIndex, false, true ) }
+ }
+
+ .is-dark {
+ ${ getVariablesCSS( palette, variation - 1, true ) }
+ ${ getVariablesCSS( palette, sourceIndex, true, true ) }
+ }
+ `;
+ }, '');
+}
+
+const getVariablesCSS = ( palette, offset = 0, isDark = false, isShifted = false ) => {
+ const { colors } = palette;
+ const count = colors.length;
+
+ return colors.reduce( ( colorsAcc, color, index ) => {
+ let oldColorIndex = ( index + offset ) % count;
+
+ if ( isDark ) {
+ if ( oldColorIndex < count / 2 ) {
+ oldColorIndex = 11 - oldColorIndex;
+ } else {
+ return colorsAcc;
+ }
+ }
+
+ return `${ colorsAcc }
+ ${ getColorVariables( palette, `${ index }`, oldColorIndex, isShifted ) }
+ `;
+ }, '' );
+}
+
+const getInitialColorVaraibles = ( palette ) => {
+ const { colors, textColors, id } = palette;
+ const prefix = '--sm-color-palette-';
+
+ let accentColors = colors.reduce( ( colorsAcc, color, index ) => {
+ return `${ colorsAcc }
+ ${ prefix }${ id }-color-${ index + 1 }: ${ color.value };
+ `;
+ }, '' );
+
+ let darkColors = textColors.reduce( ( colorsAcc, color, index ) => {
+ return `${ colorsAcc }
+ ${ prefix }${ id }-text-color-${ index + 1 }: ${ color.value };
+ `;
+ }, '' );
+
+ return `
+ ${ accentColors }
+ ${ darkColors }
+ `;
+}
+
+const getColorVariables = ( palette, newColorIndex, oldColorIndex, isShifted ) => {
+ const { colors, id, lightColorsCount } = palette;
+ const count = colors.length;
+ const accentColorIndex = ( oldColorIndex + count / 2 ) % count;
+ const prefix = '--sm-color-palette-';
+ const suffix = isShifted ? '-shifted' : '';
+ const newIndex = parseInt( newColorIndex, 10 ) + 1;
+
+ let accentColors = `
+ ${ prefix }${ id }-bg-color-${ newIndex }${ suffix }: var(${ prefix }${ id }-color-${ oldColorIndex + 1 });
+ ${ prefix }${ id }-accent-color-${ newIndex }${ suffix }: var(${ prefix }${ id }-color-${ accentColorIndex + 1 });
+ `;
+
+ let darkColors = '';
+
+ if ( oldColorIndex < lightColorsCount ) {
+ darkColors = `
+ ${ prefix }${ id }-fg1-color-${ newIndex }${ suffix }: var(${ prefix }${ id }-text-color-1);
+ ${ prefix }${ id }-fg2-color-${ newIndex }${ suffix }: var(${ prefix }${ id }-text-color-2);
+ `;
+ } else {
+ darkColors = `
+ ${ prefix }${ id }-fg1-color-${ newIndex }${ suffix }: var(${ prefix }${ id }-color-1);
+ ${ prefix }${ id }-fg2-color-${ newIndex }${ suffix }: var(${ prefix }${ id }-color-1);
+ `;
+ }
+
+ return `
+ ${ accentColors }
+ ${ darkColors }
+ `;
+}
diff --git a/src/_js/customizer/colors/components/builder/utils/get-palettes-from-colors.js b/src/_js/customizer/colors/components/builder/utils/get-palettes-from-colors.js
new file mode 100644
index 00000000..5d456c85
--- /dev/null
+++ b/src/_js/customizer/colors/components/builder/utils/get-palettes-from-colors.js
@@ -0,0 +1,219 @@
+import { hexToHpluv, hpluvToRgb } from 'hsluv';
+import chroma from 'chroma-js';
+
+import contrastArray from "./contrast-array";
+
+export const getPalettesFromColors = ( colorGroups, attributes = {
+ correctLightness: true,
+ useSources: true,
+ mode: 'lch',
+ bezierInterpolation: false,
+} ) => {
+ const functionalColors = getFunctionalColors( colorGroups );
+ let palettes = colorGroups.map( mapColorToPalette( attributes ) );
+ let functionalPalettes = functionalColors.map( mapColorToPalette( attributes ) );
+ let allPalettes = palettes.concat( functionalPalettes );
+
+ return mapSanitizePalettes( allPalettes, attributes );
+}
+
+const noop = palette => palette;
+
+const mapSanitizePalettes = ( colors, attributes = {} ) => {
+ return colors.map( mapCorrectLightness( attributes ) )
+ .map( mapUpdateProps )
+ .map( mapUseSource( attributes ) )
+ .map( mapAddSourceIndex( attributes ) )
+ .map( mapAddTextColors );
+}
+
+const mapAddTextColors = ( palette ) => {
+ palette.textColors = palette.colors.slice( 9, 11 ).map( ( color, index ) => {
+ return {
+ ...color,
+ value: getTextColor( color.value, 9 + index ),
+ }
+ } );
+ return palette;
+}
+
+const mapAddSourceIndex = ( attributes ) => {
+
+ return ( palette, index, palettes ) => {
+ const { source, colors } = palette;
+ let sourceIndex = getSourceIndex( palette );
+
+ // falback sourceIndex when the source isn't used in the palette
+ if ( ! sourceIndex > -1 ) {
+ sourceIndex = getBestPositionInPalette( source[0], colors.map( color => color.value ), attributes );
+ }
+
+ return {
+ sourceIndex,
+ ...palette
+ };
+ }
+}
+
+const mapColorToPalette = ( ( attributes ) => {
+
+ return ( groupObject, index ) => {
+
+ const colorObjects = groupObject.sources;
+ const sources = colorObjects.map( colorObj => colorObj.value );
+ const colors = createAutoPalette( sources, attributes );
+
+ const { label, id } = colorObjects[0];
+
+ return {
+ id: id || ( index + 1 ),
+ lightColorsCount: 5,
+ label: label,
+ source: sources,
+ colors: colors,
+ };
+ }
+} );
+
+const mapCorrectLightness = ( { correctLightness, mode } ) => {
+
+ if ( ! correctLightness ) {
+ return noop;
+ }
+
+ return ( palette ) => {
+ palette.colors = palette.colors.map( ( color, index ) => {
+ const luminance = contrastToLuminance( contrastArray[ index ] );
+ return chroma( color ).luminance( luminance, 'rgb' ).hex();
+ } );
+ return palette;
+ }
+}
+
+const mapUpdateProps = ( palette ) => {
+ palette.colors = palette.colors.map( ( color, index ) => {
+ return Object.assign( {}, {
+ value: color,
+ } )
+ } );
+
+ return palette;
+}
+
+const mapUseSource = ( attributes ) => {
+ const { useSources } = attributes;
+
+ if ( ! useSources ) {
+ return noop;
+ }
+
+ return ( palette ) => {
+ const { source } = palette;
+ const position = getBestPositionInPalette( source[0], palette.colors.map( color => color.value ), attributes );
+
+ palette.colors.splice( position, 1, {
+ value: source[0],
+ isSource: true
+ } );
+
+ return palette;
+ }
+}
+
+const getSourceIndex = ( palette ) => {
+ return palette.colors.findIndex( color => color.value === palette.source )
+}
+
+const getBestPositionInPalette = ( color, colors, attributes, byColorDistance ) => {
+ let min = Number.MAX_SAFE_INTEGER;
+ let pos = -1;
+
+ for ( let i = 0; i < colors.length - 1; i++ ) {
+ let distance;
+
+ if ( !! byColorDistance ) {
+ distance = chroma.distance( colors[i], color, 'rgb' );
+ } else {
+ distance = Math.abs( chroma( colors[i] ).luminance() - chroma( color ).luminance() );
+ }
+
+ if ( distance < min ) {
+ min = distance;
+ pos = i;
+ }
+ }
+
+ let firstDarkPos = Math.ceil( colors.length / 2 );
+
+ // if we want to preserve contrast we should do this
+ if ( attributes?.correctLightness ) {
+ if ( chroma.contrast( color, 'white' ) > Math.sqrt( 21 ) ) {
+ pos = Math.max( firstDarkPos, pos );
+ } else {
+ pos = Math.min( firstDarkPos - 1, pos );
+ }
+ }
+
+ return pos;
+}
+
+const getTextColor = ( hex, position ) => {
+ const luminance = contrastToLuminance( contrastArray[ position ] );
+ const hpluv = hexToHpluv( hex );
+ const h = Math.min( Math.max( hpluv[0], 0), 360 );
+ const p = Math.min( Math.max( hpluv[1], 0), 100 );
+ const l = Math.min( Math.max( hpluv[2], 0), 100 );
+ const rgb = hpluvToRgb( [h, p, l] ).map( x => x * 255 );
+
+ return chroma( rgb ).luminance( luminance ).hex();
+}
+
+const contrastToLuminance = ( contrast ) => {
+ return 1.05 / contrast - 0.05;
+}
+
+const createAutoPalette = ( colors, attributes = {} ) => {
+ const { mode, bezierInterpolation } = attributes;
+ const newColors = colors.slice();
+
+ newColors.splice( 0, 0, '#FFFFFF' );
+ newColors.push( '#000000' );
+ newColors.sort( ( c1, c2 ) => {
+ return chroma( c1 ).luminance() > chroma( c2 ).luminance() ? -1 : 1;
+ } );
+
+ if ( !! bezierInterpolation ) {
+ return chroma.bezier( newColors ).scale().mode( mode ).correctLightness().colors( 12 );
+ } else {
+ return chroma.scale( newColors ).mode( mode ).correctLightness().colors( 12 );
+ }
+}
+
+const blend = ( functionalColor, brandColor, ratio = 1 ) => {
+ const l1 = chroma( functionalColor ).get( 'hsl.s' );
+ const l2 = chroma( brandColor ).get( 'hsl.s' );
+ const l3 = l1 * ( 1 - 0.8 * ratio ) + l2 * 0.8 * ratio;
+
+ return chroma( functionalColor ).mix( brandColor, 0.1 * ratio ).set( 'hsl.s', l3 ).hex();
+}
+
+export const getFunctionalColors = ( colorGroups ) => {
+
+ if ( ! colorGroups?.length || ! colorGroups[0]?.sources?.length ) {
+ return [];
+ }
+
+ const color = colorGroups[0].sources[0].value;
+ const blue = blend( '#2E72D2', color );
+ const red = blend( '#D82C0D', color );
+ const yellow = blend( '#FFCC00', color, 0.5 );
+ const green = blend( '#00703c', color, 0.75 );
+
+ return [
+ { sources: [ { value: blue, label: 'Info', id: '_info' } ] },
+ { sources: [ { value: red, label: 'Error', id: '_error' } ] },
+ { sources: [ { value: yellow, label: 'Warning', id: '_warning' } ] },
+ { sources: [ { value: green, label: 'Success', id: '_success' } ] },
+ ];
+}
+
diff --git a/src/_js/customizer/colors/components/builder/utils/index.js b/src/_js/customizer/colors/components/builder/utils/index.js
new file mode 100644
index 00000000..ee8b89ef
--- /dev/null
+++ b/src/_js/customizer/colors/components/builder/utils/index.js
@@ -0,0 +1,24 @@
+export { getPalettesFromColors } from './get-palettes-from-colors';
+export { getCSSFromPalettes } from './get-css-from-palettes';
+
+export const getColorsFromInputValue = ( value ) => {
+ let colors;
+
+ try {
+ colors = JSON.parse( value );
+ } catch( e ) {
+ colors = [];
+ }
+
+ return colors;
+}
+
+export const getValueFromColors = ( colors ) => {
+ return JSON.stringify( colors );
+}
+
+
+
+
+
+
diff --git a/src/_js/customizer/colors/components/contextual-menu/index.js b/src/_js/customizer/colors/components/contextual-menu/index.js
new file mode 100644
index 00000000..3e3ee28d
--- /dev/null
+++ b/src/_js/customizer/colors/components/contextual-menu/index.js
@@ -0,0 +1,54 @@
+import "./style.scss"
+import useOutsideClick from "../../../utils/use-outside-click";
+
+import React, { useEffect, useState, useRef } from 'react';
+
+const ContextualMenu = ( props ) => {
+
+ const {
+ actions,
+ } = props;
+
+ const [ isOpen, setIsOpen ] = useState( false );
+
+ const onToggle = typeof props.onToggle === 'function' ? props.onToggle : ( isOpen ) => {};
+ const onClick = typeof props.onClick === 'function' ? props.onClick : ( event ) => { event.stopPropagation() };
+
+ useEffect( () => {
+ onToggle( isOpen );
+ }, [ isOpen ] )
+
+ const ref = useRef( null );
+
+ useOutsideClick( ref, () => {
+ setIsOpen( false );
+ } );
+
+ return (
+
+
{
+ e.preventDefault();
+ setIsOpen( ! isOpen ) } }>
+ Toggle Menu
+
+
+ { actions.map( ( { label, callback, className }, index ) => {
+
+ const onClick = ( e ) => {
+ e.preventDefault();
+ setIsOpen( false );
+ callback();
+ };
+
+ return (
+
+ { label }
+
+ )
+ } ) }
+
+
+ )
+}
+
+export { ContextualMenu }
diff --git a/src/_js/customizer/colors/components/contextual-menu/style.scss b/src/_js/customizer/colors/components/contextual-menu/style.scss
new file mode 100644
index 00000000..25dfa60c
--- /dev/null
+++ b/src/_js/customizer/colors/components/contextual-menu/style.scss
@@ -0,0 +1,77 @@
+
+.c-contextual-menu {
+ position: relative;
+}
+
+.c-contextual-menu__toggle {
+ width: 2.4em;
+ height: 2.4em;
+ border-radius: 999em;
+ color: var(--sm-color-palette-neutral-text-color-1);
+ outline: 0;
+
+ transition: var(--sm-transition);
+ transition-property: background-color;
+
+ // ellipsis
+ &:before {
+ content: "";
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 0.2em;
+ height: 0.2em;
+ border-radius: 999em;
+ background-color: currentColor;
+ box-shadow: currentColor 0.4em 0 0 0, currentColor -0.4em 0 0 0;
+ transform: translate(-50%, -50%);
+ }
+
+ span {
+ display: block;
+ text-indent: -999em;
+ }
+
+ .c-contextual-menu--visible &,
+ .c-contextual-menu:hover & {
+ background-color: var(--sm-color-palette-neutral-color-3);
+ }
+}
+
+.c-contextual-menu__list {
+ position: absolute;
+ top: 100%;
+ right: 0;
+ z-index: 100;
+
+ width: 15em;
+ margin-top: 0.66em;
+ padding: 0.75em 0;
+
+ border-radius: 0.25em;
+ background: var(--sm-color-palette-neutral-color-1);
+ box-shadow: var(--sm-customizer-box-shadow-2);
+
+ transition: var(--sm-transition);
+ transition-property: opacity, transform, box-shadow;
+
+ .c-contextual-menu--hidden & {
+ box-shadow: var(--sm-customizer-box-shadow-0);
+ transform: translateY(-1em);
+ opacity: 0;
+ pointer-events: none;
+ }
+}
+
+.c-contextual-menu__list-item {
+ padding: 0.75em 1.25em;
+ cursor: pointer;
+
+ &:hover {
+ background: var(--sm-color-palette-neutral-color-2);
+ }
+}
+
+.c-contextual-menu__list-item--danger {
+ color: red;
+}
diff --git a/src/_js/customizer/colors/components/dropzone/index.js b/src/_js/customizer/colors/components/dropzone/index.js
new file mode 100644
index 00000000..54c1185b
--- /dev/null
+++ b/src/_js/customizer/colors/components/dropzone/index.js
@@ -0,0 +1,175 @@
+import React, { useContext, useEffect, useRef, useState } from 'react';
+import chroma from "chroma-js";
+
+import { PresetPreview } from '../palette-list';
+import uploadIcon from "../../../svg/upload.svg";
+import Worker from "worker-loader!./worker.js";
+import ConfigContext from "../../context";
+
+import './style.scss';
+import getRandomStripes from "../palette-list/get-random-stripes";
+import { getPalettesFromColors } from "../builder";
+
+export const myWorker = new Worker();
+
+const canInterpolate = ( color1, color2 ) => {
+ const luminance1 = chroma( color1 ).luminance();
+ const luminance2 = chroma( color2 ).luminance();
+
+ return Math.abs( luminance1 - luminance2 ) > 0.3;
+}
+
+const maybeInterpolateColors = ( colors ) => {
+
+ if ( colors.length >= 3 &&
+ canInterpolate( colors[0], colors[1] ) &&
+ canInterpolate( colors[0], colors[2] ) &&
+ canInterpolate( colors[1], colors[2] ) ) {
+ return [ colors ];
+ }
+
+ if ( colors.length >= 2 && canInterpolate( colors[0], colors[1] ) ) {
+ return [ [ colors[0], colors[1] ], [ colors[2] ] ];
+ }
+
+ if ( colors.length >= 3 && canInterpolate( colors[0], colors[2] ) ) {
+ return [ [ colors[0], colors[2] ], [ colors[1] ] ];
+ }
+
+ if ( colors.length >= 3 && canInterpolate( colors[0], colors[2] ) ) {
+ return [ [ colors[0] ], [ colors[1], colors[2] ] ];
+ }
+
+ return [ [ colors[0] ], [ colors[1] ], [ colors[2] ] ];
+}
+
+const DropZone = () => {
+
+ const { setConfig } = useContext( ConfigContext );
+
+ const [ files, setFiles ] = useState( null );
+ const [ stripes, setStripes ] = useState( [] );
+
+ const imgSourceRef = useRef( null );
+ const imgPreviewRef = useRef( null );
+ const canvasRef = useRef( null );
+ const previewRef = useRef( null );
+
+ const dragOver = ( e ) => {
+ e.preventDefault();
+ }
+
+ const dragEnter = ( e ) => {
+ e.preventDefault();
+ }
+
+ const dragLeave = ( e ) => {
+ e.preventDefault();
+ }
+
+ const fileDrop = ( e ) => {
+ e.preventDefault();
+ const files = e.dataTransfer.files;
+ setFiles( files );
+ }
+
+ useEffect( () => {
+ myWorker.onmessage = function( event ) {
+ const type = event.data.type;
+
+ if ( 'palette' === type ) {
+ const groups = maybeInterpolateColors( event.data.colors );
+
+ const config = groups.map( ( colors, groupIndex ) => {
+ return {
+ uid: `color_group_${ groupIndex }`,
+ sources: colors.map( ( color, colorIndex ) => {
+ return {
+ uid: `color_${ colorIndex }`,
+ label: `Color ${ colorIndex + 1 }`,
+ value: chroma( color ).hex()
+ }
+ } )
+ }
+ } );
+
+ setConfig( config );
+
+ const preset = {};
+ preset.palettes = getPalettesFromColors( config );
+ setStripes( getRandomStripes( preset ) );
+ }
+ };
+
+ return () => {
+ delete myWorker.onmessage;
+ };
+
+ }, [] );
+
+ useEffect( () => {
+ const imgSource = imgSourceRef.current;
+ const imgPreview = imgPreviewRef.current;
+
+ // FileReader support
+ if ( FileReader && files && files.length ) {
+ var fr = new FileReader();
+ fr.onload = function() {
+ imgSource.src = fr.result;
+ imgPreview.src = fr.result;
+ }
+ fr.readAsDataURL( files[0] );
+ }
+ }, [ files ] );
+
+ const onImageLoad = () => {
+ const imgSource = imgSourceRef.current;
+
+ const canvas = canvasRef.current;
+ const context = canvas.getContext( '2d' );
+
+ canvas.width = Math.min( imgSource.width, 100 );
+ canvas.height = canvas.width * imgSource.height / imgSource.width;
+ context.drawImage( imgSource, 0, 0, canvas.width, canvas.height );
+
+ const imageData = context.getImageData( 0, 0, canvas.width, canvas.height ).data;
+
+ myWorker.postMessage( {
+ type: 'image',
+ imageData: imageData,
+ width: canvas.width,
+ height: canvas.height
+ } );
+ }
+
+ return (
+
+
+ Extract colors from an image and generate a color palette for your design system.
+
+
+
+
+
+
+ `
+ } } />
+
Drag and drop your image
+
or select a file from your computer
+
+
+
+
+
+
+
+
+ )
+}
+
+export default DropZone;
diff --git a/src/_js/customizer/colors/components/dropzone/style.scss b/src/_js/customizer/colors/components/dropzone/style.scss
new file mode 100644
index 00000000..5a91a38a
--- /dev/null
+++ b/src/_js/customizer/colors/components/dropzone/style.scss
@@ -0,0 +1,101 @@
+.dropzone {
+
+ > :not(:first-child) {
+ margin-top: var(--customizer-spacing);
+ }
+}
+
+.dropzone-container {
+ position: relative;
+
+ margin: 0;
+
+ text-align: center;
+
+ &:before {
+ content: "";
+ display: block;
+ padding-top: 100%;
+ }
+
+ .sm-presets-preview {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 10;
+
+ width: 100%;
+ height: 100%;
+ }
+}
+
+.dropzone-placeholder {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ border: 2px dashed var(--sm-color-palette-accent-color-4);
+ border-radius: 0.5em;
+
+ background: var(--sm-color-palette-accent-color-2);
+}
+
+.dropzone-info {
+ padding: 1em;
+}
+
+.dropzone-info-icon {
+ margin-bottom: 10px;
+
+ svg {
+ display: block;
+ width: 32px;
+ max-width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+
+.dropzone-info-title {
+ font-size: 18px;
+ font-weight: 500;
+ line-height: 1.5;
+ letter-spacing: -0.03em;
+}
+
+.dropzone-info-anchor {
+ color: var(--sm-color-palette-accent-color-6);
+ text-decoration: underline;
+}
+
+.dropzone-description {
+ margin-top: 0;
+ margin-bottom: 1em;
+}
+
+.dropzone-image-source {
+ display: none;
+}
+
+.dropzone-canvas {
+ display: none;
+}
+
+img:not([src]) {
+ display: none;
+}
+
+.dropzone-image-preview {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
diff --git a/src/_js/customizer/colors/components/dropzone/worker.js b/src/_js/customizer/colors/components/dropzone/worker.js
new file mode 100644
index 00000000..d839259e
--- /dev/null
+++ b/src/_js/customizer/colors/components/dropzone/worker.js
@@ -0,0 +1,182 @@
+importScripts( '../../vendor_js/chroma.min.js' );
+
+function sendPalette( label, colors ) {
+ self.postMessage({ // eslint-disable-line no-restricted-globals
+ type: 'palette',
+ label: label,
+ colors: colors
+ });
+}
+
+addEventListener( 'message', function( event ) { // eslint-disable-line no-restricted-globals
+ const points = getDataArrayFromImage( event.data.imageData );
+ const clusters = getClusters( points, 5, 10 );
+ clusters.sort( ( cluster1, cluster2 ) => cluster1.points.length > cluster2.points.length ? -1 : 1 );
+ clusters.splice( 3 );
+
+ const palette = clusters.map( cluster => chroma( cluster.centroid, 'lab' ).rgb() );
+
+ sendPalette( 'Palette', palette );
+} );
+
+
+const getLuminance = ( rgb ) =>{
+ return Number( (
+ 0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]
+ ).toFixed( 3 ) );
+}
+
+function getDataArrayFromImage( imageData, width, height ) {
+ var rgbArray = [];
+
+ var i, j, temparray,
+ chunk = 4,
+ col = 0,
+ row = 0;
+
+ for ( i = 0, j = imageData.length; i < j; i += chunk ) {
+ temparray = imageData.slice( i, i + chunk );
+
+ if ( temparray[3] !== 0 ) {
+ const color = chroma( [ temparray[0], temparray[1], temparray[2] ] );
+ const point = color.lab();
+
+ if ( color.luminance() > 0.05 ) {
+ rgbArray.push( point );
+ }
+ }
+
+ if ( col < width - 1 ) {
+ col = col + 1;
+ } else {
+ col = 0;
+ row = row + 1;
+ }
+ }
+ return rgbArray;
+}
+
+function getClusters( array, k = 10, iterations = 10 ) {
+ // clusters count
+ clusterMaker.k( k ); // eslint-disable-line no-undef
+ // iterations (more means more precision but longer time to process)
+ clusterMaker.iterations( iterations ); // eslint-disable-line no-undef
+ // set data
+ clusterMaker.data(array); // eslint-disable-line no-undef
+ // get clusters
+ return clusterMaker.clusters();
+}
+
+const clusterMaker = {
+
+ data: getterSetter([], function(arrayOfArrays) {
+ var n = arrayOfArrays[0].length;
+ return (arrayOfArrays.map(function(array) {
+ return array.length === n;
+ }).reduce(function(boolA, boolB) { return (boolA & boolB) }, true));
+ }),
+
+ clusters: function() {
+ var pointsAndCentroids = kmeans(this.data(), {k: this.k(), iterations: this.iterations() });
+ var points = pointsAndCentroids.points;
+ var centroids = pointsAndCentroids.centroids;
+
+ return centroids.map(function(centroid) {
+ return {
+ centroid: centroid.location(),
+ points: points.filter(function(point) { return point.label() === centroid.label() }).map(function(point) { return point.location() }),
+ };
+ });
+ },
+
+ k: getterSetter(undefined, function(value) { return ((value % 1 === 0) & (value > 0)) }),
+
+ iterations: getterSetter(Math.pow(10, 3), function(value) { return ((value % 1 === 0) & (value > 0)) }),
+
+};
+
+function kmeans(data, config) {
+ // default k
+ var k = config.k || Math.round(Math.sqrt(data.length / 2));
+ var iterations = config.iterations;
+
+ // initialize point objects with data
+ var points = data.map(function(vector) { return new Point(vector) });
+
+ // intialize centroids randomly
+ var centroids = [];
+ for (var i = 0; i < k; i++) {
+ centroids.push(new Centroid(points[i % points.length].location(), i));
+ };
+
+ // update labels and centroid locations until convergence
+ for (var iter = 0; iter < iterations; iter++) {
+ points.forEach(function(point) { point.updateLabel(centroids) });
+ centroids.forEach(function(centroid) { centroid.updateLocation(points) });
+ };
+
+ // return points and centroids
+ return {
+ points: points,
+ centroids: centroids
+ };
+
+};
+
+// objects
+function Point(location) {
+ var self = this;
+ this.location = getterSetter(location);
+ this.label = getterSetter();
+ this.updateLabel = function(centroids) {
+ var distancesSquared = centroids.map(function(centroid) {
+ return sumOfSquareDiffs(self.location(), centroid.location());
+ });
+ self.label(mindex(distancesSquared));
+ };
+};
+
+function Centroid(initialLocation, label) {
+ var self = this;
+ this.location = getterSetter(initialLocation);
+ this.label = getterSetter(label);
+ this.updateLocation = function(points) {
+ var pointsWithThisCentroid = points.filter(function(point) { return point.label() === self.label() });
+ if (pointsWithThisCentroid.length > 0) self.location(averageLocation(pointsWithThisCentroid));
+ };
+};
+
+// convenience functions
+function getterSetter(initialValue, validator) {
+ var thingToGetSet = initialValue;
+ var isValid = validator || function(val) { return true };
+ return function(newValue) {
+ if (typeof newValue === 'undefined') return thingToGetSet;
+ if (isValid(newValue)) thingToGetSet = newValue;
+ };
+};
+
+function sumOfSquareDiffs(oneVector, anotherVector) {
+ var squareDiffs = oneVector.map(function(component, i) {
+ return Math.pow(component - anotherVector[i], 2);
+ });
+ return squareDiffs.reduce(function(a, b) { return a + b }, 0);
+};
+
+function mindex(array) {
+ var min = array.reduce(function(a, b) {
+ return Math.min(a, b);
+ });
+ return array.indexOf(min);
+};
+
+function sumVectors(a, b) {
+ return a.map(function(val, i) { return val + b[i] });
+};
+
+function averageLocation(points) {
+ var zeroVector = points[0].location().map(function() { return 0 });
+ var locations = points.map(function(point) { return point.location() });
+ var vectorSum = locations.reduce(function(a, b) { return sumVectors(a, b) }, zeroVector);
+ return vectorSum.map(function(val) { return val / points.length });
+};
diff --git a/src/_js/customizer/colors/components/overlay/index.js b/src/_js/customizer/colors/components/overlay/index.js
new file mode 100644
index 00000000..f36be925
--- /dev/null
+++ b/src/_js/customizer/colors/components/overlay/index.js
@@ -0,0 +1,15 @@
+import React from "react";
+
+import './style.scss';
+
+const Overlay = ( props ) => {
+ const { show } = props;
+
+ return (
+
+ { props.children }
+
+ )
+}
+
+export default Overlay;
diff --git a/src/_js/customizer/colors/components/overlay/style.scss b/src/_js/customizer/colors/components/overlay/style.scss
new file mode 100644
index 00000000..15b4c664
--- /dev/null
+++ b/src/_js/customizer/colors/components/overlay/style.scss
@@ -0,0 +1,34 @@
+.sm-overlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 9999;
+
+ width: 100%;
+ height: 100%;
+
+ background: #FFFFFF;
+ transition: all .2s ease;
+ transition-property: opacity;
+
+ overflow: auto;
+ pointer-events: auto;
+
+ &:not(.sm-overlay--visible) {
+ opacity: 0;
+ pointer-events: none;
+ }
+
+ &, * {
+ font-family: system-ui;
+ }
+}
+
+.sm-overlay__container {
+ padding: 0 80px;
+}
+
+.sm-overlay__wrap {
+ max-width: 920px;
+ margin: 0 auto;
+}
diff --git a/src/_js/customizer/colors/components/palette-list/get-random-stripes.js b/src/_js/customizer/colors/components/palette-list/get-random-stripes.js
new file mode 100644
index 00000000..4df2798a
--- /dev/null
+++ b/src/_js/customizer/colors/components/palette-list/get-random-stripes.js
@@ -0,0 +1,69 @@
+const getRandomBetween = ( min, max ) => {
+ const random = Math.max(0, Math.random() - Number.MIN_VALUE );
+ return Math.floor( random * (max - min + 1) + min );
+};
+
+const getRandomStripes = ( preset => {
+ const widths = [1, 1, 2, 2, 4];
+ const { palettes } = preset;
+
+ if ( ! palettes.length ) {
+ return [];
+ }
+
+ const palette = palettes[0];
+ const { sourceIndex } = palette;
+
+ const stripes = Array.from( Array(5).keys() ).map( idx => {
+ const stripe = document.createElement( 'div' );
+ const widthPos = getRandomBetween( 0, widths.length - 1 );
+ const width = widths[ widthPos ];
+
+ widths.splice( widthPos, 1 );
+
+ return {
+ index: idx,
+ element: stripe,
+ width: width,
+ }
+ } );
+
+ stripes.sort( ( a, b ) => a.width > b.width ? -1 : 1 );
+
+ const segments = [ Array.from( Array(10).keys() ) ];
+
+ stripes.forEach( stripe => {
+ const segmentsIndexes = Array.from( Array( segments.length ).keys() );
+ const availSegmentsIndexes = segmentsIndexes.filter( index => segments[ index ].length >= stripe.width );
+ const segmentRandom = getRandomBetween( 0, availSegmentsIndexes.length - 1 );
+ const segmentIndex = availSegmentsIndexes[segmentRandom];
+ const thisSegment = segments[ segmentIndex ];
+ const positionRandom = getRandomBetween( 0, thisSegment.length - stripe.width );
+ const position = thisSegment[ positionRandom ];
+
+ segments.splice( segmentIndex, 1, thisSegment.slice( 0, positionRandom ), thisSegment.slice( positionRandom + stripe.width, thisSegment.length ) );
+
+ stripe.pos = position;
+ } );
+
+ const mainColor = palette.colors[ sourceIndex ].value;
+ const colors = palettes.reduce( ( acc, palette ) => {
+ const id = palette.id + '';
+ const colorsToAdd = id.charAt(0) === '_' ? [] : palette.colors.map( color => color.value );
+
+ return acc.concat( colorsToAdd );
+ }, [] );
+
+ stripes.forEach( stripe => {
+ const colorIndex = getRandomBetween( 1, colors.length );
+ const color = stripe.width === 4 ? mainColor : colors[ colorIndex ];
+ colors.splice( colorIndex, 1 );
+ stripe.color = color;
+ } );
+
+ stripes.sort( ( a, b ) => a.index > b.index ? -1 : 1 );
+
+ return stripes;
+} );
+
+export default getRandomStripes;
diff --git a/src/_js/customizer/colors/components/palette-list/get-text-color.js b/src/_js/customizer/colors/components/palette-list/get-text-color.js
new file mode 100644
index 00000000..176d58d2
--- /dev/null
+++ b/src/_js/customizer/colors/components/palette-list/get-text-color.js
@@ -0,0 +1,14 @@
+const getTextColor = ( preset ) => {
+ const { palettes } = preset;
+
+ if ( ! palettes.length ) {
+ return [];
+ }
+
+ const palette = palettes[0];
+ const { lightColorsCount, sourceIndex, textColors } = palette;
+
+ return sourceIndex > lightColorsCount ? '#FFFFFF' : textColors[0].value;
+}
+
+export default getTextColor;
diff --git a/src/_js/customizer/colors/components/palette-list/index.js b/src/_js/customizer/colors/components/palette-list/index.js
new file mode 100644
index 00000000..0c7810e9
--- /dev/null
+++ b/src/_js/customizer/colors/components/palette-list/index.js
@@ -0,0 +1,66 @@
+import React from 'react';
+import getRandomStripes from './get-random-stripes';
+import getTextColor from './get-text-color';
+import presets from './presets';
+
+import './style.scss';
+import { getPalettesFromColors } from "../builder";
+
+presets.forEach( ( preset ) => {
+ preset.palettes = getPalettesFromColors( preset.config );
+ preset.stripes = getRandomStripes( preset );
+ preset.textColor = getTextColor( preset );
+} );
+
+const PresetsList = ( props ) => {
+
+ const noop = () => {};
+ const onChange = props.onChange || noop;
+
+ return (
+
+ {
+ presets.map( preset => {
+ return (
+
+ );
+ } )
+ }
+
+ )
+}
+
+const PaletteListItem = ( props ) => {
+
+ const { preset, active } = props;
+
+ const noop = () => {};
+ const onChange = props.onChange || noop;
+
+ return (
+
{ onChange( preset ) } }>
+
+
+ );
+}
+
+export const PresetPreview = ( props ) => {
+ const { textColor, stripes, quote, image, active } = props;
+
+ return (
+
+ { quote &&
{ quote }
}
+
+ { stripes.map( ( stripe, index ) => {
+ return (
+
+ );
+ } ) }
+
+
+ )
+}
+
+export default PresetsList;
diff --git a/src/_js/customizer/colors/components/palette-list/presets.js b/src/_js/customizer/colors/components/palette-list/presets.js
new file mode 100644
index 00000000..5e1c6335
--- /dev/null
+++ b/src/_js/customizer/colors/components/palette-list/presets.js
@@ -0,0 +1,59 @@
+const presets = [ {
+ uid: `preset1`,
+ quote: "This color makes me feel at home",
+ image: 'https://images.unsplash.com/flagged/photo-1557533046-154fc97b729f?ixid=MnwxMjA3fDB8MXxzZWFyY2h8MXx8dHJvcGljYWx8fDB8fHx8MTYxOTE2NjM3MQ&ixlib=rb-1.2.1&dpr=1&auto=format&fit=crop&w=120&h=200&q=60',
+ config: [
+ {
+ "uid": "color_group_0",
+ "sources": [
+ {"uid": "color_0", "label": "Color 1", "value": "#1d7e70"},
+ {"uid": "color_1", "label": "Color 2", "value": "#efdfd2"},
+ {"uid": "color_2", "label": "Color 3", "value": "#3addf3"}
+ ]
+ }
+ ]
+}, {
+ uid: `preset2`,
+ quote: "I prefer living in color",
+ image: 'https://images.unsplash.com/photo-1549772262-a128a0224ea5?ixid=MnwxMjA3fDB8MXxzZWFyY2h8NHx8Y2l0eSUyMGxpZ2h0c3x8MHx8fHwxNjE5MTY5ODI0&ixlib=rb-1.2.1&dpr=1&auto=format&fit=crop&w=120&h=200&q=60',
+ config: [ {
+ "uid": "color_group_0",
+ "sources": [
+ {"uid": "color_0", "label": "Color 1", "value": "#38578e"},
+ {"uid": "color_1", "label": "Color 2", "value": "#78a5ce"}
+ ]
+ },
+ {
+ "uid": "color_group_1",
+ "sources": [
+ {"uid": "color_0", "label": "Color 1", "value": "#6c45c3"}
+ ]
+ } ]
+}, {
+ uid: `preset3`,
+ quote: "Life is about using the whole box of crayons",
+ image: 'https://images.unsplash.com/photo-1564107628966-daff03746bee?ixid=MnwxMjA3fDB8MXxzZWFyY2h8MjV8fGRlc2VydHxlbnwwfHx8fDE2MTkxNjA1ODM&ixlib=rb-1.2.1&dpr=1&auto=format&fit=crop&w=120&h=200&q=60',
+ config: [
+ {
+ "uid": "color_group_0",
+ "sources": [
+ {"uid": "color_0", "label": "Color 1", "value": "#e1995d"}
+ ]
+ },
+ ]
+}, {
+ uid: `preset4`,
+ quote: "Let me, O let me bathe my soul in colors.",
+ image: 'https://images.unsplash.com/photo-1515935811948-4f4d2eabbd4e?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjE5MTg5MjAx&ixlib=rb-1.2.1&dpr=1&auto=format&fit=crop&w=120&h=200&q=60',
+ config: [
+ {
+ "uid": "color_group_0",
+ "sources": [
+ {"uid": "color_0", "label": "Color 1", "value": "#fde169"},
+ {"uid": "color_1", "label": "Color 2", "value": "#920060"}
+ ]
+ }
+ ]
+} ]
+
+export default presets;
diff --git a/src/_js/customizer/colors/components/palette-list/style.scss b/src/_js/customizer/colors/components/palette-list/style.scss
new file mode 100644
index 00000000..49838c34
--- /dev/null
+++ b/src/_js/customizer/colors/components/palette-list/style.scss
@@ -0,0 +1,117 @@
+.sm-presets-list {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ grid-gap: 10px;
+}
+
+.sm-presets-preview {
+ position: relative;
+
+ background-position: center center;
+ background-size: cover;
+
+ cursor: pointer;
+
+ &.sm-presets-preview--active,
+ &:hover {
+
+ .sm-presets-preview__pixel {
+ top: 0;
+ }
+ }
+
+ &:not(:hover):not(.sm-presets-preview--active) {
+
+ .sm-presets-preview__pixel {
+ --moveY: calc( 100% * var(--p) / 10 );
+ --scaleY: calc( var(--w) / 10 );
+ transform: translateY( var(--moveY) ) scaleY( var(--scaleY) ) scaleX(1.1);
+ }
+ }
+
+ &:before {
+ content: "";
+ display: block;
+ padding-top: 100%;
+ }
+}
+
+.sm-presets-preview__quote {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 10;
+
+ width: 100%;
+ height: 100%;
+ padding: 1.2em;
+
+ font-size: 15px;
+ font-weight: 600;
+ line-height: 1.2;
+
+ opacity: 0;
+ transition: opacity .2s ease-out;
+}
+
+.sm-presets-preview__stripes {
+ position: absolute;
+ top: 0;
+ left: 0;
+
+ width: 100%;
+ height: 100%;
+
+ display: flex;
+ flex-direction: row-reverse;
+}
+
+.sm-presets-preview--active {
+
+ .sm-presets-preview__quote {
+ opacity: 1;
+ transition-delay: .3s;
+ }
+
+ .sm-presets-preview__stripe-w4 {
+ width: 100%;
+ }
+
+ .sm-presets-preview__stripe:not(.sm-presets-preview__stripe-w4) {
+ width: 0;
+ }
+}
+
+.sm-presets-preview__stripe {
+ position: relative;
+ overflow: hidden;
+
+ width: calc( 10% * var(--w) );
+ transition: all .5s cubic-bezier(0.540, -0.470, 0.100, 1.000);
+}
+
+.sm-presets-preview__pixel {
+ position: absolute;
+
+ width: 100%;
+ height: 100%;
+
+ background: currentColor;
+ transition: all .5s cubic-bezier(0.540, -0.470, 0.100, 1.000);
+ transform: scaleX(1.1);
+ transform-origin: 50% 0;
+
+ pointer-events: none;
+}
+
+@for $i from 0 through 9 {
+ .sm-presets-preview__stripe-p#{ $i } {
+ --p: #{ $i };
+ }
+}
+
+@each $w in 1, 2, 4 {
+ .sm-presets-preview__stripe-w#{ $w } {
+ --w: #{ $w };
+ }
+}
diff --git a/src/_js/customizer/colors/components/preview/index.js b/src/_js/customizer/colors/components/preview/index.js
new file mode 100644
index 00000000..4d5115ec
--- /dev/null
+++ b/src/_js/customizer/colors/components/preview/index.js
@@ -0,0 +1,161 @@
+import classnames from 'classnames';
+import React, { Fragment, useEffect, useState } from 'react';
+
+import './style.scss';
+
+const Preview = ( props ) => {
+
+ return (
+
+
+
+
+
+
The color system
+
The color system generated it’s based on your brands color and a set of underlying principles and guidelines, making color usage accessible and purposeful.
+
+
+
+
+ )
+}
+
+const PalettePreviewList = ( props ) => {
+
+ const {
+ palettes
+ } = props;
+
+ return palettes.map( ( palette, index ) => {
+ const description = index === 0 ? 'Each column from the color palette below represent a state where a component could be. The first row is the main surface or background color, while the other two rows are for the content.' : '';
+
+ return
+ } )
+}
+
+const PalettePreview = ( props ) => {
+ const { palette } = props;
+ const { id, colors, textColors, lightColorsCount } = palette;
+ const [ hover, setHover ] = useState(false );
+ const [ lastHover, setLastHover ] = useState( 0 );
+
+ const siteVariationSetting = wp.customize( 'sm_site_color_variation' );
+ const [ siteVariation, setSiteVariation ] = useState( parseInt( siteVariationSetting(), 10 ) );
+
+ const onSiteVariationChange = ( newValue ) => {
+ setSiteVariation( parseInt( newValue, 10 ) );
+ }
+
+ useEffect( () => {
+ if ( hover !== false ) {
+ setLastHover( hover );
+ }
+ }, [ hover ] );
+
+ useEffect( () => {
+ // Attach the listeners on component mount.
+ siteVariationSetting.bind( onSiteVariationChange );
+
+ // Detach the listeners on component unmount.
+ return () => {
+ siteVariationSetting.unbind( onSiteVariationChange );
+ }
+ }, [] );
+
+ const normalize = index => {
+ return ( index + siteVariation - 1 + 12 ) % 12;
+ }
+
+ return (
+
+
+
+
+ { colors.map( ( color, index ) => {
+
+ const variation = index + 1;
+ const showLightForeground = normalize( index ) === 0;
+ const showDarkForeground = normalize( index ) === 9;
+ const foregroundToShow = normalize( hover ) >= lightColorsCount ? showLightForeground : showDarkForeground;
+
+ const passedProps = {
+ showCard: index === hover,
+ showAccent: ( hover !== false ) && ( index === ( hover + 6 ) % 12 ),
+ showForeground: ( hover !== false ) && foregroundToShow,
+ textColor: normalize( index ) >= lightColorsCount ? textColors[0].value : '#FFFFFF',
+ variation,
+ }
+
+ return (
+
{ setHover( index ) } }
+ onMouseLeave={ () => { setHover( false ) } }>
+
+
+ )
+ } ) }
+
+
+
+
+ )
+}
+
+const PalettePreviewGrade = ( props ) => {
+
+ const {
+ showCard,
+ showAccent,
+ showForeground,
+ textColor,
+ variation,
+ } = props;
+
+ const className = classnames(
+ 'palette-preview-swatches__wrap',
+ {
+ 'show-card': showCard,
+ 'show-accent': showAccent,
+ 'show-fg': showForeground,
+ }
+ )
+
+ return (
+
+ );
+}
+
+const PalettePreviewGradeCard = ( props ) => {
+
+ const { variation } = props;
+ const buttonVariation = ( variation - 1 + 6 ) % 12 + 1;
+
+ return (
+
+ )
+}
+
+export default Preview;
diff --git a/src/_js/customizer/colors/components/preview/style.scss b/src/_js/customizer/colors/components/preview/style.scss
new file mode 100644
index 00000000..a83914cf
--- /dev/null
+++ b/src/_js/customizer/colors/components/preview/style.scss
@@ -0,0 +1,224 @@
+.palette-preview-header {
+ padding: 3em 0;
+ background: var(--sm-current-bg-color);
+ color: var(--sm-current-fg1-color);
+}
+
+.palette-preview-header-wrap {
+ display: flex;
+ align-items: center;
+
+ margin-left: -60px;
+
+ > * {
+ margin-left: 60px;
+ }
+}
+
+.palette-preview-title {
+ font-size: 36px;
+ line-height: 1;
+ color: inherit;
+ flex: 1 0 auto;
+}
+
+.palette-preview-description {
+ font-size: 15px;
+ line-height: 1.4;
+ letter-spacing: -0.02em;
+ max-width: 480px;
+}
+
+.palette-preview {
+ padding: 8em 0;
+ background: var(--sm-current-bg-color);
+
+ transition: background-color .15s ease-out;
+}
+
+.palette-preview-set {
+ position: relative;
+
+ display: flex;
+ width: 100%;
+ margin: 0 auto;
+
+ --swatch-gap: 0.25em;
+
+
+ padding: 2em 0;
+}
+
+.palette-preview-swatches {
+ display: flex;
+ align-items: stretch;
+ flex-direction: column;
+ flex: 1 1 auto;
+ width: calc(100% / 12);
+}
+
+.palette-preview-swatches__text {
+ position: absolute;
+ left: 0;
+ bottom: 100%;
+ width: 100%;
+ margin-bottom: 1em;
+
+ font-size: 16px;
+ font-weight: 500;
+ letter-spacing: -0.01em;
+ text-transform: uppercase;
+ text-align: center;
+
+ pointer-events: none;
+}
+
+.palette-preview-swatches__wrap {
+ position: relative;
+ color: var(--sm-current-fg1-color);
+}
+
+.palette-preview-swatches__wrap-foreground,
+.palette-preview-swatches__wrap-accent,
+.palette-preview-swatches__wrap-background {
+ pointer-events: none;
+}
+
+.palette-preview-swatches__wrap-surface,
+.palette-preview-swatches__wrap-foreground,
+.palette-preview-swatches__wrap-accent,
+.palette-preview-swatches__wrap-background {
+ transition: all .15s ease-out;
+}
+
+.palette-preview-swatches__wrap-surface {
+ position: relative;
+ z-index: 10;
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ margin: -2em 0;
+
+ .palette-preview-swatches__wrap:not(.show-card) & .palette-preview-swatches__text {
+ opacity: 0;
+ }
+}
+
+.palette-preview-swatches__wrap.show-fg.show-accent {
+
+ .palette-preview-swatches__wrap-foreground {
+ opacity: 0;
+ transition-delay: .15s;
+
+ .palette-preview-swatches__text {
+ opacity: 0;
+ }
+ }
+}
+
+.palette-preview-swatches__wrap:not(.show-fg) .palette-preview-swatches__wrap-foreground {
+ top: 2em;
+ bottom: 0;
+ opacity: 0;
+
+ .palette-preview-swatches__text {
+ opacity: 0;
+ }
+}
+
+.palette-preview-swatches__wrap:not(.show-accent):not(.show-fg) .palette-preview-swatches__wrap-accent {
+ top: 2em;
+ bottom: 0;
+}
+
+.palette-preview-swatches__wrap:not(.show-accent) .palette-preview-swatches__wrap-accent {
+
+
+ .palette-preview-swatches__text {
+ opacity: 0;
+ }
+}
+
+.palette-preview-swatches__wrap-background:before {
+ content: "";
+ display: block;
+ height: 1.5em;
+ background: var(--sm-current-accent-color);
+}
+
+.palette-preview-swatches__wrap-accent,
+.palette-preview-swatches__wrap-foreground,
+.palette-preview-swatches__wrap-background {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+
+ background-color: currentColor;
+}
+
+.palette-preview-swatches__wrap-accent,
+.palette-preview-swatches__wrap-foreground {
+ top: -2em;
+ bottom: -2em;
+}
+
+.palette-preview-swatches__title {
+ font-size: 26px;
+ font-weight: 500;
+ margin: 0;
+ color: inherit;
+}
+
+.palette-preview-swatches__card {
+ background-color: var(--sm-current-bg-color);
+ box-shadow: var(--sm-customizer-box-shadow-2);
+ pointer-events: none;
+
+ &:before,
+ &:after {
+ content: "";
+ display: block;
+ height: 1.5em;
+ background-color: var(--sm-current-accent-color);
+ }
+
+ .palette-preview-swatches__wrap:not(.show-card) & {
+ opacity: 0;
+ }
+}
+
+.palette-preview-swatches__card-content {
+ position: relative;
+ min-width: 12em;
+ padding: 3em 1.5em;
+
+ > * + * {
+ margin-top: 21px;
+ }
+}
+
+.palette-preview-swatches__row {
+ height: 20px;
+ background-color: var(--sm-current-fg1-color);
+
+ &:last-child {
+ width: 70%;
+ }
+
+ & + & {
+ margin-top: 10px;
+ }
+}
+
+.palette-preview-swatches__button {
+ padding: 0.5em 1.25em;
+ border-radius: 0.25em;
+ font-size: 1.25em;
+ display: inline-block;
+ background: var(--sm-current-bg-color);
+ color: var(--sm-current-fg1-color);
+}
diff --git a/src/_js/customizer/colors/components/source-colors/color-picker.js b/src/_js/customizer/colors/components/source-colors/color-picker.js
new file mode 100644
index 00000000..5f1d564b
--- /dev/null
+++ b/src/_js/customizer/colors/components/source-colors/color-picker.js
@@ -0,0 +1,45 @@
+import chroma from 'chroma-js';
+import React, { useState } from 'react';
+import { useDebouncedCallback } from 'use-debounce';
+import { HexColorPicker } from "react-colorful";
+import { useDidUpdateEffect } from "../../../utils";
+
+
+export const ColorPicker = ( props ) => {
+
+ const {
+ hex,
+ onChange,
+ isOpen
+ } = props;
+
+ const [ color, setColor ] = useState( hex );
+ const [ hexValue, setHexValue ] = useState( hex );
+
+ const debouncedOnChange = useDebouncedCallback( onChange, 200 );
+
+ useDidUpdateEffect( () => {
+ debouncedOnChange( color );
+ }, [ color ] );
+
+ return (
+
+
+
{ event.stopPropagation() } }>
+ {
+ setHexValue( newColor );
+ setColor( newColor );
+ } } />
+
+
+ )
+}
diff --git a/src/_js/customizer/colors/components/source-colors/index.js b/src/_js/customizer/colors/components/source-colors/index.js
new file mode 100644
index 00000000..796e2409
--- /dev/null
+++ b/src/_js/customizer/colors/components/source-colors/index.js
@@ -0,0 +1,164 @@
+import React, { useContext, useEffect, useCallback, useState, useRef } from 'react';
+
+import { ColorPicker } from './color-picker';
+import { ContextualMenu } from "../contextual-menu";
+import useOutsideClick from '../../../utils/use-outside-click';
+import ConfigContext from "../../context";
+
+import {
+ addNewColorGroup,
+ addNewColorToGroup,
+ deleteColor,
+ updateColor,
+} from "./utils";
+
+import './style.scss';
+
+const SourceColors = ( props ) => {
+ const { config, setConfig } = useContext( ConfigContext );
+
+ useEffect( () => {
+
+ if ( ! config.length ) {
+ setConfig( addNewColorGroup( config ) );
+ return;
+ }
+
+ if ( ! config.filter( group => { return !! group.sources.length } ).length ) {
+ setConfig( [] );
+ }
+
+ }, [ config ] );
+
+ return (
+
+ { config.map( ( group, groupIndex ) => (
+
+ )
+}
+
+const SourceColorsGroup = ( props ) => {
+ const { uid, sources } = props;
+ const groupIndex = props.index;
+
+ return (
+
+ { sources.map( ( color, index ) => (
+
+ )
+}
+
+const SourceColorControl = ( props ) => {
+
+ const {
+ color,
+ index,
+ groupIndex
+ } = props;
+
+ const [ active, setActive ] = useState( false );
+ const [ hover, setHover ] = useState( false );
+ const [ menuIsOpen, setMenuIsOpen ] = useState( false );
+ const [ editable, setEditable ] = useState( false );
+ const [ showPicker, setShowPicker ] = useState();
+
+ const { config, setConfig, resetActivePreset } = useContext( ConfigContext );
+
+ const onChange = useCallback(( hex ) => {
+ const newConfig = updateColor( config, groupIndex, index, { value: hex } );
+ setConfig( newConfig );
+ resetActivePreset();
+ }, [config, groupIndex, index]);
+
+ const interpolateColor = useCallback( () => {
+ setConfig( addNewColorToGroup( config, groupIndex, index ) );
+ resetActivePreset();
+ }, [config, groupIndex, index] );
+
+ const addColor = useCallback( () => {
+ setConfig( addNewColorGroup( config, groupIndex ) );
+ resetActivePreset();
+ }, [config, groupIndex] );
+
+ const renameColor = useCallback( () => { setEditable( true ) }, [] );
+
+ const removeColor = useCallback( () => {
+ setConfig( deleteColor( config, groupIndex, index ) );
+ resetActivePreset();
+ }, [config, groupIndex, index] );
+
+ const actions = [
+ { label: 'Interpolate Color', callback: interpolateColor },
+ { label: 'Add Color', callback: addColor },
+ { label: 'Rename Color', callback: renameColor },
+ { label: 'Remove Color', callback: removeColor, className: 'c-contextual-menu__list-item--danger' },
+ ];
+
+ const inputRef = useRef( null );
+ const pickerRef = useRef( null );
+
+ useOutsideClick( pickerRef, () => {
+ setShowPicker( false );
+ } );
+
+ // delay setting showPicker with one render cycle in order to show fadein animation
+ useEffect( () => {
+ if ( typeof showPicker === "undefined" && typeof props.showPicker !== "undefined" ) {
+ setShowPicker( props.showPicker );
+ }
+ }, [ showPicker ] );
+
+ useEffect( () => {
+ setActive( hover || menuIsOpen );
+ }, [ hover, menuIsOpen ] )
+
+ useEffect( () => {
+ if ( editable ) {
+ inputRef.current.focus();
+ }
+ }, [ editable ] );
+
+ const onLabelBlur = e => {
+ setEditable( false );
+ };
+
+ return (
+
{ setHover( true ) } }
+ onMouseLeave={ () => { setHover( false ) } }
+ onClick={ () => { setShowPicker( ! showPicker ) } }
+ ref={ pickerRef }
+ className={ `c-palette-builder__source-item ${ active ? 'c-palette-builder__source-item--active' : '' }` }>
+
+ { ! editable &&
{ color.label }
}
+ { editable &&
+
{ onChange( { label: e.target.value } ) } }
+ onBlur={ onLabelBlur } />
+ }
+
{
+ event.stopPropagation();
+ setShowPicker( false );
+ } } />
+
+ );
+}
+
+export { SourceColors };
diff --git a/src/_js/customizer/colors/components/source-colors/style.scss b/src/_js/customizer/colors/components/source-colors/style.scss
new file mode 100644
index 00000000..75b8010f
--- /dev/null
+++ b/src/_js/customizer/colors/components/source-colors/style.scss
@@ -0,0 +1,153 @@
+[id][id="customize-control-sm_advanced_palette_source_control"] {
+ padding: 0;
+}
+
+.c-palette-builder {
+
+ > * + * {
+ margin-top: var(--sm-customizer-spacing);
+ }
+}
+
+.c-palette-builder__source-list {
+
+ & + & {
+ margin-top: 10px;
+ }
+}
+
+.c-palette-builder__source-item-label[class][class] {
+ display: block;
+ flex: 1 1 auto;
+
+ padding: 0;
+ border: 0;
+
+ font-size: inherit;
+ line-height: inherit;
+
+ background: none;
+}
+
+.c-palette-builder__source-item-color {
+ position: relative;
+
+ &--active .c-palette-builder__source-item-preview {
+ box-shadow: var(--sm-color-palette-neutral-color-6) 0 0 0 var(--customizer-field-border-width);
+ }
+
+ &:not(&--active) .c-palette-builder__source-item-picker {
+ transform: translateY(-1em);
+ opacity: 0;
+ pointer-events: none;
+ }
+}
+
+.c-palette-builder__source-item-picker {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ z-index: 100;
+
+ margin-top: 0.66em;
+ transition: var(--sm-transition);
+ transition-property: opacity, transform;
+}
+
+.c-palette-builder__source-item-preview {
+ width: 2.4em;
+ height: 2.4em;
+ margin-right: .4em;
+ background-color: currentColor;
+ border-radius: 50%;
+ flex: 0 0 auto;
+
+ border: var(--customizer-field-border-width) solid var(--sm-color-palette-neutral-color-2);
+}
+
+[class][class] {
+
+ .c-palette-builder__source-group {
+
+ &:not(:last-child) {
+ margin-bottom: 0.6em;
+ }
+ }
+
+ .c-palette-builder__source-item {
+ display: flex;
+ align-items: center;
+
+ font-size: 15px;
+ line-height: 1.5;
+
+ padding: 0.6em;
+
+ background: var(--sm-color-palette-neutral-color-2);
+ transition: var(--sm-transition);
+ transition-property: box-shadow;
+ cursor: pointer;
+
+ &:not(:last-child) {
+ padding-bottom: 0.4em;
+ margin-bottom: 0.2em;
+ }
+
+ &:not(:first-child) {
+ padding-top: 0.4em;
+ }
+
+ &:first-child {
+ border-top-left-radius: 1.75em;
+ border-top-right-radius: 1.75em;
+ }
+
+ &:last-child {
+ border-bottom-left-radius: 1.75em;
+ border-bottom-right-radius: 1.75em;
+ }
+
+ &:hover {
+ box-shadow: var(--sm-customizer-box-shadow-1);
+ }
+
+ .c-contextual-menu {
+ transition: var(--sm-transition);
+ transition-property: opacity;
+ }
+
+ &:not(.c-palette-builder__source-item--active) .c-contextual-menu {
+ opacity: 0;
+ }
+
+ > * + * {
+ margin-left: 5px;
+ }
+ }
+}
+
+.c-palette-builder__source-item-picker {
+ padding: 10px;
+ background: var(--sm-color-palette-neutral-color-1);
+ box-shadow: var(--sm-customizer-box-shadow-2);
+ border-radius: 0.25em;
+
+ .react-colorful__saturation,
+ .react-colorful__hue {
+ border-radius: 0;
+ margin-bottom: 10px;
+ }
+
+ .react-colorful__saturation {
+ border-bottom: 0;
+ }
+
+ .react-colorful__hue {
+ height: 0.5em;
+ }
+
+ .react-colorful__pointer {
+ height: 1.2em;
+ width: 1.2em;
+ }
+}
diff --git a/src/_js/customizer/colors/components/source-colors/utils.js b/src/_js/customizer/colors/components/source-colors/utils.js
new file mode 100644
index 00000000..93eca38e
--- /dev/null
+++ b/src/_js/customizer/colors/components/source-colors/utils.js
@@ -0,0 +1,58 @@
+const deepCopy = object => JSON.parse( JSON.stringify( object ) );
+
+export const getNewColorHex = () => {
+ return '#111111'
+};
+
+export const getNewColor = ( label = 'Color' ) => {
+ return {
+ uid: `color_${ new Date().getTime() }`,
+ showPicker: true,
+ label: label,
+ value: getNewColorHex()
+ }
+}
+
+export const getNewColorGroup = () => {
+ return {
+ uid: `color_group_${ new Date().getTime() }`,
+ sources: [ getNewColor() ]
+ }
+}
+
+export const addNewColorGroup = ( config, groupIndex = 0 ) => {
+ const newConfig = deepCopy( config ).map( group => {
+ return {
+ ...group,
+ sources: group.sources.map( color => {
+ const { showPicker, ...otherProps } = color;
+ return otherProps;
+ } )
+ }
+ } );
+ newConfig.splice( groupIndex + 1, 0, getNewColorGroup() );
+ return newConfig;
+};
+
+export const addNewColorToGroup = ( config, groupIndex, index ) => {
+ const newConfig = deepCopy( config );
+ newConfig[groupIndex].sources.splice( index + 1, 0, getNewColor( 'Interpolated Color' ) );
+ return newConfig;
+}
+
+export const deleteColor = ( config, groupIndex, index ) => {
+ const newConfig = deepCopy( config );
+ newConfig[groupIndex].sources.splice( index, 1 );
+
+ if ( ! newConfig[groupIndex].sources.length ) {
+ newConfig.splice( groupIndex, 1 );
+ }
+
+ return newConfig;
+}
+
+export const updateColor = ( config, groupIndex, index, newValue ) => {
+ const newConfig = deepCopy( config );
+ newConfig[groupIndex].sources[index] = Object.assign( {}, newConfig[groupIndex].sources[index], newValue );
+ return newConfig;
+}
diff --git a/src/_js/customizer/colors/context.js b/src/_js/customizer/colors/context.js
new file mode 100644
index 00000000..0d2df30b
--- /dev/null
+++ b/src/_js/customizer/colors/context.js
@@ -0,0 +1,5 @@
+import React, { createContext } from 'react';
+
+const ConfigContext = createContext();
+
+export default ConfigContext;
diff --git a/src/_js/customizer/colors/index.js b/src/_js/customizer/colors/index.js
new file mode 100644
index 00000000..88240b53
--- /dev/null
+++ b/src/_js/customizer/colors/index.js
@@ -0,0 +1,180 @@
+import ReactDOM from "react-dom";
+import React, { useEffect } from "react";
+
+import { debounce } from '../../utils';
+import * as globalService from "../global-service";
+import { getBackArray, setBackArray, addToBackArray } from "../global-service";
+import colorizeElementsIcon from "../svg/colorize-elements.svg";
+
+import { initializePaletteBuilder } from './color-palette-builder';
+import initializeColorPalettesPreview from './color-palettes-preview';
+import { moveConnectedFields } from './utils';
+
+const darkToColorSliderControls = [
+ 'sm_dark_color_switch_slider',
+ 'sm_dark_color_select_slider',
+];
+
+const masterSettingIDs = [
+ 'sm_text_color_switch_master',
+ 'sm_accent_color_switch_master',
+ 'sm_text_color_select_master',
+ 'sm_accent_color_select_master',
+];
+
+export const initializeColors = () => {
+
+ initializePaletteBuilder( 'sm_advanced_palette_source', 'sm_advanced_palette_output' );
+
+ wp.customize( 'sm_coloration_level', setting => {
+ setting.bind( applyColorationValueToFields );
+ } );
+
+ darkToColorSliderControls.forEach( settingID => {
+ wp.customize( settingID, setting => {
+ setting.bind( debounce( newValue => {
+ reloadConnectedFields();
+ applyMasterSettingsValues();
+ }, 30 ) )
+ } )
+ } )
+
+ initializeColorizeElementsButton();
+ initializeColorPalettesPreview();
+
+ reloadConnectedFields();
+}
+
+const ColorizeElementsButton = ( props ) => {
+
+ const targetSectionID = `${ customify.config.options_name }[colors_section]`;
+
+ useEffect( () => {
+
+ const callback = ( isExpanded ) => {
+
+ if ( ! isExpanded ) {
+ const backArray = getBackArray();
+ const targetSectionID = backArray.pop();
+
+ if ( targetSectionID ) {
+ wp.customize.section( targetSectionID, ( targetSection ) => {
+ targetSection.focus();
+ } );
+ }
+ }
+ }
+
+ const targetSection = wp.customize.section( targetSectionID );
+
+ if ( ! targetSection ) {
+ return;
+ }
+
+ targetSection.expanded.bind( callback );
+
+ return () => {
+ targetSection.expanded.unbind( callback );
+ }
+
+ }, [] );
+
+ return (
+
+
+ )
+}
+
+const initializeColorizeElementsButton = () => {
+ const target = document.getElementById( 'customize-control-sm_coloration_level_control' );
+ const button = document.createElement( 'li' );
+
+ button.setAttribute( 'class', 'customize-control' );
+ button.setAttribute( 'style', 'padding: 0' );
+
+ target.insertAdjacentElement( 'afterend', button );
+
+ ReactDOM.render(
, button );
+}
+
+const applyMasterSettingsValues = () => {
+ masterSettingIDs.forEach( masterSettingID => {
+ wp.customize( masterSettingID, setting => {
+ setting.callbacks.fireWith( setting, [ setting._value, '' ] );
+ } );
+ } );
+}
+
+const reloadConnectedFields = () => {
+ const settings = globalService.getSettings();
+ const settingIDs = Object.keys( settings );
+ const alteredSettings = applyColorsConnectedFieldsAlterations( settings );
+
+ globalService.unbindConnectedFields( settingIDs );
+ globalService.setSettings( alteredSettings );
+ globalService.bindConnectedFields( settingIDs );
+}
+
+const applyColorationValueToFields = () => {
+
+ wp.customize( 'sm_coloration_level', colorationLevelSetting => {
+ const colorationLevel = colorationLevelSetting();
+ const defaultColorationLevel = globalService.getSettingConfig( 'sm_coloration_level' ).default;
+ const isDefaultColoration = colorationLevel === defaultColorationLevel;
+
+ darkToColorSliderControls.forEach( sliderSettingID => {
+ wp.customize( sliderSettingID, sliderSetting => {
+
+ const defaultValue = globalService.getSettingConfig( sliderSettingID ).default;
+ const value = isDefaultColoration ? defaultValue : parseFloat( colorationLevel );
+
+ sliderSetting.set( value );
+ } );
+ } );
+
+ } );
+
+}
+
+const applyColorationLevel = ( tempSettings ) => {
+ const switchSliderID = 'sm_dark_color_switch_slider';
+ const selectSliderID = 'sm_dark_color_select_slider';
+
+ wp.customize( switchSliderID, switchSetting => {
+ const switchRatio = switchSetting() / 100;
+ tempSettings = moveConnectedFields( tempSettings, 'sm_text_color_switch_master', 'sm_accent_color_switch_master', switchRatio );
+ } );
+
+ wp.customize( selectSliderID, selectSetting => {
+ const selectRatio = selectSetting() / 100;
+ tempSettings = moveConnectedFields( tempSettings, 'sm_text_color_select_master', 'sm_accent_color_select_master', selectRatio );
+ } );
+
+ return tempSettings;
+}
+
+const applyColorsConnectedFieldsAlterations = ( tempSettings ) => {
+ tempSettings = applyColorationLevel( tempSettings );
+
+ return tempSettings
+}
+
diff --git a/src/_js/customizer/colors/utils.js b/src/_js/customizer/colors/utils.js
new file mode 100644
index 00000000..1571afce
--- /dev/null
+++ b/src/_js/customizer/colors/utils.js
@@ -0,0 +1,35 @@
+export const moveConnectedFields = ( oldSettings, from, to, ratio ) => {
+
+ const settings = JSON.parse( JSON.stringify( oldSettings ) );
+
+ if ( !! settings[from] && !! settings[to] ) {
+
+ if ( ! settings[from].connected_fields ) {
+ settings[from].connected_fields = [];
+ }
+
+ if ( ! settings[to].connected_fields ) {
+ settings[to].connected_fields = [];
+ }
+
+ const oldFromConnectedFields = Object.values( settings[from]['connected_fields'] )
+ const oldToConnectedFields = Object.values( settings[to]['connected_fields'] )
+ const oldConnectedFields = oldToConnectedFields.concat( oldFromConnectedFields )
+ const count = Math.round( ratio * oldConnectedFields.length )
+
+ let newToConnectedFields = oldConnectedFields.slice( 0, count )
+ const newFromConnectedFields = oldConnectedFields.slice( count )
+
+ newToConnectedFields = Object.keys( newToConnectedFields ).map( function( key ) {
+ return newToConnectedFields[key]
+ } )
+ newToConnectedFields = Object.keys( newToConnectedFields ).map( function( key ) {
+ return newToConnectedFields[key]
+ } )
+
+ settings[to]['connected_fields'] = newToConnectedFields
+ settings[from]['connected_fields'] = newFromConnectedFields
+ }
+
+ return settings
+}
diff --git a/src/_js/customizer/create-reset-buttons.js b/src/_js/customizer/create-reset-buttons.js
new file mode 100644
index 00000000..ca270a00
--- /dev/null
+++ b/src/_js/customizer/create-reset-buttons.js
@@ -0,0 +1,130 @@
+import $ from 'jquery';
+import { apiSetSettingValue } from './utils';
+
+export const createResetButtons = () => {
+ const $document = $( document );
+ const showResetButtons = $( 'button[data-action="reset_customify"]' ).length > 0
+
+ if ( showResetButtons ) {
+ createResetPanelButtons()
+ createResetSectionButtons()
+
+ $document.on( 'click', '.js-reset-panel', onResetPanel )
+ $document.on( 'click', '.js-reset-section', onResetSection )
+ $document.on( 'click', '#customize-control-reset_customify button', onReset )
+ }
+}
+
+function createResetPanelButtons() {
+
+ $( '.panel-meta' ).each( function( i, obj ) {
+ const $this = $( obj )
+ const container = $this.parents( '.control-panel' )
+ let id = container.attr( 'id' )
+
+ if ( typeof id !== 'undefined' ) {
+ id = id.replace( 'sub-accordion-panel-', '' )
+ id = id.replace( 'accordion-panel-', '' )
+ const $buttonWrapper = $( '
' )
+ const $button = $( '
' )
+
+ $button.text( customify.l10n.panelResetButton ).appendTo( $buttonWrapper )
+ $this.parent().append( $buttonWrapper )
+ }
+ } )
+}
+
+function createResetSectionButtons() {
+ $( '.accordion-section-content' ).each( function( el, key ) {
+ const $this = $( this )
+ const sectionID = $this.attr( 'id' )
+
+ if ( _.isUndefined( sectionID ) || sectionID.indexOf( customify.config.options_name ) === - 1 ) {
+ return
+ }
+
+ const id = sectionID.replace( 'sub-accordion-section-', '' )
+ const $button = $( '
' )
+ const $buttonWrapper = $( '
' )
+
+ $button.text( customify.l10n.sectionResetButton )
+ $buttonWrapper.append( $button )
+
+ $this.append( $buttonWrapper )
+ } )
+}
+
+function onReset( ev ) {
+ ev.preventDefault()
+
+ const iAgree = confirm( customify.l10n.resetGlobalConfirmMessage )
+
+ if ( !iAgree ) {
+ return
+ }
+
+ $.each( api.settings.controls, function( key, ctrl ) {
+ const settingID = key.replace( '_control', '' )
+ const setting = customify.config.settings[settingID]
+
+ if ( !_.isUndefined( setting ) && !_.isUndefined( setting.default ) ) {
+ apiSetSettingValue( settingID, setting.default )
+ }
+ } )
+
+ api.previewer.save()
+}
+
+function onResetPanel( e ) {
+ e.preventDefault()
+
+ const panelID = $( this ).data( 'panel' ),
+ panel = api.panel( panelID ),
+ sections = panel.sections(),
+ iAgree = confirm( customify.l10n.resetPanelConfirmMessage )
+
+ if ( !iAgree ) {
+ return
+ }
+ if ( sections.length > 0 ) {
+ $.each( sections, function() {
+ const controls = this.controls()
+
+ if ( controls.length > 0 ) {
+ $.each( controls, function( key, ctrl ) {
+ const settingID = ctrl.id.replace( '_control', '' ),
+ setting = customify.config.settings[settingID]
+
+ if ( !_.isUndefined( setting ) && !_.isUndefined( setting.default ) ) {
+ apiSetSettingValue( settingID, setting.default )
+ }
+ } )
+ }
+ } )
+ }
+}
+
+function onResetSection( e ) {
+ e.preventDefault()
+
+ const sectionID = $( this ).data( 'section' ),
+ section = api.section( sectionID ),
+ controls = section.controls()
+
+ const iAgree = confirm( customify.l10n.resetSectionConfirmMessage )
+
+ if ( !iAgree ) {
+ return
+ }
+
+ if ( controls.length > 0 ) {
+ $.each( controls, function( key, ctrl ) {
+ const setting_id = ctrl.id.replace( '_control', '' ),
+ setting = customify.config.settings[setting_id]
+
+ if ( !_.isUndefined( setting ) && !_.isUndefined( setting.default ) ) {
+ apiSetSettingValue( setting_id, setting.default )
+ }
+ } )
+ }
+}
diff --git a/src/_js/customizer/fields/color-select/index.js b/src/_js/customizer/fields/color-select/index.js
new file mode 100644
index 00000000..55509d2b
--- /dev/null
+++ b/src/_js/customizer/fields/color-select/index.js
@@ -0,0 +1,62 @@
+import $ from 'jquery';
+
+export const handleColorSelectFields = () => {
+ $( '.js-color-select' ).each( function( i, obj ) {
+ convertToColorSelect( obj );
+ } );
+}
+
+export const convertToColorSelect = ( element ) => {
+ const $select = $( element );
+ const $selectOptions = $select.find( 'option' );
+ const $colorSelect = $( '
' );
+ const settingID = $select.data( 'customize-setting-link' );
+
+ const $optionsList = $( '
' );
+
+ $selectOptions.each( function( i, option ) {
+ const $option = $( option );
+ const label = $option.text();
+ const value = $option.attr( 'value' );
+ const $colorSelectOptionLabel = $( '
' );
+ const $colorSelectOption = $( '
' );
+
+ $colorSelectOptionLabel.text( label ).appendTo( $colorSelectOption );
+ $colorSelectOption.data( 'value', value ).appendTo( $optionsList );
+ $colorSelectOption.addClass( 'customify-color-select__option--' + value );
+ } );
+
+ $optionsList.appendTo( $colorSelect );
+
+ const $colorSelectOptions = $colorSelect.find( '.customify-color-select__option' );
+
+ $colorSelectOptions.each( function( i, option ) {
+ const $colorSelectOption = $( option );
+ const value = $colorSelectOption.data( 'value' );
+
+ $colorSelectOption.on( 'click', function() {
+ $select.val( value ).change();
+ } );
+ } );
+
+ $colorSelect.insertBefore( $select );
+ $select.hide();
+
+ function updateColorSelect( newValue ) {
+
+ const $colorSelectOption = $colorSelectOptions.filter( ( index, obj ) => {
+ return $( obj ).data( 'value' ) === newValue;
+ } );
+
+ if ( $colorSelectOption.length ) {
+ $colorSelectOptions.removeClass( 'customify-color-select__option--selected' );
+ $colorSelectOption.addClass( 'customify-color-select__option--selected' );
+ }
+ }
+
+ wp.customize( settingID, ( setting ) => {
+ updateColorSelect( setting() );
+
+ setting.bind( updateColorSelect );
+ } );
+}
diff --git a/src/_js/customizer/fields/range/index.js b/src/_js/customizer/fields/range/index.js
new file mode 100644
index 00000000..2ef0a6ea
--- /dev/null
+++ b/src/_js/customizer/fields/range/index.js
@@ -0,0 +1,87 @@
+import $ from 'jquery';
+
+export const handleRangeFields = () => {
+
+ const rangeControlSelectors = [
+ `.accordion-section-content[id*="${ customify.config.options_name }"]`,
+ `#sub-accordion-section-sm_color_palettes_section`,
+ `#sub-accordion-section-sm_color_usage_section`,
+ ];
+
+ const rangeControlSelector = rangeControlSelectors.join( ', ' );
+
+ $( rangeControlSelector ).each( function ( i, container ) {
+ const $rangeFields = $( container ).find( 'input[type="range"]' );
+
+ // For each range input add a number field (for preview mainly - but it can also be used for input)
+ $rangeFields.each( function( i, obj ) {
+ const $range = $( obj )
+ const settingID = $range.data( 'customize-setting-link' );
+ const $number = $range.clone();
+
+ $number.attr( 'type', 'text' ).attr( 'class', 'range-value' ).removeAttr( 'data-value_entry' );
+ $number.data( 'source', $range );
+
+ if ( $range.first().attr( 'id' ) ) {
+ $number.attr( 'id', $range.first().attr( 'id' ) + '_number' );
+ }
+
+ $number.insertAfter( $range );
+
+ wp.customize( settingID, setting => {
+ setting.bind( newValue => {
+ $number.val( newValue );
+ } );
+ } );
+
+ // When clicking outside the number field or on Enter.
+ $number.on( 'blur keyup', onRangePreviewBlur );
+
+ } );
+ } );
+}
+
+function onRangePreviewBlur( event ) {
+ const $number = $( event.target );
+ const $range = $number.data( 'source' );
+
+ if ( 'keyup' === event.type && event.keyCode !== 13 ) {
+ return
+ }
+
+ if ( event.target.value === $range.val() ) {
+ // Nothing to do if the values are identical.
+ return;
+ }
+
+ if ( ! hasValidValue( $number ) ) {
+ $number.val( $range.val() );
+ shake( $number );
+ } else {
+ // Do not mark this trigger as being programmatically triggered by Customify since it is a result of a user input.
+ $range.val( $number.val() ).trigger( 'change' );
+ }
+}
+
+function hasValidValue( $input ) {
+ const min = $input.attr( 'min' );
+ const max = $input.attr( 'max' );
+ const value = $input.val();
+
+ if ( typeof min !== 'undefined' && parseFloat( min ) > parseFloat( value ) ) {
+ return false
+ }
+
+ if ( typeof max !== 'undefined' && parseFloat( max ) < parseFloat( value ) ) {
+ return false;
+ }
+
+ return true;
+}
+
+function shake( $field ) {
+ $field.addClass( 'input-shake input-error' )
+ $field.one( 'animationend', function() {
+ $field.removeClass( 'input-shake input-error' )
+ } )
+}
diff --git a/src/_js/customizer/fields/tabs/index.js b/src/_js/customizer/fields/tabs/index.js
new file mode 100644
index 00000000..203df895
--- /dev/null
+++ b/src/_js/customizer/fields/tabs/index.js
@@ -0,0 +1,31 @@
+import $ from 'jquery';
+
+export const handleTabs = () => {
+ $( '.sm-tabs' ).each( function( i, obj ) {
+ const $wrapper = $( obj );
+ const $section = $wrapper.closest( '.control-section' );
+ const $tabs = $wrapper.children( '.sm-tabs__item' );
+ const targets = $tabs.map( ( i, el ) => {
+ const target = $( el ).data( 'target' );
+ return `sm-view-${ target }`
+ } );
+
+ const targetClassnames = targets.toArray().join( " " );
+
+ function setActiveTab( $active ) {
+ const target = $active.data( 'target' );
+
+ $tabs.removeClass( 'sm-tabs__item--active' );
+ $active.addClass( 'sm-tabs__item--active' );
+
+ $section.removeClass( targetClassnames ).addClass( `sm-view-${ target }` );
+ }
+
+ $wrapper.on( 'click', '.sm-tabs__item', function( e ) {
+ e.preventDefault();
+ setActiveTab( $( this ) );
+ } );
+
+ setActiveTab( $tabs.first() );
+ } );
+}
diff --git a/src/_js/customizer/folding-fields.js b/src/_js/customizer/folding-fields.js
new file mode 100644
index 00000000..3cb43db5
--- /dev/null
+++ b/src/_js/customizer/folding-fields.js
@@ -0,0 +1,151 @@
+import $ from 'jquery';
+
+/**
+ * This function will search for all the interdependend fields and make a bound between them.
+ * So whenever a target is changed, it will take actions to the dependent fields.
+ * @TODO this is still written in a barbaric way, refactor when needed
+ */
+export const handleFoldingFields = () => {
+
+ if ( _.isUndefined( customify.config ) || _.isUndefined( customify.config.settings ) ) {
+ return // bail
+ }
+
+ $.fn.reactor.defaults.compliant = function() {
+ $( this ).slideDown()
+ $( this ).find( ':disabled' ).attr( {disabled: false} )
+ }
+
+ $.fn.reactor.defaults.uncompliant = function() {
+ $( this ).slideUp()
+ $( this ).find( ':enabled' ).attr( {disabled: true} )
+ }
+
+ let IS = $.extend( {}, $.fn.reactor.helpers )
+
+ const bindFoldingEvents = function( parentID, field, relation ) {
+
+ let key = null
+
+ if ( _.isString( field ) ) {
+ key = field
+ } else if ( !_.isUndefined( field.id ) ) {
+ key = field.id
+ } else if ( _.isString( field[0] ) ) {
+ key = field[0]
+ } else {
+ return // no key, no fun
+ }
+
+ let value = 1, // by default we use 1 the most used value for checkboxes or inputs
+ between = [0, 1] // can only be `show` or `hide`
+
+ const target_key = customify.config.options_name + '[' + key + ']'
+ const target_type = customify.config.settings[target_key].type
+
+ // we support the usual syntax like a config array like `array( 'id' => $id, 'value' => $value, 'compare' => $compare )`
+ // but we also support a non-associative array like `array( $id, $value, $compare )`
+ if ( !_.isUndefined( field.value ) ) {
+ value = field.value
+ } else if ( !_.isUndefined( field[1] ) && !_.isString( field[1] ) ) {
+ value = field[1]
+ }
+
+ if ( !_.isUndefined( field.between ) ) {
+ between = field.between
+ }
+
+ /**
+ * Now for each target we have, we will bind a change event to hide or show the dependent fields
+ */
+ const target_selector = '[data-customize-setting-link="' + customify.config.options_name + '[' + key + ']"]'
+
+ switch ( target_type ) {
+ case 'checkbox':
+ $( parentID ).reactIf( target_selector, function() {
+ return $( this ).is( ':checked' ) == value
+ } )
+ break
+
+ case 'radio':
+ case 'sm_radio':
+ case 'sm_switch':
+ case 'radio_image':
+ case 'radio_html':
+
+ // in case of an array of values we use the ( val in array) condition
+ if ( _.isObject( value ) ) {
+ value = _.toArray( value )
+ $( parentID ).reactIf( target_selector, function() {
+ return (
+ value.indexOf( $( target_selector + ':checked' ).val() ) !== - 1
+ )
+ } )
+ } else { // in any other case we use a simple == comparison
+ $( parentID ).reactIf( target_selector, function() {
+ return $( target_selector + ':checked' ).val() == value
+ } )
+ }
+ break
+
+ case 'range':
+ const x = IS.Between( between[0], between[1] )
+
+ $( parentID ).reactIf( target_selector, x )
+ break
+
+ default:
+ // in case of an array of values we use the ( val in array) condition
+ if ( _.isObject( value ) ) {
+ value = _.toArray( value )
+ $( parentID ).reactIf( target_selector, function() {
+ return (
+ value.indexOf( $( target_selector ).val() ) !== - 1
+ )
+ } )
+ } else { // in any other case we use a simple == comparison
+ $( parentID ).reactIf( target_selector, function() {
+ return $( target_selector ).val() == value
+ } )
+ }
+ break
+ }
+
+ $( target_selector ).trigger( 'change', ['customify'] )
+ $( '.reactor' ).trigger( 'change.reactor' ) // triggers all events on load
+ }
+
+ $.each( customify.config.settings, function( id, field ) {
+ /**
+ * Here we have the id of the fields. but we know for sure that we just need his parent selector
+ * So we just create it
+ */
+ let parentID = id.replace( '[', '-' )
+ parentID = parentID.replace( ']', '' )
+ parentID = '#customize-control-' + parentID + '_control'
+
+ // get only the fields that have a 'show_if' property
+ if ( field.hasOwnProperty( 'show_if' ) ) {
+ let relation = 'AND'
+
+ if ( !_.isUndefined( field.show_if.relation ) ) {
+ relation = field.show_if.relation
+ // remove the relation property, we need the config to be array based only
+ delete field.show_if.relation
+ }
+
+ /**
+ * The 'show_if' can be a simple array with one target like: [ id, value, comparison, action ]
+ * Or it could be an array of multiple targets and we need to process both cases
+ */
+
+ if ( !_.isUndefined( field.show_if.id ) ) {
+ bindFoldingEvents( parentID, field.show_if, relation )
+ } else if ( _.isObject( field.show_if ) ) {
+ $.each( field.show_if, function( i, j ) {
+ bindFoldingEvents( parentID, j, relation )
+ } )
+ }
+ }
+ } )
+}
diff --git a/src/_js/customizer/font-palettes/index.js b/src/_js/customizer/font-palettes/index.js
new file mode 100644
index 00000000..d7602b3c
--- /dev/null
+++ b/src/_js/customizer/font-palettes/index.js
@@ -0,0 +1,45 @@
+import $ from 'jquery';
+
+export const initializeFontPalettes = () => {
+
+ $( '.js-font-palette' ).each( function( i, obj ) {
+ const $paletteSet = $( obj );
+ const $labels = $paletteSet.find( 'label' );
+
+ $labels.on( 'click', function( event ) {
+ const $label = $( event.target );
+ const forID = $label.attr( 'for' );
+ const $input = $( `#${ forID }` );
+ const fontsLogic = $input.data( 'fonts_logic' );
+
+ showAdvancedFontPaletteControls();
+ applyFontPalette( fontsLogic );
+ } );
+ } );
+
+ // Handle the case when there is no selected font palette (like on a fresh installation without any demo data import).
+ // In this case we want to hide the advanced tab.
+ wp.customize( 'sm_font_palette', setting => {
+ if ( ! setting() ) {
+ hideAdvancedFontPaletteControls();
+ }
+ } );
+}
+
+const applyFontPalette = ( fontsLogic ) => {
+ $.each( fontsLogic, ( settingID, config ) => {
+ wp.customize( settingID, setting => {
+ setting.set( config );
+ } );
+ } );
+}
+
+const advancedTabSelector = '#sub-accordion-section-sm_font_palettes_section .sm-tabs__item[data-target="advanced"]';
+
+const hideAdvancedFontPaletteControls = () => {
+ $( advancedTabSelector ).css( 'visibility', 'hidden' );
+}
+
+const showAdvancedFontPaletteControls = () => {
+ $( advancedTabSelector ).css( 'visibility', 'visible' );
+}
diff --git a/src/_js/customizer/font-palettes/utils.js b/src/_js/customizer/font-palettes/utils.js
new file mode 100644
index 00000000..e69de29b
diff --git a/src/_js/customizer/fonts/index.js b/src/_js/customizer/fonts/index.js
new file mode 100644
index 00000000..bf68c1e8
--- /dev/null
+++ b/src/_js/customizer/fonts/index.js
@@ -0,0 +1,156 @@
+import $ from "jquery";
+import { debounce } from '../../utils';
+import * as globalService from "../global-service";
+
+import {
+ getCallbackFilter,
+ getFontDetails,
+ getSettingID,
+ handleFontPopupToggle,
+ initSubfield,
+ loadFontValue,
+ selfUpdateValue,
+ updateFontHeadTitle,
+ updateVariantField,
+ fontsService,
+} from './utils'
+
+import { getCallback, getSetting, setCallback } from "../global-service";
+
+const wrapperSelector = '.font-options__wrapper';
+const fontVariantSelector = '.customify_font_weight';
+
+export const initializeFonts = function() {
+ const $fontFields = $( wrapperSelector );
+
+ $fontFields.each( ( i, obj ) => {
+ const $fontField = $( obj );
+
+ initializeFontFamilyField( $fontField );
+ initializeSubfields( $fontField );
+ } );
+
+ handleFontPopupToggle();
+
+ reloadConnectedFields();
+}
+
+const initializeFontFamilyField = ( $fontField ) => {
+ const $fontFamilyField = $fontField.find( '.customify_font_family' );
+ const familyPlaceholderText = customify.l10n.fonts.familyPlaceholderText;
+
+ // Add the Google Fonts opts to each control
+ addGoogleFontsToFontFamilyField( $fontFamilyField );
+
+ // Initialize the select2 field for the font family
+ $fontFamilyField.select2( {
+ placeholder: familyPlaceholderText
+ } );
+
+ $fontFamilyField.on( 'change', onFontFamilyChange );
+ bindFontFamilySettingChange( $fontFamilyField );
+}
+
+const initializeSubfields = ( $fontField ) => {
+ const $variant = $fontField.find( fontVariantSelector );
+ const $select = $fontField.find( 'select' ).not( 'select[class*=\' select2\'],select[class^=\'select2\']' );
+ const $range = $fontField.find( 'input[type="range"]' );
+
+ // Initialize the select2 field for the font variant
+ initSubfield( $variant, true )
+
+ // Initialize all the regular selects in the font subfields
+ initSubfield( $select, false );
+
+ // Initialize the all the range fields in the font subfields
+ initSubfield( $range, false );
+}
+
+const addGoogleFontsToFontFamilyField = ( $fontFamilyField ) => {
+ const googleFontsOptions = wp.customize.settings[ 'google_fonts_opts' ];
+ const $googleOptionsPlaceholder = $fontFamilyField.find( '.google-fonts-opts-placeholder' ).first();
+
+ if ( typeof googleFontsOptions !== 'undefined' && $googleOptionsPlaceholder.length ) {
+
+ // Replace the placeholder with the HTML for the Google fonts select options.
+ $googleOptionsPlaceholder.replaceWith( googleFontsOptions );
+
+ // The active font family might be a Google font so we need to set the current value after we've added the options.
+ const activeFontFamily = $fontFamilyField.data( 'active_font_family' );
+
+ if ( typeof activeFontFamily !== 'undefined' ) {
+ $fontFamilyField.val( activeFontFamily );
+ }
+ }
+}
+
+const onFontFamilyChange = ( event ) => {
+ const newFontFamily = event.target.value;
+ const $target = $( event.target );
+ const $wrapper = $target.closest( wrapperSelector );
+
+ // Get the new font details
+ const newFontDetails = getFontDetails( newFontFamily )
+
+ // Update the font field head title (with the new font family name).
+ updateFontHeadTitle( newFontDetails, $wrapper )
+
+ // Update the variant subfield with the new options given by the selected font family.
+ updateVariantField( newFontDetails, $wrapper )
+
+ if ( typeof who !== 'undefined' && who === 'customify' ) {
+ // The change was triggered programmatically by Customify.
+ // No need to self-update the value.
+ } else {
+ // Mark this input as touched by the user.
+ $( event.target ).data( 'touched', true )
+
+ // Serialize subfield values and refresh the fonts in the preview window.
+ selfUpdateValue( $wrapper, getSettingID( $target ) );
+ }
+}
+
+const bindFontFamilySettingChange = ( $fontFamilyField ) => {
+ const $wrapper = $fontFamilyField.closest( wrapperSelector );
+ const settingID = getSettingID( $fontFamilyField );
+
+ wp.customize( settingID, setting => {
+ setting.bind( function( newValue, oldValue ) {
+ // this is a costly operation
+ if ( ! fontsService.isUpdating( settingID ) ) {
+ loadFontValue( $wrapper, newValue, settingID )
+ }
+ } );
+ } );
+}
+
+
+const reloadConnectedFields = debounce( () => {
+ const settingIDs = customify.fontPalettes.masterSettingIds;
+
+ globalService.unbindConnectedFields( settingIDs );
+
+ settingIDs.forEach( settingID => {
+
+ wp.customize( settingID, parentSetting => {
+
+ setCallback( settingID, newValue => {
+ const settingConfig = getSetting( settingID );
+ const connectedFields = settingConfig.connected_fields || {};
+
+ Object.keys( connectedFields ).forEach( key => {
+ const connectedFieldData = connectedFields[key];
+ const connectedSettingID = connectedFieldData.setting_id;
+ const callbackFilter = getCallbackFilter( connectedFieldData );
+
+ wp.customize( connectedSettingID, connectedSetting => {
+ connectedSetting.set( callbackFilter( newValue ) );
+ } );
+ } );
+ } );
+
+ parentSetting.bind( getCallback( settingID ) );
+ } );
+ } );
+
+}, 30 );
diff --git a/src/_js/customizer/fonts/utils/callback-filter.js b/src/_js/customizer/fonts/utils/callback-filter.js
new file mode 100644
index 00000000..d9f30383
--- /dev/null
+++ b/src/_js/customizer/fonts/utils/callback-filter.js
@@ -0,0 +1,115 @@
+import { standardizeNumericalValue } from './standardize-numerical-value';
+import { round } from './round';
+
+export const getCallbackFilter = ( connectedFieldData ) => {
+
+ return ( newValue, oldValue ) => {
+
+ /* ======================
+ * Process the font logic to get the value that should be applied to the connected (font) fields.
+ *
+ * The font logic is already in the new value - @see setFieldFontsLogicConfig()
+ */
+ const newFontData = {};
+
+ const fontsLogic = newValue;
+
+ if ( typeof fontsLogic.reset !== 'undefined' ) {
+ const settingID = connectedFieldData.setting_id;
+ const defaultValue = customify.config.settings[settingID].default
+
+ if ( !_.isUndefined( setting ) && !_.isEmpty( defaultValue ) ) {
+ newFontData['font_family'] = defaultValue['font_family']
+ newFontData['font_size'] = defaultValue['font_size']
+ newFontData['line_height'] = defaultValue['line_height']
+ newFontData['letter_spacing'] = defaultValue['letter_spacing']
+ newFontData['text_transform'] = defaultValue['text_transform']
+ newFontData['font_variant'] = defaultValue['font_variant']
+ }
+ }
+
+ /* ===========
+ * We need to determine the 6 subfields values to be able to determine the value of the font field.
+ */
+
+ // The font family is straight forward as it comes directly from the parent field font logic configuration.
+ if ( typeof fontsLogic.font_family !== 'undefined' ) {
+ newFontData['font_family'] = fontsLogic.font_family
+ }
+
+ if ( _.isEmpty( newFontData['font_family'] ) ) {
+ // If we don't have a font family, we really can't do much.
+ return
+ }
+
+ if ( typeof connectedFieldData.font_size !== 'undefined' && false !== connectedFieldData.font_size ) {
+ newFontData['font_size'] = standardizeNumericalValue( connectedFieldData.font_size )
+
+ // Next, we what to apply the overall font size multiplier.
+ if ( !isNaN( newFontData['font_size'].value ) ) {
+ // By default we use 1.
+ let overallFontSizeMultiplier = 1.0
+ if ( typeof fontsLogic.font_size_multiplier !== 'undefined' ) {
+ // Make sure it is a positive float.
+ overallFontSizeMultiplier = parseFloat( fontsLogic.font_size_multiplier )
+
+ // We reject negative or 0 values.
+ if ( overallFontSizeMultiplier <= 0 ) {
+ overallFontSizeMultiplier = 1.0
+ }
+ }
+ newFontData['font_size'].value = round( parseFloat( newFontData['font_size'].value ) * overallFontSizeMultiplier, customify.fonts.floatPrecision )
+ }
+
+ // The font variant, letter spacing and text transform all come together from the font styles (intervals).
+ // We just need to find the one that best matches the connected field given font size (if given).
+ // Please bear in mind that we expect the font logic styles to be preprocessed, without any overlapping and using numerical keys.
+ if ( typeof fontsLogic.font_styles_intervals !== 'undefined' && _.isArray( fontsLogic.font_styles_intervals ) && fontsLogic.font_styles_intervals.length > 0 ) {
+ let idx = 0
+ while ( idx < fontsLogic.font_styles_intervals.length - 1 &&
+ typeof fontsLogic.font_styles_intervals[idx].end !== 'undefined' &&
+ fontsLogic.font_styles_intervals[idx].end <= connectedFieldData.font_size.value ) {
+
+ idx ++
+ }
+
+ // We will apply what we've got.
+ if ( !_.isEmpty( fontsLogic.font_styles_intervals[idx].font_variant ) ) {
+ newFontData['font_variant'] = fontsLogic.font_styles_intervals[idx].font_variant
+ }
+ if ( !_.isEmpty( fontsLogic.font_styles_intervals[idx].letter_spacing ) ) {
+ newFontData['letter_spacing'] = standardizeNumericalValue( fontsLogic.font_styles_intervals[idx].letter_spacing )
+ }
+ if ( !_.isEmpty( fontsLogic.font_styles_intervals[idx].text_transform ) ) {
+ newFontData['text_transform'] = fontsLogic.font_styles_intervals[idx].text_transform
+ }
+
+ // Next, we what to apply the interval font size multiplier.
+ if ( !isNaN( newFontData['font_size'].value ) ) {
+ // By default we use 1.
+ let fontSizeMultiplier = 1.0
+ if ( typeof fontsLogic.font_styles_intervals[idx].font_size_multiplier !== 'undefined' ) {
+ // Make sure it is a positive float.
+ fontSizeMultiplier = parseFloat( fontsLogic.font_styles_intervals[idx].font_size_multiplier )
+
+ // We reject negative or 0 values.
+ if ( fontSizeMultiplier <= 0 ) {
+ fontSizeMultiplier = 1.0
+ }
+ }
+
+ newFontData['font_size'].value = round( parseFloat( newFontData['font_size'].value ) * fontSizeMultiplier, customify.fonts.floatPrecision )
+ }
+ }
+
+ // The line height is determined by getting the value of the polynomial function determined by points.
+ if ( typeof fontsLogic.font_size_to_line_height_points !== 'undefined' && _.isArray( fontsLogic.font_size_to_line_height_points ) ) {
+ const result = regression.logarithmic( fontsLogic.font_size_to_line_height_points, {precision: customify.fonts.floatPrecision} )
+ const lineHeight = result.predict( newFontData['font_size'].value )[1]
+ newFontData['line_height'] = standardizeNumericalValue( lineHeight )
+ }
+ }
+
+ return newFontData;
+ }
+}
diff --git a/src/_js/customizer/fonts/utils/convert-font-variant.js b/src/_js/customizer/fonts/utils/convert-font-variant.js
new file mode 100644
index 00000000..66b459ca
--- /dev/null
+++ b/src/_js/customizer/fonts/utils/convert-font-variant.js
@@ -0,0 +1,63 @@
+/**
+ * Will convert an array of CSS like variants into their FVD equivalents. Web Font Loader expects this format.
+ * @link https://github.com/typekit/fvd
+ */
+export const convertFontVariantToFVD = function( variant ) {
+ variant = String( variant )
+
+ let fontStyle = 'n' // normal
+ if ( - 1 !== variant.indexOf( 'italic' ) ) {
+ fontStyle = 'i'
+ variant = variant.replace( 'italic', '' )
+ } else if ( - 1 !== variant.indexOf( 'oblique' ) ) {
+ fontStyle = 'o'
+ variant = variant.replace( 'oblique', '' )
+ }
+
+ let fontWeight
+
+// The equivalence:
+//
+// 1: 100
+// 2: 200
+// 3: 300
+// 4: 400 (default, also recognized as 'normal')
+// 5: 500
+// 6: 600
+// 7: 700 (also recognized as 'bold')
+// 8: 800
+// 9: 900
+
+ switch ( variant ) {
+ case '100':
+ fontWeight = '1'
+ break
+ case '200':
+ fontWeight = '2'
+ break
+ case '300':
+ fontWeight = '3'
+ break
+ case '500':
+ fontWeight = '5'
+ break
+ case '600':
+ fontWeight = '6'
+ break
+ case '700':
+ case 'bold':
+ fontWeight = '7'
+ break
+ case '800':
+ fontWeight = '8'
+ break
+ case '900':
+ fontWeight = '9'
+ break
+ default:
+ fontWeight = '4'
+ break
+ }
+
+ return fontStyle + fontWeight
+}
diff --git a/src/_js/customizer/fonts/utils/determine-font-type.js b/src/_js/customizer/fonts/utils/determine-font-type.js
new file mode 100644
index 00000000..ea69b173
--- /dev/null
+++ b/src/_js/customizer/fonts/utils/determine-font-type.js
@@ -0,0 +1,15 @@
+export const determineFontType = function( fontFamily ) {
+ // The default is a standard font (aka no special loading or processing).
+ let fontType = 'system_font'
+
+ // We will follow a stack in the following order: cloud fonts, theme fonts, Google fonts, standard fonts.
+ if ( typeof customify.fonts.cloud_fonts[fontFamily] !== 'undefined' ) {
+ fontType = 'cloud_font'
+ } else if ( typeof customify.fonts.theme_fonts[fontFamily] !== 'undefined' ) {
+ fontType = 'theme_font'
+ } else if ( typeof customify.fonts.google_fonts[fontFamily] !== 'undefined' ) {
+ fontType = 'google_font'
+ }
+
+ return fontType
+}
diff --git a/src/_js/customizer/fonts/utils/fonts-service.js b/src/_js/customizer/fonts/utils/fonts-service.js
new file mode 100644
index 00000000..f87cfc77
--- /dev/null
+++ b/src/_js/customizer/fonts/utils/fonts-service.js
@@ -0,0 +1,18 @@
+const updating = {};
+const loading = {};
+
+export const isLoading = ( settingID ) => {
+ return !! updating[ settingID ];
+}
+
+export const isUpdating = ( settingID ) => {
+ return !! loading[ settingID ]
+}
+
+export const setLoading = ( settingID, value ) => {
+ loading[ settingID ] = value;
+}
+
+export const setUpdating = ( settingID, value ) => {
+ updating[ settingID ] = value;
+}
diff --git a/src/_js/customizer/fonts/utils/get-font-details.js b/src/_js/customizer/fonts/utils/get-font-details.js
new file mode 100644
index 00000000..30c3270b
--- /dev/null
+++ b/src/_js/customizer/fonts/utils/get-font-details.js
@@ -0,0 +1,28 @@
+import { determineFontType } from './determine-font-type';
+
+export const getFontDetails = function( fontFamily, fontType = false ) {
+ if ( false === fontType ) {
+ // We will determine the font type based on font family.
+ fontType = determineFontType( fontFamily )
+ }
+
+ switch ( fontType ) {
+ case 'theme_font':
+ return customify.fonts.theme_fonts[fontFamily]
+ break
+ case 'cloud_font':
+ return customify.fonts.cloud_fonts[fontFamily]
+ break
+ case 'google_font':
+ return customify.fonts.google_fonts[fontFamily]
+ break
+ case 'system_font':
+ if ( typeof customify.fonts.system_fonts[fontFamily] !== 'undefined' ) {
+ return customify.fonts.system_fonts[fontFamily]
+ }
+ break
+ default:
+ }
+
+ return false
+}
diff --git a/src/_js/customizer/fonts/utils/get-setting-id.js b/src/_js/customizer/fonts/utils/get-setting-id.js
new file mode 100644
index 00000000..e69de29b
diff --git a/src/_js/customizer/fonts/utils/handle-font-popup-toggle.js b/src/_js/customizer/fonts/utils/handle-font-popup-toggle.js
new file mode 100644
index 00000000..10915298
--- /dev/null
+++ b/src/_js/customizer/fonts/utils/handle-font-popup-toggle.js
@@ -0,0 +1,17 @@
+import $ from "jquery";
+
+export const handleFontPopupToggle = () => {
+ const $allFontCheckboxes = $( '.js-font-option-toggle' );
+
+ // Close all other font fields popups when opening a font field popup.
+ $allFontCheckboxes.on( 'click', ( event ) => {
+ $allFontCheckboxes.not( event.target ).prop( 'checked', false );
+ } );
+
+ // Make sure that all fonts popups are closed when backing away from a panel or section.
+ // @todo This doesn't catch backing with ESC key. For that we should hook on Customizer section and panel events ('collapsed').
+ $( '#customize-controls .customize-panel-back, #customize-controls .customize-section-back' ).on( 'click', function() {
+ $allFontCheckboxes.prop( 'checked', false )
+ } );
+
+}
diff --git a/src/_js/customizer/fonts/utils/index.js b/src/_js/customizer/fonts/utils/index.js
new file mode 100644
index 00000000..1a3f5120
--- /dev/null
+++ b/src/_js/customizer/fonts/utils/index.js
@@ -0,0 +1,25 @@
+export { getCallbackFilter } from './callback-filter';
+export { convertFontVariantToFVD } from './convert-font-variant';
+export { determineFontType } from './determine-font-type';
+export { getFontDetails } from './get-font-details';
+export { handleFontPopupToggle } from './handle-font-popup-toggle';
+export { initSubfield } from './init-subfield';
+export { loadFontValue } from './load-font-value';
+export { selfUpdateValue } from './self-update-value';
+export { standardizeNumericalValue } from './standardize-numerical-value';
+export { updateFontHeadTitle } from './update-font-head-title';
+export { updateVariantField } from './update-variant-field';
+
+export * as fontsService from './fonts-service';
+
+const wrapperSelector = '.font-options__wrapper';
+const valueHolderSelector = '.customify_font_values';
+
+export const getSettingID = ( $element ) => {
+ return getWrapper( $element ).find( valueHolderSelector ).data( 'customize-setting-link' );
+}
+
+export const getWrapper = ( $element ) => {
+ return $element.closest( wrapperSelector );
+}
+
diff --git a/src/_js/customizer/fonts/utils/init-subfield.js b/src/_js/customizer/fonts/utils/init-subfield.js
new file mode 100644
index 00000000..2fe27286
--- /dev/null
+++ b/src/_js/customizer/fonts/utils/init-subfield.js
@@ -0,0 +1,39 @@
+import $ from "jquery";
+
+import {
+ getSettingID,
+ getWrapper,
+ selfUpdateValue,
+} from './index';
+
+export const initSubfield = function( $subField, select2 = false ) {
+
+ // Mark these as not touched by the user.
+ $subField.data( 'touched', false )
+
+ $subField.on( 'input change', onSubfieldChange )
+
+ // If we've been instructed, initialize a select2.
+ if ( true === select2 ) {
+ $subField.select2();
+ }
+}
+
+const onSubfieldChange = ( event, who ) => {
+ const $subField = $( event.target );
+
+ // The change was triggered programmatically by Customify.
+ // No need to self-update the value.
+ if ( 'customify' === who ) {
+ return;
+ }
+
+ const wrapper = getWrapper( $subField );
+ const settingID = getSettingID( $subField );
+
+ // Mark this input as touched by the user.
+ $subField.data( 'touched', true );
+
+ // Gather subfield values and trigger refresh of the fonts in the preview window.
+ selfUpdateValue( wrapper, settingID );
+}
diff --git a/src/_js/customizer/fonts/utils/load-font-value.js b/src/_js/customizer/fonts/utils/load-font-value.js
new file mode 100644
index 00000000..dcb46ce1
--- /dev/null
+++ b/src/_js/customizer/fonts/utils/load-font-value.js
@@ -0,0 +1,81 @@
+import $ from "jquery";
+import { fontsService } from './index';
+import { round } from './round';
+import { standardizeNumericalValue } from './standardize-numerical-value';
+
+/**
+ * This function is a reverse of selfUpdateValue(), initializing the entire font field controls
+ * based on the setting value.
+ */
+export const loadFontValue = function( wrapper, value, settingID ) {
+ // If we are already loading this setting value and haven't finished, there is no point in starting again.
+ if ( fontsService.isLoading( settingID ) ) {
+ return
+ }
+
+ // Mark the fact that we are loading the field value
+ fontsService.setLoading( settingID, true );
+
+ const optionsList = $( wrapper ).find( '.font-options__options-list' ),
+ inputs = optionsList.find( '[data-value_entry]' )
+
+ inputs.each( function( key, input ) {
+ const $input = $( input )
+ const valueEntry = $input.data( 'value_entry' )
+
+ // In the case of select2, only the original selects have the data field, thus excluding select2 created select DOM elements
+ if ( typeof valueEntry === 'undefined' || valueEntry === '' || typeof value[valueEntry] === 'undefined' ) {
+ return
+ }
+
+ // We will do this only for numerical sub-fields.
+ if ( _.includes( ['letter_spacing', 'line_height', 'font_size'], valueEntry ) ) {
+ const subfieldValue = standardizeNumericalValue( value[valueEntry], input )
+
+ // Make sure that the unit and value_unit attributes are in place.
+ if ( subfieldValue.unit !== '' ) {
+ $input.data( 'value_unit', subfieldValue.unit )
+ if ( _.isEmpty( $input.attr( 'unit' ) ) ) {
+ $input.attr( 'unit', subfieldValue.unit )
+ }
+ }
+
+ // If the field unit and value unit differ, we have some conversion to do.
+ // We will convert the received value to the appropriate unit declared by the input.
+ // We will use a guessed base size of 16px. Not an exact conversion, but it will have to do.
+ const baseSize = 16
+ const subfieldUnit = $input.attr( 'unit' ).trim().toLowerCase()
+ const subfieldValueUnit = $input.data( 'value_unit' ).trim().toLowerCase()
+ // The comparison is intentionally loose.
+ if ( subfieldUnit != subfieldValueUnit ) {
+ if ( _.includes( ['em', 'rem'], subfieldValueUnit ) && 'px' === subfieldUnit ) {
+ // We will have to multiply the value.
+ subfieldValue.value = round( subfieldValue.value * baseSize, customify.fonts.floatPrecision )
+ } else if ( _.includes( ['em', 'rem'], subfieldUnit ) && 'px' === subfieldValueUnit ) {
+ // We will have to divide the value.
+ subfieldValue.value = round( subfieldValue.value / baseSize, customify.fonts.floatPrecision )
+ }
+ }
+
+ // If this field has a min/max attribute we need to make sure that those attributes allow for the value we are trying to impose.
+ if ( $input.attr( 'min' ) && $input.attr( 'min' ) > subfieldValue.value ) {
+ $input.attr( 'min', subfieldValue.value )
+ }
+ if ( $input.attr( 'max' ) && $input.attr( 'max' ) < subfieldValue.value ) {
+ $input.attr( 'max', subfieldValue.value )
+ }
+
+ $input.val( subfieldValue.value )
+ } else {
+ $input.val( value[valueEntry] )
+ }
+
+ // Mark this input as not touched by the user.
+ $input.data( 'touched', false )
+
+ $input.trigger( 'change', ['customify'] )
+ } )
+
+ // Finished with the field value loading.
+ fontsService.setLoading( settingID, false );
+}
diff --git a/src/_js/customizer/fonts/utils/round.js b/src/_js/customizer/fonts/utils/round.js
new file mode 100644
index 00000000..118ea29e
--- /dev/null
+++ b/src/_js/customizer/fonts/utils/round.js
@@ -0,0 +1,4 @@
+export const round = function( number, precision ) {
+ const factor = Math.pow( 10, precision )
+ return Math.round( number * factor ) / factor;
+}
diff --git a/src/_js/customizer/fonts/utils/self-update-value.js b/src/_js/customizer/fonts/utils/self-update-value.js
new file mode 100644
index 00000000..d3f93a20
--- /dev/null
+++ b/src/_js/customizer/fonts/utils/self-update-value.js
@@ -0,0 +1,96 @@
+import $ from "jquery";
+
+import {
+ fontsService,
+ getFontDetails,
+ standardizeNumericalValue,
+} from './index';
+
+/**
+ * Gather the value for our entire font field and save it in the setting.
+ */
+export const selfUpdateValue = function( wrapper, settingID ) {
+ // If we are already self-updating this and we haven't finished, we need to stop here to prevent infinite loops
+ // This call might have come from a subfield detecting the change thus triggering a further selfUpdateValue()
+
+ // If we are loading this setting value and haven't finished,
+ // there is no point in updating it as this would cause infinite loops.
+ if ( fontsService.isUpdating( settingID ) || fontsService.isLoading( settingID ) ) {
+ return
+ }
+
+ // Mark the fact that we are self-updating the field value
+ fontsService.setUpdating( settingID, true );
+
+ const optionsList = wrapper.find( '.font-options__options-list' );
+ const inputs = optionsList.find( '[data-value_entry]' );
+ let newFontData = {};
+
+ wp.customize( settingID, setting => {
+ newFontData = $.extend( true, {}, setting() );
+
+ inputs.each( function( key, input ) {
+ const $input = $( input )
+ const valueEntry = $input.data( 'value_entry' )
+ let value = $input.val()
+
+ // We only pick up subfields values that have been touched by the user, that are enabled (visible) or values that are missing in the oldValue.
+ if ( _.isUndefined( valueEntry ) || $input.data( 'disabled' ) || (
+ !$input.data( 'touched' ) && !_.isUndefined( newFontData[valueEntry] )
+ ) ) {
+ return
+ }
+
+ if ( 'font_family' === valueEntry ) {
+ // Get the src of the selected option.
+ const src = $( input.options[input.selectedIndex] ).data( 'src' )
+
+ if ( src ) {
+ newFontData['src'] = src
+ } else {
+ delete newFontData['src']
+ }
+ }
+
+ if ( !_.isUndefined( value ) && !_.isNull( value ) && value !== '' ) {
+ if ( _.includes( ['letter_spacing', 'line_height', 'font_size'], valueEntry ) ) {
+ // Standardize the value.
+ value = standardizeNumericalValue( value, input, false )
+ }
+
+ newFontData[valueEntry] = value
+ } else {
+ delete newFontData[valueEntry]
+ }
+ } )
+
+ // We don't need to store font variants or subsets list in the value
+ // since we will get those from the global font details.
+ delete newFontData['variants']
+ delete newFontData['subsets']
+
+ // We need to make sure that we don't "use" any variants not supported by the new font (values passed over from the old value).
+ // Get the new font details
+ const newFontDetails = getFontDetails( newFontData['font_family'] )
+ // Check the font variant
+ if ( typeof newFontData['font_variant'] !== 'undefined' && typeof newFontDetails.variants !== 'undefined' && Object.keys( newFontDetails.variants ).length > 0 ) {
+ // Make sure that the font_variant is a string, not a number.
+ newFontData['font_variant'] = String( newFontData['font_variant'] )
+
+ if ( !_.includes( newFontDetails.variants, newFontData['font_variant'] ) ) {
+ // The new font doesn't have this variant. Nor should the value.
+ delete newFontData['font_variant']
+ }
+ } else {
+ // The new font has no variants. Nor should the value.
+ delete newFontData['font_variant']
+ }
+
+ // Update the Customizer setting value.
+ setting.set( newFontData );
+
+ } );
+
+ // Finished with the field value self-updating.
+ fontsService.setUpdating( settingID, false );
+}
diff --git a/src/_js/customizer/fonts/utils/standardize-numerical-value.js b/src/_js/customizer/fonts/utils/standardize-numerical-value.js
new file mode 100644
index 00000000..f8bc05d7
--- /dev/null
+++ b/src/_js/customizer/fonts/utils/standardize-numerical-value.js
@@ -0,0 +1,74 @@
+import $ from "jquery";
+
+/**
+ * Given a value we will standardize it to an array with 'value' and 'unit'.
+ *
+ * This is a mirror logic of the server-side one from Utils\Fonts::standardizeNumericalValue()
+ *
+ * @param value
+ * @param input Optional. The input this value was extracted from
+ * @param valueFirst Optional. Whether to give higher priority to value related data, or to input related one.
+ */
+export const standardizeNumericalValue = function( value, input = false, valueFirst = true ) {
+ const standardValue = {value: false, unit: false}
+
+ if ( _.includes( ['', 'false', false], value ) ) {
+ return standardValue
+ }
+
+ if ( !isNaN( value ) ) {
+ standardValue.value = value
+ } else if ( typeof value.value !== 'undefined' ) {
+ standardValue.value = value.value
+ if ( typeof value.unit !== 'undefined' ) {
+ standardValue.unit = value.unit
+ }
+ } else if ( typeof value[0] !== 'undefined' ) {
+ standardValue.value = value[0]
+ if ( typeof value[1] !== 'undefined' ) {
+ standardValue.unit = value[1]
+ }
+ } else if ( typeof value === 'string' ) {
+ // We will get everything in front that is a valid part of a number (float including).
+ const matches = value.match( /^([\d.\-+]+)(.+)/i )
+ if ( matches !== null && typeof matches[1] !== 'undefined' ) {
+ standardValue.value = matches[1]
+ if ( !_.isEmpty( matches[2] ) ) {
+ standardValue.unit = matches[2]
+ }
+ } else {
+ // If we could not extract anything useful we will trust the developer and leave it like that.
+ standardValue.value = value
+ }
+ }
+
+ if ( false !== input && (
+ false === standardValue.unit || _.isEmpty( standardValue.unit )
+ ) ) {
+ // If we are given an input, we will attempt to extract the unit from its attributes.
+ let fallbackInputUnit = ''
+ const $input = $( input )
+
+ if ( valueFirst ) {
+ if ( !_.isEmpty( $input.data( 'value_unit' ) ) ) {
+ fallbackInputUnit = $input.data( 'value_unit' )
+ } else if ( !_.isEmpty( $input.attr( 'unit' ) ) ) {
+ fallbackInputUnit = $input.attr( 'unit' )
+ }
+ } else {
+ if ( !_.isEmpty( $input.attr( 'unit' ) ) ) {
+ fallbackInputUnit = $input.attr( 'unit' )
+ } else if ( !_.isEmpty( $input.data( 'value_unit' ) ) ) {
+ fallbackInputUnit = $input.data( 'value_unit' )
+ }
+ }
+ standardValue.unit = fallbackInputUnit
+ }
+
+ // Make sure that if we have a numerical value, it is a float.
+ if ( !isNaN( standardValue.value ) ) {
+ standardValue.value = parseFloat( standardValue.value );
+ }
+
+ return standardValue
+}
diff --git a/src/_js/customizer/fonts/utils/update-font-head-title.js b/src/_js/customizer/fonts/utils/update-font-head-title.js
new file mode 100644
index 00000000..0e4e5bb2
--- /dev/null
+++ b/src/_js/customizer/fonts/utils/update-font-head-title.js
@@ -0,0 +1,18 @@
+import $ from "jquery";
+
+/**
+ * Update the title of the font field (the field head) with the new font family name.
+ *
+ * @param newFontDetails
+ * @param wrapper
+ */
+export const updateFontHeadTitle = function( newFontDetails, wrapper ) {
+ const fontTitleElement = wrapper.find( '.font-options__head .font-options__font-title' )
+
+ let fontFamilyDisplay = newFontDetails.family
+ if ( typeof newFontDetails.family_display === 'string' && newFontDetails.family_display.length ) {
+ fontFamilyDisplay = newFontDetails.family_display
+ }
+
+ $( fontTitleElement ).html( fontFamilyDisplay )
+}
diff --git a/src/_js/customizer/fonts/utils/update-variant-field.js b/src/_js/customizer/fonts/utils/update-variant-field.js
new file mode 100644
index 00000000..185ad62f
--- /dev/null
+++ b/src/_js/customizer/fonts/utils/update-variant-field.js
@@ -0,0 +1,69 @@
+import $ from "jquery";
+const fontVariantSelector = '.customify_font_weight';
+
+/**
+ * This function updates the data in font weight selector from the given
element
+ *
+ * @param newFontDetails
+ * @param wrapper
+ */
+export const updateVariantField = function( newFontDetails, wrapper ) {
+ const variants = typeof newFontDetails.variants !== 'undefined' ? newFontDetails.variants : [],
+ fontVariantInput = wrapper.find( fontVariantSelector ),
+ selectedVariant = fontVariantInput.val() ? fontVariantInput.val() : '',
+ newVariants = []
+
+ // We clear everything about this subfield.
+ fontVariantInput.val( null ).empty()
+ if ( fontVariantInput.hasClass( "select2-hidden-accessible" ) ) {
+ fontVariantInput.select2( 'destroy' )
+ }
+
+ // Mark this input as not touched by the user.
+ fontVariantInput.data( 'touched', false )
+
+ if ( typeof variants === 'undefined' || Object.keys( variants ).length < 2 ) {
+ fontVariantInput.parent().hide()
+ fontVariantInput.parent().prev( 'label' ).hide()
+ // Mark this input as disabled.
+ fontVariantInput.data( 'disabled', true )
+ return
+ }
+
+ const variantAutoText = customify.l10n.fonts.variantAutoText
+
+ // Initialize the options with an empty one.
+ newVariants.push( {
+ 'id': '',
+ 'text': variantAutoText
+ } )
+
+ // we need to turn the data array into a specific form like [{id:"id", text:"Text"}]
+ $.each( variants, function( index, variant ) {
+ let newVariant = {
+ 'id': variant, // This is the option value.
+ 'text': variant
+ }
+
+ // Leave the comparison loose.
+ if ( selectedVariant == variant ) {
+ newVariant.selected = true
+ }
+
+ newVariants.push( newVariant )
+ } )
+
+ // This is a costly operation especially when font palettes are changed and multiple font fields are updated
+ requestIdleCallback( () => {
+ // Only reinitialize the select2.
+ // No need to rebind on change or on input since those are still bound to the original HTML element.
+ fontVariantInput.select2( {
+ data: newVariants
+ } )
+
+ fontVariantInput.parent().show()
+ fontVariantInput.parent().prev( 'label' ).show()
+ // Mark this input as enabled.
+ fontVariantInput.data( 'disabled', false )
+ } );
+}
diff --git a/src/_js/customizer/global-service.js b/src/_js/customizer/global-service.js
new file mode 100644
index 00000000..67304e54
--- /dev/null
+++ b/src/_js/customizer/global-service.js
@@ -0,0 +1,95 @@
+import _ from "lodash";
+
+let callbacks = {};
+let settings = {};
+
+let overrideCustomizerBack = [];
+
+export const loadSettings = () => {
+ settings = JSON.parse( JSON.stringify( wp.customize.settings.settings ) );
+}
+
+export const getSettings = () => {
+ return settings;
+}
+
+export const setSettings = ( newSettings ) => {
+ settings = newSettings;
+}
+
+export const getSetting = ( settingID ) => {
+ return settings[settingID];
+}
+
+export const getSettingConfig = ( settingID ) => {
+ return customify.config.settings[ settingID ];
+}
+
+export const setSetting = ( settingID, value ) => {
+ settings[settingID] = value;
+}
+
+export const getCallback = ( settingID ) => {
+ return callbacks[settingID];
+}
+
+export const setCallback = ( settingID, callback ) => {
+ callbacks[settingID] = callback;
+}
+
+export const getCallbacks = () => {
+ return callbacks;
+}
+
+export const deleteCallbacks = ( settingIDs ) => {
+ settingIDs.forEach( settingID => {
+ delete callbacks[settingID];
+ } );
+}
+
+export const getBackArray = () => {
+ return overrideCustomizerBack;
+}
+
+export const addToBackArray = ( section ) => {
+ overrideCustomizerBack.push( section );
+}
+
+export const setBackArray = ( newArray ) => {
+ overrideCustomizerBack = newArray.slice();
+}
+
+export const bindConnectedFields = function( settingIDs, filter = noop ) {
+
+ settingIDs.forEach( settingID => {
+ wp.customize( settingID, parentSetting => {
+
+ setCallback( settingID, newValue => {
+ const settingConfig = getSetting( settingID );
+ const connectedFields = settingConfig.connected_fields || {};
+
+ Object.keys( connectedFields ).map( key => connectedFields[key].setting_id ).forEach( connectedSettingID => {
+ wp.customize( connectedSettingID, connectedSetting => {
+ connectedSetting.set( filter( newValue ) );
+ } );
+ } );
+ } );
+
+ parentSetting.bind( getCallback( settingID ) );
+ } );
+ } );
+}
+
+export const unbindConnectedFields = function( settingIDs ) {
+ const globalCallbacks = _.pick( getCallbacks(), settingIDs );
+
+ _.each( globalCallbacks, ( callback, settingID ) => {
+ wp.customize( settingID, setting => {
+ setting.unbind( callback );
+ } );
+ } );
+
+ deleteCallbacks( settingIDs );
+}
+
+const noop = x => x;
diff --git a/src/_js/customizer/index.js b/src/_js/customizer/index.js
new file mode 100644
index 00000000..2ea8b57e
--- /dev/null
+++ b/src/_js/customizer/index.js
@@ -0,0 +1,48 @@
+import $ from 'jquery';
+import './style.scss';
+
+import { initializeColors } from './colors';
+import { initializeFonts } from './fonts';
+import { initializeFontPalettes } from './font-palettes'
+
+import * as globalService from "./global-service";
+import * as resizer from './resizer';
+
+import { handleColorSelectFields } from './fields/color-select';
+import { handleRangeFields } from './fields/range';
+import { handleTabs } from './fields/tabs';
+
+import { handleFoldingFields } from './folding-fields';
+import { createResetButtons } from './create-reset-buttons';
+
+wp.customize.bind( 'ready', () => {
+ globalService.loadSettings();
+
+ const settings = globalService.getSettings();
+ const settingIDs = Object.keys( settings );
+
+ globalService.bindConnectedFields( settingIDs );
+
+ createResetButtons();
+ handleRangeFields();
+ handleColorSelectFields();
+ handleTabs();
+
+ // @todo check reason for this timeout
+ setTimeout( function () {
+ handleFoldingFields();
+ }, 1000 );
+
+ // Initialize simple select2 fields.
+ $( '.customify_select2' ).select2();
+
+ initializeColors();
+ initializeFonts();
+ initializeFontPalettes();
+
+} );
+
+// expose API on sm.customizer global object
+export { getFontDetails, determineFontType, convertFontVariantToFVD } from './fonts/utils';
+export { getCSSFromPalettes } from './colors/components/builder';
+export { resizer };
diff --git a/src/_js/customizer/resizer/index.js b/src/_js/customizer/resizer/index.js
new file mode 100644
index 00000000..7887e8f6
--- /dev/null
+++ b/src/_js/customizer/resizer/index.js
@@ -0,0 +1,94 @@
+const defaultOffset = {
+ top: 0,
+ right: 0,
+ bottom: 0,
+ left: 0,
+};
+
+let offset = defaultOffset;
+
+wp.customize.bind( 'ready', () => {
+
+ setOffset( {
+ top: 10,
+ right: 10,
+ bottom: 10,
+ left: 10,
+ } );
+
+ resize();
+
+ window.addEventListener( 'resize', resize );
+
+ wp.customize.previewedDevice.bind( resize );
+
+ const collapseSidebar = document.querySelector( '.collapse-sidebar' );
+
+ if ( ! collapseSidebar ) {
+ return;
+ }
+
+ collapseSidebar.addEventListener( 'click', () => {
+ setTimeout( resize, 300 );
+ } );
+
+} );
+
+export const setOffset = ( newOffset ) => {
+ offset = Object.assign( {}, newOffset );
+}
+
+export const resize = () => {
+ const preview = document.querySelector( '.wp-full-overlay' );
+ const iframe = document.querySelector( '#customize-preview iframe' );
+ const previewedDevice = wp.customize.previewedDevice.get();
+
+ if ( ! iframe || ! preview ) {
+ return;
+ }
+
+ // remove CSS properties that may have been previously added
+ iframe.style.removeProperty( 'width' );
+ iframe.style.removeProperty( 'height' );
+ iframe.style.removeProperty( 'transform-origin' );
+ iframe.style.removeProperty( 'transform' );
+ iframe.style.removeProperty( 'margin-top' );
+ iframe.style.removeProperty( 'margin-left' );
+
+ if ( ! iframe ) {
+ return;
+ }
+
+ // scaling of the site preview should be done only in desktop preview mode
+ if ( previewedDevice !== 'desktop' ) {
+ return;
+ }
+
+ const windowWidth = window.innerWidth;
+ const windowHeight = window.innerHeight;
+
+ const previewWidth = preview.offsetWidth;
+ const previewHeight = preview.offsetHeight;
+
+ // for an accurate preview at resolutions where media queries may intervene
+ // increase the width of the preview and use CSS transforms to scale it back down
+ const shouldScale = previewWidth > 720 && previewWidth < 1100;
+
+ const initialHeight = previewHeight;
+ const finalHeight = previewHeight - offset.top - offset.bottom;
+
+ const initialWidth = shouldScale ? windowWidth : previewWidth;
+ const finalWidth = previewWidth - offset.left - offset.right;
+
+ const scaleX = initialWidth / finalWidth;
+ const scaleY = initialHeight / finalHeight;
+ const scale = Math.max( scaleX, scaleY );
+
+ iframe.style.width = `${ finalWidth * scale }px`;
+ iframe.style.height = `${ finalHeight * scale }px`;
+ iframe.style.transformOrigin = `left top`;
+ iframe.style.transform = `scale( ${ 1 / scale } )`;
+
+ iframe.style.marginTop = `${ offset.top }px`;
+ iframe.style.marginLeft = `${ offset.left }px`;
+}
diff --git a/src/_js/customizer/scale-preview.js b/src/_js/customizer/scale-preview.js
new file mode 100644
index 00000000..ec6becfe
--- /dev/null
+++ b/src/_js/customizer/scale-preview.js
@@ -0,0 +1,52 @@
+import $ from 'jquery';
+
+export const scalePreview = function() {
+
+ wp.customize.previewer.bind( 'synced', function() {
+ scalePreviewIframe();
+
+ wp.customize.previewedDevice.bind( scalePreviewIframe );
+ $( window ).on( 'resize', scalePreviewIframe );
+ } )
+
+ $( '.collapse-sidebar' ).on( 'click', function() {
+ setTimeout( scalePreviewIframe, 300 );
+ } );
+
+}
+
+const scalePreviewIframe = function() {
+ const $window = $( window );
+ const $previewIframe = $( '.wp-full-overlay' )
+
+ // remove CSS properties that may have been previously added
+ $previewIframe.find( 'iframe' ).css( {
+ width: '',
+ height: '',
+ transformOrigin: '',
+ transform: ''
+ } );
+
+ // scaling of the site preview should be done only in desktop preview mode
+ if ( wp.customize.previewedDevice.get() !== 'desktop' ) {
+ return
+ }
+
+ const iframeWidth = $previewIframe.width()
+ const windowWidth = $window.width()
+ const windowHeight = $window.height()
+
+ // get the ratio between the site preview and actual browser width
+ const scale = windowWidth / iframeWidth
+
+ // for an accurate preview at resolutions where media queries may intervene
+ // increase the width of the iframe and use CSS transforms to scale it back down
+ if ( iframeWidth > 720 && iframeWidth < 1100 ) {
+ $previewIframe.find( 'iframe' ).css( {
+ width: iframeWidth * scale,
+ height: windowHeight * scale,
+ transformOrigin: 'left top',
+ transform: 'scale(' + 1 / scale + ')'
+ } );
+ }
+}
diff --git a/src/_js/customizer/scss/_controls.scss b/src/_js/customizer/scss/_controls.scss
new file mode 100644
index 00000000..08760563
--- /dev/null
+++ b/src/_js/customizer/scss/_controls.scss
@@ -0,0 +1,68 @@
+.customize-control {
+ --customize-control-spacing-x: var(--customizer-spacing);
+ --customize-control-spacing-y: var(--customizer-spacing);
+
+ margin: 0;
+ padding: var(--customize-control-spacing-y) var(--customize-control-spacing-x);
+ float: none;
+
+ &:not(:last-child) {
+ padding-bottom: 0;
+ }
+}
+
+.customize-section-description-container {
+ margin-bottom: 0;
+}
+
+.customize-control-title {
+ margin-bottom: calc( 0.5 * var(--customizer-spacing) );
+}
+
+.customize-control-description {
+ margin-bottom: calc( 0.5 * var(--customizer-spacing) );
+ font-style: normal;
+ opacity: 0.75;
+ clear: both;
+}
+
+#customize-theme-controls {
+
+ // adjustments for weird jetpack markup
+ li.customize-control-title {
+ margin-bottom: 0;
+
+ + .customize-control-checkbox,
+ + .customize-control-radio {
+ margin-top: 0;
+ }
+ }
+
+ .customize-control-textarea .customize-control-description {
+ margin-top: initial;
+ }
+
+ .control-section.open {
+ border-bottom: 0;
+ min-height: 100%;
+ }
+}
+
+.customize-control-checkbox {
+
+ > .customize-control-notifications-container + .customize-inside-control-row:last-child {
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+}
+
+@import 'controls/color-select';
+@import 'controls/fields';
+@import 'controls/font';
+@import 'controls/font-palette';
+@import 'controls/radio-group';
+@import 'controls/radio-html';
+@import 'controls/range';
+@import 'controls/switch';
+@import 'controls/tabs';
+@import 'controls/toggle';
diff --git a/scss/_feedback-modal.scss b/src/_js/customizer/scss/_feedback-modal.scss
similarity index 99%
rename from scss/_feedback-modal.scss
rename to src/_js/customizer/scss/_feedback-modal.scss
index 4637a9ba..1ff53b89 100644
--- a/scss/_feedback-modal.scss
+++ b/src/_js/customizer/scss/_feedback-modal.scss
@@ -57,6 +57,7 @@ body.feedback-modal-open #style-manager-user-feedback-modal .modal {
#style-manager-user-feedback-modal {
height: 100%;
+
// Container that the modal scrolls within
.modal {
position: relative;
diff --git a/src/_js/customizer/scss/_mixins.scss b/src/_js/customizer/scss/_mixins.scss
new file mode 100644
index 00000000..0cb873db
--- /dev/null
+++ b/src/_js/customizer/scss/_mixins.scss
@@ -0,0 +1,5 @@
+@import './mixins/clearfix';
+@import './mixins/dropdown-arrow';
+@import './mixins/fields';
+@import './mixins/placeholder';
+@import './mixins/section-title-with-icon';
diff --git a/scss/_search.scss b/src/_js/customizer/scss/_search.scss
similarity index 94%
rename from scss/_search.scss
rename to src/_js/customizer/scss/_search.scss
index 90deeb3f..3ee44c5e 100644
--- a/scss/_search.scss
+++ b/src/_js/customizer/scss/_search.scss
@@ -1,7 +1,14 @@
$container-placeholder-color: #999;
#accordion-section-customify-customizer-search {
- padding: 10px;
+ margin-bottom: 0;
+ color: #555d66;
+ background: #fff;
+ border-top: 1px solid #ddd;
+
+ .accordion-section-title:after {
+ content: none;
+ }
.search-field-wrapper {
display: flex;
@@ -117,18 +124,6 @@ $container-placeholder-color: #999;
}
}
-#accordion-section-customify-customizer-search {
- margin-bottom: 0;
- color: #555d66;
- background: #fff;
- padding: 12px 15px;
- border-top: 1px solid #ddd;
-
- .accordion-section-title:after {
- content: none;
- }
-}
-
// This is put on the #customize-theme-controls wrapper, so it is used to hide the regular panels.
.search-found {
height: 0;
@@ -149,11 +144,11 @@ $container-placeholder-color: #999;
font-size: 14px;
line-height: 21px;
- border-top: 1px solid $border-color;
+ border-top: 1px solid var(--customizer-border-color);
border-bottom: none;
&:last-of-type {
- border-bottom: 1px solid $border-color;
+ border-bottom: 1px solid var(--customizer-border-color);
}
&:hover {
@@ -176,10 +171,9 @@ $container-placeholder-color: #999;
content: "\f345";
color: #a0a5aa;
position: absolute;
- top: 12px;
+ top: calc(50% - 10px);
right: 10px;
z-index: 1;
- top: calc(50% - 10px);
}
h3.accordion-section-title {
diff --git a/src/_js/customizer/scss/_select2.scss b/src/_js/customizer/scss/_select2.scss
new file mode 100644
index 00000000..9aafd5b2
--- /dev/null
+++ b/src/_js/customizer/scss/_select2.scss
@@ -0,0 +1,193 @@
+.select2-container {
+ position: relative;
+ z-index: 999999;
+
+ display: block;
+ margin: 0;
+
+ vertical-align: middle;
+
+ &, *, *:before, *:after {
+ box-sizing: border-box;
+ }
+}
+
+.select2-selection__rendered {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.select2-selection--single {
+ @include select;
+ cursor: pointer;
+
+ &:hover,
+ .select2-container--focus & {
+ @include select-focus;
+ }
+
+ .select2-container--open & {
+ @include select-opened;
+ }
+
+ .select2-container--open.select2-container--below & {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+ .select2-container--open.select2-container--above & {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+
+ .select2-selection__clear {
+ position: relative;
+ }
+}
+
+.select2-selection--multiple {
+ cursor: pointer;
+ display: block;
+
+ .select2-selection__rendered {
+ display: inline-block;
+ }
+}
+
+.select2-search--inline {
+ float: left;
+
+ .select2-search__field {
+ border: none;
+ font-size: 100%;
+ margin-top: 5px;
+ padding: 0;
+
+ &::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+ }
+ }
+}
+
+// Select2 Dropdown
+.select2-dropdown {
+ position: absolute;
+ left: -100000px;
+ z-index: 1051;
+
+ display: block;
+ width: 100%;
+
+ border: 1px solid var(--customizer-border-color);
+ border-radius: 4px;
+ background-color: var(--sm-color-palette-neutral-color-1);
+
+ .select2-container--open & {
+ left: 0;
+
+ &--above {
+ border-bottom: none;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+ &--below {
+ border-top: none;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+ }
+}
+
+.select2-results {
+ display: block;
+
+ > .select2-results__options {
+ max-height: 15em;
+ overflow-y: auto;
+ }
+}
+
+.select2-results__group {
+ display: block;
+ border-width: 1px 0;
+ border-style: solid;
+ border-color: var(--customizer-border-color);
+ background: var(--sm-color-palette-neutral-color-2);
+}
+
+.select2-results__options {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+.select2-results__group,
+.select2-results__option:not([role="group"]) {
+ padding: calc( 0.5 * var(--customizer-spacing) );
+}
+
+.select2-results__option {
+ margin: 0;
+
+ &[aria-selected] {
+ cursor: pointer;
+ }
+
+ &--highlighted {
+ background-color: var(--sm-color-palette-accent-color-7);
+ color: var(--sm-color-palette-neutral-color-1);
+ }
+}
+
+.select2-search--dropdown {
+ display: block;
+ padding: calc( 0.5 * var(--customizer-spacing) );
+
+ .select2-search__field {
+ @include field;
+
+ &::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+ }
+ }
+
+ &.select2-search--hide {
+ display: none;
+ }
+}
+
+.select2-close-mask {
+ position: fixed;
+ left: 0;
+ top: 0;
+ z-index: 99;
+
+ display: block;
+ min-width: 100%;
+ min-height: 100%;
+ width: auto;
+ height: auto;
+
+ border: 0;
+ margin: 0;
+ padding: 0;
+ opacity: 0;
+
+ // styles required for IE to work
+ background-color: #FFFFFF;
+ filter: alpha(opacity=0);
+}
+
+.select2-hidden-accessible {
+ position: absolute !important;
+ width: 1px !important;
+ height: 1px !important;
+ overflow: hidden !important;
+ border: 0 !important;
+ padding: 0 !important;
+ clip: rect(0 0 0 0) !important;
+ clip-path: inset(50%) !important;
+ white-space: nowrap !important;
+}
diff --git a/scss/style-manager/_panel.scss b/src/_js/customizer/scss/_style-manager-panel.scss
similarity index 76%
rename from scss/style-manager/_panel.scss
rename to src/_js/customizer/scss/_style-manager-panel.scss
index c17efc6b..ae6a6eb2 100644
--- a/scss/style-manager/_panel.scss
+++ b/src/_js/customizer/scss/_style-manager-panel.scss
@@ -4,13 +4,14 @@ $sm-fonts-id: unquote( '#accordion-section-sm_font_palettes_section' );
// Add spacing and borders between section toggle buttons
#customize-theme-controls {
- #{$sm-colors-id} > .accordion-section-title {
- border-bottom: 1px solid $border-color;
+ #{$sm-colors-id} > .accordion-section-title,
+ #{$sm-fonts-id} > .accordion-section-title {
+ border-top-width: 1px;
+ border-bottom-width: 1px;
}
#{$sm-colors-id} + #{$sm-fonts-id} > .accordion-section-title {
- margin-top: $fields-spacing / 4;
- border-top-width: 1px;
+ margin-top: calc( 0.25 * var(--customizer-spacing) );
}
}
@@ -35,8 +36,8 @@ $sm-fonts-id: unquote( '#accordion-section-sm_font_palettes_section' );
justify-content: center;
text-align: center;
- background-color: $blue-light;
- color: $blue-white;
+ background-color: var(--sm-color-palette-accent-color-7);
+ color: var(--sm-color-palette-neutral-color-2);
border-radius: 50%;
}
diff --git a/src/_js/customizer/scss/_theme.scss b/src/_js/customizer/scss/_theme.scss
new file mode 100644
index 00000000..1b4684c0
--- /dev/null
+++ b/src/_js/customizer/scss/_theme.scss
@@ -0,0 +1,73 @@
+@import 'theme/accordion-section-title';
+@import 'theme/header';
+@import 'theme/separator';
+
+//------------------------------------*\
+// COLOOR OVERWRITES
+//------------------------------------*/
+.customize-control.menu-item .menu-item-settings {
+ background-color: var(--customizer-background-color);
+}
+
+.customize-section-description-container + #customize-control-custom_css:last-child {
+ margin: 0;
+ padding: 0;
+ width: auto;
+}
+
+.customize-section-title {
+ margin: 0;
+ background: var(--sm-color-palette-neutral-color-1);
+ border-color: var(--customizer-border-color);
+}
+
+.customize-section-description[class] {
+ margin-top: 0;
+ padding: var(--customizer-spacing);
+ background: var(--sm-color-palette-neutral-color-1);
+}
+
+#customize-controls[id] {
+ color: var(--sm-color-palette-neutral-text-color-1);
+ background: var(--customizer-background-color);
+ border-color: var(--customizer-border-color);
+
+ .customize-info.is-in-view,
+ .customize-section-title.is-in-view {
+ z-index: 100;
+ box-shadow: none;
+ }
+
+ .description {
+ color: inherit;
+ }
+
+ .accordion-section-content {
+ padding: 0;
+ color: inherit;
+ }
+
+ .control-panel-content:not(.control-panel-nav_menus) .control-section:nth-child(2),
+ .control-panel-nav_menus .control-section-nav_menu,
+ .control-section-nav_menu_locations .accordion-section-title {
+ border-top: 0;
+ }
+
+ .customize-info {
+ border-color: var(--customizer-border-color);
+
+ .customize-panel-description,
+ .customize-section-description {
+ padding: var(--customizer-spacing);
+ border-color: var(--customizer-border-color);
+ background: var(--sm-color-palette-neutral-color-1);
+ color: var(--customizer-text-color);
+ }
+ }
+}
+
+#customize-header-actions,
+#customize-footer-actions {
+ background: var(--sm-color-palette-neutral-color-1);
+ border-color: var(--customizer-border-color);
+}
diff --git a/src/_js/customizer/scss/_variables.scss b/src/_js/customizer/scss/_variables.scss
new file mode 100644
index 00000000..b51fefb4
--- /dev/null
+++ b/src/_js/customizer/scss/_variables.scss
@@ -0,0 +1,92 @@
+//------------------------------------*\
+// VARIABLES
+//------------------------------------*/
+
+:root {
+ --sm-color-palette-neutral-color-1: #ffffff;
+ --sm-color-palette-neutral-color-2: #f7f7f9;
+ --sm-color-palette-neutral-color-3: #e4e6ec;
+ --sm-color-palette-neutral-color-4: #c4c7d5;
+ --sm-color-palette-neutral-color-5: #9c9fac;
+ --sm-color-palette-neutral-color-6: #7c7f8c;
+ --sm-color-palette-neutral-color-7: #696c78;
+ --sm-color-palette-neutral-color-8: #565965;
+ --sm-color-palette-neutral-color-9: #454853;
+ --sm-color-palette-neutral-color-10: #333640;
+ --sm-color-palette-neutral-color-11: #1f222b;
+ --sm-color-palette-neutral-color-12: #101010;
+ --sm-color-palette-neutral-text-color-1: #333640;
+ --sm-color-palette-neutral-text-color-2: #1f222b;
+}
+
+:root {
+ --sm-color-palette-accent-color-1: #ffffff;
+ --sm-color-palette-accent-color-2: #f5f7fc;
+ --sm-color-palette-accent-color-3: #dfe6f4;
+ --sm-color-palette-accent-color-4: #afc2e3;
+ --sm-color-palette-accent-color-5: #7fa1d4;
+ --sm-color-palette-accent-color-6: #4d82c1;
+ --sm-color-palette-accent-color-7: #006fbb;
+ --sm-color-palette-accent-color-8: #085ba2;
+ --sm-color-palette-accent-color-9: #0b4889;
+ --sm-color-palette-accent-color-10: #0e3470;
+ --sm-color-palette-accent-color-11: #0b1d55;
+ --sm-color-palette-accent-color-12: #101010;
+ --sm-color-palette-accent-text-color-1: #0e3470;
+ --sm-color-palette-accent-text-color-2: #0b1d55;
+
+ --sm-customizer-box-shadow-0:
+ none;
+ --sm-customizer-box-shadow-1:
+ 0 1px 3px rgba(0, 0, 0, 0.1),
+ 0 1px 2px rgba(0, 0, 0, 0.1);
+ --sm-customizer-box-shadow-2:
+ 0 64px 128px rgba(0, 0, 0, 0.1),
+ 0 16px 32px rgba(0, 0, 0, 0.1);
+ --sm-customizer-box-shadow-3:
+ 0 32px 128px rgba(0, 0, 0, 0.1),
+ 0 16px 64px rgba(0, 0, 0, 0.1),
+ 0 8px 16px rgba(0, 0, 0, 0.1);
+ --sm-customizer-box-shadow-4:
+ 0 64px 128px rgba(0, 0, 0, 0.1),
+ 0 32px 64px rgba(0, 0, 0, 0.1),
+ 0 16px 32px rgba(0, 0, 0, 0.1),
+ 0 16px 16px rgba(0, 0, 0, 0.1),
+ 0 8px 8px rgba(0, 0, 0, 0.1),
+ 0 4px 4px rgba(0, 0, 0, 0.1);
+
+ --sm-transition: all 0.2s ease;
+}
+
+$checkmark-svg-white: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxMiA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImNoZWNrIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjUgOSAxMiAyIDEwIDAgNSA1IDIgMiAtMS43NTkzMjk4M2UtMTUgNCI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=";
+$select-svg-arrow-dark: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzk4QzZERSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=";
+$select-svg-arrow-white: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=";
+$select-svg-arrow-white-up: "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjkiIHdpZHRoPSIxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtLTEtMWg1ODJ2NDAyaC01ODJ6IiBmaWxsPSJub25lIi8+PHBhdGggZD0ibTEzLjQ4MTIgMCAxLjUxODggMS41MTQtNy41IDcuNDg2LTcuNS03LjQ4NiAxLjUxODgtMS41MTQgNS45ODEyIDUuOTY3MnoiIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAxNSA5KSIvPjwvc3ZnPg==";
+$select-dropdown-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.125);
+$iris-box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.100);
+
+:root {
+ --customizer-spacing: 20px;
+ --customizer-border-color: var(--sm-color-palette-neutral-color-3);
+ --customizer-background-color: var(--sm-color-palette-neutral-color-2);
+ --customizer-text-color: var(--sm-color-palette-neutral-text-color-1);
+
+ --customizer-field-padding-x: 1em;
+ --customizer-field-padding-y: 0.75em;
+ --customizer-field-border-width: 2px;
+ --customizer-field-border-color: var(--customizer-border-color);
+ --customizer-field-focus-border-color: var(--sm-color-palette-accent-color-7);
+ --customizer-field-border-radius: 4px;
+ --customizer-field-background-color: var(--sm-color-palette-neutral-color-1);
+ --customizer-field-text-color: var(--sm-color-palette-neutral-text-color-1);
+
+ --customizer-field-font-size: 14px;
+ --customizer-field-font-weight: normal;
+ --customizer-field-line-height: 1.5;
+
+ --customizer-select-focus-background-color: var(--sm-color-palette-accent-color-7);
+ --customizer-select-focus-text-color: var(--sm-color-palette-neutral-color-1);
+
+ --customizer-field-height: 44px;
+ --customizer-checkbox-size: 22px;
+}
diff --git a/src/_js/customizer/scss/controls/_color-select.scss b/src/_js/customizer/scss/controls/_color-select.scss
new file mode 100644
index 00000000..d97068bb
--- /dev/null
+++ b/src/_js/customizer/scss/controls/_color-select.scss
@@ -0,0 +1,48 @@
+.customify-color-select {
+
+ &__option-list {
+ display: flex;
+ margin-left: -5px;
+
+ > * {
+ border-radius: 50%;
+ overflow: hidden;
+ text-indent: -999em;
+ flex: 0 0 auto;
+ width: 30px;
+ margin-left: 5px;
+ border: var(--customizer-field-border-width) solid var(--sm-color-palette-neutral-color-2);
+
+ &:before {
+ content: "";
+ padding-top: 100%;
+ display: block;
+ background-color: currentColor;
+ }
+ }
+ }
+
+ &__option-label {
+ display: none;
+ }
+
+ &__option--text {
+ color: #333;
+ }
+
+ &__option--titles {
+ color: #222;
+ }
+
+ &__option--accent {
+ color: #A22;
+ }
+
+ &__option--background {
+ color: #EEE;
+ }
+
+ &__option--selected {
+ box-shadow: var(--sm-color-palette-neutral-color-6) 0 0 0 var(--customizer-field-border-width);
+ }
+}
diff --git a/src/_js/customizer/scss/controls/_fields.scss b/src/_js/customizer/scss/controls/_fields.scss
new file mode 100644
index 00000000..1da1985a
--- /dev/null
+++ b/src/_js/customizer/scss/controls/_fields.scss
@@ -0,0 +1,124 @@
+.customize-control {
+
+ input[type="text"],
+ input[type="password"],
+ input[type="date"],
+ input[type="datetime"],
+ input[type="datetime-local"],
+ input[type="email"],
+ input[type="month"],
+ input[type="number"],
+ input[type="tel"],
+ input[type="time"],
+ input[type="url"],
+ input[type="week"],
+ input[type="search"] {
+ @include input;
+ }
+
+ // Textarea
+ textarea {
+ @include field;
+ }
+
+ // Select
+ select,
+ &.customize-control-select select {
+ @include field;
+
+ max-width: 100%;
+
+ /* for Firefox */
+ -moz-appearance: none;
+ /* for Chrome */
+ -webkit-appearance: none;
+
+ &:not([multiple]) {
+ @include field-select;
+ }
+
+ /* For IE10 */
+ &::-ms-expand {
+ display: none;
+ }
+ }
+
+ input[type="range"] {
+ --thumb-height: 22px;
+ --thumb-border-width: 2px;
+ --track-height: 6px;
+
+ position: relative;
+ height: var(--thumb-height);
+ overflow: hidden;
+ outline: none;
+ background: none;
+
+ -webkit-appearance: none;
+ -moz-appearange: none;
+
+ @include range-track-style {
+ width: 100%;
+ height: var(--track-height);
+
+ background: var(--sm-color-palette-neutral-color-4);
+ border-radius: 999em;
+ }
+
+ @include range-thumb-style {
+ position: relative;
+ z-index: 3;
+
+ box-sizing: border-box;
+
+ width: var(--thumb-height);
+ height: var(--thumb-height);
+ margin-top: calc( var(--track-height) * 0.5 - var(--thumb-height) * 0.5 );
+ border: var(--thumb-border-width) solid var(--customizer-border-color);
+ border-radius: var(--customizer-field-border-radius);
+ background: var(--sm-color-palette-neutral-color-1);
+
+ cursor: move; /* fallback if grab cursor is unsupported */
+ cursor: grab;
+ }
+
+ @include range-active-thumb-style {
+ cursor: grabbing;
+ }
+ }
+}
+
+.customize-control-checkbox,
+.customize-control-radio {
+
+ .customize-inside-control-row {
+ margin-left: 0;
+ }
+}
+
+.customize-control-checkbox input[type="checkbox"],
+.customize-control-radio input[type="radio"] {
+ @include checkbox;
+}
+
+// Checkbox
+.customize-control-checkbox {
+
+ input[type="checkbox"] + label:before {
+ border-radius: var(--customizer-field-border-radius);
+ }
+}
+
+// Radios
+.customize-control-radio {
+
+ input[type="radio"] + label:before {
+ border-radius: 50%;
+ }
+
+ // New WP 4.9 Changesets options
+ &#customize-control-changeset_status .customize-inside-control-row {
+ margin-top: 0;
+ text-indent: 0;
+ }
+}
diff --git a/scss/style-manager/_font-palettes.scss b/src/_js/customizer/scss/controls/_font-palette.scss
similarity index 75%
rename from scss/style-manager/_font-palettes.scss
rename to src/_js/customizer/scss/controls/_font-palette.scss
index af731ee5..41094002 100644
--- a/scss/style-manager/_font-palettes.scss
+++ b/src/_js/customizer/scss/controls/_font-palette.scss
@@ -11,14 +11,14 @@
margin-left: 0;
overflow: hidden;
- background-color: $white;
+ background-color: var(--sm-color-palette-neutral-color-1);
background-size: contain;
background-repeat: no-repeat;
background-position: right center;
- border-radius: $fields-border-radius;
+ border-radius: var(--customizer-field-border-radius);
& + .customize-inside-control-row {
- margin-top: 15px;
+ margin-top: calc( 0.5 * var(--customizer-spacing) );
}
input {
@@ -32,16 +32,16 @@
bottom: 0;
left: 0;
- border: 2px solid $border-color;
+ border: var(--customizer-field-border-width) solid var(--customizer-border-color);
border-radius: inherit;
}
&:hover input + label {
- border-color: $blue-lightest;
+ border-color: var(--sm-color-palette-neutral-color-3);
}
input:checked + label {
- border-color: $blue;
+ border-color: var(--sm-color-palette-neutral-color-5);
}
}
}
diff --git a/scss/controls/_font.scss b/src/_js/customizer/scss/controls/_font.scss
similarity index 70%
rename from scss/controls/_font.scss
rename to src/_js/customizer/scss/controls/_font.scss
index eedfe7e6..32071991 100644
--- a/scss/controls/_font.scss
+++ b/src/_js/customizer/scss/controls/_font.scss
@@ -1,4 +1,15 @@
+//------------------------------------*\
+// Font Selector
+//------------------------------------*/
+
+.customize-control-font {
+
+ // Add extra bottom spacing to better view the modal
+ &:last-child {
+ margin-bottom: 150px;
+ }
+}
.font-options__wrapper {
position: relative;
@@ -15,17 +26,12 @@
display: block;
height: 30px;
}
-}
-//------------------------------------*\
-// Font Selector
-//------------------------------------*/
+ .customize-control-range {
-.customize-control-font {
-
- // Add extra bottom spacing to better view the modal
- &:last-child {
- margin-bottom: 150px;
+ > label:first-child {
+ flex-basis: 100%;
+ }
}
}
@@ -56,7 +62,7 @@
.font-options__checkbox:not(:checked) ~ &:not(:hover) {
.font-options__font-title {
- color: $blue-lighter;
+ color: var(--sm-color-palette-neutral-color-4);
}
}
}
@@ -78,7 +84,7 @@
}
& + & {
- margin-top: $font-fields-spacing;
+ margin-top: calc( 0.5 * var(--container-spacing) );
}
label {
@@ -94,19 +100,18 @@ input.font-options__checkbox {
.font-options__options-list {
position: absolute;
top: 100%;
- left: -12px;
- right: -12px;
+ left: calc( -0.5 * var(--customizer-spacing) );
+ right: calc( -0.5 * var(--customizer-spacing) );
z-index: 10;
display: block;
- padding: 10px 10px 14px;
margin-top: 5px;
- border: 1px solid $blue-lightest;
- border-radius: $fields-border-radius;
+ border: 1px solid var(--sm-color-palette-neutral-color-3);
+ border-radius: var(--customizer-field-border-radius);
box-shadow: $select-dropdown-box-shadow;
- background-color: #FFFFFF;
+ background-color: var(--sm-color-palette-neutral-color-1);
@include dropdown-arrow;
@@ -117,4 +122,9 @@ input.font-options__checkbox {
.font-options__checkbox:not(:checked) ~ & {
display: none;
}
+
+ .customize-control {
+ --customize-control-spacing-x: calc( 0.5 * var(--customizer-spacing) );
+ --customize-control-spacing-y: calc( 0.75 * var(--customizer-spacing) );
+ }
}
diff --git a/scss/style-manager/_sm-radio-group.scss b/src/_js/customizer/scss/controls/_radio-group.scss
similarity index 72%
rename from scss/style-manager/_sm-radio-group.scss
rename to src/_js/customizer/scss/controls/_radio-group.scss
index 92c679b4..b1b4ab64 100644
--- a/scss/style-manager/_sm-radio-group.scss
+++ b/src/_js/customizer/scss/controls/_radio-group.scss
@@ -1,21 +1,22 @@
.sm-radio-group {
position: relative;
- border-radius: 999em;
overflow: hidden;
- height: 2.428em;
+ height: 2.7em;
display: flex;
flex-wrap: nowrap;
align-items: stretch;
- color: $blue-dark;
+ color: var(--sm-color-palette-neutral-color-9);
+ border-radius: 999em;
- font-size: 14px;
- -webkit-font-smoothing: antialiased;
+ font-size: var(--customizer-field-font-size);
font-weight: 600;
line-height: 1.142em;
+ -webkit-font-smoothing: antialiased;
+
> * {
flex: 1 1 0;
}
@@ -29,7 +30,7 @@
bottom: 0;
left: 0;
- border: .142em solid $blue;
+ border: var(--customizer-field-border-width) solid var(--sm-color-palette-accent-color-7);
border-radius: 999em;
pointer-events: none;
}
@@ -38,8 +39,8 @@
display: none;
&:checked + label {
- background-color: $blue;
- color: #FFFFFF;
+ background-color: var(--sm-color-palette-accent-color-7);
+ color: var(--sm-color-palette-neutral-color-1);
&:before {
content: "";
@@ -72,14 +73,11 @@
transition: all .25s ease;
color: inherit;
-
- &:hover {
- color: $blue-dark;
- }
+ background: var(--sm-color-palette-neutral-color-1);
&:nth-of-type(2) {
- border-left: 2px solid $blue;
- border-right: 2px solid $blue;
+ border: solid var(--sm-color-palette-accent-color-7);
+ border-width: 0 var(--customizer-field-border-width);
}
}
@@ -95,12 +93,14 @@
}
input[type="radio"] {
+
&:last-of-type:checked + label {
background: linear-gradient(90deg, #3DAAE0 0%, #D557BE 100%);
}
&:nth-of-type(1):checked,
&:nth-of-type(2):checked {
+
~ label:last-of-type {
margin-right: -33.33%;
}
@@ -114,8 +114,8 @@
&:nth-of-type(2) {
order: 3;
- border-left: 2px solid $blue;
- border-right: 2px solid $blue;
+ border-left: 2px solid var(--sm-color-palette-accent-color-7);
+ border-right: 2px solid var(--sm-color-palette-accent-color-7);
}
&:nth-of-type(3) {
@@ -124,7 +124,7 @@
&:nth-of-type(4) {
order: 1;
- border-left: 2px solid $blue;
+ border-left: 2px solid var(--sm-color-palette-accent-color-7);
}
}
}
diff --git a/src/_js/customizer/scss/controls/_radio-html.scss b/src/_js/customizer/scss/controls/_radio-html.scss
new file mode 100644
index 00000000..0fcfb699
--- /dev/null
+++ b/src/_js/customizer/scss/controls/_radio-html.scss
@@ -0,0 +1,48 @@
+.customify_radio_html {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: stretch;
+
+ margin-top: calc( -0.5 * var(--customizer-spacing) );
+ margin-left: calc( -0.5 * var(--customizer-spacing) );
+
+ > * {
+ padding-top: calc( 0.5 * var(--customizer-spacing) );
+ padding-left: calc( 0.5 * var(--customizer-spacing) );
+ flex: 0 0 50%;
+ }
+
+ label {
+ display: block;
+ height: 100%;
+
+ > input + div {
+ border-color: var(--customizer-field-border-color);
+ height: 100%;
+ }
+
+ &:hover > input + div {
+ background-color: var(--customizer-field-background-color);
+ }
+ }
+
+ input {
+ display: none;
+
+ + div {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ border: var(--customizer-field-border-width) solid transparent;
+ border-radius: var(--customizer-field-border-radius);
+ padding: var(--customizer-spacing);
+ }
+
+ &:checked + div {
+ background-color: var(--customizer-field-background-color);
+ border-color: var(--customizer-field-focus-border-color);
+ cursor: default;
+ }
+ }
+}
diff --git a/src/_js/customizer/scss/controls/_range.scss b/src/_js/customizer/scss/controls/_range.scss
new file mode 100644
index 00000000..29df36b0
--- /dev/null
+++ b/src/_js/customizer/scss/controls/_range.scss
@@ -0,0 +1,29 @@
+.customize-control-range {
+ --customizer-field-padding-x: 0.4em;
+ --customizer-field-padding-y: 0.4em;
+
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+
+ width: auto;
+ margin-left: calc( -1 * var(--customize-control-spacing-x) );
+
+ &[class][class] > * {
+ margin-left: var(--customize-control-spacing-x);
+ }
+
+ .customize-control-title,
+ .customize-control-notifications-container {
+ width: 100%;
+ }
+
+ input[type="range"] {
+ flex-grow: 1;
+ }
+
+ .range-value {
+ flex-basis: 4em;
+ text-align: center;
+ }
+}
diff --git a/scss/style-manager/_sm-switch.scss b/src/_js/customizer/scss/controls/_switch.scss
similarity index 79%
rename from scss/style-manager/_sm-switch.scss
rename to src/_js/customizer/scss/controls/_switch.scss
index cdc82891..6a73b704 100644
--- a/scss/style-manager/_sm-switch.scss
+++ b/src/_js/customizer/scss/controls/_switch.scss
@@ -1,47 +1,34 @@
-//---- TOGGLE BUTTON ----
-
-[id="sub-accordion-section-sm_color_palettes_section"].sm-view-customize li.customize-control-sm_switch {
- display: flex !important;
+.customize-control-sm_switch {
+ display: flex;
align-items: center;
justify-content: space-between;
- padding-top: 42px;
- padding-bottom: 42px;
-
.customize-control-title {
- display: inline-block;
- }
-}
-
-.customize-control-sm_switch {
-
- #customize-theme-controls & {
-
- .customize-control-title {
- margin-bottom: 0;
- }
+ margin-bottom: 0;
}
}
.sm-switch {
+ position: relative;
+ z-index: 10;
+
display: flex;
flex-wrap: nowrap;
align-items: stretch;
justify-content: flex-start;
overflow: hidden;
- position: relative;
height: 2.428em;
max-width: 5.5em;
border-radius: 999em;
- color: #FFFFFF;
+ color: var(--sm-color-palette-neutral-color-1);
+
font-size: 14px;
- -webkit-font-smoothing: antialiased;
font-weight: 600;
- line-height: 1.142em;
+ line-height: 1.142;
- z-index: 10;
+ -webkit-font-smoothing: antialiased;
input[type="radio"] {
display: none;
@@ -62,6 +49,7 @@
}
&:nth-of-type(1) {
+
+ label {
padding-left: 1.214em;
@@ -74,19 +62,21 @@
bottom: 0;
left: 0;
- background-color: $blue;
+ background-color: var(--sm-color-palette-accent-color-7);
z-index: -1;
}
}
&:not(:checked) {
+
+ label {
transform: translateX(-100%) translateX(2.125em);
}
+ label:after {
- background: #CCCCCC;
transform: translateX(100%) translateX(-2.125em);
+ background: var(--sm-color-palette-neutral-text-color-2);
+ opacity: .25;
}
+ label ~ label {
@@ -95,6 +85,7 @@
}
&:checked {
+
+ label ~ label {
transform: translateX(-2.4em);
}
@@ -106,6 +97,7 @@
}
&:nth-of-type(2) {
+
+ label {
flex-direction: row-reverse;
padding-right: 1em;
@@ -130,8 +122,11 @@
margin-left: 0.125em;
border-radius: 50%;
- background-color: #FFFFFF;
- box-shadow: 1px 2px 2px 0 rgba(23,21,21,0.15);
+ background-color: var(--sm-color-palette-neutral-color-1);
+ //box-shadow:
+ // var(--sm-color-palette-neutral-color-1) 0 0 0 0.1em inset,
+ // var(--sm-color-palette-neutral-text-color-1) 0 -0.3em 1em -0.9em inset;
+
pointer-events: none;
}
}
diff --git a/src/_js/customizer/scss/controls/_tabs.scss b/src/_js/customizer/scss/controls/_tabs.scss
new file mode 100644
index 00000000..e55643ee
--- /dev/null
+++ b/src/_js/customizer/scss/controls/_tabs.scss
@@ -0,0 +1,69 @@
+.sm-tabs {
+ display: flex;
+ justify-content: space-between;
+ padding-left: calc( 0.5 * var(--customizer-spacing) );
+ padding-right: var(--customizer-spacing);
+ border-bottom: 1px solid var(--customizer-border-color);
+
+ text-align: center;
+
+ &__item {
+ position: relative;
+ flex: 1 1 0;
+
+ padding: 1em 0;
+ margin-left: calc( 0.5 * var(--customizer-spacing) );
+ margin-bottom: -1px;
+
+ color: var(--sm-color-palette-neutral-text-color-1);
+
+ transition: all 0.2s ease;
+ transition-property: opacity, color;
+ cursor: pointer;
+
+ &:after {
+ content: "";
+ position: absolute;
+ bottom: 0;
+ left: 0;
+
+ width: 100%;
+ height: 3px;
+ background-color: var(--sm-color-palette-neutral-color-5);
+
+ transform-origin: 50% 100%;
+ transition: all 0.2s ease;
+ transition-property: transform;
+ }
+
+ &:not(&--active) {
+ opacity: 0.4;
+ }
+
+ &:not(&--active):not(:hover):after {
+ transform: scaleY(0);
+ }
+ }
+}
+
+
+[id="sub-accordion-section-sm_font_palettes_section"] {
+ display: flex !important;
+ flex-direction: column !important;
+
+ &:after {
+ content: "";
+ flex: 1 0 auto;
+ background-color: var(--sm-color-palette-neutral-color-1);
+ height: var(--customizer-spacing);
+ }
+}
+
+[id="customize-control-sm_current_font_palette_control"] {
+ padding-left: 0;
+ padding-right: 0;
+
+ & ~ .customize-control {
+ background-color: var(--sm-color-palette-neutral-color-1);
+ }
+}
diff --git a/src/_js/customizer/scss/controls/_toggle.scss b/src/_js/customizer/scss/controls/_toggle.scss
new file mode 100644
index 00000000..fbfb1c7e
--- /dev/null
+++ b/src/_js/customizer/scss/controls/_toggle.scss
@@ -0,0 +1,105 @@
+[id]#sub-accordion-section-rosa2_options\[colors_section\] {
+ background: var(--sm-color-palette-accent-color-1);
+
+ .customize-control-html[id*="sm-description"] {
+ margin-top: var(--customize-control-spacing-y);
+ padding-bottom: var(--customize-control-spacing-y);
+ border: solid var(--customizer-border-color);
+ border-width: 1px 0;
+ background: var(--sm-color-palette-accent-color-2);
+ }
+
+ .customize-section-description-container + [id*="sm-description"] {
+ margin-top: 0;
+ border-top-width: 0;
+ }
+
+ .customize-control-html[id*="sm-group-separator"] {
+ margin-top: var(--customize-control-spacing-y);
+ border: solid var(--customizer-border-color);
+ border-width: 1px 0;
+ background: var(--sm-color-palette-accent-color-2);
+ }
+
+ .sm-group__title {
+ font-size: 15px;
+ line-height: 1.4;
+ font-weight: 700;
+ letter-spacing: -0.01em;
+ }
+}
+
+.customize-control-sm_toggle {
+
+ & + & {
+ padding-top: 9px;
+ }
+}
+
+.sm-toggle {
+
+}
+
+.sm-toggle__checkbox {
+ display: none !important;
+}
+
+.sm-toggle__label,
+.sm-toggle__switch,
+.sm-toggle__switch:before {
+ transition: all .2s ease-out;
+}
+
+.sm-toggle__label {
+ display: flex;
+ align-items: center;
+ padding: 8px 6px;
+ background: #f4f7fc;
+ border-radius: 9em;
+ transition-property: background-color;
+
+ .sm-toggle__checkbox:checked + & {
+ background: #fcf8ef;
+
+ .sm-toggle__switch {
+ background: var(--sm-color-palette-accent-color-6);
+
+ &:before {
+ transform: translate(20px, 0);
+ }
+ }
+
+ .sm-toggle__label-text {
+ color: #105f97;
+ }
+ }
+}
+
+.sm-toggle__switch {
+ position: relative;
+ width: 40px;
+ height: 20px;
+ border-radius: 9em;
+ background: #c6c9cd;
+ transition-property: background-color;
+
+ &:before {
+ content: "";
+
+ position: absolute;
+ top: 2px;
+ left: 2px;
+
+ display: block;
+ width: 16px;
+ height: 16px;
+ background: var(--sm-color-palette-accent-color-1);
+ border-radius: 9em;
+
+ transition-property: background-color, transform;
+ }
+}
+.sm-toggle__label-text {
+ margin-left: 10px;
+ transition-property: color;
+}
diff --git a/scss/mixins/_clearfix.scss b/src/_js/customizer/scss/mixins/_clearfix.scss
similarity index 100%
rename from scss/mixins/_clearfix.scss
rename to src/_js/customizer/scss/mixins/_clearfix.scss
diff --git a/scss/mixins/_dropdown-arrow.scss b/src/_js/customizer/scss/mixins/_dropdown-arrow.scss
similarity index 68%
rename from scss/mixins/_dropdown-arrow.scss
rename to src/_js/customizer/scss/mixins/_dropdown-arrow.scss
index 3e23dbb2..f9a788a9 100644
--- a/scss/mixins/_dropdown-arrow.scss
+++ b/src/_js/customizer/scss/mixins/_dropdown-arrow.scss
@@ -12,13 +12,13 @@
&:before {
z-index: 100;
- border-bottom-color: $blue-lightest;
+ border-bottom-color: var(--sm-color-palette-neutral-color-3);
border-width: 11px;
}
&:after {
z-index: 101;
- border-bottom-color: $blue-white;
+ border-bottom-color: var(--sm-color-palette-neutral-color-1);
margin-right: 1px;
}
}
diff --git a/src/_js/customizer/scss/mixins/_fields.scss b/src/_js/customizer/scss/mixins/_fields.scss
new file mode 100644
index 00000000..b79d3c0b
--- /dev/null
+++ b/src/_js/customizer/scss/mixins/_fields.scss
@@ -0,0 +1,126 @@
+@mixin field {
+ display: flex;
+ align-items: center;
+
+ width: 100%;
+
+ padding: var(--customizer-field-padding-y) var(--customizer-field-padding-x);
+ border: var(--customizer-field-border-width) solid var(--customizer-field-border-color);
+ border-radius: var(--customizer-field-border-radius);
+ background: var(--customizer-field-background-color);
+ color: var(--customizer-field-text-color);
+
+ font-size: var(--customizer-field-font-size);
+ font-weight: var(--customizer-field-font-weight);
+ line-height: var(--customizer-field-line-height);
+
+ transition: all .2s ease-out;
+ transition-property: color, background-color, border-color;
+
+ outline: 0;
+
+ &:focus {
+ border-color: var(--customizer-field-focus-border-color);
+ box-shadow: none;
+ }
+}
+
+@mixin input {
+ @include field;
+}
+
+@mixin field-select {
+ padding-right: calc( 2 * var(--customizer-field-padding-x) + 15px );
+
+ background-image: url($select-svg-arrow-dark);
+ background-repeat: no-repeat;
+ background-position: right var(--customizer-field-padding-x) top 50%;
+}
+
+@mixin select {
+ @include field;
+ @include field-select;
+}
+
+@mixin select-focus {
+ border-color: var(--customizer-field-focus-border-color);
+ background-color: var(--customizer-select-focus-background-color);
+ background-image: url($select-svg-arrow-white);
+ color: var(--customizer-select-focus-text-color);
+}
+
+@mixin select-opened {
+ border-color: var(--customizer-field-focus-border-color);
+ background-color: var(--customizer-select-focus-background-color);
+ background-image: url($select-svg-arrow-white-up);
+ color: var(--customizer-select-focus-text-color);
+}
+
+@mixin range-track-style {
+
+ &::-webkit-slider-runnable-track {
+ @content;
+ }
+
+ &::-moz-range-track {
+ @content;
+ }
+}
+
+@mixin range-thumb-style {
+
+ &::-webkit-slider-thumb {
+ @content;
+ -webkit-appearance: none;
+ }
+
+
+ &::-moz-range-thumb {
+ @content;
+ -moz-appearance: none;
+ }
+}
+
+@mixin range-active-thumb-style {
+
+ &:active::-webkit-slider-thumb {
+ @content
+ }
+
+ &:active::-moz-range-thumb {
+ @content
+ }
+}
+
+@mixin checkbox {
+ display: none;
+
+ + label {
+ display: flex;
+ align-items: center;
+ }
+
+ + label:before {
+ content: "";
+
+ display: block;
+ width: var(--customizer-checkbox-size);
+ height: var(--customizer-checkbox-size);
+ flex: 0 0 auto;
+
+ margin-right: calc( 0.5 * var(--customizer-spacing) );
+ border: var(--customizer-field-border-width) solid var(--customizer-field-border-color);
+
+ background: var(--customizer-field-background-color) center no-repeat;
+ }
+
+ &:focus + label:before {
+ border-color: var(--customizer-field-focus-border-color);
+ }
+
+ &:checked + label:before {
+ border-color: var(--customizer-field-focus-border-color);
+ background-color: var(--sm-color-palette-neutral-color-5);
+ background-image: url($checkmark-svg-white);
+ }
+}
diff --git a/src/_js/customizer/scss/mixins/_placeholder.scss b/src/_js/customizer/scss/mixins/_placeholder.scss
new file mode 100644
index 00000000..e5c892a2
--- /dev/null
+++ b/src/_js/customizer/scss/mixins/_placeholder.scss
@@ -0,0 +1,18 @@
+@mixin placeholder {
+
+ ::-webkit-input-placeholder {
+ @content;
+ }
+
+ :-moz-placeholder { /* Firefox 18- */
+ @content;
+ }
+
+ ::-moz-placeholder { /* Firefox 19+ */
+ @content;
+ }
+
+ :-ms-input-placeholder {
+ @content;
+ }
+}
diff --git a/scss/mixins/_section-title-with-icon.scss b/src/_js/customizer/scss/mixins/_section-title-with-icon.scss
similarity index 100%
rename from scss/mixins/_section-title-with-icon.scss
rename to src/_js/customizer/scss/mixins/_section-title-with-icon.scss
diff --git a/scss/_accordion-section-title.scss b/src/_js/customizer/scss/theme/_accordion-section-title.scss
similarity index 53%
rename from scss/_accordion-section-title.scss
rename to src/_js/customizer/scss/theme/_accordion-section-title.scss
index c5dbfeaa..22d8d4ef 100644
--- a/scss/_accordion-section-title.scss
+++ b/src/_js/customizer/scss/theme/_accordion-section-title.scss
@@ -2,66 +2,41 @@
// ACCORDION TITLES
//------------------------------------*/
-#customize-controls h3.customize-section-title,
-#customize-controls .customize-section-title h3 {
- padding: 10px $container-spacing 11px $container-spacing;
-
- color: $blue-dark;
- background: $white;
-}
-
// General Accordion Titles styles and overwrites
#customize-theme-controls {
- .accordion-section-title {
- font-size: 14px;
- line-height: 21px;
- padding: 10px (2 * $container-spacing) 11px $container-spacing;
-
- color: $blue-dark;
- background: $white;
- }
-
- h3.accordion-section-title {
- font-weight: normal;
- }
-}
+ .control-section[class] {
-#customize-theme-controls {
+ .accordion-section-title {
+ font-weight: normal;
+ padding: calc( 0.5 * var(--customizer-spacing) ) var(--customizer-spacing);
+ padding-right: calc( 2 * var(--customizer-spacing) );
- .accordion-section {
+ color: var(--customizer-text-color);
+ background: var(--sm-color-palette-neutral-color-1);
+ border: 0 solid var(--customizer-border-color);
+ border-top-width: 1px;
- > .accordion-section-title {
- border: 0 solid $border-color;
+ &:after {
+ color: var(--sm-color-palette-neutral-color-3);
+ }
}
- &:last-of-type > .accordion-section-title {
- border-bottom: 1px solid $border-color;
+ &:last-child > .accordion-section-title {
+ border-bottom-width: 1px;
}
- &:not(.panel-meta) {
-
- > .accordion-section-title {
- border-top: 1px solid $border-color;
- }
+ &:hover > .accordion-section-title {
+ background: var(--sm-color-palette-accent-color-2);
+ color: var(--sm-color-palette-accent-color-7);
- > .accordion-section-title:focus,
- &:hover > .accordion-section-title {
- background: $blue-white;
+ &:after {
+ color: currentColor;
}
}
}
}
-// Sidebar header border color
-#customize-theme-controls {
-
- .panel-meta > .customize-control-notifications-container,
- .customize-section-title > .customize-control-notifications-container {
- border-color: $border-color;
- }
-}
-
// Theme Options panel and PRO Section should have some space after them to make theme stand out.
#customize-controls #customize-theme-controls .accordion-section {
@@ -87,7 +62,7 @@
@include section-title-with-icon;
&:before {
- color: $blue-lightest;
+ color: var(--sm-color-palette-neutral-color-3);
order: 2;
}
}
@@ -97,7 +72,7 @@
&:before {
content: "\f110";
- color: $blue-light;
+ color: var(--sm-color-palette-neutral-color-4);
}
img {
@@ -108,6 +83,7 @@
#accordion-panel-style_manager_panel > .accordion-section-title:before {
content: "\f155";
font-size: 18px;
+ line-height: 1;
color: #F8BC30;
}
diff --git a/scss/_sidebar-header.scss b/src/_js/customizer/scss/theme/_header.scss
similarity index 68%
rename from scss/_sidebar-header.scss
rename to src/_js/customizer/scss/theme/_header.scss
index 8d29232d..a63e34c2 100644
--- a/scss/_sidebar-header.scss
+++ b/src/_js/customizer/scss/theme/_header.scss
@@ -14,13 +14,13 @@ $close-button-width: 45px;
padding: 0;
border-top: 0;
- color: $blue-lighter;
- background: $white;
- border-color: $border-color;
+ color: var(--sm-color-palette-neutral-color-3);
+ background: var(--sm-color-palette-neutral-color-1);
+ border-color: var(--customizer-border-color);
&:focus,
&:hover {
- background: $background-hover;
+ background: var(--sm-color-palette-neutral-color-2);
}
&:before {
@@ -35,6 +35,7 @@ $close-button-width: 45px;
.customize-section-title {
display: flex;
flex-wrap: wrap;
+ flex-grow: 1;
> .customize-control-notifications-container {
flex-basis: 100%;
@@ -45,8 +46,6 @@ $close-button-width: 45px;
.customize-section-title > h3 {
flex-grow: 1;
margin-left: 0;
-
- color: $blue-darker;
}
.customize-panel-back,
@@ -56,15 +55,10 @@ $close-button-width: 45px;
height: auto;
padding: 0;
- color: $blue-lighter;
- border-color: $border-color;
+ color: var(--sm-color-palette-neutral-color-3);
+ border-color: var(--customizer-border-color);
border-left: 0;
- &:hover,
- &:focus {
- background: $background-hover;
- }
-
&:before {
position: absolute;
top: 50%;
@@ -72,13 +66,22 @@ $close-button-width: 45px;
transform: translate(-40%, -50%);
line-height: 1;
}
+
+ &:focus {
+ background: var(--sm-color-palette-neutral-color-1);
+ }
+
+ &:hover {
+ background: var(--sm-color-palette-neutral-color-2);
+ color: var(--sm-color-palette-neutral-color-6);
+ }
}
}
// Small screens
.customize-controls-preview-toggle {
- background-color: $white;
- border-color: $border-color;
+ background-color: var(--customizer-background-color);
+ border-color: var(--customizer-border-color);
}
.in-sub-panel .wp-full-overlay-sidebar .wp-full-overlay-header {
diff --git a/scss/_separator.scss b/src/_js/customizer/scss/theme/_separator.scss
similarity index 67%
rename from scss/_separator.scss
rename to src/_js/customizer/scss/theme/_separator.scss
index cb49ddf7..d5e4944d 100644
--- a/scss/_separator.scss
+++ b/src/_js/customizer/scss/theme/_separator.scss
@@ -10,9 +10,8 @@
}
&.large {
- margin-top: $fields-spacing / 2;
+ margin-top: calc( 0.5 * var(--customizer-spacing) );
font-size: 16px;
- color: $blue-darker;
}
&.section,
@@ -24,19 +23,19 @@
position: absolute;
top: 0;
bottom: 0;
- left: -$container-spacing;
- right: -$container-spacing;
+ left: calc( -1 * var(--customizer-spacing) );
+ right: calc( -1 * var(--customizer-spacing) );
z-index: -1;
border-width: 1px 0;
border-style: solid;
- border-color: $border-color;
+ border-color: var(--customizer-border-color);
- background-color: $white;
+ background-color: var(--customizer-background-color);
}
+ .customize-control-description {
- margin-top: $fields-spacing;
+ margin-top: var(--customizer-spacing);
}
}
@@ -58,7 +57,7 @@
&:before {
border-width: 1px 0;
- background-color: $white;
+ background-color: var(--sm-color-palette-neutral-color-1);
}
}
}
diff --git a/src/_js/customizer/style.scss b/src/_js/customizer/style.scss
new file mode 100644
index 00000000..f7dbceff
--- /dev/null
+++ b/src/_js/customizer/style.scss
@@ -0,0 +1,49 @@
+@import 'scss/variables';
+@import 'scss/mixins';
+@import 'scss/controls';
+@import 'scss/search';
+@import 'scss/select2';
+
+// theme
+@import 'scss/feedback-modal';
+@import 'scss/style-manager-panel';
+
+.wp-full-overlay-sidebar {
+
+ &, *, *:before, *:after {
+ box-sizing: border-box;
+ }
+}
+
+.sm-control {
+
+ & + & {
+ margin-top: calc( 2 * var(--customizer-spacing) );
+ }
+
+ &__header + &__body {
+ margin-top: var(--customizer-spacing);
+ }
+
+ &__label {
+ font-size: 16px;
+ font-weight: 500;
+ letter-spacing: -0.01em;
+ }
+}
+
+.customize-control {
+
+ // hide color master controls
+ &[id*="sm_dark_color_switch_slider"],
+ &[id*="sm_dark_color_select_slider"],
+ &[id*="sm_advanced_palette_output"],
+ &[id*="sm_text_color_switch_master"],
+ &[id*="sm_accent_color_switch_master"],
+ &[id*="sm_text_color_select_master"],
+ &[id*="sm_accent_color_select_master"] {
+ display: none;
+ }
+}
+
+@import 'scss/theme';
diff --git a/src/_js/customizer/svg/colorize-elements.svg b/src/_js/customizer/svg/colorize-elements.svg
new file mode 100644
index 00000000..aebe43f0
--- /dev/null
+++ b/src/_js/customizer/svg/colorize-elements.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/_js/customizer/svg/customize-colors-usage.svg b/src/_js/customizer/svg/customize-colors-usage.svg
new file mode 100644
index 00000000..d0e0fe33
--- /dev/null
+++ b/src/_js/customizer/svg/customize-colors-usage.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/_js/customizer/svg/upload.svg b/src/_js/customizer/svg/upload.svg
new file mode 100644
index 00000000..847a539d
--- /dev/null
+++ b/src/_js/customizer/svg/upload.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/_js/customizer/utils/api-set-setting-value.js b/src/_js/customizer/utils/api-set-setting-value.js
new file mode 100644
index 00000000..b54bcb39
--- /dev/null
+++ b/src/_js/customizer/utils/api-set-setting-value.js
@@ -0,0 +1,53 @@
+/**
+ * Set a setting value.
+ *
+ * Mostly used for resetting settings (via the reset buttons) but also for the preset (legacy) field.
+ *
+ * @param settingID
+ * @param value
+ */
+export const apiSetSettingValue = ( settingID, value ) => {
+ const setting = api( settingID ),
+ field = $( '[data-customize-setting-link="' + settingID + '"]' ),
+ fieldClass = $( field ).parent().attr( 'class' )
+
+ if ( !_.isUndefined( fieldClass ) && fieldClass === 'font-options__wrapper' ) {
+
+ // if the value is a simple string it must be the font family
+ if ( _.isString( value ) ) {
+ setting.set( {'font_family': value} )
+ } else if ( _.isObject( value ) ) {
+ const standardValue = {}
+ // We will process each font property and update it
+ _.each( value, function( val, key ) {
+ // We need to map the keys to the data attributes we are using - I know :(
+ let mappedKey = key
+ switch ( key ) {
+ case 'font-family':
+ mappedKey = 'font_family'
+ break
+ case 'font-size':
+ mappedKey = 'font_size'
+ break
+ case 'font-weight':
+ mappedKey = 'font_variant'
+ break
+ case 'letter-spacing':
+ mappedKey = 'letter_spacing'
+ break
+ case 'text-transform':
+ mappedKey = 'text_transform'
+ break
+ default:
+ break
+ }
+
+ standardValue[mappedKey] = val
+ } )
+
+ setting.set( standardValue )
+ }
+ } else {
+ setting.set( value )
+ }
+}
diff --git a/src/_js/customizer/utils/index.js b/src/_js/customizer/utils/index.js
new file mode 100644
index 00000000..0ba1c113
--- /dev/null
+++ b/src/_js/customizer/utils/index.js
@@ -0,0 +1,4 @@
+export { apiSetSettingValue } from './api-set-setting-value';
+export { default as useDidUpdateEffect } from './use-did-update-effect';
+export { default as useTraceUpdate } from './use-trace-update';
+export { default as useCustomizeSettingCallback } from './use-customize-setting-callback';
diff --git a/src/_js/customizer/utils/use-customize-setting-callback.js b/src/_js/customizer/utils/use-customize-setting-callback.js
new file mode 100644
index 00000000..3bd7dd60
--- /dev/null
+++ b/src/_js/customizer/utils/use-customize-setting-callback.js
@@ -0,0 +1,25 @@
+import React, { useEffect } from 'react';
+
+const useCustomizeSettingCallback = ( settingID, callback ) => {
+
+ if ( typeof callback !== "function" ) {
+ return;
+ }
+
+ wp.customize( settingID, setting => {
+
+ useEffect( () => {
+
+ setting.bind( callback );
+
+ return () => {
+ setting.unbind( callback );
+ }
+
+ }, [] );
+
+ } )
+
+}
+
+export default useCustomizeSettingCallback;
diff --git a/src/_js/customizer/utils/use-did-update-effect.js b/src/_js/customizer/utils/use-did-update-effect.js
new file mode 100644
index 00000000..75614b34
--- /dev/null
+++ b/src/_js/customizer/utils/use-did-update-effect.js
@@ -0,0 +1,15 @@
+import React, { useEffect, useRef } from 'react';
+
+const useDidUpdateEffect = ( fn, inputs ) => {
+ const didMountRef = useRef( false );
+
+ useEffect( () => {
+ if ( didMountRef.current ) {
+ fn();
+ } else {
+ didMountRef.current = true;
+ }
+ }, inputs );
+}
+
+export default useDidUpdateEffect;
diff --git a/src/_js/customizer/utils/use-outside-click.js b/src/_js/customizer/utils/use-outside-click.js
new file mode 100644
index 00000000..5f00faba
--- /dev/null
+++ b/src/_js/customizer/utils/use-outside-click.js
@@ -0,0 +1,26 @@
+import React, { useEffect } from 'react';
+
+/**
+ * Hook that alerts clicks outside of the passed ref
+ */
+function useOutsideClick( ref, callback ) {
+ useEffect( () => {
+ /**
+ * Alert if clicked on outside of element
+ */
+ function handleClickOutside( event ) {
+ if ( ref.current && ! ref.current.contains( event.target ) ) {
+ callback();
+ }
+ }
+
+ // Bind the event listener
+ document.addEventListener( "mousedown", handleClickOutside );
+ return () => {
+ // Unbind the event listener on clean up
+ document.removeEventListener( "mousedown", handleClickOutside );
+ };
+ }, [ref] );
+}
+
+export default useOutsideClick;
diff --git a/src/_js/customizer/utils/use-trace-update.js b/src/_js/customizer/utils/use-trace-update.js
new file mode 100644
index 00000000..524fdb67
--- /dev/null
+++ b/src/_js/customizer/utils/use-trace-update.js
@@ -0,0 +1,19 @@
+import React, { useRef, useEffect } from 'react';
+
+const useTraceUpdate = ( props ) => {
+ const prev = useRef( props );
+ useEffect( () => {
+ const changedProps = Object.entries( props ).reduce( ( ps, [k, v] ) => {
+ if ( prev.current[k] !== v ) {
+ ps[k] = [prev.current[k], v];
+ }
+ return ps;
+ }, {} );
+ if ( Object.keys( changedProps ).length > 0 ) {
+ console.log( 'Changed props:', changedProps );
+ }
+ prev.current = props;
+ } );
+}
+
+export default useTraceUpdate;
diff --git a/src/_js/dark-mode/index.js b/src/_js/dark-mode/index.js
new file mode 100644
index 00000000..b7290d74
--- /dev/null
+++ b/src/_js/dark-mode/index.js
@@ -0,0 +1,112 @@
+import $ from 'jquery';
+
+const COLOR_SCHEME_BUTTON = '.is-color-scheme-switcher-button';
+const STORAGE_ITEM = 'color-scheme-dark';
+const TEMP_STORAGE_ITEM = 'color-scheme-dark-temp'
+const ignoreStorage = !! wp.customize;
+
+export default class DarkMode {
+
+ constructor( element ) {
+
+ this.$element = $( element );
+ this.$html = $( 'html' );
+
+ this.$colorSchemeButtons = $( COLOR_SCHEME_BUTTON );
+ this.$colorSchemeButtonsLink = this.$colorSchemeButtons.children( 'a' );
+
+ this.matchMedia = window.matchMedia( '(prefers-color-scheme: dark)' );
+ this.darkModeSetting = this.$html.data( 'dark-mode-advanced' );
+
+ this.theme = null;
+
+ this.initialize();
+ }
+
+ initialize() {
+ localStorage.removeItem( TEMP_STORAGE_ITEM );
+
+ this.bindEvents();
+ this.bindCustomizer();
+ this.update();
+ }
+
+ bindEvents() {
+ $( document ).on( 'click', COLOR_SCHEME_BUTTON, this.onClick.bind( this ) );
+
+ this.matchMedia.addEventListener( 'change', () => {
+ localStorage.removeItem( TEMP_STORAGE_ITEM );
+ this.update();
+ } );
+ }
+
+ bindCustomizer() {
+
+ if ( ! wp.customize ) {
+ return;
+ }
+
+ wp.customize.bind( 'ready', () => {
+ wp.customize( 'sm_dark_mode_advanced', setting => {
+ localStorage.removeItem( TEMP_STORAGE_ITEM );
+ this.darkModeSetting = setting();
+ this.update();
+
+ setting.bind( ( newValue, oldValue ) => {
+ localStorage.removeItem( TEMP_STORAGE_ITEM );
+ this.darkModeSetting = newValue;
+ this.update();
+ } );
+
+ const previewer = wp?.customize?.previewer;
+
+ if ( previewer ) {
+ previewer.bind( 'ready', () => {
+ const targetWindow = previewer.preview.targetWindow();
+ this.$html = this.$html.add( targetWindow.document.documentElement );
+ } );
+ }
+ } );
+ } );
+ }
+
+ onClick( e ) {
+ e.preventDefault();
+ let isDark = this.isCompiledDark();
+
+ localStorage.setItem( this.getStorageItemKey(), !! isDark ? 'light' : 'dark' );
+
+ this.update();
+ };
+
+ getStorageItemKey() {
+ return ! ignoreStorage ? STORAGE_ITEM : TEMP_STORAGE_ITEM;
+ };
+
+ isSystemDark() {
+ let isDark = this.darkModeSetting === 'on';
+
+ if ( this.darkModeSetting === 'auto' && this.matchMedia.matches ) {
+ isDark = true;
+ }
+
+ return isDark;
+ }
+
+ isCompiledDark() {
+ let isDark = this.isSystemDark();
+ let colorSchemeStorageValue = localStorage.getItem( this.getStorageItemKey() );
+
+ if ( colorSchemeStorageValue !== null ) {
+ isDark = colorSchemeStorageValue === 'dark';
+ }
+
+ return isDark;
+ }
+
+ update() {
+ this.$html.toggleClass( 'is-dark', this.isCompiledDark() );
+ }
+}
+
+const Dark = new DarkMode();
diff --git a/src/_js/settings/index.js b/src/_js/settings/index.js
new file mode 100644
index 00000000..365d3f63
--- /dev/null
+++ b/src/_js/settings/index.js
@@ -0,0 +1,31 @@
+import $ from 'jquery';
+
+$( document ).ready( function() {
+ $( '#reset_customizer_settings' ).on( 'click', function() {
+ let confirm = window.confirm( 'Are you sure you want to do this?' );
+
+ if ( !confirm ) {
+ return false;
+ }
+
+ $.ajax( {
+ url: customify.config.wp_rest.root + 'customify/v1/delete_customizer_settings',
+ method: 'POST',
+ beforeSend: function( xhr ) {
+ xhr.setRequestHeader( 'X-WP-Nonce', customify.config.wp_rest.nonce );
+ },
+ data: {
+ 'customify_settings_nonce': customify.config.wp_rest.customify_settings_nonce
+ }
+ } ).done( function( response ) {
+ if ( response.success ) {
+ alert( 'Success: ' + response.data );
+ } else {
+ alert( 'Unfortunately, no luck: ' + response.data );
+ }
+ } ).error( function( e ) {
+ console.log( e );
+ } );
+ } );
+
+} );
diff --git a/src/_js/utils.js b/src/_js/utils.js
new file mode 100644
index 00000000..1d875579
--- /dev/null
+++ b/src/_js/utils.js
@@ -0,0 +1,22 @@
+// Returns a function, that, as long as it continues to be invoked, will not
+// be triggered. The function will be called after it stops being called for
+// N milliseconds. If `immediate` is passed, trigger the function on the
+// leading edge, instead of the trailing.
+export const debounce = ( func, wait, immediate ) => {
+ var timeout;
+ return function() {
+ var context = this, args = arguments;
+ var later = function() {
+ timeout = null;
+ if ( !immediate ) {
+ func.apply( context, args );
+ }
+ };
+ var callNow = immediate && !timeout;
+ clearTimeout( timeout );
+ timeout = setTimeout( later, wait );
+ if ( callNow ) {
+ func.apply( context, args );
+ }
+ };
+};
diff --git a/src/_scss/settings.scss b/src/_scss/settings.scss
new file mode 100644
index 00000000..806a1825
--- /dev/null
+++ b/src/_scss/settings.scss
@@ -0,0 +1,38 @@
+/* This stylesheet is used to style the settings page. */
+.extendable_options {
+ height: 0;
+ overflow: hidden;
+}
+
+fieldset.group {
+ border-left: 1px solid #333;
+ padding-left: 20px;
+}
+
+.postbox h3.hndle {
+ padding: 7px;
+ font-size: 15px;
+}
+
+.postbox .row {
+ width: 100%;
+ display: inline-block;
+ padding: 5px 0;
+}
+
+.postbox .row .field {
+ width: 100%;
+ display: inline-block;
+ padding: 5px 0;
+}
+
+.postbox .row .group {
+ border: 1px solid rgba(203, 203, 203, 0.2);
+ background-color: rgba(203, 203, 203, 0.2);
+ padding-left: 15px;
+ margin-left: 5px;
+}
+
+.postbox .uninstall_area {
+ margin-top: 15px;
+}
diff --git a/src/_scss/sm-colors-custom-properties.scss b/src/_scss/sm-colors-custom-properties.scss
new file mode 100644
index 00000000..ff5d91a0
--- /dev/null
+++ b/src/_scss/sm-colors-custom-properties.scss
@@ -0,0 +1,52 @@
+@mixin apply-palette( $id, $isShifted: false ) {
+
+ @for $i from 1 through 12 {
+
+ $suffix: $i;
+
+ @if ( $isShifted ) {
+ $suffix: #{ $i }-shifted;
+ }
+
+ --sm-bg-color-#{ $i }: var(--sm-color-palette-#{ $id }-bg-color-#{ $suffix });
+ --sm-accent-color-#{ $i }: var(--sm-color-palette-#{ $id }-accent-color-#{ $suffix });
+ --sm-fg1-color-#{ $i }: var(--sm-color-palette-#{ $id }-fg1-color-#{ $suffix });
+ --sm-fg2-color-#{ $i }: var(--sm-color-palette-#{ $id }-fg2-color-#{ $suffix });
+ }
+}
+
+@mixin apply-variation($i) {
+ --sm-current-bg-color: var(--sm-bg-color-#{ $i });
+ --sm-current-accent-color: var(--sm-accent-color-#{ $i });
+ --sm-current-fg1-color: var(--sm-fg1-color-#{ $i });
+ --sm-current-fg2-color: var(--sm-fg2-color-#{ $i });
+}
+
+html {
+ @include apply-palette(1);
+ @include apply-variation(1);
+}
+
+html,
+[class*="sm-variation-"] {
+ background-color: var(--sm-current-bg-color);
+ color: var(--sm-current-fg1-color);
+}
+
+@for $i from 1 through 12 {
+
+ .sm-variation-#{ $i } {
+ @include apply-variation($i);
+ }
+}
+
+@each $id in 1, 2, 3, _success, _error, _warning, _info {
+
+ .sm-palette-#{ $id } {
+ @include apply-palette( $id );
+ }
+
+ .sm-palette-#{ $id }.sm-palette--shifted {
+ @include apply-palette( $id, true );
+ }
+}
diff --git a/src/cloud-filter-functions.php b/src/cloud-filter-functions.php
new file mode 100644
index 00000000..3909a046
--- /dev/null
+++ b/src/cloud-filter-functions.php
@@ -0,0 +1,211 @@
+ $max ) {
+ return $max;
+ }
+
+ return $value;
+}
+
+/**
+ * Ensure that value is between $min and $max.
+ *
+ * @param int|float $value
+ * @param int|float $min
+ * @param int|float $max
+ *
+ * @return int|float
+ */
+function pixcloud_min_max( $value, $min, $max ) {
+ if ( ! is_numeric( $value ) || ! is_numeric( $min ) || ! is_numeric( $max ) ) {
+ return $value;
+ }
+
+ if ( $value < $min ) {
+ $value = $min;
+ }
+
+ if ( $value > $max ) {
+ $value = $max;
+ }
+
+ return $value;
+}
+
+/**
+ * Add something to the value.
+ *
+ * @param int|float $value
+ * @param int|float $add
+ *
+ * @return int|float
+ */
+function pixcloud_add( $value, $add ) {
+ if ( ! is_numeric( $value ) || ! is_numeric( $add ) ) {
+ return $value;
+ }
+
+ return $value + $add;
+}
+
+/**
+ * Substract something from the value.
+ *
+ * @param int|float $value
+ * @param int|float $substract
+ *
+ * @return int|float
+ */
+function pixcloud_substract( $value, $substract ) {
+ if ( ! is_numeric( $value ) || ! is_numeric( $substract ) ) {
+ return $value;
+ }
+
+ return $value - $substract;
+}
+
+/**
+ * Multiply the value.
+ *
+ * @param int|float $value
+ * @param int|float $multiply
+ *
+ * @return int|float
+ */
+function pixcloud_multiply( $value, $multiply ) {
+ if ( ! is_numeric( $value ) || ! is_numeric( $multiply ) ) {
+ return $value;
+ }
+
+ return $value * $multiply;
+}
+
+/**
+ * Divide the value.
+ *
+ * @param int|float $value
+ * @param int|float $divide
+ *
+ * @return int|float
+ */
+function pixcloud_divide( $value, $divide ) {
+ if ( ! is_numeric( $value ) || ! is_numeric( $divide ) || empty( $divide ) ) {
+ return $value;
+ }
+
+ return $value / $divide;
+}
+
+/**
+ * Divide the value and get the remainder.
+ *
+ * @param int|float $value
+ * @param int|float $divide
+ *
+ * @return int|float
+ */
+function pixcloud_modulo( $value, $divide ) {
+ if ( ! is_numeric( $value ) || ! is_numeric( $divide ) || empty( $divide ) ) {
+ return $value;
+ }
+
+ return $value % $divide;
+}
diff --git a/src/deprecated.php b/src/deprecated.php
new file mode 100644
index 00000000..f70fb973
--- /dev/null
+++ b/src/deprecated.php
@@ -0,0 +1,313 @@
+
+ */
+ class PixCustomifyPlugin {
+
+ /**
+ * Instance of this class.
+ * @since 1.5.0
+ * @var object
+ */
+ protected static $_instance = null;
+
+ protected function __construct( $file = '', $version = '1.0.0' ) {
+
+ }
+
+ /**
+ * Invalidate all caches.
+ *
+ * @deprecated
+ *
+ * @since 2.6.0
+ */
+ public function invalidate_all_caches() {
+ do_action( 'customify_invalidate_all_caches' );
+ }
+
+ /**
+ * Invalidate all caches, when hooked via a filter (just pass through the value).
+ *
+ * @deprecated
+ *
+ * @since 2.6.0
+ *
+ * @param mixed $value
+ * @return mixed
+ */
+ public function filter_invalidate_all_caches( $value ) { return $value; }
+
+ /**
+ * This will clear any instance properties that are used as local cache during a request to avoid
+ * fetching the data from DB on each method call.
+ *
+ * This may be called during a request when something happens that (potentially) invalidates our data mid-request.
+ *
+ * @deprecated
+ */
+ public function clear_locally_cached_data() {}
+
+ /**
+ * @deprecated Use Pixelgrade\Customify\get_options_key() instead.
+ *
+ * @param false $skip_cache
+ *
+ * @return string
+ */
+ public function get_options_key( $skip_cache = false ) {
+ _deprecated_function( __METHOD__, '3.0.0', 'Pixelgrade\Customify\get_options_key()' );
+
+ return get_options_key( $skip_cache );
+ }
+
+ /**
+ * @deprecated
+ */
+ public function invalidate_customizer_opt_name_cache() {}
+
+ /**
+ * @deprecated
+ *
+ * @param $value
+ *
+ * @return mixed
+ */
+ public function filter_invalidate_customizer_opt_name_cache( $value ) { return $value; }
+
+ /**
+ * Get all options' details.
+ *
+ * @deprecated Use Pixelgrade\Customify\get_option_details_all() instead.
+ *
+ * @param bool $only_minimal_details Optional. Whether to return only the minimal details.
+ * Defaults to returning all details.
+ * @param bool $skip_cache Optional. Whether to skip the options cache and regenerate.
+ * Defaults to using the cache.
+ *
+ * @return array
+ */
+ public function get_options_details( $only_minimal_details = false, $skip_cache = false ) {
+ _deprecated_function( __METHOD__, '3.0.0', 'Pixelgrade\Customify\get_option_details_all()' );
+
+ return get_option_details_all( $only_minimal_details, $skip_cache );
+ }
+
+ /**
+ * @deprecated
+ */
+ public function invalidate_options_details_cache() {}
+
+ /**
+ * @deprecated
+ *
+ * @param $value
+ *
+ * @return mixed
+ */
+ public function filter_invalidate_options_details_cache( $value ) { return $value; }
+
+ /**
+ * @deprecated Use Pixelgrade\Customify\has_option() instead.
+ *
+ * @param $option
+ *
+ * @return bool
+ */
+ public function has_option( $option ) {
+ _deprecated_function( __METHOD__, '3.0.0', 'Pixelgrade\Customify\has_option()' );
+
+ return has_option( $option );
+ }
+
+ /**
+ * @deprecated Use Pixelgrade\Customify\get_customizer_config() instead.
+ *
+ * @param false $key
+ *
+ * @return array|mixed|null
+ */
+ public function get_customizer_config( $key = false ) {
+ _deprecated_function( __METHOD__, '3.0.0', 'Pixelgrade\Customify\get_customizer_config()' );
+
+ return get_customizer_config( $key );
+ }
+
+ /**
+ * @deprecated
+ */
+ public function invalidate_customizer_config_cache() {}
+
+ /**
+ * Invalidate the customizer config cache, when hooked via a filter (just pass through the value).
+ *
+ * @deprecated
+ *
+ * @since 2.4.0
+ *
+ * @param mixed $value
+ * @return mixed
+ */
+ public function filter_invalidate_customizer_config_cache( $value ) { return $value;}
+
+ /**
+ * Get the Customify configuration (and value, hence "details") of a certain option.
+ *
+ * @deprecated Use Pixelgrade\Customify\get_option_details() instead.
+ *
+ * @param string $option_id
+ * @param bool $minimal_details Optional. Whether to return only the minimum amount of details (mainly what is needed on the frontend).
+ * The advantage is that these details are cached, thus skipping the customizer_config!
+ * @param bool $skip_cache Optional.
+ *
+ * @return array|false The option config or false on failure.
+ */
+ public function get_option_details( $option_id, $minimal_details = false, $skip_cache = false ) {
+ _deprecated_function( __METHOD__, '3.0.0', 'Pixelgrade\Customify\get_option_details()' );
+
+ return get_option_details( $option_id, $minimal_details, $skip_cache );
+ }
+
+ /**
+ * This is just a wrapper for get_option_details_all() for backwards compatibility.
+ *
+ * @deprecated Use Pixelgrade\Customify\get_option_details_all() instead.
+ *
+ * @param bool $only_minimal_details
+ * @param bool $skip_cache
+ *
+ * @return array|mixed|void
+ */
+ public function get_options_configs( $only_minimal_details = false, $skip_cache = false ) {
+ _deprecated_function( __METHOD__, '3.0.0', 'Pixelgrade\Customify\get_option_details_all()' );
+
+ return get_option_details_all( $only_minimal_details, $skip_cache );
+ }
+
+ /**
+ * A public function to get an option's value.
+ * If there is a value and return it.
+ * Otherwise try to get the default parameter or the default from config.
+ *
+ * @deprecated Use Pixelgrade\Customify\get_option() instead.
+ *
+ * @param $option_id
+ * @param mixed $default Optional.
+ * @param array $option_details Optional.
+ *
+ * @return bool|null|string
+ */
+ public function get_option( $option_id, $default = null, $option_details = null ) {
+ _deprecated_function( __METHOD__, '3.0.0', 'Pixelgrade\Customify\get_option()' );
+
+ return Pixelgrade\Customify\get_option( $option_id, $default, $option_details );
+ }
+
+ /**
+ * @deprecated Use the Pixelgrade\Customify\VERSION constant instead.
+ */
+ public function get_version() {
+ _deprecated_function( __METHOD__, '3.0.0', 'Pixelgrade\Customify\VERSION' );
+
+ return VERSION;
+ }
+
+ /**
+ * @deprecated Use Pixelgrade\Customify\plugin()->get_slug() instead.
+ */
+ public function get_slug() {
+ _deprecated_function( __METHOD__, '3.0.0', 'Pixelgrade\Customify\plugin()->get_slug()' );
+
+ return plugin()->get_slug();
+ }
+
+ /**
+ * @deprecated Use Pixelgrade\Customify\plugin()->get_file() instead.
+ */
+ public function get_file() {
+ _deprecated_function( __METHOD__, '3.0.0', 'Pixelgrade\Customify\plugin()->get_file()' );
+
+ return plugin()->get_file();
+ }
+
+ /**
+ * @deprecated Use Pixelgrade\Customify\plugin()->get_path() instead.
+ */
+ public function get_base_path() {
+ _deprecated_function( __METHOD__, '3.0.0', 'Pixelgrade\Customify\plugin()->get_path()' );
+
+ return plugin()->get_path();
+ }
+
+ /**
+ * Main PixCustomifyPlugin Instance
+ *
+ * Ensures only one instance of PixCustomifyPlugin is loaded or can be loaded.
+ *
+ * @since 1.0.0
+ * @static
+ *
+ * @param string $file File.
+ * @param string $version Version.
+ *
+ * @see PixCustomifyPlugin()
+ * @return PixCustomifyPlugin Main PixCustomifyPlugin instance
+ */
+ public static function instance( $file = '', $version = '1.0.0' ) {
+ // If the single instance hasn't been set, set it now.
+ if ( is_null( self::$_instance ) ) {
+ self::$_instance = new self( $file, $version );
+ }
+
+ return self::$_instance;
+ }
+ }
+}
+
+namespace Pixelgrade\Customify {
+
+}
diff --git a/src/functions.php b/src/functions.php
new file mode 100644
index 00000000..df013a28
--- /dev/null
+++ b/src/functions.php
@@ -0,0 +1,215 @@
+ ABSPATH . 'wp-admin/includes/class-pclzip.php',
+ ];
+
+ if ( isset( $class_map[ $class ] ) ) {
+ require_once $class_map[ $class ];
+ }
+}
+
+/**
+ * Generate a random string.
+ *
+ * @since 3.0.0
+ *
+ * @param int $length Length of the string to generate.
+ *
+ * @throws \Exception
+ * @return string
+ */
+function generate_random_string( int $length = 12 ): string {
+ $chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+
+ $str = '';
+ $max = \strlen( $chars ) - 1;
+ for ( $i = 0; $i < $length; $i ++ ) {
+ $str .= $chars[ random_int( 0, $max ) ];
+ }
+
+ return $str;
+}
+
+/**
+ * Whether a plugin identifier is the main plugin file.
+ *
+ * Plugins can be identified by their plugin file (relative path to the main
+ * plugin file from the root plugin directory) or their slug.
+ *
+ * This doesn't validate whether or not the plugin actually exists.
+ *
+ * @since 3.0.0
+ *
+ * @param string $plugin_file Plugin slug or relative path to the main plugin file.
+ *
+ * @return bool
+ */
+function is_plugin_file( string $plugin_file ): bool {
+ return '.php' === substr( $plugin_file, - 4 );
+}
+
+/**
+ * Display a notice about missing dependencies.
+ *
+ * @since 3.0.0
+ */
+function display_missing_dependencies_notice() {
+ $message = sprintf(
+ /* translators: %s: documentation URL */
+ __( 'Customify is missing required dependencies. Learn more. ', '__plugin_txtd' ),
+ 'https://github.com/pixelgrade/customify'
+ );
+
+ printf(
+ '',
+ wp_kses(
+ $message,
+ [
+ 'a' => [
+ 'href' => true,
+ 'rel' => true,
+ 'target' => true,
+ ],
+ ]
+ )
+ );
+}
+
+/**
+ * Determine if we are looking at the Customize screen.
+ *
+ * @return bool
+ */
+function is_customizer(): bool {
+ return ( is_admin() && 'customize.php' === basename( $_SERVER['PHP_SELF'] ) );
+}
+
+/**
+ * Determine if the Style Manager functionality is supported.
+ *
+ * @return bool
+ */
+function is_sm_supported(): bool {
+ return apply_filters( 'customify_style_manager_is_supported', current_theme_supports( 'customizer_style_manager' ) );
+}
+
+/**
+ * Get a Customify option's value, if there is a value, and return it.
+ * Otherwise, try to get the default parameter or the default from config.
+ *
+ * @since 3.0.0
+ *
+ * @param string $option_id
+ * @param mixed|null $default Optional.
+ * @param array|null $option_details Optional.
+ *
+ * @return mixed
+ */
+function get_option( string $option_id, $default = null, $option_details = null ) {
+ return plugin()->get_container()->get('options')->get( $option_id, $default, $option_details );
+}
+
+/**
+ * Get the Customify configuration (and value, hence "details") of a certain option.
+ *
+ * @since 3.0.0
+ *
+ * @param string $option_id
+ * @param bool $minimal_details Optional. Whether to return only the minimum amount of details (mainly what is needed on the frontend).
+ * The advantage is that these details are cached, thus skipping the customizer_config!
+ * @param bool $skip_cache Optional.
+ *
+ * @return array|false The option config or false on failure.
+ */
+function get_option_details( string $option_id, $minimal_details = false, $skip_cache = false ) {
+ return plugin()->get_container()->get('options')->get_details( $option_id, $minimal_details, $skip_cache );
+}
+
+/**
+ * Get all Customify options' details.
+ *
+ * @since 3.0.0
+ *
+ * @param bool $only_minimal_details Optional. Whether to return only the minimal details.
+ * Defaults to returning all details.
+ * @param bool $skip_cache Optional. Whether to skip the options cache and regenerate.
+ * Defaults to using the cache.
+ * @return array
+ */
+function get_option_details_all( $only_minimal_details = false, $skip_cache = false ): array {
+ return plugin()->get_container()->get('options')->get_details_all( $only_minimal_details, $skip_cache );
+}
+
+/**
+ * Determine if a certain option exists.
+ *
+ * @since 3.0.0
+ *
+ * @param string $key The option key.
+ *
+ * @return bool
+ */
+function has_option( string $key ): bool {
+ return plugin()->get_container()->get('options')->has_option( $key );
+}
+
+/**
+ * Get the key under which all Customify options are saved.
+ *
+ * @since 3.0.0
+ *
+ * @param bool $skip_cache Optional. Whether to skip the options cache and regenerate.
+ * Defaults to using the cache.
+ *
+ * @return string
+ */
+function get_options_key( bool $skip_cache = false ): string {
+ return plugin()->get_container()->get('options')->get_options_key( $skip_cache );
+}
+
+/**
+ * Get the entire Customify Customizer fields config or a certain entry key.
+ *
+ * @since 3.0.0
+ *
+ * @param bool|string $key
+ *
+ * @return array|mixed|null
+ */
+function get_customizer_config( $key = false ) {
+ return plugin()->get_container()->get('options')->get_customizer_config( $key );
+}
diff --git a/includes/customizer-controls/index.php b/src/index.php
similarity index 100%
rename from includes/customizer-controls/index.php
rename to src/index.php
diff --git a/src/sm-functions.php b/src/sm-functions.php
new file mode 100644
index 00000000..f328b47d
--- /dev/null
+++ b/src/sm-functions.php
@@ -0,0 +1,460 @@
+ esc_html__( 'Background', '__plugin_txtd' ),
+ 'dark' => esc_html__( 'Dark', '__plugin_txtd' ),
+ 'accent' => esc_html__( 'Accent', '__plugin_txtd' ),
+ ];
+
+ if ( $isDarker ) {
+ $callback = 'sm_color_select_darker_cb';
+ $choices = [
+ 'background' => esc_html__( 'Background', '__plugin_txtd' ),
+ 'darker' => esc_html__( 'Dark', '__plugin_txtd' ),
+ 'accent' => esc_html__( 'Accent', '__plugin_txtd' ),
+ ];
+ }
+
+ $css = [];
+
+ if ( ! is_array( $properties ) ) {
+ $properties = [ $properties ];
+ }
+
+ foreach ( $properties as $property ) {
+ $css[] = [
+ 'property' => $property,
+ 'selector' => $selector,
+ 'callback_filter' => $callback,
+ ];
+ }
+
+ return [
+ 'type' => 'select_color',
+ 'label' => $label,
+ 'live' => true,
+ 'default' => $default,
+ 'css' => $css,
+ 'choices' => $choices,
+ ];
+}
+
+/**
+ * @since 3.0.0
+ *
+ * @param string $value
+ * @param string $selector
+ * @param string $property
+ *
+ * @return string
+ */
+function sm_color_select_dark_cb( string $value, string $selector, string $property ): string {
+ return $selector . ' { ' . $property . ': var(--sm-current-' . $value . '-color); }' . PHP_EOL;
+}
+
+/**
+ * @since 3.0.0
+ *
+ * @param string $value
+ * @param string $selector
+ * @param string $property
+ *
+ * @return string
+ */
+function sm_color_select_darker_cb( string $value, string $selector, string $property ): string {
+ return $selector . ' { ' . $property . ': var(--sm-current-' . $value . '-color); }' . PHP_EOL;
+}
+
+/**
+ * @since 3.0.0
+ *
+ * @param $label
+ * @param $selector
+ * @param $default
+ * @param string[] $properties
+ *
+ * @return array
+ */
+function sm_get_color_switch_darker_config( $label, $selector, $default, $properties = [ 'color' ] ): array {
+ return sm_get_color_switch_dark_config( $label, $selector, $default, $properties, true );
+}
+
+/**
+ * @since 3.0.0
+ *
+ * @param $label
+ * @param $selector
+ * @param $default
+ * @param string[] $properties
+ * @param false $isDarker
+ *
+ * @return array
+ */
+function sm_get_color_switch_dark_config( $label, $selector, $default, $properties = [ 'color' ], $isDarker = false ): array {
+
+ $css = [];
+ $callback = 'sm_color_switch_dark_cb';
+
+ if ( $isDarker ) {
+ $callback = 'sm_color_switch_darker_cb';
+ }
+
+ if ( ! is_array( $properties ) ) {
+ $properties = [ $properties ];
+ }
+
+ foreach ( $properties as $property ) {
+ $css[] = [
+ 'property' => $property,
+ 'selector' => $selector,
+ 'callback_filter' => $callback,
+ ];
+ }
+
+ return [
+ 'type' => 'sm_toggle',
+ 'label' => $label,
+ 'live' => true,
+ 'default' => $default,
+ 'css' => $css,
+ ];
+}
+
+/**
+ * @since 3.0.0
+ *
+ * @param string $value
+ * @param string $selector
+ * @param string $property
+ *
+ * @return string
+ */
+function sm_color_switch_dark_cb( bool $value, string $selector, string $property ): string {
+ $color = 'fg1';
+
+ if ( $value === true ) {
+ $color = 'accent';
+ }
+
+ return $selector . ' {' . $property . ': var(--sm-current-' . $color . '-color); }' . PHP_EOL;
+}
+
+/**
+ * @since 3.0.0
+ *
+ * @param string $value
+ * @param string $selector
+ * @param string $property
+ *
+ * @return string
+ */
+function sm_color_switch_darker_cb( bool $value, string $selector, string $property ): string {
+ $color = 'fg2';
+
+ if ( $value === true ) {
+ $color = 'accent';
+ }
+
+ return $selector . ' {' . $property . ': var(--sm-current-' . $color . '-color); }' . PHP_EOL;
+}
+
+/**
+ * @since 3.0.0
+ *
+ * @param string $value
+ *
+ * @return string
+ */
+function sm_advanced_palette_output_cb( string $value ) {
+ return '';
+}
+
+/**
+ * @since 3.0.0
+ *
+ * @param string $value
+ *
+ * @return string
+ */
+function sm_variation_range_cb( string $value ) {
+ return '';
+}
+
+function sm_get_palette_output_from_color_config( string $value ) {
+ $output = '';
+
+ $palettes = json_decode( $value );
+
+ if ( empty( $palettes ) ) {
+ $palettes = get_fallback_palettes();
+ }
+
+ $output .= palettes_output( $palettes );
+
+ return $output;
+}
+
+/**
+ * @since 3.0.0
+ *
+ * @param array $palettes
+ *
+ * @return string
+ */
+function palettes_output( array $palettes ) {
+ $output = '';
+ $variation = intval( get_option( 'sm_site_color_variation', 1 ) );
+
+ foreach ( $palettes as $palette_index => $palette ) {
+ $sourceIndex = $palette->sourceIndex;
+
+ $output .= 'html { ' . PHP_EOL;
+ $output .= get_initial_color_variables( $palette );
+ $output .= get_variables_css( $palette, $variation - 1 );
+ $output .= get_variables_css( $palette, $sourceIndex, false, true );
+ $output .= '}' . PHP_EOL;
+
+ $output .= '.is-dark { ' . PHP_EOL;
+ $output .= get_variables_css( $palette, $variation - 1, true );
+ $output .= get_variables_css( $palette, $sourceIndex, true, true );
+ $output .= '}' . PHP_EOL;
+ }
+
+ return $output;
+}
+
+/**
+ * @since 3.0.0
+ *
+ * @param object $palette
+ *
+ * @return string
+ */
+function get_initial_color_variables( object $palette ) {
+ $colors = $palette->colors;
+ $textColors = $palette->textColors;
+ $id = $palette->id;
+ $prefix = '--sm-color-palette-';
+
+ $output = '';
+
+ foreach ( $colors as $index => $color ) {
+ $output .= $prefix . $id . '-color-' . ( $index + 1 ) . ': ' . $color->value . ';' . PHP_EOL;
+ }
+
+ foreach ( $textColors as $index => $color ) {
+ $output .= $prefix . $id . '-text-color-' . ( $index + 1 ) . ': ' . $color->value . ';' . PHP_EOL;
+ }
+
+ return $output;
+}
+
+/**
+ * @since 3.0.0
+ *
+ * @param object $palette
+ * @param int $offset
+ * @param bool $isDark
+ * @param bool $isShifted
+ *
+ * @return string
+ */
+function get_variables_css( object $palette, int $offset = 0, bool $isDark = false, bool $isShifted = false ) {
+ $colors = $palette->colors;
+ $count = count( $colors );
+
+ $output = '';
+
+ foreach ( $colors as $index => $color ) {
+ $oldColorIndex = ( $index + $offset ) % $count;
+
+ if ( $isDark ) {
+ if ( $oldColorIndex < $count / 2 ) {
+ $oldColorIndex = 11 - $oldColorIndex;
+ } else {
+ continue;
+ }
+ }
+
+ $output .= get_color_variables( $palette, $index, $oldColorIndex, $isShifted );
+ }
+
+ return $output;
+}
+
+/**
+ * @since 3.0.0
+ *
+ * @param object $palette
+ * @param int $newColorIndex
+ * @param int $oldColorIndex
+ * @param bool $isShifted
+ *
+ * @return string
+ */
+function get_color_variables( object $palette, int $newColorIndex, int $oldColorIndex, bool $isShifted ) {
+ $colors = $palette->colors;
+ $id = $palette->id;
+ $count = count( $colors );
+ $lightColorsCount = isset( $palette->lightColorsCount ) ? $palette->lightColorsCount : $count / 2;
+
+ $accentColorIndex = ( $oldColorIndex + $count / 2 ) % $count;
+ $prefix = '--sm-color-palette-';
+ $suffix = $isShifted ? '-shifted' : '';
+
+ $output = '';
+
+ $output .= $prefix . $id . '-bg-color-' . ( $newColorIndex + 1 ) . $suffix . ': var(' . $prefix . $id . '-color-' . ( $oldColorIndex + 1 ) . ');' . PHP_EOL;
+ $output .= $prefix . $id . '-accent-color-' . ( $newColorIndex + 1 ) . $suffix . ': var(' . $prefix . $id . '-color-' . ( $accentColorIndex + 1 ) . ');' . PHP_EOL;
+
+ if ( $oldColorIndex < $lightColorsCount ) {
+ $output .= $prefix . $id . '-fg1-color-' . ( $newColorIndex + 1 ) . $suffix . ': var(' . $prefix . $id . '-text-color-1);' . PHP_EOL;
+ $output .= $prefix . $id . '-fg2-color-' . ( $newColorIndex + 1 ) . $suffix . ': var(' . $prefix . $id . '-text-color-2);' . PHP_EOL;
+ } else {
+ $output .= $prefix . $id . '-fg1-color-' . ( $newColorIndex + 1 ) . $suffix . ': var(' . $prefix . $id . '-color-1);' . PHP_EOL;
+ $output .= $prefix . $id . '-fg2-color-' . ( $newColorIndex + 1 ) . $suffix . ': var(' . $prefix . $id . '-color-1);' . PHP_EOL;
+ }
+
+ return $output;
+}
+
+/**
+ * @since 3.0.0
+ *
+ * @return array
+ */
+function get_fallback_palettes() {
+ $alphabet = range( 'A', 'Z' );
+
+ $options_details = PixCustomifyPlugin()->get_options_configs();
+
+ $color_control_ids = array(
+ 'sm_color_primary',
+ 'sm_color_secondary',
+ 'sm_color_tertiary',
+ );
+
+ $lighter = get_fallback_color_value( 'sm_light_primary' );
+ $light = get_fallback_color_value( 'sm_light_tertiary' );
+ $text_color = get_fallback_color_value( 'sm_dark_secondary' );
+ $dark = get_fallback_color_value( 'sm_dark_primary' );
+ $darker = get_fallback_color_value( 'sm_dark_tertiary' );
+
+ $palettes = array();
+
+ foreach ( $color_control_ids as $index => $control_id ) {
+
+ if ( empty( $options_details[ $control_id ] ) ) {
+ continue;
+ }
+
+ $color = get_fallback_color_value( $control_id );
+
+ $colors = array(
+ $lighter,
+ $light,
+ $light,
+ $light,
+ $color,
+ $color,
+ $color,
+ $dark,
+ $dark,
+ $dark,
+ $darker,
+ '#000000',
+ );
+
+ $color_objects = array();
+
+ foreach ( $colors as $color ) {
+ $obj = ( object ) array(
+ 'value' => $color
+ );
+
+ $color_objects[] = $obj;
+ }
+
+ $textColors = array(
+ $text_color,
+ $text_color,
+ );
+
+ $textColor_objects = array();
+
+ foreach ( $textColors as $color ) {
+ $obj = ( object ) array(
+ 'value' => $color
+ );
+
+ $textColor_objects[] = $obj;
+ }
+
+ $palettes[] = ( object ) array(
+ 'colors' => $color_objects,
+ 'textColors' => $textColor_objects,
+ 'source' => $color,
+ 'sourceIndex' => 6,
+ 'label' => 'Color ' . $alphabet[ $index + 1 ],
+ 'id' => $index + 1
+ );
+ }
+
+ return $palettes;
+}
+
+function get_fallback_color_value( $id ) {
+
+ $color = PixCustomifyPlugin()->get_option( $id . '_final' );
+
+// if ( empty( $color ) ) {
+// $color = PixCustomifyPlugin()->get_option( $id );
+// }
+//
+// if ( empty( $color ) ) {
+// $config = PixCustomifyPlugin()->get_option_details( $id );
+//
+// if ( isset( $config['default'] ) ) {
+// $color = $config['default'];
+// }
+// }
+
+ return $color;
+}
diff --git a/tasks/build-fix.js b/tasks/build-fix.js
new file mode 100644
index 00000000..cb4fa574
--- /dev/null
+++ b/tasks/build-fix.js
@@ -0,0 +1,43 @@
+var gulp = require( 'gulp' ),
+ fs = require( 'fs' ),
+ cp = require( 'child_process' ),
+ plugins = require( 'gulp-load-plugins' )();
+
+if ( fs.existsSync( './tasks/gulpconfig.json' ) ) {
+ gulpconfig = require( './gulpconfig.json' );
+} else {
+ gulpconfig = require( './gulpconfig.example.json' );
+ console.warn( "Don't forget to create your own gulpconfig.json from gulpconfig.json.example" );
+}
+
+var slug = gulpconfig.slug;
+
+function maybeFixBuildDirPermissions( done ) {
+ cp.execSync( 'find ./../build -type d -exec chmod 755 {} \\;' );
+ return done();
+}
+
+maybeFixBuildDirPermissions.description = 'Make sure that all directories in the build directory have 755 permissions.';
+gulp.task( 'build:fix:dir-permissions', maybeFixBuildDirPermissions );
+
+function maybeFixBuildFilePermissions( done ) {
+ cp.execSync( 'find ./../build -type f -exec chmod 644 {} \\;' );
+ return done();
+}
+
+maybeFixBuildFilePermissions.description = 'Make sure that all files in the build directory have 644 permissions.';
+gulp.task( 'build:fix:file-permissions', maybeFixBuildFilePermissions );
+
+function maybeFixIncorrectLineEndings( done ) {
+ cp.execSync( 'find ./../build -type f -print0 | xargs -0 -n 1 -P 4 dos2unix' );
+ return done();
+}
+
+maybeFixIncorrectLineEndings.description = 'Make sure that all line endings in the files in the build directory are UNIX line endings.';
+gulp.task( 'build:fix:line-endings', maybeFixIncorrectLineEndings );
+
+gulp.task( 'build:fix', gulp.series(
+ 'build:fix:dir-permissions',
+ 'build:fix:file-permissions',
+ 'build:fix:line-endings',
+) );
diff --git a/tasks/build-folder.js b/tasks/build-folder.js
new file mode 100644
index 00000000..0e1fbaca
--- /dev/null
+++ b/tasks/build-folder.js
@@ -0,0 +1,68 @@
+var gulp = require( 'gulp' ),
+ plugins = require( 'gulp-load-plugins' )(),
+ fs = require( 'fs' ),
+ del = require( 'del' );
+
+if ( fs.existsSync( './tasks/gulpconfig.json' ) ) {
+ gulpconfig = require( './gulpconfig.json' );
+} else {
+ gulpconfig = require( './gulpconfig.example.json' );
+ console.warn( "Don't forget to create your own gulpconfig.json from gulpconfig.json.example" );
+}
+
+var slug = gulpconfig.slug;
+
+// -----------------------------------------------------------------------------
+// Copy plugin folder outside in a build folder.
+// -----------------------------------------------------------------------------
+function copyFolder() {
+ var dir = process.cwd();
+ return gulp.src( './*' )
+ .pipe( plugins.exec( 'rm -Rf ./../build; mkdir -p ./../build/' + slug + ';', {
+ silent: true,
+ continueOnError: true // default: false
+ } ) )
+ .pipe( plugins.rsync( {
+ root: dir,
+ destination: '../build/' + slug + '/',
+ // archive: true,
+ progress: false,
+ silent: true,
+ compress: false,
+ recursive: true,
+ emptyDirectories: true,
+ clean: true,
+ exclude: ['node_modules']
+ } ) );
+}
+
+copyFolder.description = 'Copy plugin production files to a build folder';
+gulp.task( 'build:copy-folder', copyFolder );
+
+// -----------------------------------------------------------------------------
+// Remove unneeded files and folders from the build folder.
+// -----------------------------------------------------------------------------
+async function removeUnneededFiles() {
+ const files_to_remove = [];
+ const contents = fs.readFileSync( '.zipignore', 'utf8' );
+
+ // Files that should not be present in build
+ contents.split( /[\r\n]/ ).forEach( function( path ) {
+ path = path.trim();
+
+ // We will skip line starting with # since those are comments (as per the .gitignore standard).
+ if ( path && !path.startsWith('#') ) {
+ files_to_remove.push( '../build/' + slug + '/' + path );
+ }
+ } );
+
+ return del( files_to_remove, {force: true} );
+}
+
+removeUnneededFiles.description = 'Remove unneeded files and folders from the build folder';
+gulp.task( 'build:remove-unneeded-files', removeUnneededFiles );
+
+gulp.task( 'build:folder', gulp.series(
+ 'build:copy-folder',
+ 'build:remove-unneeded-files'
+) );
diff --git a/tasks/build-translate.js b/tasks/build-translate.js
new file mode 100644
index 00000000..47475fb5
--- /dev/null
+++ b/tasks/build-translate.js
@@ -0,0 +1,53 @@
+var gulp = require('gulp'),
+ fs = require('fs'),
+ plugins = require('gulp-load-plugins')()
+
+if (fs.existsSync('./tasks/gulpconfig.json')) {
+ gulpconfig = require('./gulpconfig.json')
+} else {
+ gulpconfig = require('./gulpconfig.example.json')
+ console.warn('Don\'t forget to create your own gulpconfig.json from gulpconfig.json.example')
+}
+
+var slug = gulpconfig.slug
+var packageName = gulpconfig.packagename
+var textdomain = gulpconfig.textdomain
+var bugReport = gulpconfig.bugreport
+
+// -----------------------------------------------------------------------------
+// Replace the plugin's text domain with the actual text domain.
+// -----------------------------------------------------------------------------
+function pluginTextdomainReplace () {
+ return gulp.src([
+ '../build/' + slug + '/**/*.php',
+ '../build/' + slug + '/**/*.js',
+ '../build/' + slug + '/**/*.css',
+ '../build/' + slug + '/**/*.pot'
+ ])
+ .pipe(plugins.replace(/__plugin_txtd/g, textdomain))
+ .pipe(gulp.dest('../build/' + slug))
+}
+
+pluginTextdomainReplace.description = 'Replace the __plugin_txtd text-domain placeholder with the actual text-domain, in the build files.'
+gulp.task('build:translate:replacetxtdomain', pluginTextdomainReplace)
+
+function generatePotFile () {
+ return gulp.src([
+ '../build/' + slug + '/**/*.php'
+ ])
+ .pipe(plugins.wpPot({
+ domain: textdomain,
+ package: packageName,
+ relativeTo: '../build/' + slug + '/languages/',
+ bugReport: bugReport
+ }))
+ .pipe(gulp.dest('../build/' + slug + '/languages/' + slug + '.pot'))
+}
+
+generatePotFile.description = 'Scan the build files and generate the .pot file.'
+gulp.task('build:translate:generatepot', generatePotFile)
+
+gulp.task('build:translate', gulp.series(
+ 'build:translate:replacetxtdomain',
+ 'build:translate:generatepot'
+))
diff --git a/tasks/build-zip.js b/tasks/build-zip.js
new file mode 100644
index 00000000..bed5d6b1
--- /dev/null
+++ b/tasks/build-zip.js
@@ -0,0 +1,43 @@
+var gulp = require( 'gulp' ),
+ fs = require( 'fs' ),
+ plugins = require( 'gulp-load-plugins')();
+
+if ( fs.existsSync( './tasks/gulpconfig.json' ) ) {
+ gulpconfig = require( './gulpconfig.json' );
+} else {
+ gulpconfig = require( './gulpconfig.example.json' );
+ console.warn( "Don't forget to create your own gulpconfig.json from gulpconfig.json.example" );
+}
+
+var slug = gulpconfig.slug;
+
+// -----------------------------------------------------------------------------
+// Create the plugin installer archive and delete the build folder
+// -----------------------------------------------------------------------------
+function makeZip() {
+ var versionString = '';
+ // get plugin version from the main plugin file
+ var contents = fs.readFileSync("./" + slug + ".php", "utf8");
+
+ // split it by lines
+ var lines = contents.split(/[\r\n]/);
+
+ function checkIfVersionLine(value, index, ar) {
+ var myRegEx = /^[\s\*]*[Vv]ersion:/;
+ if (myRegEx.test(value)) {
+ return true;
+ }
+ return false;
+ }
+
+ // apply the filter
+ var versionLine = lines.filter(checkIfVersionLine);
+
+ versionString = versionLine[0].replace(/^[\s\*]*[Vv]ersion:/, '').trim();
+ versionString = '-' + versionString.replace(/\./g, '-');
+
+ return gulp.src('./')
+ .pipe( plugins.exec('cd ./../; rm -rf ' + slug[0].toUpperCase() + slug.slice(1) + '*.zip; cd ./build/; zip -r -X ./../' + slug[0].toUpperCase() + slug.slice(1) + versionString + '.zip ./; cd ./../; rm -rf build'));
+}
+makeZip.description = 'Create the plugin installer archive and delete the build folder';
+gulp.task( 'build:zip', makeZip );
diff --git a/tasks/composer.js b/tasks/composer.js
new file mode 100644
index 00000000..444b2abf
--- /dev/null
+++ b/tasks/composer.js
@@ -0,0 +1,69 @@
+var gulp = require( 'gulp' ),
+ fs = require( 'fs' ),
+ cp = require( 'child_process' ),
+ merge = require('merge-stream'),
+ plugins = require( 'gulp-load-plugins' )();
+
+if ( fs.existsSync( './tasks/gulpconfig.json' ) ) {
+ gulpconfig = require( './gulpconfig.json' );
+} else {
+ gulpconfig = require( './gulpconfig.example.json' );
+ console.warn( "Don't forget to create your own gulpconfig.json from gulpconfig.json.example" );
+}
+
+gulp.task( 'composer:delete_lock_and_vendor', function () {
+ return gulp.src( [ 'composer.lock', 'vendor' ] , { allowEmpty: true, read: false } )
+ .pipe( plugins.clean() );
+} );
+gulp.task( 'composer:delete_prefixed_vendor_libraries', function () {
+ return gulp.src(
+ [
+ 'vendor/cedaro/wp-plugin',
+ 'vendor/pimple/pimple',
+ 'vendor/psr/container',
+ 'vendor/psr/log',
+ 'vendor/symfony/polyfill-mbstring',
+ 'vendor/symfony/polyfill-php72',
+ ],
+ { allowEmpty: true, read: false }
+ )
+ .pipe( plugins.clean() );
+} );
+gulp.task( 'composer:create_vendor_prefixed_folder', function () {
+ return gulp.src( '*.*', { read: false } )
+ .pipe( gulp.dest( './vendor_prefixed' ) );
+} );
+gulp.task( 'composer:prefix_lite', function ( cb ) {
+ exec( 'composer prefix-dependencies-lite', function ( err, stdout, stderr ) {
+ console.log( stdout );
+ console.log( stderr );
+ cb( err );
+ } );
+} );
+gulp.task( 'composer:prefix', function ( cb ) {
+ exec( 'composer prefix-dependencies', function ( err, stdout, stderr ) {
+ console.log( stdout );
+ console.log( stderr );
+ cb( err );
+ } );
+} );
+
+/**
+ * Update namespace of certain files that php-scoper can't patch.
+ */
+gulp.task( 'composer:prefix_outside_files', function () {
+ return merge(
+
+ gulp.src( [ 'vendor_prefixed/symfony/polyfill-mbstring/bootstrap.php' ], { allowEmpty: true } )
+ .pipe( plugins.replace( /use Symfony\\Polyfill\\Mbstring/gm, 'use Customify\\Vendor\\Symfony\\Polyfill\\Mbstring' ) )
+ .pipe( gulp.dest( 'vendor_prefixed/symfony/polyfill-mbstring/' ) ),
+
+ gulp.src( [ 'vendor_prefixed/symfony/polyfill-mbstring/Resources/mb_convert_variables.php8' ], { allowEmpty: true } )
+ .pipe( plugins.replace( /use Symfony\\Polyfill\\Mbstring/gm, 'use Customify\\Vendor\\Symfony\\Polyfill\\Mbstring' ) )
+ .pipe( gulp.dest( 'vendor_prefixed/symfony/polyfill-mbstring/Resources/' ) ),
+
+ gulp.src( [ 'vendor_prefixed/symfony/polyfill-php72/bootstrap.php' ], { allowEmpty: true } )
+ .pipe( plugins.replace( /use Symfony\\Polyfill\\Php72/gm, 'use Customify\\Vendor\\Symfony\\Polyfill\\Php72' ) )
+ .pipe( gulp.dest( 'vendor_prefixed/symfony/polyfill-php72/' ) )
+ );
+} );
diff --git a/tasks/google-fonts.js b/tasks/google-fonts.js
new file mode 100644
index 00000000..1041c3e0
--- /dev/null
+++ b/tasks/google-fonts.js
@@ -0,0 +1,54 @@
+var gulp = require( 'gulp' ),
+ fs = require( 'fs' ),
+ request = require('request'),
+ plugins = require( 'gulp-load-plugins' )();
+
+if ( fs.existsSync( './tasks/gulpconfig.json' ) ) {
+ gulpconfig = require( './gulpconfig.json' );
+} else {
+ gulpconfig = require( './gulpconfig.example.json' );
+ console.warn( "Don't forget to create your own gulpconfig.json from gulpconfig.json.example" );
+}
+
+// -----------------------------------------------------------------------------
+// This is a helper function used to update the Google fonts list and recreate the php file holding it (includes/resources/google.fonts.php).
+// -----------------------------------------------------------------------------
+function updatePhpGoogleFontsList(done) {
+ const endpoint = 'https://www.googleapis.com/webfonts/v1/webfonts?key=AIzaSyAn2JiVvY0QL1T1430udIHS-nB3vBnjrf4';
+ request.get({
+ url: endpoint,
+ }, function(error, response, body) {
+ if (error || !body) throw error
+
+ body = JSON.parse(body);
+
+ // First lets inspect the body and make sure it is something we can manage.
+ if ( typeof body.items === 'undefined' ) {
+ log.error( 'There was no `items` entry in the response from Google apis. Please manually check the response from `'+endpoint+'`');
+ return done();
+ }
+
+ let fontsList = {};
+ // Go through the items and clean it up to our liking.
+ body.items.map( function(item){
+ delete item.kind;
+ delete item.version;
+ delete item.lastModified;
+ delete item.files;
+
+ fontsList[item.family] = item;
+ })
+
+ // Start the PHP code list.
+ let php = ['
+
+
+
+
+
+
+
Brand Primary color palette
+
Each column from the color palette below represent a state where a component could be. The first row is the main surface or background color, while the other two rows are for the content.
+
The color system generated it’s based on a set of underlying principles and guidelines, making color usage accessible and purposeful.
+
Text color on surfaces
+
Surface colors
+
Surfaces are the background of any component such us a page, card or popover.
+
Accent color
+
+
+
+
+
+
Secondary color palette
+
A pallete generated from your secondary color than can be used alternatively to the primary color palette to draw more attention to certain sections.
+
+
+
+
+
+
Functional colors
+
The color system generated it’s based on a set of underlying principles and guidelines, making color usage accessible and purposeful.
+
+
+
+
+
%s %s
',
+ __( 'Quote from Hello Dolly song, by Jerry Herman:', 'hello-dolly' ),
+ $lang,
+ $chosen
+ );
+}
+
+// Now we set that function up to execute when the admin_notices action is called.
+add_action( 'admin_notices', 'hello_dolly' );
+
+// We need some CSS to position the paragraph.
+function dolly_css() {
+ echo "
+
+ ";
+}
+
+add_action( 'admin_head', 'dolly_css' );
diff --git a/tests/phpunit/Fixture/wp-content/plugins/unmanaged/readme.txt b/tests/phpunit/Fixture/wp-content/plugins/unmanaged/readme.txt
new file mode 100644
index 00000000..7dc53b51
--- /dev/null
+++ b/tests/phpunit/Fixture/wp-content/plugins/unmanaged/readme.txt
@@ -0,0 +1,794 @@
+=== Plugin Name ===
+Contributors: johnny5, pixelgrade
+Donate link: https://redirection.me/donation/
+Tags: redirect, htaccess,post, admin
+Requires at least: 5.1
+Tested up to: 5.6
+Stable tag: trunk
+Requires PHP: 5.6
+License: GPLv3
+
+Manage 301 redirections, keep track of 404 errors, and improve your site, with no knowledge of Apache or Nginx needed.
+
+== Description ==
+
+Redirection is the most popular redirect manager for WordPress. With it you can easily manage 301 redirections, keep track of 404 errors, and generally tidy up any loose ends your site may have. This can help reduce errors and improve your site ranking.
+
+Redirection is designed to be used on sites with a few redirects to sites with thousands of redirects.
+
+It has been a WordPress plugin for over 10 years and has been recommended countless times. And it's free!
+
+Full documentation can be found at [https://redirection.me](https://redirection.me)
+
+Redirection is compatible with PHP from 5.6 and upwards (including 8.0).
+
+= Redirect manager =
+
+Create and manage redirects quickly and easily without needing Apache or Nginx knowledge. If your WordPress supports permalinks then you can use Redirection to redirect any URL.
+
+There is full support for regular expressions so you can create redirect patterns to match any number of URLs. You can match query parameters and even pass them through to the target URL.
+
+The plugin can also be configured to monitor when post or page permalinks are changed and automatically create a redirect to the new URL.
+
+= Conditional redirects =
+
+In addition to straightforward URL matching you can redirect based on other conditions:
+
+- Login status - redirect only if the user is logged in or logged out
+- WordPress capability - redirect if the user is able to perform a certain capability
+- Browser - redirect if the user is using a certain browser
+- Referrer - redirect if the user visited the link from another page
+- Cookies - redirect if a particular cookie is set
+- HTTP headers - redirect based on a HTTP header
+- Custom filter - redirect based on your own WordPress filter
+- IP address - redirect if the client IP address matches
+- Server - redirect another domain if also hosted on this server
+- Page type - redirect if the current page is a 404
+
+= Full logging =
+
+A configurable logging option allows to view all redirects occurring on your site, including information about the visitor, the browser used, and the referrer. A 'hit' count is maintained for each redirect so you can see if a URL is being used.
+
+Logs can be exported for external viewing, and can be searched and filtered for more detailed investigation.
+
+Display geographic information about an IP address, as well as a full user agent information, to try and understand who the visitor is.
+
+You are able to disable or reduce IP collection to meet the legal requirements of your geographic region, and can change the amount of information captured from the bare minimum to HTTP headers.
+
+You can also log any redirect happening on your site, including those performed outside of Redirection.
+
+= Add HTTP headers =
+
+HTTP headers can be added to redirects or your entire site that help reduce the impact of redirects or help increase security. You can also add your own custom headers.
+
+= Track 404 errors =
+
+Redirection will keep track of all 404 errors that occur on your site, allowing you to track down and fix problems.
+
+Errors can be grouped to show where you should focus your attention, and can be redirected in bulk.
+
+= Query parameter handling =
+
+You can match query parameters exactly, ignore them, and even pass them through to your target.
+
+= Migrate Permalinks =
+
+Changed your permalink structure? You can migrate old permalinks simply by entering the old permalink structure. Multiple migrations are supported.
+
+= Apache & Nginx support =
+
+By default Redirection will manage all redirects using WordPress. However you can configure it so redirects are automatically saved to a .htaccess file and handled by Apache itself.
+
+If you use Nginx then you can export redirects to an Nginx rewrite rules file.
+
+= Fine-grained permissions =
+
+Fine-grained permissions are available so you can customise the plugin for different users. This makes it particularly suitable for client sites where you may want to prevent certain actions, and remove functionality.
+
+= Import & Export =
+
+The plugin has a fully-featured import and export system and you can:
+
+- Import and export to Apache .htaccess
+- Export to Nginx rewrite rules
+- Copy redirects between sites using JSON
+- Import and export to CSV for viewing in a spreadsheet
+- Use WP CLI to automate import and export
+
+You can also import from the following plugins:
+
+- Simple 301 Redirects
+- SEO Redirection
+- Safe Redirect Manager
+- Rank Math
+- WordPress old slug redirects
+- Quick Post/Pages redirects
+
+= Search Regex compatible =
+
+Redirection is compatible with [Search Regex](https://searchregex.com), allowing you to bulk update your redirects.
+
+= Wait, it's free? =
+
+Yes, it's really free. There's no premium version and no need to pay money to get access to features. This is a dedicated redirect management plugin.
+
+== Support ==
+
+Please submit bugs, patches, and feature requests to:
+
+[https://github.com/johngodley/redirection](https://github.com/johngodley/redirection)
+
+Please submit translations to:
+
+[https://translate.wordpress.org/projects/wp-plugins/redirection](https://translate.wordpress.org/projects/wp-plugins/redirection)
+
+== Installation ==
+
+The plugin is simple to install:
+
+1. Download `redirection.zip`
+1. Unzip
+1. Upload `redirection` directory to your `/wp-content/plugins` directory
+1. Go to the plugin management page and enable the plugin
+1. Configure the options from the `Tools/Redirection` page
+
+You can find full details of installing a plugin on the [plugin installation page](https://redirection.me/support/installation/).
+
+Full documentation can be found on the [Redirection](https://redirection.me/support/) site.
+
+== Screenshots ==
+
+1. Redirection management interface
+2. Adding a redirection
+3. Redirect logs
+4. Import/Export
+5. Options
+6. Support
+
+== Frequently Asked Questions ==
+
+= Why would I want to use this instead of .htaccess? =
+
+Ease of use. Redirections are automatically created when a post URL changes, and it is a lot easier to manually add redirections than to hack around a .htaccess. You also get the added benefit of being able to keep track of 404 errors.
+
+= What is the performance of this plugin? =
+
+The plugin works in a similar manner to how WordPress handles permalinks and should not result in any noticeable slowdown to your site.
+
+== Upgrade Notice ==
+
+= 3.0 =
+* Upgrades the database to support IPv6. Please backup your data and visit the Redirection settings to perform the upgrade
+* Switches to the WordPress REST API
+* Permissions changed from 'administrator' role to 'manage_options' capability
+
+= 3.6.1 =
+* Note Redirection will not work with PHP < 5.4 after 3.6 - please upgrade your PHP
+
+= 3.7 =
+* Requires minimum PHP 5.4. Do not upgrade if you are still using PHP < 5.4
+
+= 4.0 =
+* Alters database to support case insensitivity, trailing slashes, and query params. Please backup your data
+
+= 4.7 =
+* Requires minimum PHP 5.6+. Do not upgrade if you are still using PHP < 5.6
+
+= 4.9 =
+* Alters database to support enhanced logging. Please backup your data
+
+== Changelog ==
+
+A x.1 version increase introduces new or updated features and can be considered to contain 'breaking' changes. A x.x.1 increase is purely a bug fix and introduces no new features, and can be considered as containing no breaking changes.
+
+= 5.0.1 - 26th Jan 2021 =
+* Fix incorrect warning when creating a regular expression with captured data
+* Fix JS error when upgrading a database with a broken REST API
+* Increase regular expression redirect limit
+* PHP8 support
+
+= 5.0 - 16th Jan 2021 =
+* Add caching support
+* Add support for migrated permalink structures
+* Add dynamic URL variables
+* Add fully automatic database upgrade option
+* Add a new version release information prompt
+* Improve performance when many redirects have the same path
+* Move bulk all action to a separate button after selecting all
+* Fix error in display with restricted capabilities
+* Avoid problems with 7G Firewall
+* Improve handling of invalid encoded characters
+
+= 4.9.2 - 30th October =
+* Fix warning with PHP 5.6
+* Improve display of long URLs
+
+= 4.9.1 - 26th October 2020 =
+* Restore missing time and referrer URL from log pages
+* Restore missing client information from debug reports
+* Fix order by count when grouping by URL
+* Check for duplicate columns in DB upgrade
+
+= 4.9 - 24th October 2020 =
+* Expand log information to capture HTTP headers, domain, HTTP code, and HTTP method
+* Allow non-Redirection redirects to be logged - allows tracking of all redirects on a site
+* Expand log and 404 pages with greatly improved filters
+* Bulk delete logs and 404s by selected filter
+* Logging is now optional per redirect rule
+* Fix random action on a site with non-root URL
+* Fix group and search being reset when searching
+* Fix canonical alias not using request server name
+
+= 4.8 - 23rd May 2020 =
+* Add importer for Quick Post/Page Redirects plugin
+* Add plugin imports to WP CLI
+* Fix install wizard using wrong relative API
+* Fix sub menu outputting invalid HTML
+
+= 4.7.2 - 8th May 2020 =
+* Fix PHP warning decoding an encoded question mark
+* Fix site adding an extra period in a domain name
+* Fix protocol appearing in .htaccess file server redirect
+
+= 4.7.1 - 14th March 2020 =
+* Fix HTTP header over-sanitizing the value
+* Fix inability to remove .htaccess location
+* Fix 404 group by 'delete all'
+* Fix import of empty 'old slugs'
+
+= 4.7 - 15th February 2020 =
+* Relocate entire site to another domain, with exceptions
+* Site aliases to map another site to current site
+* Canonical settings for www/no-www
+* Change content-type for API requests to help with mod_security
+
+= 4.6.2 - 6th January 2020 =
+* Fix 404 log export button
+* Fix HTTPS option not appearing enabled
+* Fix another PHP compat issue
+
+= 4.6.1 - 30th December 2019 =
+* Back-compatibility fix for old PHP versions
+
+= 4.6 - 27th December 2019 =
+* Add fine-grained permissions allowing greater customisation of the plugin, and removal of functionality
+* Add an import step to the install wizard
+* Remove overriding of default WordPress 'old slugs'
+
+= 4.5.1 - 23rd November 2019 =
+* Fix broken canonical redirects
+
+= 4.5 - 23rd November 2019 =
+* Add HTTP header feature, with x-robots-tag support
+* Move HTTPS setting to new Site page
+* Add filter to disable redirect hits
+* Add 'Disable Redirection' option to stop Redirection, in case you break your site
+* Fill out API documentation
+* Fix style with WordPress 5.4
+* Fix encoding of # in .htaccess
+
+= 4.4.2 - 29th September 2019 =
+* Fix missing options for monitor group
+* Fix check redirect not appearing if position column not shown
+
+= 4.4.1 - 28th September 2019 =
+* Fix search highlighter causing problems with regex characters
+* Fix 'show all' link not working
+* Fix 'Request URI Too Long' error when switching pages after creating redirects
+
+= 4.4 - 22nd September 2019 =
+* Add 'URL and language' match
+* Add page display type for configurable information
+* Add 'search by' to search by different information
+* Add filter dropdown to filter data
+* Add warning about relative absolute URLs
+* Add 451, 500, 501, 502, 503, 504 error codes
+* Fix multiple 'URL and page type' redirects
+* Improve invalid nonce warning
+* Encode replaced values in regular expression targets
+
+= 4.3.3 - 8th August 2019 ==
+* Add back compatibility fix for URL sanitization
+
+= 4.3.2 - 4th August 2019 ==
+* Fix problem with UTF8 characters in a regex URL
+* Fix invalid characters causing an error message
+* Fix regex not disabled when removed
+
+= 4.3.1 - 8th June 2019 =
+* Fix + character being removed from source URL
+
+= 4.3 - 2nd June 2019 =
+* Add support for UTF8 URLs without manual encoding
+* Add manual database install option
+* Add check for pipe character in target URL
+* Add warning when problems saving .htaccess file
+* Switch from 'x-redirect-agent' to 'x-redirect-by', for WP 5+
+* Improve handling of invalid query parameters
+* Fix query param name is a number
+* Fix redirect with blank target and auto target settings
+* Fix monitor trash option applying when deleting a draft
+* Fix case insensitivity not applying to query params
+* Disable IP grouping when IP option is disabled
+* Allow multisite database updates to run when more than 100 sites
+
+= 4.2.3 - 16th Apr 2019 =
+* Fix bug with old API routes breaking test
+
+= 4.2.2 - 13th Apr 2019 =
+* Improve API checking logic
+* Fix '1' being logged for pass-through redirects
+
+= 4.2.1 - 8th Apr 2019 =
+* Fix incorrect CSV download link
+
+= 4.2 - 6th Apr 2019 =
+* Add auto-complete for target URLs
+* Add manual database upgrade
+* Add support for semi-colon separated import files
+* Add user agent to 404 export
+* Add workaround for qTranslate breaking REST API
+* Improve API problem detection
+* Fix JSON import ignoring group status
+
+= 4.1.1 - 23rd Mar 2019 =
+* Remove deprecated PHP
+* Fix REST API warning
+* Improve WP CLI database output
+
+= 4.1 - 16th Mar 2019 =
+* Move 404 export option to import/export page
+* Add additional redirect suggestions
+* Add import from Rank Math
+* Fix 'force https' causing WP to redirect to admin URL when accessing www subdomain
+* Fix .htaccess import adding ^ to the source
+* Fix handling of double-slashed URLs
+* Fix WP CLI on single site
+* Add DB upgrade to catch URLs with double-slash URLs
+* Remove unnecessary escaped slashes from JSON output
+
+= 4.0.1 - 2nd Mar 2019 =
+* Improve styling of query flags
+* Match DB upgrade for new match_url to creation script
+* Fix upgrade on some hosts where plugin is auto-updated
+* Fix pagination button style in WP 5.1
+* Fix IP match when action is 'error'
+* Fix database upgrade on multisite WP CLI
+
+= 4.0 - 23rd Feb 2019 =
+* Add option for case insensitive redirects
+* Add option to ignore trailing slashes
+* Add option to copy query parameters to target URL
+* Add option to ignore query parameters
+* Add option to set defaults for case, trailing, and query settings
+* Improve upgrade for sites with missing tables
+
+= 3.7.3 - 2nd Feb 2019 =
+* Add PHP < 5.4 message on plugins page
+* Prevent upgrade message being hidden by other plugins
+* Fix warning with regex and no leading slash
+* Fix missing display of disabled redirects with a title
+* Improve upgrade for sites with a missing IP column
+* Improve API detection with plugins that use sessions
+* Improve compatibility with ModSecurity
+* Improve compatibility with custom API prefix
+* Detect site where Redirection was once installed and has settings but no database tables
+
+= 3.7.2 - 16th Jan 2019 =
+* Add further partial upgrade detection
+* Add fallback for sites with no REST API value
+
+= 3.7.1 - 13th Jan 2019 =
+* Clarify database upgrade text
+* Fix Firefox problem with multiple URLs
+* Fix 3.7 built against wrong dropzone module
+* Add DB upgrade detection for people with partial 2.4 sites
+
+= 3.7 - 12th Jan 2019 =
+* Add redirect warning for known problem redirects
+* Add new database install and upgrade process
+* Add database functions to WP CLI
+* Add introduction message when first installed
+* Drop PHP < 5.4 support. Please use version 3.6.3 if your PHP is too old
+* Improve export filename
+* Fix IPs appearing for bulk redirect
+* Fix disabled redirects appearing in htaccess
+
+= 3.6.3 - 14th November 2018 =
+* Remove potential CSRF
+
+= 3.6.2 - 10th November 2018 =
+* Add another PHP < 5.4 compat fix
+* Fix 'delete all from 404 log' when ungrouped deleting all 404s
+* Fix IDs shown in bulk add redirect
+
+= 3.6.1 - 3rd November 2018 =
+* Add another PHP < 5.4 fix. Sigh
+
+= 3.6 - 3rd November 2018 =
+* Add option to ignore 404s
+* Add option to block 404s by IP
+* Add grouping of 404s by IP and URL
+* Add bulk block or redirect a group of 404s
+* Add option to redirect on a 404
+* Better page navigation change monitoring
+* Add URL & IP match
+* Add 303 and 304 redirect codes
+* Add 400, 403, and 418 (I'm a teapot!) error codes
+* Fix server match not supporting regex properly
+* Deprecated file pass through removed
+* 'Do nothing' now stops processing further rules
+
+= 3.5 - 23rd September 2018 =
+* Add redirect checker on redirects page
+* Fix missing translations
+* Restore 4.7 backwards compatibility
+* Fix unable to delete server name in server match
+* Fix error shown when source URL is blank
+
+= 3.4.1 - 9th September 2018 =
+* Fix import of WordPress redirects
+* Fix incorrect parsing of URLs with 'http' in the path
+* Fix 'force ssl' not including path
+
+= 3.4 - 17th July 2018 =
+* Add a redirect checker
+* Fix incorrect host parsing with server match
+* Fix PHP warning with CSV import
+* Fix old capability check that was missed from 3.0
+
+= 3.3.1 - 24th June 2018 =
+* Add a minimum PHP check for people < 5.4
+
+= 3.3 - 24th June 2018 =
+* Add user role/capability match
+* Add fix for IP blocking plugins
+* Add server match to redirect other domains (beta)
+* Add a force http to https option (beta)
+* Use users locale setting, not site
+* Check for mismatched site/home URLs
+* Fix WP CLI not clearing logs
+* Fix old capability check
+* Detect BOM marker in response
+* Improve detection of servers that block content-type json
+* Fix incorrect encoding of entities in some locale files
+* Fix table navigation parameters not affecting subsequent pages
+* Fix .htaccess saving after WordPress redirects
+* Fix get_plugin_data error
+* Fix canonical redirect problem caused by change in WordPress
+* Fix situation that prevented rules cascading
+
+= 3.2 - 11th February 2018 =
+* Add cookie match - redirect based on a cookie
+* Add HTTP header match - redirect based on an HTTP header
+* Add custom filter match - redirect based on a custom WordPress filter
+* Add detection of REST API redirect, causing 'fetch error' on some sites
+* Update table responsiveness
+* Allow redirects for canonical WordPress URLs
+* Fix double include error on some sites
+* Fix delete action on some sites
+* Fix trailing slash redirect of API on some sites
+
+= 3.1.1 - 29th January 2018 =
+* Fix problem fetching data on sites without https
+
+= 3.1 - 27th January 2018 =
+* Add alternative REST API routes to help servers that block the API
+* Move DELETE API calls to POST, to help servers that block DELETE
+* Move API nonce to query param, to help servers that don't pass HTTP headers
+* Improve error messaging
+* Preload support page so it can be used when REST API isn't working
+* Fix bug editing Nginx redirects
+* Fix import from JSON not setting status
+
+= 3.0.1 - 21st Jan 2018 =
+* Don't show warning if per page setting is greater than max
+* Don't allow WP REST API to be redirected
+
+= 3.0 - 20th Jan 2018 =
+* Add support for IPv6
+* Add support for disabling or anonymising IP collection
+* Add support for monitoring custom post types
+* Add support for monitoring from quick edit mode
+* Default to last group used when editing
+* Permissions changed from 'administrator' role to 'manage_options' capability
+* Swap to WP REST API
+* Add new IP map service
+* Add new useragent service
+* Add 'add new' button to redirect page
+* Increase 'title' length
+* Fix position not saving on creation
+* Fix log pages not remembering table settings
+* Fix incorrect column used for HTTP code when importing CSV
+* Add support links from inside the plugin
+
+= 2.10.1 - 26th November 2017 =
+* Fix incorrect HTTP code reported in errors
+* Improve management page hook usage
+
+= 2.10 - 18th November 2017 =
+* Add support for WordPress multisite
+* Add new Redirection documentation
+* Add extra actions when creating redirects
+* Fix user agent dropdown not setting agent
+
+= 2.9.2 - 11th November 2017 =
+* Fix regex breaking .htaccess export
+* Fix error when saving Error or No action
+* Restore sortable table headers
+
+= 2.9.1 - 4th November 2017 =
+* Fix const issues with PHP 5
+
+= 2.9 - 4th November 2017 =
+* Add option to set redirect cache expiry, default 1 hour
+* Add a check for unsupported versions of WordPress
+* Add check for database tables before starting the plugin
+* Improve JSON import memory usage
+* Add importers for: Simple 301 Redirects, SEO Redirection, Safe Redirect Manager, and WordPress old post slugs
+* Add responsive admin UI
+
+= 2.8.1 - 22nd October 2017 =
+* Fix redirect edit not closing after save
+* Fix user agent dropdown not auto-selecting regex
+* Fix focus to bottom of page on load
+* Improve error message when failing to start
+* Fix associated redirect appearing at start of URL, not end
+
+= 2.8 - 18th October 2017 =
+* Add a fixer to the support page
+* Ignore case for imported files
+* Fixes for Safari
+* Fix WP CLI importing CSV
+* Fix monitor not setting HTTP code
+* Improve error, random, and pass-through actions
+* Fix bug when saving long title
+* Add user agent dropdown to user agent match
+* Add pages and trashed posts to monitoring
+* Add 'associated redirect' option to monitoring, for AMP
+* Remove 404 after adding
+* Allow search term to apply to deleting logs and 404s
+* Deprecate file pass-through, needs to be enabled with REDIRECTION_SUPPORT_PASS_FILE and will be replaced with WP actions
+* Further sanitize match data against bad serialization
+
+= 2.7.3 - 26th August 2017 =
+* Fix an import regression bug
+
+= 2.7.2 - 25th August 2017 =
+* Better IE11 support
+* Fix Apache importer
+* Show more detailed error messages
+* Refactor match code and fix a problem saving referrer & user agent matches
+* Fix save button not enabling for certain redirect types
+
+= 2.7.1 - 14th August 2017 =
+* Improve display of errors
+* Improve handling of CSV
+* Reset tables when changing menus
+* Change how the page is displayed to reduce change of interference from other plugins
+
+= 2.7 - 6th August 2017 =
+* Finish conversion to React
+* Add WP CLI support for import/export
+* Add a JSON import/export that exports all data
+* Edit redirect position
+* Apache config moved to options page
+* Fix 410 error code
+* Fix page limits
+* Fix problems with IE/Safari
+
+= 2.6.6 =
+* Use React on redirects page
+* Use translate.wordpress.org for language files
+
+= 2.6.5 =
+* Use React on groups page
+
+= 2.6.4 =
+* Add a limit to per page screen options
+* Fix warning in referrer match when referrer doesn't exist
+* Fix 404 page showing options
+* Fix RSS token not regenerating
+* 404 and log filters can now avoid logging
+* Use React on modules page
+
+= 2.6.3 =
+* Use React on log and 404 pages
+* Fix log option not saving 'never'
+* Additional check for auto-redirect from root
+* Fix delete plugin button
+* Improve IP detection for Cloudflare
+
+= 2.6.2 =
+* Set auto_detect_line_endings when importing CSV
+* Replace options page with a fancy React version that looks exactly the same
+
+= 2.6.1 =
+* Fix CSV export merging everything into one line
+* Fix bug with HTTP codes not being imported from CSV
+* Add filters for source and target URLs
+* Add filters for log and 404s
+* Add filters for request data
+* Add filter for monitoring post permalinks
+* Fix export of 404 and logs
+
+= 2.6 =
+* Show example CSV
+* Allow regex and redirect code to be set on import
+* Fix a bunch of database installation problems
+
+= 2.5 =
+* Fix no group created on install
+* Fix missing export key on install
+* Add 308 HTTP code, props to radenui
+* Fix imported URLs set to regex, props to alpipego
+* Fix sorting of URLs, props to JordanReiter
+* Don't cache 307s, props to rmarchant
+* Abort redirect exit if no redirection happened, props to junc
+
+= 2.4.5 =
+* Ensure cleanup code runs even if plugin was updated
+* Extra sanitization of Apache & Nginx files, props to Ed Shirey
+* Fix regex bug, props to romulodl
+* Fix bug in correct group not being shown in dropdown
+
+= 2.4.4 =
+* Fix large advanced settings icon
+* Add text domain to plugin file, props Bernhard Kau
+* Better PHP7 compatibility, props to Ohad Raz
+* Better Polylang compatibility, props to imrehg
+
+= 2.4.3 =
+* Bump minimum WP to 4.0.0
+* Updated German translation, props to Konrad Tadesse
+* Additional check when creating redirections in case of bad data
+
+= 2.4.2 =
+* Add Gulp task to generate POT file
+* Fix a problem with duplicate positions in the redirect table, props to Jon Jensen
+* Fix URL monitor not triggering
+* Fix CSV export
+
+= 2.4.1 =
+* Fix error for people with an unknown module in a group
+
+= 2.4 =
+* Reworked modules now no longer stored in database
+* Nginx module (experimental)
+* View .htaccess/Nginx inline
+* Beginnings of some unit tests!
+* Fix DB creation on activation, props syntax53
+* Updated Japanese locale, props to Naoko
+* Remove deprecated like escaping
+
+= 2.3.16 =
+* Fix export options not showing for some people
+
+= 2.3.15 =
+* Fix error on admin page for WP 4.2
+
+= 2.3.14 =
+* Remove error_log statements
+* Fix incorrect table name when exporting 404 errors, props to brazenest/synchronos-t
+
+= 2.3.13 =
+* Split admin and front-end code out to streamline the loading a bit
+* Fix bad groups link when viewing redirects in a group, props to Patrick Fabre
+* Improved plugin activation/deactivation and cleanup
+* Improved log clearing
+
+= 2.3.12 =
+* Persian translation by Danial Hatami
+* Fix saving a redirection with login status, referrer, and user agent
+* Fix problem where deleting your last group would cause Redirection to only show an error
+* Add limits to referrer and destination in the logs
+* Redirect title now shows in the main list again. The field is hidden when editing until toggled
+* Fix 'bad nonce' error, props to Jonathan Harrell
+* Remove old WP code
+
+= 2.3.11 =
+* Fix log cleanup options
+* More space when editing redirects
+* Better detection of regex when importing
+* Restore export options
+* Fix unnecessary protected
+
+= 2.3.10 =
+* Another compatibility fix for PHP < 5.3
+* Fix incorrect module ID used when creating a group
+* Fix .htaccess duplication, props to Jörg Liwa
+
+= 2.3.9 =
+* Compatibility fix for PHP < 5.3
+
+= 2.3.8 =
+* Fix plugin activation error
+* Fix fatal error in table nav, props to spacedmonkey
+
+= 2.3.7 =
+* New redirect page to match WP style
+* New module page to match WP style
+* Configurable permissions via redirection_role filter, props to RodGer-GR
+* Fix saving 2 month log period
+* Fix importer
+* Fix DB creation to check for existing tables
+
+= 2.3.6 =
+* Updated Italian translation, props to Raffaello Tesi
+* Updated Romanian translation, props to Flo Bejgu
+* Simplify logging options
+* Fix log deletion by search term
+* Export logs and 404s to CSV
+
+= 2.3.5 =
+* Default log settings to 7 days, props to Maura
+* Updated Danish translation thanks to Mikael Rieck
+* Add per-page screen option for log pages
+* Remove all the corners
+
+= 2.3.4 =
+* Fix escaping of URL in admin page
+
+= 2.3.3 =
+* Fix PHP strict, props to Juliette Folmer
+* Fix RSS entry date, props to Juliette
+* Fix pagination
+
+= 2.3.2 =
+* WP 3.5 compatibility
+* Fix export
+
+= 2.3.0 =
+* Remove 404 module and move 404 logs into a separate option
+* Add Danish translation, thanks to Rasmus Himmelstrup
+
+= 2.2.14 =
+* Clean up log code, using WP_List_Table to power it
+* Update Hungarian translation
+
+= 2.2.13 =
+* Fix some broken links in admin pages
+
+= 2.2.12 =
+* Cleanup some XSS issues
+
+= 2.2.11 =
+* Add Lithuanian
+* Add Belarusian
+* Add Czech
+* Fix order of redirects, thanks to Nicolas Hatier
+
+= 2.2.10 =
+* Fix XSS in admin menu & referrers log
+* Update Russian translation, thanks to Alexey Pazdnikov
+* Add Romanian translation, thanks to Alina
+* Add Greek, thanks to Stefanos Kofopoulos
+* Better database compatibility
+* Remove warning from VaultPress
+* Add Turkish translation, thanks to Fatih Cevik
+* Remove debug from htaccess module
+* Fix encoding of JS strings
+* Use fgetcsv for CSV importer - better handling
+* Allow http as URL parameter
+* Props to Ben Noordhuis for a patch
+* WordPress 2.9+ only - cleaned up all the old cruft
+* Better new-install process
+* Upgrades from 1.0 of Redirection no longer supported
+* Optimized DB tables
+* Change to jQuery
+* Nonce protection
+* Disable category monitor in 2.7
+* Refix log delete
+* get_home_path seems not be available for some people
+* Update plugin.php to better handle odd directories
+* Correct DB install
+* Install defaults when no existing redirection setup
+* Fix problem with custom post types auto-redirecting (click on 'groups' and then 'modified posts' and clear any entries for '/' from your list)
+* Database optimization
+* Add patch to disable logs (thanks to Simon Wheatley!)
+* Fix for some users with problems deleting redirections
+* Fix group edit and log add entry
+* Disable category monitoring
+* Fix 'you do not permissions' error on some non-English sites
+* Fix category change 'quick edit'
+* RSS feed token
diff --git a/tests/phpunit/Fixture/wp-content/plugins/unmanaged/unmanaged.php b/tests/phpunit/Fixture/wp-content/plugins/unmanaged/unmanaged.php
new file mode 100644
index 00000000..5c5ad37d
--- /dev/null
+++ b/tests/phpunit/Fixture/wp-content/plugins/unmanaged/unmanaged.php
@@ -0,0 +1,14 @@
+ Themes and click the 'Add New' button.
+2. Type in Ovation in the search form and press the 'Enter' key on your keyboard.
+3. Click on the 'Activate' button to use your new theme right away.
+5. Navigate to Appearance > Customize in your admin panel and customize to taste.
+
+== Copyright ==
+
+Ovation WordPress Theme, Copyright 2018-2020 WordPress.org
+Ovation is distributed under the terms of the GNU GPL
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 2 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+== Changelog ==
+
+= 1.9 =
+* Released: December 22, 2020
+
+https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.9
+
+= 1.8 =
+* Released: December 8, 2020
+
+https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.8
+
+= 1.7 =
+* Released: August 11, 2020
+
+https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.7
+
+= 1.6 =
+* Released: June 10, 2020
+
+https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.6
+
+= 1.5 =
+* Released: March 31, 2020
+
+https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.5
+
+= 1.4 =
+* Released: May 7, 2019
+
+https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.4
+
+= 1.3 =
+* Released: February 21, 2019
+
+https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.3
+
+= 1.2 =
+* Released: January 9, 2019
+
+https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.2
+
+= 1.1 =
+* Released: December 19, 2018
+
+https://codex.wordpress.org/Twenty_Nineteen_Theme_Changelog#Version_1.1
+
+= 1.0 =
+* Released: December 6, 2018
+
+Initial release
+
+== Resources ==
+* normalize.css, © 2012-2018 Nicolas Gallagher and Jonathan Neal, MIT
+* Underscores, © 2012-2020 Automattic, Inc., GNU GPL v2 or later
+* Bundled block pattern images:
+ * Abstract Background by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-background-0SRRVNMKBX
+ * Abstract Waves by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-waves-0KREGLTZQ3
+ * Abstract Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-bokeh-P4KVZBMQ6L
+ * Colorful Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/colorful-bokeh-VN4G84GL8H
diff --git a/tests/phpunit/Fixture/wp-content/themes/ovation/style.css b/tests/phpunit/Fixture/wp-content/themes/ovation/style.css
new file mode 100644
index 00000000..996fe40b
--- /dev/null
+++ b/tests/phpunit/Fixture/wp-content/themes/ovation/style.css
@@ -0,0 +1,17 @@
+/*!
+ * Theme Name: Ovation
+ * Theme URI: https://audiotheme.com/view/ovation/
+ * Tags: one-column, flexible-header, accessibility-ready, one-column,one-column
+ * Author: AudioTheme
+ * Author URI: https://audiotheme.com/
+ * Description: Ovation helps you create a well-considered, immersive website that extends beyond just the homepage. Highlights include a front page section layout, media-rich header, and parallax-like scrolling effect.
+ * Version: 1.1.1
+ * License: GNU General Public License v2 or later
+ * License URI: https://www.gnu.org/licenses/gpl-2.0.html
+ * Domain Path: /languages
+ * Text Domain: ovation
+ * Package Source: https://audiotheme.com/
+ * Requires at least: 5.2
+ * Tested up to: 5.6.2
+ * Requires PHP: 7.2.0
+ */
diff --git a/tests/phpunit/Fixture/wp-content/uploads/pixelgradelt-records/packages/local-plugin/basic/basic-1.0.0.zip b/tests/phpunit/Fixture/wp-content/uploads/pixelgradelt-records/packages/local-plugin/basic/basic-1.0.0.zip
new file mode 100644
index 00000000..1925fb8a
Binary files /dev/null and b/tests/phpunit/Fixture/wp-content/uploads/pixelgradelt-records/packages/local-plugin/basic/basic-1.0.0.zip differ
diff --git a/tests/phpunit/Fixture/wp-content/uploads/pixelgradelt-records/packages/validate/invalid-osx-zip.zip b/tests/phpunit/Fixture/wp-content/uploads/pixelgradelt-records/packages/validate/invalid-osx-zip.zip
new file mode 100644
index 00000000..a8a5d04b
Binary files /dev/null and b/tests/phpunit/Fixture/wp-content/uploads/pixelgradelt-records/packages/validate/invalid-osx-zip.zip differ
diff --git a/tests/phpunit/Fixture/wp-content/uploads/pixelgradelt-records/packages/validate/invalid-zip.zip b/tests/phpunit/Fixture/wp-content/uploads/pixelgradelt-records/packages/validate/invalid-zip.zip
new file mode 100644
index 00000000..e69de29b
diff --git a/tests/phpunit/Fixture/wp-content/uploads/pixelgradelt-records/packages/validate/valid-zip.zip b/tests/phpunit/Fixture/wp-content/uploads/pixelgradelt-records/packages/validate/valid-zip.zip
new file mode 100644
index 00000000..0cc79c26
Binary files /dev/null and b/tests/phpunit/Fixture/wp-content/uploads/pixelgradelt-records/packages/validate/valid-zip.zip differ
diff --git a/tests/phpunit/Framework/Mock/HookProvider.php b/tests/phpunit/Framework/Mock/HookProvider.php
new file mode 100644
index 00000000..99555b33
--- /dev/null
+++ b/tests/phpunit/Framework/Mock/HookProvider.php
@@ -0,0 +1,26 @@
+add_action( 'template_redirect', 'template_redirect' );
+ }
+
+ public function template_redirect() {
+
+ }
+
+ public function register_filters() {
+ $this->add_filter( 'the_title', 'get_title' );
+ }
+
+ public function get_title() {
+ return 'Title';
+ }
+}
diff --git a/tests/phpunit/Framework/PHPUnitUtil.php b/tests/phpunit/Framework/PHPUnitUtil.php
new file mode 100644
index 00000000..359261e3
--- /dev/null
+++ b/tests/phpunit/Framework/PHPUnitUtil.php
@@ -0,0 +1,102 @@
+getProperty( 'longOptions' );
+ $property->setAccessible( true );
+
+ $value = $property->getValue( new Command() );
+ $long_options = array_keys( $value );
+
+ // In PHPUnit 8, Getopt::getopt is renamed to Getopt::parse, and in PHPUnit 9 the whole class is dropped for sebastian/cli-parser
+ // @link https://github.com/sebastianbergmann/phpunit/commit/44cb2c424b5d0b46a20faa49146f32e3bef52083#diff-4936fc958b7ea691bb00730f69d2ff4a7c9dab9308e224c471441f3a153d6da9
+ // Since WordPress Unit Tests currently support only PHPUnit 7+, we will delay the update.
+ // @link https://core.trac.wordpress.org/ticket/46149
+ return Getopt::getopt(
+ $GLOBALS['argv'],
+ 'd:c:hv',
+ $long_options
+ );
+ }
+
+ /**
+ * Get a private method for testing/documentation purposes.
+ * How to use for MyClass->foo():
+ * $cls = new MyClass();
+ * $foo = PHPUnitUtil::getPrivateMethod($cls, 'foo');
+ * $foo->invoke($cls, $...);
+ *
+ * @param object $obj The instantiated instance of your class
+ * @param string $name The name of your private method
+ *
+ * @return ReflectionMethod The method you asked for
+ */
+ public static function getPrivateMethod( object $obj, string $name ): ReflectionMethod {
+ $class = new ReflectionClass( $obj );
+ $method = $class->getMethod( $name );
+ $method->setAccessible( true );
+
+ return $method;
+ }
+
+ /**
+ * Get a protected method for testing/documentation purposes.
+ * How to use for MyClass->foo():
+ * $cls = new MyClass();
+ * $foo = PHPUnitUtil::getProtectedMethod($cls, 'foo');
+ * $foo->invoke($cls, $...);
+ *
+ * @param object $obj The instantiated instance of your class
+ * @param string $name The name of your protected method
+ *
+ * @return ReflectionMethod The method you asked for
+ */
+ public static function getProtectedMethod( object $obj, string $name ): ReflectionMethod {
+ return self::getPrivateMethod( $obj, $name );
+ }
+
+}
diff --git a/tests/phpunit/Framework/TestCase.php b/tests/phpunit/Framework/TestCase.php
new file mode 100644
index 00000000..bc232048
--- /dev/null
+++ b/tests/phpunit/Framework/TestCase.php
@@ -0,0 +1,12 @@
+findSuite();
+ }
+
+ $this->directory = rtrim( $tests_directory, '/' );
+ }
+
+ /**
+ * Bootstrap the WordPress test suite.
+ */
+ public function bootstrap() {
+ if ( ! defined( 'WP_TESTS_CONFIG_FILE_PATH' ) ) {
+ define( 'WP_TESTS_CONFIG_FILE_PATH', dirname( __DIR__ ) . '/wp-tests-config.php' );
+ }
+
+ require $this->directory . '/includes/bootstrap.php';
+ }
+
+ /**
+ * Add hooks before loading WP.
+ *
+ * @param string $tag The name for the filter to add.
+ * @param object|array $function_to_add The function/callback to execute on call.
+ * @param int $priority The priority.
+ * @param int $accepted_args The amount of accepted arguments.
+ *
+ * @return bool Always true.
+ */
+ public static function addFilter( $tag, $function_to_add, $priority = 10, $accepted_args = 1 ) {
+ global $wp_filter;
+
+ if ( function_exists( 'add_filter' ) ) {
+ add_filter( $tag, $function_to_add, $priority, $accepted_args );
+ } else {
+ $idx = self::getUniqueFilterId( $tag, $function_to_add, $priority );
+ $wp_filter[ $tag ][ $priority ][ $idx ] = array(
+ 'function' => $function_to_add,
+ 'accepted_args' => $accepted_args,
+ );
+ }
+
+ return true;
+ }
+
+ /**
+ * Generate a unique function ID based on the given arguments.
+ *
+ * @param string $tag Unused. The name of the filter to build ID for.
+ * @param object|array $function The function to generate ID for.
+ * @param int $priority Unused. The priority.
+ *
+ * @return string Unique function ID.
+ */
+ protected static function getUniqueFilterId( $tag, $function, $priority ) {
+ if ( is_string( $function ) ) {
+ return $function;
+ }
+
+ if ( is_object( $function ) ) {
+ // Closures are currently implemented as objects.
+ $function = array( $function, '' );
+ } else {
+ $function = (array) $function;
+ }
+
+ if ( is_object( $function[0] ) ) {
+ return spl_object_hash( $function[0] ) . $function[1];
+ } elseif ( is_string( $function[0] ) ) {
+ // Static Calling.
+ return $function[0] . $function[1];
+ }
+ }
+
+ /**
+ * Locate the WordPress test suite.
+ *
+ * - WP_TESTS_DIR environment variable
+ * - Adjacent WordPress dependency in the vendor directory
+ * - WP_DEVELOP_DIR environment variable
+ * - Location WP CLI installs the tests
+ *
+ * @link https://core.trac.wordpress.org/browser/trunk?order=name
+ * @link https://github.com/wp-cli/scaffold-command/blob/master/templates/install-wp-tests.sh
+ *
+ * @throws Exception When the WordPress test suite can't be found.
+ * @return string Absolute path to the tests.
+ */
+ protected function findSuite(): string {
+ $directories = isset( $_ENV['WP_TESTS_DIR'] ) ? [ $_ENV['WP_TESTS_DIR'] ] : [];
+ $directories[] = realpath( 'vendor/wordpress/wordpress/tests/phpunit' );
+
+ if ( isset( $_ENV['WP_DEVELOP_DIR'] ) ) {
+ $directories[] = $_ENV['WP_DEVELOP_DIR'] . 'tests/phpunit';
+ }
+
+ $directories[] = '/tmp/wordpress-tests-lib';
+
+ foreach ( array_filter( $directories ) as $directory ) {
+ if ( file_exists( $directory ) ) {
+ return $directory;
+ }
+ }
+
+ throw new Exception( 'WordPress test suite not found.' );
+ }
+}
diff --git a/tests/phpunit/Integration/PackageType/LocalPluginTest.php b/tests/phpunit/Integration/PackageType/LocalPluginTest.php
new file mode 100644
index 00000000..4c53d7b4
--- /dev/null
+++ b/tests/phpunit/Integration/PackageType/LocalPluginTest.php
@@ -0,0 +1,108 @@
+factory = plugin()->get_container()->get( 'package.factory' );
+ }
+
+ public function test_get_plugin_from_source() {
+ /** @var LocalPlugin $package */
+ $package = $this->factory->create( 'plugin', 'local.plugin' )
+ ->from_basename( 'basic/basic.php' )
+ ->from_source( 'basic/basic.php' )
+ ->build();
+
+ $this->assertInstanceOf( LocalPlugin::class, $package );
+
+ $this->assertSame( 'plugin', $package->get_type() );
+ $this->assertSame( 'local.plugin', $package->get_source_type() );
+ $this->assertSame( 'local-plugin/basic', $package->get_source_name() );
+ $this->assertSame( 'basic', $package->get_slug() );
+ $this->assertSame( 'basic/basic.php', $package->get_basename() );
+ $this->assertTrue( $package->is_installed() );
+ $this->assertSame( 'Basic Plugin', $package->get_name() );
+ $this->assertSame( [
+ [
+ 'name' => 'Basic, Inc.',
+ 'homepage' => 'https://example.com/',
+ ],
+ ], $package->get_authors() );
+ $this->assertSame( 'A basic plugin description.', $package->get_description() );
+ $this->assertSame( 'https://example.com/plugin/basic/', $package->get_homepage() );
+ $this->assertSame( 'GPL-2.0-or-later', $package->get_license() );
+ $this->assertSame( [ 'admin', 'htaccess', 'post', 'redirect', ], $package->get_keywords() );
+ $this->assertSame( '4.8.9', $package->get_requires_at_least_wp() );
+ $this->assertSame( '5.6.1', $package->get_tested_up_to_wp() );
+ $this->assertSame( '', $package->get_requires_php() );
+
+ $this->assertFalse( $package->is_managed() );
+ $this->assertSame( WP_PLUGIN_DIR . '/basic/', $package->get_directory() );
+ $this->assertSame( '1.4.1', $package->get_installed_version() );
+ }
+
+ public function test_get_plugin_from_readme() {
+ /** @var LocalPlugin $package */
+ $package = $this->factory->create( 'plugin', 'local.plugin' )
+ ->from_basename( 'basic/basic.php' )
+ ->from_readme( 'basic/basic.php' )
+ ->build();
+
+ $this->assertInstanceOf( LocalPlugin::class, $package );
+
+ $this->assertSame( 'plugin', $package->get_type() );
+ $this->assertSame( 'basic', $package->get_slug() );
+ $this->assertSame( 'basic/basic.php', $package->get_basename() );
+ $this->assertTrue( $package->is_installed() );
+ $this->assertSame( 'Basic Plugin', $package->get_name() );
+ $this->assertSame( [
+ [ 'name' => 'johnny5', ],
+ [ 'name' => 'wordpressdotorg', ],
+ ], $package->get_authors() );
+ $this->assertSame( 'A basic plugin description.', $package->get_description() );
+ $this->assertSame( 'GPL-2.0-or-later', $package->get_license() );
+ $this->assertSame( [ 'admin', 'htaccess', 'post', 'redirect', ], $package->get_keywords() );
+ $this->assertSame( '5.1', $package->get_requires_at_least_wp() );
+ $this->assertSame( '5.6', $package->get_tested_up_to_wp() );
+ $this->assertSame( '5.6.8', $package->get_requires_php() );
+
+ $this->assertFalse( $package->is_managed() );
+ }
+
+ public function test_is_single_file_plugin() {
+ /** @var LocalPlugin $package */
+ $package = $this->factory->create( 'plugin', 'local.plugin' )
+ ->from_basename( 'basic/basic.php' )
+ ->from_source( 'basic/basic.php' )
+ ->build();
+
+ $this->assertFalse( $package->is_single_file() );
+
+ $package = $this->factory->create( 'plugin', 'local.plugin' )
+ ->from_basename( 'hello.php' )
+ ->from_source( 'hello.php' )
+ ->build();
+
+ $this->assertTrue( $package->is_single_file() );
+ }
+
+ public function test_get_files_for_single_file_plugin() {
+ /** @var LocalPlugin $package */
+ $package = $this->factory->create( 'plugin', 'local.plugin' )
+ ->from_basename( 'hello.php' )
+ ->from_source( 'hello.php' )
+ ->build();
+
+ $this->assertSame( 1, count( $package->get_files() ) );
+ }
+}
diff --git a/tests/phpunit/Integration/PackageType/LocalThemeTest.php b/tests/phpunit/Integration/PackageType/LocalThemeTest.php
new file mode 100644
index 00000000..f969a2e2
--- /dev/null
+++ b/tests/phpunit/Integration/PackageType/LocalThemeTest.php
@@ -0,0 +1,108 @@
+original_theme_directories = $GLOBALS['wp_theme_directories'];
+ register_theme_directory( PIXELGRADELT_RECORDS_TESTS_DIR . '/Fixture/wp-content/themes' );
+ delete_site_transient( 'theme_roots' );
+
+ $this->factory = plugin()->get_container()->get( 'package.factory' );
+ }
+
+ public function teardDown() {
+ delete_site_transient( 'theme_roots' );
+ $GLOBALS['wp_theme_directories'] = $this->original_theme_directories;
+ }
+
+ public function test_get_theme_from_slug() {
+ /** @var LocalTheme $package */
+ $package = $this->factory->create( 'theme', 'local.theme' )
+ ->from_slug( 'ovation' )
+ ->build();
+
+ $this->assertInstanceOf( LocalTheme::class, $package );
+
+ $this->assertSame( 'theme', $package->get_type() );
+ $this->assertSame( 'local.theme', $package->get_source_type() );
+ $this->assertSame( 'local-theme/ovation', $package->get_source_name() );
+ $this->assertSame( 'ovation', $package->get_slug() );
+ $this->assertTrue( $package->is_installed() );
+ }
+
+ public function test_get_theme_from_source() {
+ /** @var LocalTheme $package */
+ $package = $this->factory->create( 'theme', 'local.theme' )
+ ->from_slug( 'ovation' )
+ ->from_source( 'ovation' )
+ ->build();
+
+ $this->assertInstanceOf( LocalTheme::class, $package );
+
+ $this->assertSame( 'Ovation', $package->get_name() );
+ $this->assertSame( 'theme', $package->get_type() );
+ $this->assertSame( 'local.theme', $package->get_source_type() );
+ $this->assertSame( 'local-theme/ovation', $package->get_source_name() );
+ $this->assertSame( 'ovation', $package->get_slug() );
+ $this->assertSame( [
+ [
+ 'name' => 'AudioTheme',
+ 'homepage' => 'https://audiotheme.com/',
+ ],
+ ], $package->get_authors() );
+ $this->assertSame(
+ 'Ovation helps you create a well-considered, immersive website that extends beyond just the homepage. Highlights include a front page section layout, media-rich header, and parallax-like scrolling effect.',
+ $package->get_description()
+ );
+ $this->assertSame( 'https://audiotheme.com/view/ovation/', $package->get_homepage() );
+ $this->assertSame( 'GPL-2.0-or-later', $package->get_license() );
+ $this->assertSame( [ 'accessibility-ready', 'flexible-header', 'one-column', ], $package->get_keywords() );
+ $this->assertSame( '5.2', $package->get_requires_at_least_wp() );
+ $this->assertSame( '5.6.2', $package->get_tested_up_to_wp() );
+ $this->assertSame( '7.2.0', $package->get_requires_php() );
+
+ $this->assertFalse( $package->is_managed() );
+ $this->assertSame( get_theme_root( 'ovation' ) . '/ovation/', $package->get_directory() );
+ $this->assertTrue( $package->is_installed() );
+ $this->assertSame( '1.1.1', $package->get_installed_version() );
+ }
+
+ public function test_get_plugin_from_readme() {
+ /** @var LocalTheme $package */
+ $package = $this->factory->create( 'theme', 'local.theme' )
+ ->from_slug( 'ovation' )
+ ->from_readme( 'ovation' )
+ ->build();
+
+ $this->assertInstanceOf( LocalTheme::class, $package );
+
+ $this->assertSame( 'Ovation', $package->get_name() );
+ $this->assertSame( 'theme', $package->get_type() );
+ $this->assertSame( 'local.theme', $package->get_source_type() );
+ $this->assertSame( 'local-theme/ovation', $package->get_source_name() );
+ $this->assertSame( 'ovation', $package->get_slug() );
+ $this->assertSame( [
+ [ 'name' => 'wordpressdotorg', ],
+ ], $package->get_authors() );
+ $this->assertSame( 'Our test theme readme short description.', $package->get_description() );
+ $this->assertSame( 'GPL-2.0-or-later', $package->get_license() );
+ $this->assertSame( [ 'accessibility-ready', 'flexible-header', 'one-column' ], $package->get_keywords() );
+ $this->assertSame( '4.9.6', $package->get_requires_at_least_wp() );
+ $this->assertSame( '5.6', $package->get_tested_up_to_wp() );
+ $this->assertSame( '5.6', $package->get_requires_php() );
+
+ $this->assertFalse( $package->is_managed() );
+ }
+}
diff --git a/tests/phpunit/Integration/Provider/AuthenticationTest.php b/tests/phpunit/Integration/Provider/AuthenticationTest.php
new file mode 100644
index 00000000..5bd4928b
--- /dev/null
+++ b/tests/phpunit/Integration/Provider/AuthenticationTest.php
@@ -0,0 +1,170 @@
+get_container();
+ $user = $factory->user->create_and_get();
+ $api_key = $container->get( 'api_key.factory' )->create( $user );
+
+ self::$user_id = $user->ID;
+ self::$api_key = $api_key->get_token();
+ self::$redefine_handle = redefine( 'header', always( null ) );
+
+ $container->get( 'api_key.repository' )->save( $api_key );
+ }
+
+ public static function wpTearDownAfterClass() {
+ self::delete_user( self::$user_id );
+ restore( self::$redefine_handle );
+ }
+
+ public function setUp(): void {
+ parent::setUp();
+
+ $GLOBALS['current_user'] = null;
+
+ $this->provider = plugin()->get_container()->get( 'hooks.authentication' );
+ add_filter( 'determine_current_user', [ $this->provider, 'determine_current_user' ] );
+ }
+
+ public function tearDown(): void {
+ $this->set_request_headers();
+ $this->reset_auth_status();
+ remove_filter( 'determine_current_user', [ $this->provider, 'determine_current_user' ] );
+ }
+
+ public function test_authentication_succeeds_with_valid_credentials() {
+ $this->set_request_headers( [
+ 'Authorization' => 'Basic ' . base64_encode( self::$api_key . ':pixelgradelt-records' ),
+ 'PHP_AUTH_USER' => self::$api_key,
+ 'PHP_AUTH_PW' => 'pixelgradelt_records',
+ ] );
+
+ $user = wp_get_current_user();
+ $this->assertSame( self::$user_id, $user->ID );
+ }
+
+ public function test_authentication_returns_already_authenticated_user() {
+ wp_set_current_user( self::$user_id );
+ $user = wp_get_current_user();
+ $this->assertSame( self::$user_id, $user->ID );
+ }
+
+ public function test_authentication_fails_with_invalid_scheme() {
+ $this->set_request_headers( [
+ 'Authorization' => 'Bearer ' . base64_encode( self::$api_key . ':pixelgradelt-records' ),
+ 'PHP_AUTH_USER' => self::$api_key,
+ 'PHP_AUTH_PW' => 'pixelgradelt_records',
+ ] );
+
+ $user = wp_get_current_user();
+ $this->assertSame( 0, $user->ID );
+
+ $this->expectException( AuthenticationException::class );
+ $this->go_to( get_packages_permalink() );
+ }
+
+ public function test_authentication_fails_with_invalid_realm() {
+ $this->set_request_headers( [
+ 'Authorization' => 'Basic ' . base64_encode( self::$api_key . ':' ),
+ 'PHP_AUTH_USER' => self::$api_key,
+ 'PHP_AUTH_PW' => '', // The Basic Auth password field is used for the realm.
+ ] );
+
+ $user = wp_get_current_user();
+ $this->assertSame( 0, $user->ID );
+
+ $this->expectException( AuthenticationException::class );
+ $this->go_to( get_packages_permalink() );
+ }
+
+ public function test_authentication_fails_with_missing_key() {
+ $this->set_request_headers( [
+ 'Authorization' => 'Basic ' . base64_encode( ':pixelgradelt-records' ),
+ 'PHP_AUTH_PW' => 'pixelgradelt_records',
+ ] );
+
+ $user = wp_get_current_user();
+ $this->assertSame( 0, $user->ID );
+
+ $this->expectException( AuthenticationException::class );
+ $this->go_to( get_packages_permalink() );
+ }
+
+ public function test_authentication_fails_with_invalid_key() {
+ $this->set_request_headers( [
+ 'Authorization' => 'Basic ' . base64_encode( 'abcdef:pixelgradelt-records' ),
+ 'PHP_AUTH_USER' => 'abcdef',
+ 'PHP_AUTH_PW' => 'pixelgradelt_records',
+ ] );
+
+ $user = wp_get_current_user();
+ $this->assertSame( 0, $user->ID );
+
+ $this->expectException( AuthenticationException::class );
+ $this->go_to( get_packages_permalink() );
+ }
+
+ public function test_get_errors_returns_non_null_value() {
+ $error = new WP_Error();
+ $result = $this->provider->get_authentication_errors( $error );
+ $this->assertSame( $error, $result );
+ }
+
+ public function test_get_errors_returns_early_if_user_logged_in() {
+ wp_set_current_user( self::$user_id );
+ $result = $this->provider->get_authentication_errors( null );
+ $this->assertNull( $result );
+ }
+
+ public function test_public_access_when_authentication_is_disabled() {
+ $container = plugin()->get_container();
+ $servers = new ServiceIterator( $container, [] );
+ $provider = new Authentication( $servers, new Request() );
+ add_filter( 'user_has_cap', [ $provider, 'maybe_allow_public_access' ] );
+
+ $this->assertTrue( current_user_can( Caps::DOWNLOAD_PACKAGES ) );
+ $this->assertTrue( current_user_can( Caps::VIEW_PACKAGES ) );
+ }
+
+ protected function set_request_headers( $headers = [] ) {
+ $request = new Request();
+ $request->set_headers( $headers, true );
+
+ $class = new \ReflectionClass( $this->provider );
+ $property = $class->getProperty( 'request' );
+ $property->setAccessible( true );
+ $property->setValue( $this->provider, $request );
+ }
+
+ protected function reset_auth_status( $auth_status = null ) {
+ $class = new \ReflectionClass( $this->provider );
+
+ $property = $class->getProperty( 'auth_status' );
+ $property->setAccessible( true );
+ $property->setValue( $this->provider, $auth_status );
+
+ $property = $class->getProperty( 'should_attempt' );
+ $property->setAccessible( true );
+ $property->setValue( $this->provider, true );
+ }
+}
diff --git a/tests/phpunit/Integration/Repository/InstalledPluginsTest.php b/tests/phpunit/Integration/Repository/InstalledPluginsTest.php
new file mode 100644
index 00000000..3123769f
--- /dev/null
+++ b/tests/phpunit/Integration/Repository/InstalledPluginsTest.php
@@ -0,0 +1,27 @@
+get_container()['repository.local.plugins'];
+
+ $package = $repository->first_where( [ 'slug' => 'basic/basic.php', 'source_type' => 'local.plugin' ] );
+ $this->assertInstanceOf( LocalPlugin::class, $package );
+
+ $package = $repository->first_where( [ 'slug' => 'unmanaged/unmanaged.php' ] );
+ $this->assertInstanceOf( LocalPlugin::class, $package );
+
+ $package = $repository->first_where( [ 'basename' => 'unmanaged/unmanaged.php' ] );
+ $this->assertInstanceOf( LocalPlugin::class, $package );
+
+ $package = $repository->first_where( [ 'slug' => 'unmanaged/unmanaged.php', 'source_type' => 'local.theme' ] );
+ $this->assertNull( $package );
+ }
+}
diff --git a/tests/phpunit/Integration/Repository/InstalledThemesTest.php b/tests/phpunit/Integration/Repository/InstalledThemesTest.php
new file mode 100644
index 00000000..a42eeba0
--- /dev/null
+++ b/tests/phpunit/Integration/Repository/InstalledThemesTest.php
@@ -0,0 +1,40 @@
+original_theme_directories = $GLOBALS['wp_theme_directories'];
+ register_theme_directory( PIXELGRADELT_RECORDS_TESTS_DIR . '/Fixture/wp-content/themes' );
+ delete_site_transient( 'theme_roots' );
+ }
+
+ public function teardDown() {
+ delete_site_transient( 'theme_roots' );
+ $GLOBALS['wp_theme_directories'] = $this->original_theme_directories;
+ }
+
+ public function test_get_theme_from_source() {
+ $repository = plugin()->get_container()['repository.local.themes'];
+
+ // theme1 is part of the WordPress Core Unit Test package.
+ $package = $repository->first_where( [ 'slug' => 'theme1', 'source_type' => 'local.theme' ] );
+ $this->assertInstanceOf( LocalTheme::class, $package );
+
+ $package = $repository->first_where( [ 'slug' => 'ovation', 'source_type' => 'local.theme' ] );
+ $this->assertInstanceOf( LocalTheme::class, $package );
+
+ $package = $repository->first_where( [ 'slug' => 'ovation', 'source_type' => 'local.plugin' ] );
+ $this->assertNull( $package );
+ }
+}
diff --git a/tests/phpunit/Integration/TestCase.php b/tests/phpunit/Integration/TestCase.php
new file mode 100644
index 00000000..01edf91e
--- /dev/null
+++ b/tests/phpunit/Integration/TestCase.php
@@ -0,0 +1,16 @@
+package = new class extends BasePackage {
+ public function __set( $name, $value ) {
+ $this->$name = $value;
+ }
+ };
+ }
+
+ public function test_implements_package_interface() {
+ $this->assertInstanceOf( Package::class, $this->package );
+ }
+
+ public function test_name() {
+ $expected = 'PixelgradeLT Records';
+ $this->package->name = $expected;
+
+ $this->assertSame( $expected, $this->package->get_name() );
+ }
+
+ public function test_type() {
+ $expected = 'plugin';
+ $this->package->type = $expected;
+
+ $this->assertSame( $expected, $this->package->get_type() );
+ }
+
+ public function test_source_type() {
+ $expected = 'local.plugin';
+ $this->package->source_type = $expected;
+
+ $this->assertSame( $expected, $this->package->get_source_type() );
+ }
+
+ public function test_source_name() {
+ $expected = 'local/plugin';
+ $this->package->source_name = $expected;
+
+ $this->assertSame( $expected, $this->package->get_source_name() );
+ }
+
+ public function test_slug() {
+ $expected = 'pixelgradelt_records';
+ $this->package->slug = $expected;
+
+ $this->assertSame( $expected, $this->package->get_slug() );
+ }
+
+ public function test_authors() {
+ $expected = [
+ [
+ 'name' => 'Pixelgrade',
+ 'email' => 'contact@pixelgrade.com',
+ 'homepage' => 'https://pixelgrade.com',
+ 'role' => 'Maker',
+ ],
+ ];
+ $this->package->authors = $expected;
+
+ $this->assertSame( $expected, $this->package->get_authors() );
+ }
+
+ public function test_description() {
+ $expected = 'A package description.';
+ $this->package->description = $expected;
+
+ $this->assertSame( $expected, $this->package->get_description() );
+ }
+
+ public function test_homepage() {
+ $expected = 'https://www.cedaro.com/';
+ $this->package->homepage = $expected;
+
+ $this->assertSame( $expected, $this->package->get_homepage() );
+ }
+
+ public function test_license() {
+ $expected = 'GPL-2.0-only';
+ $this->package->license = $expected;
+
+ $this->assertSame( $expected, $this->package->get_license() );
+ }
+
+ public function test_keywords() {
+ $expected = [ 'key0', 'key1', 'key2', 'key3', ];
+ $this->package->keywords = $expected;
+
+ $this->assertSame( $expected, $this->package->get_keywords() );
+ }
+
+ public function test_requires_at_least_wp() {
+ $expected = '5.6.2';
+ $this->package->requires_at_least_wp = $expected;
+
+ $this->assertSame( $expected, $this->package->get_requires_at_least_wp() );
+ }
+
+ public function test_tested_up_to_wp() {
+ $expected = '5.6.2';
+ $this->package->tested_up_to_wp = $expected;
+
+ $this->assertSame( $expected, $this->package->get_tested_up_to_wp() );
+ }
+
+ public function test_requires_php() {
+ $expected = '8.0.1';
+ $this->package->requires_php = $expected;
+
+ $this->assertSame( $expected, $this->package->get_requires_php() );
+ }
+
+ public function test_is_managed() {
+ $expected = true;
+ $this->package->is_managed = $expected;
+
+ $this->assertSame( $expected, $this->package->is_managed() );
+ $this->assertSame( $expected, $this->package->get_is_managed() );
+ }
+
+ public function test_managed_post_id() {
+ $expected = 123;
+ $this->package->managed_post_id = $expected;
+
+ $this->assertSame( $expected, $this->package->get_managed_post_id() );
+ }
+
+ public function test_required_packages() {
+ $expected = [
+ 'some_pseudo_id' => [
+ 'composer_package_name' => 'pixelgrade/test',
+ 'version_range' => '*',
+ 'stability' => 'stable',
+ 'source_name' => 'local-plugin/test',
+ 'managed_post_id' => 123,
+ ],
+ ];
+ $this->package->required_packages = $expected;
+
+ $this->assertSame( $expected, $this->package->get_required_packages() );
+ $this->assertTrue( $this->package->has_required_packages() );
+ }
+
+ public function test_has_source_constraint() {
+
+ $this->assertFalse( $this->package->has_source_constraint() );
+ }
+}
diff --git a/tests/phpunit/Unit/PackageType/Builder/BasePackageBuilderTest.php b/tests/phpunit/Unit/PackageType/Builder/BasePackageBuilderTest.php
new file mode 100644
index 00000000..623f95e9
--- /dev/null
+++ b/tests/phpunit/Unit/PackageType/Builder/BasePackageBuilderTest.php
@@ -0,0 +1,732 @@
+returnArg( 1 );
+
+ // Provide direct getters.
+ $package = new class extends BasePackage {
+ public function __get( $name ) {
+ return $this->$name;
+ }
+ };
+
+ $archiver = new Archiver( new NullLogger() );
+ $storage = new LocalStorage( PIXELGRADELT_RECORDS_TESTS_DIR . '/Fixture/wp-content/uploads/pixelgradelt-records/packages' );
+ $composer_version_parser = new ComposerVersionParser( new VersionParser() );
+ $composer_client = new ComposerClient();
+
+ $package_manager = $this->getMockBuilder( PackageManager::class )
+ ->disableOriginalConstructor()
+ ->getMock();
+
+ $release_manager = new ReleaseManager( $storage, $archiver, $composer_version_parser, $composer_client );
+
+ $logger = new NullIO();
+
+ $this->builder = new BasePackageBuilder( $package, $package_manager, $release_manager, $archiver, $logger );
+ }
+
+ public function test_implements_package_interface() {
+ $package = $this->builder->build();
+
+ $this->assertInstanceOf( Package::class, $package );
+ }
+
+ public function test_name() {
+ $expected = 'PixelgradeLT Records';
+ $package = $this->builder->set_name( $expected )->build();
+
+ $this->assertSame( $expected, $package->name );
+ }
+
+ public function test_type() {
+ $expected = 'plugin';
+ $package = $this->builder->set_type( $expected )->build();
+
+ $this->assertSame( $expected, $package->type );
+ }
+
+ public function test_source_type() {
+ $expected = 'local.source';
+ $package = $this->builder->set_source_type( $expected )->build();
+
+ $this->assertSame( $expected, $package->source_type );
+ }
+
+ public function test_source_name() {
+ $expected = 'source/name';
+ $package = $this->builder->set_source_name( $expected )->build();
+
+ $this->assertSame( $expected, $package->source_name );
+ }
+
+ public function test_slug() {
+ $expected = 'pixelgradelt_records';
+ $package = $this->builder->set_slug( $expected )->build();
+
+ $this->assertSame( $expected, $package->slug );
+ }
+
+ public function test_authors() {
+ $expected = [
+ [
+ 'name' => 'Pixelgrade',
+ 'email' => 'contact@pixelgrade.com',
+ 'homepage' => 'https://pixelgrade.com',
+ 'role' => 'Maker',
+ ],
+ ];
+ $package = $this->builder->set_authors( $expected )->build();
+
+ $this->assertSame( $expected, $package->authors );
+ }
+
+ public function test_string_authors() {
+ $expected = [
+ [ 'name' => 'Pixelgrade', ],
+ [ 'name' => 'Wordpressorg', ],
+ ];
+
+ $authors = [ 'Pixelgrade ', ' Wordpressorg', '' ];
+
+ $package = $this->builder->set_authors( $authors )->build();
+
+ $this->assertSame( $expected, $package->authors );
+ }
+
+ public function test_clean_authors() {
+ $expected = [
+ [ 'name' => 'Pixelgrade', ],
+ [ 'name' => 'Wordpressorg', ],
+ ];
+
+ $authors = [
+ 'Pixelgrade',
+ [],
+ 'Wordpressorg',
+ '',
+ [ 'name' => '' ],
+ [ 'homepage' => 'https://pixelgrade.com' ],
+ ];
+
+ $package = $this->builder->set_authors( $authors )->build();
+
+ $this->assertSame( $expected, $package->authors );
+ }
+
+ public function test_description() {
+ $expected = 'A package description.';
+ $package = $this->builder->set_description( $expected )->build();
+
+ $this->assertSame( $expected, $package->description );
+ }
+
+ public function test_keywords_as_string() {
+ $keywords_comma_string = 'key1,key0, key2, key3 , ,,';
+
+ // We expect the keywords to be alphabetically sorted.
+ $expected = [ 'key0', 'key1', 'key2', 'key3', ];
+ $package = $this->builder->set_keywords( $keywords_comma_string )->build();
+
+ $this->assertSame( $expected, $package->keywords );
+ }
+
+ public function test_keywords_as_array() {
+ $keywords = [ 'first' => 'key2', 'key3 ', 'some' => 'key0', ' key1 ', ];
+
+ // We expect the keywords to be alphabetically sorted.
+ $expected = [ 'key0', 'key1', 'key2', 'key3', ];
+ $package = $this->builder->set_keywords( $keywords )->build();
+
+ $this->assertSame( $expected, $package->keywords );
+ }
+
+ public function test_clean_keywords() {
+ $keywords = [ 'first' => 'key2', '', 'key3 ', false, 'some' => 'key0', ' key1 ', ];
+
+ // We expect the keywords to be alphabetically sorted.
+ $expected = [ 'key0', 'key1', 'key2', 'key3', ];
+ $package = $this->builder->set_keywords( $keywords )->build();
+
+ $this->assertSame( $expected, $package->keywords );
+ }
+
+ public function test_homepage() {
+ $expected = 'https://www.cedaro.com/';
+ $package = $this->builder->set_homepage( $expected )->build();
+
+ $this->assertSame( $expected, $package->homepage );
+ }
+
+ public function test_license_standard() {
+ $expected = 'GPL-2.0-only';
+ $package = $this->builder->set_license( $expected )->build();
+
+ $this->assertSame( $expected, $package->license );
+ }
+
+ public function test_license_nonstandard() {
+ // Some widely used licenses should be normalized to the SPDX format.
+ $license_string = 'GNU GPLv2 or later';
+ $expected = 'GPL-2.0-or-later';
+ $package = $this->builder->set_license( $license_string )->build();
+
+ $this->assertSame( $expected, $package->license );
+ }
+
+ public function test_license_notknown() {
+ // This license won't be normalized in the SPDX format. It will be kept the same.
+ $expected = 'Some license 3.0';
+ $package = $this->builder->set_license( $expected )->build();
+
+ $this->assertSame( $expected, $package->license );
+ }
+
+ public function test_is_managed() {
+ $expected = true;
+ $package = $this->builder->set_is_managed( $expected )->build();
+
+ $this->assertSame( $expected, $package->is_managed );
+ }
+
+ public function test_managed_post_id() {
+ $expected = 123;
+ $package = $this->builder->set_managed_post_id( $expected )->build();
+
+ $this->assertSame( $expected, $package->managed_post_id );
+ }
+
+ public function test_from_package_data() {
+ $expected['name'] = 'Plugin Name';
+ $expected['slug'] = 'slug';
+ $expected['type'] = 'plugin';
+ $expected['source_type'] = 'local.plugin';
+ $expected['source_name'] = 'local-plugin/slug';
+ $expected['authors'] = [
+ [
+ 'name' => 'Name',
+ 'email' => 'email@example.com',
+ 'homepage' => 'https://pixelgrade.com',
+ 'role' => 'Dev',
+ ],
+ ];
+ $expected['homepage'] = 'https://pixelgrade.com';
+ $expected['description'] = 'Some description.';
+ $expected['keywords'] = [ 'keyword' ];
+ $expected['license'] = 'GPL-2.0-or-later';
+ $expected['requires_at_least_wp'] = '6.0.0';
+ $expected['tested_up_to_wp'] = '6.6.0';
+ $expected['requires_php'] = '6.6.4';
+ $expected['is_managed'] = true;
+ $expected['managed_post_id'] = 234;
+ $expected['required_packages'] = [
+ 'some_pseudo_id' => [
+ 'composer_package_name' => 'pixelgrade/test',
+ 'version_range' => '*',
+ 'stability' => 'stable',
+ 'source_name' => 'local-plugin/test',
+ 'managed_post_id' => 123,
+ 'pseudo_id' => 'some_pseudo_id',
+ ],
+ ];
+
+ $package = $this->builder->from_package_data( $expected )->build();
+
+ $this->assertSame( $expected['name'], $package->name );
+ $this->assertSame( $expected['slug'], $package->slug );
+ $this->assertSame( $expected['type'], $package->type );
+ $this->assertSame( $expected['source_type'], $package->source_type );
+ $this->assertSame( $expected['source_name'], $package->source_name );
+ $this->assertSame( $expected['authors'], $package->authors );
+ $this->assertSame( $expected['homepage'], $package->homepage );
+ $this->assertSame( $expected['description'], $package->description );
+ $this->assertSame( $expected['keywords'], $package->keywords );
+ $this->assertSame( $expected['license'], $package->license );
+ $this->assertSame( $expected['requires_at_least_wp'], $package->requires_at_least_wp );
+ $this->assertSame( $expected['tested_up_to_wp'], $package->tested_up_to_wp );
+ $this->assertSame( $expected['requires_php'], $package->requires_php );
+ $this->assertSame( $expected['is_managed'], $package->is_managed );
+ $this->assertSame( $expected['managed_post_id'], $package->managed_post_id );
+ $this->assertSame( $expected['required_packages'], $package->required_packages );
+ }
+
+ public function test_from_package_data_do_not_overwrite() {
+ $expected = new class extends BasePackage {
+ public function __get( $name ) {
+ return $this->$name;
+ }
+
+ public function __set( $name, $value ) {
+ $this->$name = $value;
+ }
+ };
+ $expected->name = 'Theme';
+ $expected->slug = 'theme-slug';
+ $expected->type = 'theme';
+ $expected->source_type = 'local.theme';
+ $expected->source_name = 'local-theme/slug';
+ $expected->authors = [
+ [
+ 'name' => 'Some Theme Author',
+ ],
+ ];
+ $expected->homepage = 'https://pixelgradelt.com';
+ $expected->description = 'Some awesome description.';
+ $expected->keywords = [ 'keyword1', 'keyword2' ];
+ $expected->license = 'GPL-2.0-only';
+ $expected->requires_at_least_wp = '5.0.0';
+ $expected->tested_up_to_wp = '5.6.0';
+ $expected->requires_php = '5.6.4';
+ $expected->managed_post_id = 123;
+ $expected->required_packages = [
+ 'some_pseudo_id' => [
+ 'composer_package_name' => 'pixelgrade/test',
+ 'version_range' => '*',
+ 'stability' => 'stable',
+ 'source_name' => 'local-plugin/test',
+ 'managed_post_id' => 123,
+ 'pseudo_id' => 'some_pseudo_id',
+ ],
+ ];
+
+ $package_data['name'] = 'Plugin Name';
+ $package_data['slug'] = 'slug';
+ $package_data['type'] = 'plugin';
+ $package_data['source_type'] = 'local.plugin';
+ $package_data['source_name'] = 'local-plugin/slug';
+ $package_data['authors'] = [];
+ $package_data['homepage'] = 'https://pixelgrade.com';
+ $package_data['description'] = 'Some description.';
+ $package_data['keywords'] = [ 'keyword' ];
+ $package_data['license'] = 'GPL-2.0-or-later';
+ $package_data['requires_at_least_wp'] = '6.0.0';
+ $package_data['tested_up_to_wp'] = '6.6.0';
+ $package_data['requires_php'] = '6.6.4';
+ $package_data['managed_post_id'] = 234;
+ $package_data['required_packages'] = [
+ 'some_pseudo_id' => [
+ 'composer_package_name' => 'pixelgrade/test',
+ 'version_range' => '*',
+ 'stability' => 'stable',
+ 'source_name' => 'local-plugin/test',
+ 'managed_post_id' => 123,
+ 'pseudo_id' => 'some_pseudo_id',
+ ],
+ ];
+
+ $package = $this->builder->with_package( $expected )->from_package_data( $package_data )->build();
+
+ $this->assertSame( $expected->name, $package->name );
+ $this->assertSame( $expected->slug, $package->slug );
+ $this->assertSame( $expected->type, $package->type );
+ $this->assertSame( $expected->source_type, $package->source_type );
+ $this->assertSame( $expected->source_name, $package->source_name );
+ $this->assertSame( $expected->authors, $package->authors );
+ $this->assertSame( $expected->homepage, $package->homepage );
+ $this->assertSame( $expected->description, $package->description );
+ $this->assertSame( $expected->keywords, $package->keywords );
+ $this->assertSame( $expected->license, $package->license );
+ $this->assertSame( $expected->requires_at_least_wp, $package->requires_at_least_wp );
+ $this->assertSame( $expected->tested_up_to_wp, $package->tested_up_to_wp );
+ $this->assertSame( $expected->requires_php, $package->requires_php );
+ $this->assertSame( $expected->managed_post_id, $package->managed_post_id );
+ }
+
+ public function test_from_package_data_merge_required_packages() {
+ $initial_package = new class extends BasePackage {
+ public function __get( $name ) {
+ return $this->$name;
+ }
+
+ public function __set( $name, $value ) {
+ $this->$name = $value;
+ }
+ };
+ $initial_package->name = 'Theme';
+ $initial_package->slug = 'theme-slug';
+ $initial_package->required_packages = [
+ 'some_pseudo_id' => [
+ 'composer_package_name' => 'pixelgrade/test',
+ 'version_range' => '*',
+ 'stability' => 'stable',
+ 'source_name' => 'local-plugin/test',
+ 'managed_post_id' => 123,
+ 'pseudo_id' => 'some_pseudo_id',
+ ],
+ ];
+
+ $package_data['name'] = 'Plugin Name';
+ $package_data['slug'] = 'slug';
+ $package_data['required_packages'] = [
+ 'some_pseudo_id2' => [
+ 'composer_package_name' => 'pixelgrade/test2',
+ 'version_range' => '1.1',
+ 'stability' => 'dev',
+ 'source_name' => 'local-plugin/test2',
+ 'managed_post_id' => 234,
+ 'pseudo_id' => 'some_pseudo_id2',
+ ],
+ ];
+
+ $expected = [
+ 'some_pseudo_id' => [
+ 'composer_package_name' => 'pixelgrade/test',
+ 'version_range' => '*',
+ 'stability' => 'stable',
+ 'source_name' => 'local-plugin/test',
+ 'managed_post_id' => 123,
+ 'pseudo_id' => 'some_pseudo_id',
+ ],
+ 'some_pseudo_id2' => [
+ 'composer_package_name' => 'pixelgrade/test2',
+ 'version_range' => '1.1',
+ 'stability' => 'dev',
+ 'source_name' => 'local-plugin/test2',
+ 'managed_post_id' => 234,
+ 'pseudo_id' => 'some_pseudo_id2',
+ ],
+ ];
+
+ $package = $this->builder->with_package( $initial_package )->from_package_data( $package_data )->build();
+
+ $this->assertSame( $expected, $package->required_packages );
+ }
+
+ public function test_from_package_data_merge_overwrite_required_packages() {
+ $initial_package = new class extends BasePackage {
+ public function __get( $name ) {
+ return $this->$name;
+ }
+
+ public function __set( $name, $value ) {
+ $this->$name = $value;
+ }
+ };
+ $initial_package->name = 'Theme';
+ $initial_package->slug = 'theme-slug';
+ $initial_package->required_packages = [
+ 'some_pseudo_id' => [
+ 'composer_package_name' => 'pixelgrade/test',
+ 'version_range' => '*',
+ 'stability' => 'stable',
+ 'source_name' => 'local-plugin/test',
+ 'managed_post_id' => 123,
+ 'pseudo_id' => 'some_pseudo_id',
+ ],
+ ];
+
+ $package_data['name'] = 'Plugin Name';
+ $package_data['slug'] = 'slug';
+ $package_data['required_packages'] = [
+ 'some_pseudo_id' => [
+ 'composer_package_name' => 'pixelgrade/test2',
+ 'version_range' => '1.1',
+ 'stability' => 'dev',
+ 'source_name' => 'local-plugin/test2',
+ 'managed_post_id' => 234,
+ 'pseudo_id' => 'some_pseudo_id',
+ ],
+ 'some_pseudo_id3' => [
+ 'composer_package_name' => 'pixelgrade/test3',
+ 'version_range' => '1.1',
+ 'stability' => 'dev',
+ 'source_name' => 'local-plugin/test3',
+ 'managed_post_id' => 234,
+ 'pseudo_id' => 'some_pseudo_id3',
+ ],
+ ];
+
+ $expected = [
+ 'some_pseudo_id' => [
+ 'composer_package_name' => 'pixelgrade/test2',
+ 'version_range' => '1.1',
+ 'stability' => 'dev',
+ 'source_name' => 'local-plugin/test2',
+ 'managed_post_id' => 234,
+ 'pseudo_id' => 'some_pseudo_id',
+ ],
+ 'some_pseudo_id3' => [
+ 'composer_package_name' => 'pixelgrade/test3',
+ 'version_range' => '1.1',
+ 'stability' => 'dev',
+ 'source_name' => 'local-plugin/test3',
+ 'managed_post_id' => 234,
+ 'pseudo_id' => 'some_pseudo_id3',
+ ],
+ ];
+
+ $package = $this->builder->with_package( $initial_package )->from_package_data( $package_data )->build();
+
+ $this->assertSame( $expected, $package->required_packages );
+ }
+
+ public function test_from_header_data_plugin() {
+ $expected = [
+ 'Name' => 'Plugin Name',
+ 'Author' => 'Author',
+ 'AuthorURI' => 'https://home.org',
+ 'PluginURI' => 'https://pixelgrade.com',
+ 'Description' => 'Some description.',
+ 'Tags' => [ 'keyword1', 'keyword2' ],
+ 'License' => 'GPL-2.0-or-later',
+ 'Requires at least' => '4.9.9',
+ 'Tested up to' => '4.9.9',
+ 'Requires PHP' => '8.0.0',
+ ];
+
+ $package = $this->builder->from_header_data( $expected )->build();
+
+ $this->assertSame( $expected['Name'], $package->name );
+ $this->assertSame( $expected['PluginURI'], $package->homepage );
+ $this->assertSame( [
+ [
+ 'name' => $expected['Author'],
+ 'homepage' => $expected['AuthorURI'],
+ ],
+ ], $package->authors );
+ $this->assertSame( $expected['Description'], $package->description );
+ $this->assertSame( $expected['Tags'], $package->keywords );
+ $this->assertSame( $expected['Requires at least'], $package->requires_at_least_wp );
+ $this->assertSame( $expected['Tested up to'], $package->tested_up_to_wp );
+ $this->assertSame( $expected['Requires PHP'], $package->requires_php );
+ }
+
+ public function test_from_header_data_theme() {
+ $expected = [
+ 'Name' => 'Plugin Name',
+ 'Author' => 'Author',
+ 'AuthorURI' => 'https://home.org',
+ 'ThemeURI' => 'https://pixelgrade.com',
+ 'Description' => 'Some description.',
+ 'Tags' => [ 'keyword1', 'keyword2' ],
+ 'License' => 'GPL-2.0-or-later',
+ 'Requires at least' => '4.9.9',
+ 'Tested up to' => '4.9.9',
+ 'Requires PHP' => '8.0.0',
+ ];
+
+ $package = $this->builder->from_header_data( $expected )->build();
+
+ $this->assertSame( $expected['Name'], $package->name );
+ $this->assertSame( $expected['ThemeURI'], $package->homepage );
+ $this->assertSame( [
+ [
+ 'name' => $expected['Author'],
+ 'homepage' => $expected['AuthorURI'],
+ ],
+ ], $package->authors );
+ $this->assertSame( $expected['Description'], $package->description );
+ $this->assertSame( $expected['Tags'], $package->keywords );
+ $this->assertSame( $expected['Requires at least'], $package->requires_at_least_wp );
+ $this->assertSame( $expected['Tested up to'], $package->tested_up_to_wp );
+ $this->assertSame( $expected['Requires PHP'], $package->requires_php );
+ }
+
+ public function test_from_header_data_do_not_overwrite() {
+ $expected = new class extends BasePackage {
+ public function __get( $name ) {
+ return $this->$name;
+ }
+
+ public function __set( $name, $value ) {
+ $this->$name = $value;
+ }
+ };
+ $expected->name = 'Plugin';
+ $expected->authors = [
+ [
+ 'name' => 'Some Author',
+ ],
+ ];
+ $expected->homepage = 'https://pixelgradelt.com';
+ $expected->description = 'Some awesome description.';
+ $expected->keywords = [ 'keyword' ];
+ $expected->license = 'GPL-2.0-only';
+ $expected->requires_at_least_wp = '5.0.0';
+ $expected->tested_up_to_wp = '5.6.0';
+ $expected->requires_php = '5.6.4';
+
+ $header_data = [
+ 'Name' => 'Plugin Name',
+ 'Author' => 'Author',
+ 'AuthorURI' => 'https://home.org',
+ 'ThemeURI' => 'https://pixelgrade.com',
+ 'Description' => 'Some description.',
+ 'Tags' => [ 'keyword1', 'keyword2' ],
+ 'License' => 'GPL-2.0-or-later',
+ 'Requires at least' => '4.9.9',
+ 'Tested up to' => '4.9.9',
+ 'Requires PHP' => '8.0.0',
+ ];
+
+ $package = $this->builder->with_package( $expected )->from_header_data( $header_data )->build();
+
+ $this->assertSame( $expected->name, $package->name );
+ $this->assertSame( $expected->authors, $package->authors );
+ $this->assertSame( $expected->homepage, $package->homepage );
+ $this->assertSame( $expected->description, $package->description );
+ $this->assertSame( $expected->keywords, $package->keywords );
+ $this->assertSame( $expected->license, $package->license );
+ $this->assertSame( $expected->requires_at_least_wp, $package->requires_at_least_wp );
+ $this->assertSame( $expected->tested_up_to_wp, $package->tested_up_to_wp );
+ $this->assertSame( $expected->requires_php, $package->requires_php );
+ }
+
+ public function test_from_readme_data() {
+ $readme_data = [
+ 'name' => 'Plugin Name',
+ 'contributors' => [ 'wordpressdotorg', 'pixelgrade', ],
+ 'short_description' => 'Some description.',
+ 'tags' => [ 'keyword1', 'keyword2' ],
+ 'license' => 'GPL-2.0-or-later',
+ 'requires_at_least' => '4.9.9',
+ 'tested_up_to' => '5.7',
+ 'requires_php' => '7',
+ 'stable_tag' => '1.0.2',
+ ];
+
+ $package = $this->builder->from_readme_data( $readme_data )->build();
+
+ $this->assertSame( $readme_data['name'], $package->name );
+ $this->assertSame( [
+ [ 'name' => 'wordpressdotorg', ],
+ [ 'name' => 'pixelgrade', ],
+ ], $package->authors );
+ $this->assertSame( $readme_data['short_description'], $package->description );
+ $this->assertSame( $readme_data['tags'], $package->keywords );
+ $this->assertSame( $readme_data['license'], $package->license );
+ $this->assertSame( $readme_data['requires_at_least'], $package->requires_at_least_wp );
+ $this->assertSame( $readme_data['tested_up_to'], $package->tested_up_to_wp );
+ $this->assertSame( $readme_data['requires_php'], $package->requires_php );
+ }
+
+ public function test_from_readme_data_do_not_overwrite() {
+ $expected = new class extends BasePackage {
+ public function __get( $name ) {
+ return $this->$name;
+ }
+
+ public function __set( $name, $value ) {
+ $this->$name = $value;
+ }
+ };
+ $expected->name = 'Plugin';
+ $expected->authors = [
+ [
+ 'name' => 'Some Author',
+ ],
+ ];
+ $expected->homepage = 'https://pixelgradelt.com';
+ $expected->description = 'Some awesome description.';
+ $expected->keywords = [ 'keyword' ];
+ $expected->license = 'GPL-2.0-only';
+ $expected->requires_at_least_wp = '5.0.0';
+ $expected->tested_up_to_wp = '5.6.0';
+ $expected->requires_php = '5.6.4';
+
+ $readme_data = [
+ 'name' => 'Plugin Name',
+ 'contributors' => [ 'wordpressdotorg', 'pixelgrade', ],
+ 'short_description' => 'Some description.',
+ 'tags' => [ 'keyword1', 'keyword2' ],
+ 'license' => 'GPL-2.0-or-later',
+ 'requires_at_least' => '4.9.9',
+ 'tested_up_to' => '5.7',
+ 'requires_php' => '7',
+ 'stable_tag' => '1.0.2',
+ ];
+
+ $package = $this->builder->with_package( $expected )->from_readme_data( $readme_data )->build();
+
+ $this->assertSame( $expected->name, $package->name );
+ $this->assertSame( $expected->authors, $package->authors );
+ $this->assertSame( $expected->homepage, $package->homepage );
+ $this->assertSame( $expected->description, $package->description );
+ $this->assertSame( $expected->keywords, $package->keywords );
+ $this->assertSame( $expected->license, $package->license );
+ $this->assertSame( $expected->requires_at_least_wp, $package->requires_at_least_wp );
+ $this->assertSame( $expected->tested_up_to_wp, $package->tested_up_to_wp );
+ $this->assertSame( $expected->requires_php, $package->requires_php );
+ }
+
+ public function test_with_package() {
+ $expected = new class extends BasePackage {
+ public function __get( $name ) {
+ return $this->$name;
+ }
+
+ public function __set( $name, $value ) {
+ $this->$name = $value;
+ }
+ };
+ $expected->name = 'Plugin Name';
+ $expected->slug = 'slug';
+ $expected->type = 'plugin';
+ $expected->source_type = 'local.plugin';
+ $expected->source_name = 'local-plugin/slug';
+ $expected->authors = [];
+ $expected->homepage = 'https://pixelgrade.com';
+ $expected->description = 'Some description.';
+ $expected->keywords = [ 'keyword' ];
+ $expected->license = 'GPL-2.0-or-later';
+ $expected->requires_at_least_wp = '5.0.0';
+ $expected->tested_up_to_wp = '5.6.0';
+ $expected->requires_php = '5.6.4';
+ $expected->is_managed = true;
+ $expected->managed_post_id = 123;
+ $expected->required_packages = [
+ 'some_pseudo_id' => [
+ 'composer_package_name' => 'pixelgrade/test',
+ 'version_range' => '*',
+ 'stability' => 'stable',
+ 'source_name' => 'local-plugin/test',
+ 'managed_post_id' => 123,
+ 'pseudo_id' => 'some_pseudo_id',
+ ],
+ ];
+
+ $package = $this->builder->with_package( $expected )->build();
+
+ $this->assertSame( $expected->name, $package->name );
+ $this->assertSame( $expected->slug, $package->slug );
+ $this->assertSame( $expected->type, $package->type );
+ $this->assertSame( $expected->source_type, $package->source_type );
+ $this->assertSame( $expected->source_name, $package->source_name );
+ $this->assertSame( $expected->authors, $package->authors );
+ $this->assertSame( $expected->homepage, $package->homepage );
+ $this->assertSame( $expected->description, $package->description );
+ $this->assertSame( $expected->keywords, $package->keywords );
+ $this->assertSame( $expected->license, $package->license );
+ $this->assertSame( $expected->requires_at_least_wp, $package->requires_at_least_wp );
+ $this->assertSame( $expected->tested_up_to_wp, $package->tested_up_to_wp );
+ $this->assertSame( $expected->requires_php, $package->requires_php );
+ $this->assertSame( $expected->is_managed, $package->is_managed );
+ $this->assertSame( $expected->required_packages, $package->required_packages );
+ }
+}
diff --git a/tests/phpunit/Unit/PackageType/Builder/ExternalPackageBuilderTest.php b/tests/phpunit/Unit/PackageType/Builder/ExternalPackageBuilderTest.php
new file mode 100644
index 00000000..8109fcc2
--- /dev/null
+++ b/tests/phpunit/Unit/PackageType/Builder/ExternalPackageBuilderTest.php
@@ -0,0 +1,84 @@
+$name;
+ }
+ };
+
+
+ $package_manager = $this->getMockBuilder( PackageManager::class )
+ ->disableOriginalConstructor()
+ ->getMock();
+
+ $release_manager = $this->getMockBuilder( ReleaseManager::class )
+ ->disableOriginalConstructor()
+ ->getMock();
+
+ $archiver = new Archiver( new NullLogger() );
+ $logger = new NullIO();
+
+ $this->builder = new ExternalBasePackageBuilder( $package, $package_manager, $release_manager, $archiver, $logger );
+ }
+
+ public function test_extends_package_builder() {
+
+ $this->assertInstanceOf( BasePackageBuilder::class, $this->builder );
+ }
+
+ public function test_implements_package_interface() {
+ $package = $this->builder->build();
+
+ $this->assertInstanceOf( Package::class, $package );
+ }
+
+ public function test_source_constraint() {
+ $expected = $this->getMockBuilder( MultiConstraint::class )
+ ->disableOriginalConstructor()
+ ->getMock();
+
+ $package = $this->builder->set_source_constraint( $expected )->build();
+
+ $this->assertSame( $expected, $package->source_constraint );
+ }
+
+ public function test_with_package() {
+ $expected = new class extends ExternalBasePackage {
+ public function __get( $name ) {
+ return $this->$name;
+ }
+ public function __set( $name, $value ) {
+ $this->$name = $value;
+ }
+ };
+ $expected->source_constraint = new MatchAllConstraint();
+
+ $package = $this->builder->with_package( $expected )->build();
+
+ $this->assertSame( $expected->source_constraint, $package->source_constraint );
+ }
+}
diff --git a/tests/phpunit/Unit/PackageType/Builder/LocalBasePackageBuilderTest.php b/tests/phpunit/Unit/PackageType/Builder/LocalBasePackageBuilderTest.php
new file mode 100644
index 00000000..93c01956
--- /dev/null
+++ b/tests/phpunit/Unit/PackageType/Builder/LocalBasePackageBuilderTest.php
@@ -0,0 +1,109 @@
+$name;
+ }
+ };
+
+
+ $archiver = new Archiver( new NullLogger() );
+ $storage = new LocalStorage( PIXELGRADELT_RECORDS_TESTS_DIR . '/Fixture/wp-content/uploads/pixelgradelt-records/packages' );
+ $composer_version_parser = new ComposerVersionParser( new VersionParser() );
+ $composer_client = new ComposerClient();
+
+ $package_manager = $this->getMockBuilder( PackageManager::class )
+ ->disableOriginalConstructor()
+ ->getMock();
+
+ $release_manager = new ReleaseManager( $storage, $archiver, $composer_version_parser, $composer_client );
+
+ $logger = new NullIO();
+
+ $this->builder = new LocalBasePackageBuilder( $package, $package_manager, $release_manager, $archiver, $logger );
+ }
+
+ public function test_extends_package_builder() {
+ $this->assertInstanceOf( BasePackageBuilder::class, $this->builder );
+ }
+
+ public function test_implements_package_interface() {
+ $package = $this->builder->build();
+
+ $this->assertInstanceOf( Package::class, $package );
+ }
+
+ public function test_directory() {
+ $expected = 'directory';
+ $package = $this->builder->set_directory( $expected )->build();
+
+ $this->assertSame( $expected . '/', $package->directory );
+ }
+
+ public function test_is_installed() {
+ $package = $this->builder->build();
+ $this->assertFalse( $package->is_installed );
+
+ $package = $this->builder->set_installed( true )->build();
+ $this->assertTrue( $package->is_installed );
+ }
+
+ public function test_installed_version() {
+ $expected = '1.0.0';
+ $package = $this->builder->set_installed( true )->set_installed_version( $expected )->build();
+
+ $this->assertSame( $expected, $package->installed_version );
+ }
+
+ public function test_invalid_installed_version() {
+ $invalid = '2-0-0';
+ $package = $this->builder->set_installed( true )->set_installed_version( $invalid )->build();
+
+ $this->assertSame( '', $package->installed_version );
+ }
+
+ public function test_with_package() {
+ $expected = new class extends LocalBasePackage {
+ public function __get( $name ) {
+ return $this->$name;
+ }
+ public function __set( $name, $value ) {
+ $this->$name = $value;
+ }
+ };
+ $expected->is_installed = true;
+ $expected->directory = 'directory/';
+ $expected->installed_version = '2.0.0';
+
+ $package = $this->builder->with_package( $expected )->build();
+
+ $this->assertSame( $expected->is_installed, $package->is_installed );
+ $this->assertSame( $expected->directory, $package->directory );
+ $this->assertSame( $expected->installed_version, $package->installed_version );
+ }
+}
diff --git a/tests/phpunit/Unit/PackageType/Builder/LocalPluginBuilderTest.php b/tests/phpunit/Unit/PackageType/Builder/LocalPluginBuilderTest.php
new file mode 100644
index 00000000..6e825089
--- /dev/null
+++ b/tests/phpunit/Unit/PackageType/Builder/LocalPluginBuilderTest.php
@@ -0,0 +1,76 @@
+getMockBuilder( PackageManager::class )
+ ->disableOriginalConstructor()
+ ->getMock();
+
+ $release_manager = $this->getMockBuilder( ReleaseManager::class )
+ ->disableOriginalConstructor()
+ ->getMock();
+ $archiver = new Archiver( new NullLogger() );
+ $logger = new NullIO();
+
+ $this->builder = new LocalPluginBuilder( new LocalPlugin(), $package_manager, $release_manager, $archiver, $logger );
+ }
+
+ public function test_extends_package_builder() {
+ $this->assertInstanceOf( LocalBasePackageBuilder::class, $this->builder );
+ }
+
+ public function test_implements_package_interface() {
+ $package = $this->builder->build();
+
+ $this->assertInstanceOf( Package::class, $package );
+ }
+
+ public function test_basename() {
+ $expected = 'plugin/plugin.php';
+ $package = $this->builder->set_basename( $expected )->build();
+
+ $this->assertSame( $expected, $package->get_basename() );
+ }
+
+ public function test_from_basename() {
+ $plugin_file = 'plugin-name/plugin-name.php';
+ $slug = 'plugin-name';
+
+ $package = $this->builder->from_basename( $plugin_file )->build();
+
+ $this->assertSame( 'plugin', $package->get_type() );
+ $this->assertSame( $slug, $package->get_slug() );
+ $this->assertSame( 'local-plugin/' . $slug, $package->get_source_name() );
+ $this->assertSame( 'local.plugin', $package->get_source_type() );
+ $this->assertSame( $plugin_file, $package->get_basename() );
+ $this->assertSame( WP_PLUGIN_DIR . '/' . 'plugin-name/', $package->get_directory() );
+ $this->assertTrue( $package->is_installed() );
+ }
+
+ public function test_with_package() {
+ $expected = 'plugin/plugin.php';
+ $expected_package = $this->builder->set_basename( $expected )->build();
+
+ $package = $this->builder->with_package( $expected_package )->build();
+
+ $this->assertSame( $expected, $package->get_basename() );
+ }
+}
diff --git a/tests/phpunit/Unit/PackageType/Builder/LocalThemeBuilderTest.php b/tests/phpunit/Unit/PackageType/Builder/LocalThemeBuilderTest.php
new file mode 100644
index 00000000..89f201f5
--- /dev/null
+++ b/tests/phpunit/Unit/PackageType/Builder/LocalThemeBuilderTest.php
@@ -0,0 +1,63 @@
+justReturn( 'wp-content/themes');
+
+ $package_manager = $this->getMockBuilder( PackageManager::class )
+ ->disableOriginalConstructor()
+ ->getMock();
+
+ $release_manager = $this->getMockBuilder( ReleaseManager::class )
+ ->disableOriginalConstructor()
+ ->getMock();
+
+ $archiver = new Archiver( new NullLogger() );
+ $logger = new NullIO();
+
+ $this->builder = new LocalThemeBuilder( new LocalTheme(), $package_manager, $release_manager, $archiver, $logger );
+ }
+
+ public function test_extends_package_builder() {
+ $this->assertInstanceOf( LocalBasePackageBuilder::class, $this->builder );
+ }
+
+ public function test_implements_package_interface() {
+ $package = $this->builder->build();
+
+ $this->assertInstanceOf( Package::class, $package );
+ }
+
+ public function test_from_slug() {
+ $slug = 'theme-slug';
+
+ $package = $this->builder->from_slug( $slug )->build();
+
+ $this->assertSame( 'theme', $package->get_type() );
+ $this->assertSame( $slug, $package->get_slug() );
+ $this->assertSame( 'local-theme/' . $slug, $package->get_source_name() );
+ $this->assertSame( 'local.theme', $package->get_source_type() );
+ $this->assertSame( get_theme_root( $slug ) . '/' . $slug . '/', $package->get_directory() );
+ $this->assertTrue( $package->is_installed() );
+ }
+}
diff --git a/tests/phpunit/Unit/PackageType/ExternalBasePackageTest.php b/tests/phpunit/Unit/PackageType/ExternalBasePackageTest.php
new file mode 100644
index 00000000..9f9aa9f2
--- /dev/null
+++ b/tests/phpunit/Unit/PackageType/ExternalBasePackageTest.php
@@ -0,0 +1,41 @@
+package = new class extends ExternalBasePackage {
+ public function __set( $name, $value ) {
+ $this->$name = $value;
+ }
+ };
+ }
+
+ public function test_implements_package_interface() {
+ $this->assertInstanceOf( Package::class, $this->package );
+ }
+
+ public function test_extends_base_package() {
+ $this->assertInstanceOf( BasePackage::class, $this->package );
+ }
+
+ public function test_source_constraint() {
+ $expected = new MatchAllConstraint();
+ $this->package->source_constraint = $expected;
+
+ $this->assertSame( $expected, $this->package->get_source_constraint() );
+ $this->assertTrue( $this->package->has_source_constraint() );
+ }
+}
diff --git a/tests/phpunit/Unit/PackageType/LocalBasePackageReleasesTest.php b/tests/phpunit/Unit/PackageType/LocalBasePackageReleasesTest.php
new file mode 100644
index 00000000..299bbbc3
--- /dev/null
+++ b/tests/phpunit/Unit/PackageType/LocalBasePackageReleasesTest.php
@@ -0,0 +1,135 @@
+getMockBuilder( PackageManager::class )
+ ->disableOriginalConstructor()
+ ->getMock();
+
+ $release_manager = new ReleaseManager( $storage, $archiver, $composer_version_parser, $composer_client );
+
+ $logger = new NullIO();
+
+ $this->builder = new LocalBasePackageBuilder( $package, $package_manager, $release_manager, $archiver, $logger );
+ }
+
+ public function test_package_has_no_releases() {
+ $package = $this->builder->build();
+ $this->assertFalse( $package->has_releases() );
+ }
+
+ public function test_package_has_releases() {
+ $package = $this->builder->add_release( '1.0.0' )->build();
+ $this->assertTrue( $package->has_releases() );
+ }
+
+ public function test_get_release_by_version() {
+ $version = '1.0.0';
+ $package = $this->builder->add_release( $version )->build();
+
+ $this->assertSame( 1, count( $package->get_releases() ) );
+
+ $release = $package->get_release( $version );
+ $this->assertInstanceOf( Release::class, $release );
+ $this->assertSame( $version, $release->get_version() );
+ }
+
+ public function test_get_installed_release() {
+ $installed_version = '0.4.0';
+ $latest_version = '1.0.0';
+
+ $package = $this->builder
+ ->set_installed( true )
+ ->set_installed_version( $installed_version )
+ ->add_release( $installed_version )
+ ->add_release( $latest_version )
+ ->build();
+
+ $release = $package->get_installed_release();
+ $this->assertInstanceOf( Release::class, $release );
+ $this->assertTrue( $package->is_installed_release( $release ) );
+
+ $release = $package->get_release( $latest_version );
+ $this->assertFalse( $package->is_installed_release( $release ) );
+ }
+
+ public function test_get_latest_release() {
+ $version = '0.4.0';
+ $package = $this->builder
+ ->add_release( '0.3.2' )
+ ->add_release( $version )
+ ->add_release( '0.3.0' )
+ ->build();
+
+ $release = $package->get_latest_release();
+
+ $this->assertInstanceOf( Release::class, $release );
+ $this->assertSame( $version, $release->get_version() );
+ }
+
+ public function test_is_update_available() {
+ $installed_version = '0.4.0';
+ $latest_version = '1.0.0';
+
+ $package = $this->builder
+ ->set_installed( true )
+ ->set_installed_version( $installed_version )
+ ->add_release( $installed_version )
+ ->add_release( $latest_version )
+ ->build();
+
+ $this->assertSame( $installed_version, $package->get_installed_version() );
+ $this->assertSame( $latest_version, $package->get_latest_version() );
+ $this->assertTrue( $package->is_update_available() );
+ }
+
+ public function test_get_latest_release_throws_exception_when_there_are_no_releases() {
+ $this->expectException( InvalidReleaseVersion::class );
+
+ $package = $this->builder->build();
+ $package->get_latest_release();
+ }
+
+ public function test_get_unknown_release_throws_exception() {
+ $this->expectException( InvalidReleaseVersion::class );
+
+ $package = $this->builder->build();
+ $package->get_release( '0.4.0' );
+ }
+
+ public function test_get_not_installed_release_throws_exception() {
+ $this->expectException( PackageNotInstalled::class );
+
+ $package = $this->builder->build();
+ $package->get_installed_release();
+ }
+}
diff --git a/tests/phpunit/Unit/PackageType/LocalBasePackageTest.php b/tests/phpunit/Unit/PackageType/LocalBasePackageTest.php
new file mode 100644
index 00000000..693e5d56
--- /dev/null
+++ b/tests/phpunit/Unit/PackageType/LocalBasePackageTest.php
@@ -0,0 +1,62 @@
+package = new class extends LocalBasePackage {
+ public function __set( $name, $value ) {
+ $this->$name = $value;
+ }
+ };
+ }
+
+ public function test_implements_package_interface() {
+ $this->assertInstanceOf( Package::class, $this->package );
+ }
+
+ public function test_extends_base_package() {
+
+ $this->assertInstanceOf( BasePackage::class, $this->package );
+ }
+
+ public function test_directory() {
+ $expected = __DIR__ . '/';
+ $this->package->directory = $expected;
+
+ $this->assertSame( $expected, $this->package->get_directory() );
+ }
+
+ public function test_is_installed() {
+ $this->assertFalse( $this->package->is_installed() );
+
+ $this->package->is_installed = true;
+ $this->assertTrue( $this->package->is_installed() );
+ }
+
+ public function test_installed_version() {
+ $expected = '1.0.0';
+ $this->package->is_installed = true;
+ $this->package->installed_version = $expected;
+
+ $this->assertSame( $expected, $this->package->get_installed_version() );
+ }
+
+ public function test_get_installed_version_throws_exception_when_plugin_not_installed() {
+ $this->expectException( PackageNotInstalled::class );
+
+ $this->package->installed_version = '1.0.0';
+ $this->package->get_installed_version();
+ }
+}
diff --git a/tests/phpunit/Unit/PackageType/LocalPluginReleasesTest.php b/tests/phpunit/Unit/PackageType/LocalPluginReleasesTest.php
new file mode 100644
index 00000000..40fe23c0
--- /dev/null
+++ b/tests/phpunit/Unit/PackageType/LocalPluginReleasesTest.php
@@ -0,0 +1,92 @@
+justReturn( $this->get_update_transient() );
+
+ $archiver = new Archiver( new NullLogger() );
+ $storage = new LocalStorage( PIXELGRADELT_RECORDS_TESTS_DIR . '/Fixture/wp-content/uploads/pixelgradelt-records/packages' );
+ $composer_version_parser = new ComposerVersionParser( new VersionParser() );
+ $composer_client = new ComposerClient();
+
+ $package_manager = $this->getMockBuilder( PackageManager::class )
+ ->disableOriginalConstructor()
+ ->getMock();
+
+ $release_manager = new ReleaseManager( $storage, $archiver, $composer_version_parser, $composer_client );
+
+ $logger = new NullIO();
+
+ $package = new LocalPlugin();
+
+ $this->builder = ( new LocalPluginBuilder( $package, $package_manager, $release_manager, $archiver, $logger ) )
+ ->set_source_name( 'local-plugin' . '/' . 'basic' )
+ ->set_source_type( 'local.plugin' )
+ ->set_basename( 'basic/basic.php' )
+ ->set_slug( 'basic' )
+ ->set_type( 'plugin' );
+ }
+
+ public function test_get_cached_releases_from_storage() {
+ $package = $this->builder
+ ->add_cached_releases()
+ ->build();
+
+ $this->assertInstanceOf( Release::class, $package->get_release( '1.0.0' ) );
+ }
+
+ public function test_get_cached_releases_includes_installed_version() {
+ $package = $this->builder
+ ->set_installed( true )
+ ->set_installed_version( '1.3.1' )
+ ->add_cached_releases()
+ ->build();
+
+ $this->assertSame( '1.3.1', $package->get_installed_release()->get_version() );
+ }
+
+ public function test_get_cached_releases_includes_pending_update() {
+ $package = $this->builder
+ ->set_installed( true )
+ ->set_installed_version( '1.3.1' )
+ ->add_cached_releases()
+ ->build();
+
+ $this->assertSame( '2.0.0', $package->get_latest_release()->get_version() );
+ }
+
+ protected function get_update_transient() {
+ return (object) [
+ 'response' => [
+ 'basic/basic.php' => (object) [
+ 'slug' => 'basic',
+ 'plugin' => 'basic/basic.php',
+ 'new_version' => '2.0.0',
+ 'package' => 'https://example.org/download/basic/2.0.0.zip',
+ ],
+ ],
+ ];
+ }
+}
diff --git a/tests/phpunit/Unit/PackageType/LocalPluginTest.php b/tests/phpunit/Unit/PackageType/LocalPluginTest.php
new file mode 100644
index 00000000..6b2d00b4
--- /dev/null
+++ b/tests/phpunit/Unit/PackageType/LocalPluginTest.php
@@ -0,0 +1,138 @@
+returnArg( 1 );
+
+ Functions\when( 'get_plugin_data' )->justReturn( $this->get_plugin_data() );
+ Functions\when( 'get_site_transient' )->justReturn( new \stdClass() );
+
+ $archiver = new Archiver( new NullLogger() );
+ $storage = new LocalStorage( PIXELGRADELT_RECORDS_TESTS_DIR . '/Fixture/wp-content/uploads/pixelgradelt-records/packages' );
+ $composer_version_parser = new ComposerVersionParser( new VersionParser() );
+ $composer_client = new ComposerClient();
+
+ $package_manager = $this->getMockBuilder( PackageManager::class )
+ ->disableOriginalConstructor()
+ ->getMock();
+
+ $release_manager = new ReleaseManager( $storage, $archiver, $composer_version_parser, $composer_client );
+
+ $logger = new NullIO();
+
+ $package = new LocalPlugin();
+
+ $this->builder = new LocalPluginBuilder( $package, $package_manager, $release_manager, $archiver, $logger );
+ }
+
+ public function test_get_plugin_from_basename() {
+ /** @var LocalPlugin $package */
+ $package = $this->builder
+ ->from_basename( 'basic/basic.php' )
+ ->build();
+
+ $this->assertInstanceOf( LocalPlugin::class, $package );
+
+ $this->assertSame( 'plugin', $package->get_type() );
+ $this->assertSame( 'local.plugin', $package->get_source_type() );
+ $this->assertSame( 'local-plugin/basic', $package->get_source_name() );
+ $this->assertSame( 'basic', $package->get_slug() );
+ $this->assertSame( 'basic/basic.php', $package->get_basename() );
+ $this->assertTrue( $package->is_installed() );
+ }
+
+ public function test_get_plugin_from_source() {
+ $package = $this->builder
+ ->from_basename( 'basic/basic.php' )
+ ->from_source( 'basic/basic.php' )
+ ->build();
+
+ $this->assertInstanceOf( LocalPlugin::class, $package );
+
+ $this->assertSame( 'plugin', $package->get_type() );
+ $this->assertSame( 'local.plugin', $package->get_source_type() );
+ $this->assertSame( 'local-plugin/basic', $package->get_source_name() );
+ $this->assertSame( 'basic', $package->get_slug() );
+ $this->assertSame( 'basic/basic.php', $package->get_basename() );
+ $this->assertTrue( $package->is_installed() );
+ $this->assertSame( 'Basic Plugin', $package->get_name() );
+ $this->assertSame( [
+ [
+ 'name' => 'Basic, Inc.',
+ 'homepage' => 'https://example.com/',
+ ],
+ ], $package->get_authors() );
+ $this->assertSame( '', $package->get_description() );
+ $this->assertSame( 'https://example.com/plugin/basic/', $package->get_homepage() );
+ $this->assertSame( '', $package->get_license() );
+ $this->assertSame( [ 'tag0', 'tag1', 'tag2', 'tag3', ], $package->get_keywords() );
+ $this->assertSame( '4.9.9', $package->get_requires_at_least_wp() );
+ $this->assertSame( '5.2.1', $package->get_tested_up_to_wp() );
+ $this->assertSame( '8.0.0', $package->get_requires_php() );
+ $this->assertFalse( $package->is_managed() );
+ $this->assertSame( WP_PLUGIN_DIR . '/basic/', $package->get_directory() );
+ $this->assertSame( '1.3.1', $package->get_installed_version() );
+ }
+
+ public function test_is_single_file_plugin() {
+ $package = $this->builder
+ ->from_basename( 'basic/basic.php' )
+ ->from_source( 'basic/basic.php' )
+ ->build();
+
+ $this->assertFalse( $package->is_single_file() );
+
+ $package = $this->builder
+ ->from_basename( 'hello.php' )
+ ->from_source( 'hello.php' )
+ ->build();
+
+ $this->assertTrue( $package->is_single_file() );
+ }
+
+ public function test_get_files_for_single_file_plugin() {
+ $package = $this->builder
+ ->from_basename( 'hello.php' )
+ ->from_source( 'hello.php' )
+ ->build();
+
+ $this->assertSame( 1, count( $package->get_files() ) );
+ }
+
+ protected function get_plugin_data() {
+ return [
+ 'Author' => 'Basic, Inc.',
+ 'AuthorURI' => 'https://example.com/',
+ 'PluginURI' => 'https://example.com/plugin/basic/',
+ 'Name' => 'Basic Plugin',
+ 'Description' => '',
+ 'Version' => '1.3.1',
+ 'Tags' => 'tag2,tag0, tag3, tag3, tag1, tag3 , ',
+ 'Requires at least' => '4.9.9',
+ 'Tested up to' => '5.2.1',
+ 'Requires PHP' => '8.0.0',
+ ];
+ }
+}
diff --git a/tests/phpunit/Unit/TestCase.php b/tests/phpunit/Unit/TestCase.php
new file mode 100644
index 00000000..1daf7cdd
--- /dev/null
+++ b/tests/phpunit/Unit/TestCase.php
@@ -0,0 +1,19 @@
+getMockBuilder( PackageManager::class )
+ ->disableOriginalConstructor()
+ ->getMock();
+
+ $release_manager = $this->getMockBuilder( ReleaseManager::class )
+ ->disableOriginalConstructor()
+ ->getMock();
+
+ $archiver = new Archiver( new NullLogger() );
+ $logger = new NullIO();
+
+ $factory = new PackageFactory( $package_manager, $release_manager, $archiver, $logger );
+
+ $this->package = $factory->create( 'plugin' )
+ ->set_slug( 'AcmeCode' )
+ ->build();
+
+ $this->transformer = new ComposerPackageTransformer( $factory );
+ }
+
+ public function test_package_name_is_lowercased() {
+ $package = $this->transformer->transform( $this->package );
+ $this->assertSame( 'pixelgradelt_records/acmecode', $package->get_name() );
+ }
+}
diff --git a/tests/phpunit/Unit/Validator/HiddenDirectoryValidatorTest.php b/tests/phpunit/Unit/Validator/HiddenDirectoryValidatorTest.php
new file mode 100644
index 00000000..6383c1ac
--- /dev/null
+++ b/tests/phpunit/Unit/Validator/HiddenDirectoryValidatorTest.php
@@ -0,0 +1,35 @@
+directory = PIXELGRADELT_RECORDS_TESTS_DIR . '/Fixture/wp-content/uploads/pixelgradelt-records/packages/validate';
+
+ $this->release = $this->getMockBuilder( Release::class )
+ ->disableOriginalConstructor()
+ ->getMock();
+
+ $this->validator = new HiddenDirectoryValidator();
+ }
+
+ public function test_artifact_is_valid_zip() {
+ $filename = $this->directory . '/valid-zip.zip';
+ $result = $this->validator->validate( $filename, $this->release );
+ $this->assertTrue( $result );
+ }
+
+ public function test_validator_throws_exception_for_invalid_artifact() {
+ $this->expectException( InvalidPackageArtifact::class );
+ $filename = $this->directory . '/invalid-osx-zip.zip';
+ $this->validator->validate( $filename, $this->release );
+ }
+}
diff --git a/tests/phpunit/Unit/Validator/ZipValidatorTest.php b/tests/phpunit/Unit/Validator/ZipValidatorTest.php
new file mode 100644
index 00000000..483e4fcb
--- /dev/null
+++ b/tests/phpunit/Unit/Validator/ZipValidatorTest.php
@@ -0,0 +1,35 @@
+directory = PIXELGRADELT_RECORDS_TESTS_DIR . '/Fixture/wp-content/uploads/pixelgradelt-records/packages/validate';
+
+ $this->release = $this->getMockBuilder( Release::class )
+ ->disableOriginalConstructor()
+ ->getMock();
+
+ $this->validator = new ZipValidator();
+ }
+
+ public function test_artifact_is_valid_zip() {
+ $filename = $this->directory . '/valid-zip.zip';
+ $result = $this->validator->validate( $filename, $this->release );
+ $this->assertTrue( $result );
+ }
+
+ public function test_validator_throws_exception_for_invalid_artifact() {
+ $this->expectException( InvalidPackageArtifact::class );
+ $filename = $this->directory . '/invalid-zip.zip';
+ $this->validator->validate( $filename, $this->release );
+ }
+}
diff --git a/tests/phpunit/bootstrap.php b/tests/phpunit/bootstrap.php
new file mode 100644
index 00000000..c67d200e
--- /dev/null
+++ b/tests/phpunit/bootstrap.php
@@ -0,0 +1,38 @@
+ [ 'pixelgradelt_records/pixelgradelt-records.php' ],
+ 'timezone_string' => 'Europe/Bucharest',
+];
+
+$suite->addFilter( 'muplugins_loaded', function() {
+ require dirname( __DIR__, 2 ) . '/pixelgradelt-records.php';
+} );
+
+$suite->addFilter( 'pixelgradelt_records_compose', function( $plugin, $container ) {
+ $container['logger'] = new NullLogger();
+ $container['storage.working_directory'] = PIXELGRADELT_RECORDS_TESTS_DIR . '/Fixture/wp-content/uploads/pixelgradelt-records/';
+}, 10, 2 );
+
+$suite->bootstrap();
diff --git a/tests/phpunit/patchwork.json b/tests/phpunit/patchwork.json
new file mode 100644
index 00000000..64f18231
--- /dev/null
+++ b/tests/phpunit/patchwork.json
@@ -0,0 +1,5 @@
+{
+ "redefinable-internals": [
+ "header"
+ ]
+}
diff --git a/tests/phpunit/wp-tests-config.php b/tests/phpunit/wp-tests-config.php
new file mode 100644
index 00000000..79397b05
--- /dev/null
+++ b/tests/phpunit/wp-tests-config.php
@@ -0,0 +1,55 @@
+load();
+$dotenv->required(['WP_TESTS_DB_NAME', 'WP_TESTS_DB_USER', 'WP_TESTS_DB_PASSWORD', 'WP_TESTS_DB_HOST']);
+
+/**
+ * PROCEED
+ */
+
+// Path to the WordPress codebase to test. Add a forward slash in the end.
+define( 'ABSPATH', realpath( dirname( __DIR__, 2 ) . '/vendor/wordpress/wordpress/src' ) . '/' );
+
+// Path to the theme to test with.
+define( 'WP_DEFAULT_THEME', 'default' );
+
+// Test with WordPress debug mode (default).
+define( 'WP_DEBUG', true );
+
+// ** MySQL settings ** //
+
+// This configuration file will be used by the copy of WordPress being tested.
+// wordpress/wp-config.php will be ignored.
+
+// WARNING WARNING WARNING!
+// These tests will DROP ALL TABLES in the database with the prefix named below.
+// DO NOT use a production database or one that is shared with something else.
+
+define( 'DB_NAME', isset( $_ENV['WP_TESTS_DB_NAME'] ) ? $_ENV['WP_TESTS_DB_NAME'] : 'wordpress_test' );
+define( 'DB_USER', isset( $_ENV['WP_TESTS_DB_USER'] ) ? $_ENV['WP_TESTS_DB_USER'] : 'root' );
+define( 'DB_PASSWORD', isset( $_ENV['WP_TESTS_DB_PASSWORD'] ) ? $_ENV['WP_TESTS_DB_PASSWORD'] : '' );
+define( 'DB_HOST', isset( $_ENV['WP_TESTS_DB_HOST'] ) ? $_ENV['WP_TESTS_DB_HOST'] : 'localhost' );
+define( 'DB_CHARSET', 'utf8mb4' );
+define( 'DB_COLLATE', '' );
+
+$table_prefix = 'wptests_'; // Only numbers, letters, and underscores!
+
+// Test suite configuration.
+define( 'WP_TESTS_DOMAIN', 'example.org' );
+define( 'WP_TESTS_EMAIL', 'admin@example.org' );
+define( 'WP_TESTS_TITLE', 'Test Blog' );
+
+define( 'WP_PHP_BINARY', 'php' );
diff --git a/js/vendor/ace/ace.js b/vendor_js/ace/ace.js
similarity index 100%
rename from js/vendor/ace/ace.js
rename to vendor_js/ace/ace.js
diff --git a/js/vendor/ace/ext-beautify.js b/vendor_js/ace/ext-beautify.js
similarity index 100%
rename from js/vendor/ace/ext-beautify.js
rename to vendor_js/ace/ext-beautify.js
diff --git a/js/vendor/ace/ext-chromevox.js b/vendor_js/ace/ext-chromevox.js
similarity index 100%
rename from js/vendor/ace/ext-chromevox.js
rename to vendor_js/ace/ext-chromevox.js
diff --git a/js/vendor/ace/ext-elastic_tabstops_lite.js b/vendor_js/ace/ext-elastic_tabstops_lite.js
similarity index 100%
rename from js/vendor/ace/ext-elastic_tabstops_lite.js
rename to vendor_js/ace/ext-elastic_tabstops_lite.js
diff --git a/js/vendor/ace/ext-emmet.js b/vendor_js/ace/ext-emmet.js
similarity index 100%
rename from js/vendor/ace/ext-emmet.js
rename to vendor_js/ace/ext-emmet.js
diff --git a/js/vendor/ace/ext-error_marker.js b/vendor_js/ace/ext-error_marker.js
similarity index 100%
rename from js/vendor/ace/ext-error_marker.js
rename to vendor_js/ace/ext-error_marker.js
diff --git a/js/vendor/ace/ext-keybinding_menu.js b/vendor_js/ace/ext-keybinding_menu.js
similarity index 100%
rename from js/vendor/ace/ext-keybinding_menu.js
rename to vendor_js/ace/ext-keybinding_menu.js
diff --git a/js/vendor/ace/ext-language_tools.js b/vendor_js/ace/ext-language_tools.js
similarity index 100%
rename from js/vendor/ace/ext-language_tools.js
rename to vendor_js/ace/ext-language_tools.js
diff --git a/js/vendor/ace/ext-linking.js b/vendor_js/ace/ext-linking.js
similarity index 100%
rename from js/vendor/ace/ext-linking.js
rename to vendor_js/ace/ext-linking.js
diff --git a/js/vendor/ace/ext-modelist.js b/vendor_js/ace/ext-modelist.js
similarity index 100%
rename from js/vendor/ace/ext-modelist.js
rename to vendor_js/ace/ext-modelist.js
diff --git a/js/vendor/ace/ext-old_ie.js b/vendor_js/ace/ext-old_ie.js
similarity index 100%
rename from js/vendor/ace/ext-old_ie.js
rename to vendor_js/ace/ext-old_ie.js
diff --git a/js/vendor/ace/ext-searchbox.js b/vendor_js/ace/ext-searchbox.js
similarity index 100%
rename from js/vendor/ace/ext-searchbox.js
rename to vendor_js/ace/ext-searchbox.js
diff --git a/js/vendor/ace/ext-settings_menu.js b/vendor_js/ace/ext-settings_menu.js
similarity index 100%
rename from js/vendor/ace/ext-settings_menu.js
rename to vendor_js/ace/ext-settings_menu.js
diff --git a/js/vendor/ace/ext-spellcheck.js b/vendor_js/ace/ext-spellcheck.js
similarity index 100%
rename from js/vendor/ace/ext-spellcheck.js
rename to vendor_js/ace/ext-spellcheck.js
diff --git a/js/vendor/ace/ext-split.js b/vendor_js/ace/ext-split.js
similarity index 100%
rename from js/vendor/ace/ext-split.js
rename to vendor_js/ace/ext-split.js
diff --git a/js/vendor/ace/ext-static_highlight.js b/vendor_js/ace/ext-static_highlight.js
similarity index 100%
rename from js/vendor/ace/ext-static_highlight.js
rename to vendor_js/ace/ext-static_highlight.js
diff --git a/js/vendor/ace/ext-statusbar.js b/vendor_js/ace/ext-statusbar.js
similarity index 100%
rename from js/vendor/ace/ext-statusbar.js
rename to vendor_js/ace/ext-statusbar.js
diff --git a/js/vendor/ace/ext-textarea.js b/vendor_js/ace/ext-textarea.js
similarity index 100%
rename from js/vendor/ace/ext-textarea.js
rename to vendor_js/ace/ext-textarea.js
diff --git a/js/vendor/ace/ext-themelist.js b/vendor_js/ace/ext-themelist.js
similarity index 100%
rename from js/vendor/ace/ext-themelist.js
rename to vendor_js/ace/ext-themelist.js
diff --git a/js/vendor/ace/ext-whitespace.js b/vendor_js/ace/ext-whitespace.js
similarity index 100%
rename from js/vendor/ace/ext-whitespace.js
rename to vendor_js/ace/ext-whitespace.js
diff --git a/js/vendor/ace/keybinding-emacs.js b/vendor_js/ace/keybinding-emacs.js
similarity index 100%
rename from js/vendor/ace/keybinding-emacs.js
rename to vendor_js/ace/keybinding-emacs.js
diff --git a/js/vendor/ace/keybinding-vim.js b/vendor_js/ace/keybinding-vim.js
similarity index 100%
rename from js/vendor/ace/keybinding-vim.js
rename to vendor_js/ace/keybinding-vim.js
diff --git a/js/vendor/ace/mode-css.js b/vendor_js/ace/mode-css.js
similarity index 100%
rename from js/vendor/ace/mode-css.js
rename to vendor_js/ace/mode-css.js
diff --git a/js/vendor/ace/mode-javascript.js b/vendor_js/ace/mode-javascript.js
similarity index 100%
rename from js/vendor/ace/mode-javascript.js
rename to vendor_js/ace/mode-javascript.js
diff --git a/js/vendor/ace/mode-json.js b/vendor_js/ace/mode-json.js
similarity index 100%
rename from js/vendor/ace/mode-json.js
rename to vendor_js/ace/mode-json.js
diff --git a/js/vendor/ace/mode-markdown.js b/vendor_js/ace/mode-markdown.js
similarity index 100%
rename from js/vendor/ace/mode-markdown.js
rename to vendor_js/ace/mode-markdown.js
diff --git a/js/vendor/ace/mode-php.js b/vendor_js/ace/mode-php.js
similarity index 100%
rename from js/vendor/ace/mode-php.js
rename to vendor_js/ace/mode-php.js
diff --git a/js/vendor/ace/mode-plain_text.js b/vendor_js/ace/mode-plain_text.js
similarity index 100%
rename from js/vendor/ace/mode-plain_text.js
rename to vendor_js/ace/mode-plain_text.js
diff --git a/js/vendor/ace/mode-velocity.js b/vendor_js/ace/mode-velocity.js
similarity index 100%
rename from js/vendor/ace/mode-velocity.js
rename to vendor_js/ace/mode-velocity.js
diff --git a/js/vendor/ace/snippets/abap.js b/vendor_js/ace/snippets/abap.js
similarity index 100%
rename from js/vendor/ace/snippets/abap.js
rename to vendor_js/ace/snippets/abap.js
diff --git a/js/vendor/ace/snippets/abc.js b/vendor_js/ace/snippets/abc.js
similarity index 100%
rename from js/vendor/ace/snippets/abc.js
rename to vendor_js/ace/snippets/abc.js
diff --git a/js/vendor/ace/snippets/actionscript.js b/vendor_js/ace/snippets/actionscript.js
similarity index 100%
rename from js/vendor/ace/snippets/actionscript.js
rename to vendor_js/ace/snippets/actionscript.js
diff --git a/js/vendor/ace/snippets/ada.js b/vendor_js/ace/snippets/ada.js
similarity index 100%
rename from js/vendor/ace/snippets/ada.js
rename to vendor_js/ace/snippets/ada.js
diff --git a/js/vendor/ace/snippets/apache_conf.js b/vendor_js/ace/snippets/apache_conf.js
similarity index 100%
rename from js/vendor/ace/snippets/apache_conf.js
rename to vendor_js/ace/snippets/apache_conf.js
diff --git a/js/vendor/ace/snippets/applescript.js b/vendor_js/ace/snippets/applescript.js
similarity index 100%
rename from js/vendor/ace/snippets/applescript.js
rename to vendor_js/ace/snippets/applescript.js
diff --git a/js/vendor/ace/snippets/asciidoc.js b/vendor_js/ace/snippets/asciidoc.js
similarity index 100%
rename from js/vendor/ace/snippets/asciidoc.js
rename to vendor_js/ace/snippets/asciidoc.js
diff --git a/js/vendor/ace/snippets/assembly_x86.js b/vendor_js/ace/snippets/assembly_x86.js
similarity index 100%
rename from js/vendor/ace/snippets/assembly_x86.js
rename to vendor_js/ace/snippets/assembly_x86.js
diff --git a/js/vendor/ace/snippets/autohotkey.js b/vendor_js/ace/snippets/autohotkey.js
similarity index 100%
rename from js/vendor/ace/snippets/autohotkey.js
rename to vendor_js/ace/snippets/autohotkey.js
diff --git a/js/vendor/ace/snippets/batchfile.js b/vendor_js/ace/snippets/batchfile.js
similarity index 100%
rename from js/vendor/ace/snippets/batchfile.js
rename to vendor_js/ace/snippets/batchfile.js
diff --git a/js/vendor/ace/snippets/c9search.js b/vendor_js/ace/snippets/c9search.js
similarity index 100%
rename from js/vendor/ace/snippets/c9search.js
rename to vendor_js/ace/snippets/c9search.js
diff --git a/js/vendor/ace/snippets/c_cpp.js b/vendor_js/ace/snippets/c_cpp.js
similarity index 100%
rename from js/vendor/ace/snippets/c_cpp.js
rename to vendor_js/ace/snippets/c_cpp.js
diff --git a/js/vendor/ace/snippets/cirru.js b/vendor_js/ace/snippets/cirru.js
similarity index 100%
rename from js/vendor/ace/snippets/cirru.js
rename to vendor_js/ace/snippets/cirru.js
diff --git a/js/vendor/ace/snippets/clojure.js b/vendor_js/ace/snippets/clojure.js
similarity index 100%
rename from js/vendor/ace/snippets/clojure.js
rename to vendor_js/ace/snippets/clojure.js
diff --git a/js/vendor/ace/snippets/cobol.js b/vendor_js/ace/snippets/cobol.js
similarity index 100%
rename from js/vendor/ace/snippets/cobol.js
rename to vendor_js/ace/snippets/cobol.js
diff --git a/js/vendor/ace/snippets/coffee.js b/vendor_js/ace/snippets/coffee.js
similarity index 100%
rename from js/vendor/ace/snippets/coffee.js
rename to vendor_js/ace/snippets/coffee.js
diff --git a/js/vendor/ace/snippets/coldfusion.js b/vendor_js/ace/snippets/coldfusion.js
similarity index 100%
rename from js/vendor/ace/snippets/coldfusion.js
rename to vendor_js/ace/snippets/coldfusion.js
diff --git a/js/vendor/ace/snippets/csharp.js b/vendor_js/ace/snippets/csharp.js
similarity index 100%
rename from js/vendor/ace/snippets/csharp.js
rename to vendor_js/ace/snippets/csharp.js
diff --git a/js/vendor/ace/snippets/css.js b/vendor_js/ace/snippets/css.js
similarity index 100%
rename from js/vendor/ace/snippets/css.js
rename to vendor_js/ace/snippets/css.js
diff --git a/js/vendor/ace/snippets/curly.js b/vendor_js/ace/snippets/curly.js
similarity index 100%
rename from js/vendor/ace/snippets/curly.js
rename to vendor_js/ace/snippets/curly.js
diff --git a/js/vendor/ace/snippets/d.js b/vendor_js/ace/snippets/d.js
similarity index 100%
rename from js/vendor/ace/snippets/d.js
rename to vendor_js/ace/snippets/d.js
diff --git a/js/vendor/ace/snippets/dart.js b/vendor_js/ace/snippets/dart.js
similarity index 100%
rename from js/vendor/ace/snippets/dart.js
rename to vendor_js/ace/snippets/dart.js
diff --git a/js/vendor/ace/snippets/diff.js b/vendor_js/ace/snippets/diff.js
similarity index 100%
rename from js/vendor/ace/snippets/diff.js
rename to vendor_js/ace/snippets/diff.js
diff --git a/js/vendor/ace/snippets/django.js b/vendor_js/ace/snippets/django.js
similarity index 100%
rename from js/vendor/ace/snippets/django.js
rename to vendor_js/ace/snippets/django.js
diff --git a/js/vendor/ace/snippets/dockerfile.js b/vendor_js/ace/snippets/dockerfile.js
similarity index 100%
rename from js/vendor/ace/snippets/dockerfile.js
rename to vendor_js/ace/snippets/dockerfile.js
diff --git a/js/vendor/ace/snippets/dot.js b/vendor_js/ace/snippets/dot.js
similarity index 100%
rename from js/vendor/ace/snippets/dot.js
rename to vendor_js/ace/snippets/dot.js
diff --git a/js/vendor/ace/snippets/eiffel.js b/vendor_js/ace/snippets/eiffel.js
similarity index 100%
rename from js/vendor/ace/snippets/eiffel.js
rename to vendor_js/ace/snippets/eiffel.js
diff --git a/js/vendor/ace/snippets/ejs.js b/vendor_js/ace/snippets/ejs.js
similarity index 100%
rename from js/vendor/ace/snippets/ejs.js
rename to vendor_js/ace/snippets/ejs.js
diff --git a/js/vendor/ace/snippets/elixir.js b/vendor_js/ace/snippets/elixir.js
similarity index 100%
rename from js/vendor/ace/snippets/elixir.js
rename to vendor_js/ace/snippets/elixir.js
diff --git a/js/vendor/ace/snippets/elm.js b/vendor_js/ace/snippets/elm.js
similarity index 100%
rename from js/vendor/ace/snippets/elm.js
rename to vendor_js/ace/snippets/elm.js
diff --git a/js/vendor/ace/snippets/erlang.js b/vendor_js/ace/snippets/erlang.js
similarity index 100%
rename from js/vendor/ace/snippets/erlang.js
rename to vendor_js/ace/snippets/erlang.js
diff --git a/js/vendor/ace/snippets/forth.js b/vendor_js/ace/snippets/forth.js
similarity index 100%
rename from js/vendor/ace/snippets/forth.js
rename to vendor_js/ace/snippets/forth.js
diff --git a/js/vendor/ace/snippets/ftl.js b/vendor_js/ace/snippets/ftl.js
similarity index 100%
rename from js/vendor/ace/snippets/ftl.js
rename to vendor_js/ace/snippets/ftl.js
diff --git a/js/vendor/ace/snippets/gcode.js b/vendor_js/ace/snippets/gcode.js
similarity index 100%
rename from js/vendor/ace/snippets/gcode.js
rename to vendor_js/ace/snippets/gcode.js
diff --git a/js/vendor/ace/snippets/gherkin.js b/vendor_js/ace/snippets/gherkin.js
similarity index 100%
rename from js/vendor/ace/snippets/gherkin.js
rename to vendor_js/ace/snippets/gherkin.js
diff --git a/js/vendor/ace/snippets/gitignore.js b/vendor_js/ace/snippets/gitignore.js
similarity index 100%
rename from js/vendor/ace/snippets/gitignore.js
rename to vendor_js/ace/snippets/gitignore.js
diff --git a/js/vendor/ace/snippets/glsl.js b/vendor_js/ace/snippets/glsl.js
similarity index 100%
rename from js/vendor/ace/snippets/glsl.js
rename to vendor_js/ace/snippets/glsl.js
diff --git a/js/vendor/ace/snippets/golang.js b/vendor_js/ace/snippets/golang.js
similarity index 100%
rename from js/vendor/ace/snippets/golang.js
rename to vendor_js/ace/snippets/golang.js
diff --git a/js/vendor/ace/snippets/groovy.js b/vendor_js/ace/snippets/groovy.js
similarity index 100%
rename from js/vendor/ace/snippets/groovy.js
rename to vendor_js/ace/snippets/groovy.js
diff --git a/js/vendor/ace/snippets/haml.js b/vendor_js/ace/snippets/haml.js
similarity index 100%
rename from js/vendor/ace/snippets/haml.js
rename to vendor_js/ace/snippets/haml.js
diff --git a/js/vendor/ace/snippets/handlebars.js b/vendor_js/ace/snippets/handlebars.js
similarity index 100%
rename from js/vendor/ace/snippets/handlebars.js
rename to vendor_js/ace/snippets/handlebars.js
diff --git a/js/vendor/ace/snippets/haskell.js b/vendor_js/ace/snippets/haskell.js
similarity index 100%
rename from js/vendor/ace/snippets/haskell.js
rename to vendor_js/ace/snippets/haskell.js
diff --git a/js/vendor/ace/snippets/haxe.js b/vendor_js/ace/snippets/haxe.js
similarity index 100%
rename from js/vendor/ace/snippets/haxe.js
rename to vendor_js/ace/snippets/haxe.js
diff --git a/js/vendor/ace/snippets/html.js b/vendor_js/ace/snippets/html.js
similarity index 100%
rename from js/vendor/ace/snippets/html.js
rename to vendor_js/ace/snippets/html.js
diff --git a/js/vendor/ace/snippets/html_ruby.js b/vendor_js/ace/snippets/html_ruby.js
similarity index 100%
rename from js/vendor/ace/snippets/html_ruby.js
rename to vendor_js/ace/snippets/html_ruby.js
diff --git a/js/vendor/ace/snippets/ini.js b/vendor_js/ace/snippets/ini.js
similarity index 100%
rename from js/vendor/ace/snippets/ini.js
rename to vendor_js/ace/snippets/ini.js
diff --git a/js/vendor/ace/snippets/io.js b/vendor_js/ace/snippets/io.js
similarity index 100%
rename from js/vendor/ace/snippets/io.js
rename to vendor_js/ace/snippets/io.js
diff --git a/js/vendor/ace/snippets/jack.js b/vendor_js/ace/snippets/jack.js
similarity index 100%
rename from js/vendor/ace/snippets/jack.js
rename to vendor_js/ace/snippets/jack.js
diff --git a/js/vendor/ace/snippets/jade.js b/vendor_js/ace/snippets/jade.js
similarity index 100%
rename from js/vendor/ace/snippets/jade.js
rename to vendor_js/ace/snippets/jade.js
diff --git a/js/vendor/ace/snippets/java.js b/vendor_js/ace/snippets/java.js
similarity index 100%
rename from js/vendor/ace/snippets/java.js
rename to vendor_js/ace/snippets/java.js
diff --git a/js/vendor/ace/snippets/javascript.js b/vendor_js/ace/snippets/javascript.js
similarity index 100%
rename from js/vendor/ace/snippets/javascript.js
rename to vendor_js/ace/snippets/javascript.js
diff --git a/js/vendor/ace/snippets/json.js b/vendor_js/ace/snippets/json.js
similarity index 100%
rename from js/vendor/ace/snippets/json.js
rename to vendor_js/ace/snippets/json.js
diff --git a/js/vendor/ace/snippets/jsoniq.js b/vendor_js/ace/snippets/jsoniq.js
similarity index 100%
rename from js/vendor/ace/snippets/jsoniq.js
rename to vendor_js/ace/snippets/jsoniq.js
diff --git a/js/vendor/ace/snippets/jsp.js b/vendor_js/ace/snippets/jsp.js
similarity index 100%
rename from js/vendor/ace/snippets/jsp.js
rename to vendor_js/ace/snippets/jsp.js
diff --git a/js/vendor/ace/snippets/jsx.js b/vendor_js/ace/snippets/jsx.js
similarity index 100%
rename from js/vendor/ace/snippets/jsx.js
rename to vendor_js/ace/snippets/jsx.js
diff --git a/js/vendor/ace/snippets/julia.js b/vendor_js/ace/snippets/julia.js
similarity index 100%
rename from js/vendor/ace/snippets/julia.js
rename to vendor_js/ace/snippets/julia.js
diff --git a/js/vendor/ace/snippets/latex.js b/vendor_js/ace/snippets/latex.js
similarity index 100%
rename from js/vendor/ace/snippets/latex.js
rename to vendor_js/ace/snippets/latex.js
diff --git a/js/vendor/ace/snippets/lean.js b/vendor_js/ace/snippets/lean.js
similarity index 100%
rename from js/vendor/ace/snippets/lean.js
rename to vendor_js/ace/snippets/lean.js
diff --git a/js/vendor/ace/snippets/less.js b/vendor_js/ace/snippets/less.js
similarity index 100%
rename from js/vendor/ace/snippets/less.js
rename to vendor_js/ace/snippets/less.js
diff --git a/js/vendor/ace/snippets/liquid.js b/vendor_js/ace/snippets/liquid.js
similarity index 100%
rename from js/vendor/ace/snippets/liquid.js
rename to vendor_js/ace/snippets/liquid.js
diff --git a/js/vendor/ace/snippets/lisp.js b/vendor_js/ace/snippets/lisp.js
similarity index 100%
rename from js/vendor/ace/snippets/lisp.js
rename to vendor_js/ace/snippets/lisp.js
diff --git a/js/vendor/ace/snippets/live_script.js b/vendor_js/ace/snippets/live_script.js
similarity index 100%
rename from js/vendor/ace/snippets/live_script.js
rename to vendor_js/ace/snippets/live_script.js
diff --git a/js/vendor/ace/snippets/livescript.js b/vendor_js/ace/snippets/livescript.js
similarity index 100%
rename from js/vendor/ace/snippets/livescript.js
rename to vendor_js/ace/snippets/livescript.js
diff --git a/js/vendor/ace/snippets/logiql.js b/vendor_js/ace/snippets/logiql.js
similarity index 100%
rename from js/vendor/ace/snippets/logiql.js
rename to vendor_js/ace/snippets/logiql.js
diff --git a/js/vendor/ace/snippets/lsl.js b/vendor_js/ace/snippets/lsl.js
similarity index 100%
rename from js/vendor/ace/snippets/lsl.js
rename to vendor_js/ace/snippets/lsl.js
diff --git a/js/vendor/ace/snippets/lua.js b/vendor_js/ace/snippets/lua.js
similarity index 100%
rename from js/vendor/ace/snippets/lua.js
rename to vendor_js/ace/snippets/lua.js
diff --git a/js/vendor/ace/snippets/luapage.js b/vendor_js/ace/snippets/luapage.js
similarity index 100%
rename from js/vendor/ace/snippets/luapage.js
rename to vendor_js/ace/snippets/luapage.js
diff --git a/js/vendor/ace/snippets/lucene.js b/vendor_js/ace/snippets/lucene.js
similarity index 100%
rename from js/vendor/ace/snippets/lucene.js
rename to vendor_js/ace/snippets/lucene.js
diff --git a/js/vendor/ace/snippets/makefile.js b/vendor_js/ace/snippets/makefile.js
similarity index 100%
rename from js/vendor/ace/snippets/makefile.js
rename to vendor_js/ace/snippets/makefile.js
diff --git a/js/vendor/ace/snippets/markdown.js b/vendor_js/ace/snippets/markdown.js
similarity index 100%
rename from js/vendor/ace/snippets/markdown.js
rename to vendor_js/ace/snippets/markdown.js
diff --git a/js/vendor/ace/snippets/mask.js b/vendor_js/ace/snippets/mask.js
similarity index 100%
rename from js/vendor/ace/snippets/mask.js
rename to vendor_js/ace/snippets/mask.js
diff --git a/js/vendor/ace/snippets/matlab.js b/vendor_js/ace/snippets/matlab.js
similarity index 100%
rename from js/vendor/ace/snippets/matlab.js
rename to vendor_js/ace/snippets/matlab.js
diff --git a/js/vendor/ace/snippets/mel.js b/vendor_js/ace/snippets/mel.js
similarity index 100%
rename from js/vendor/ace/snippets/mel.js
rename to vendor_js/ace/snippets/mel.js
diff --git a/js/vendor/ace/snippets/mips_assembler.js b/vendor_js/ace/snippets/mips_assembler.js
similarity index 100%
rename from js/vendor/ace/snippets/mips_assembler.js
rename to vendor_js/ace/snippets/mips_assembler.js
diff --git a/js/vendor/ace/snippets/mipsassembler.js b/vendor_js/ace/snippets/mipsassembler.js
similarity index 100%
rename from js/vendor/ace/snippets/mipsassembler.js
rename to vendor_js/ace/snippets/mipsassembler.js
diff --git a/js/vendor/ace/snippets/mushcode.js b/vendor_js/ace/snippets/mushcode.js
similarity index 100%
rename from js/vendor/ace/snippets/mushcode.js
rename to vendor_js/ace/snippets/mushcode.js
diff --git a/js/vendor/ace/snippets/mysql.js b/vendor_js/ace/snippets/mysql.js
similarity index 100%
rename from js/vendor/ace/snippets/mysql.js
rename to vendor_js/ace/snippets/mysql.js
diff --git a/js/vendor/ace/snippets/nix.js b/vendor_js/ace/snippets/nix.js
similarity index 100%
rename from js/vendor/ace/snippets/nix.js
rename to vendor_js/ace/snippets/nix.js
diff --git a/js/vendor/ace/snippets/objectivec.js b/vendor_js/ace/snippets/objectivec.js
similarity index 100%
rename from js/vendor/ace/snippets/objectivec.js
rename to vendor_js/ace/snippets/objectivec.js
diff --git a/js/vendor/ace/snippets/ocaml.js b/vendor_js/ace/snippets/ocaml.js
similarity index 100%
rename from js/vendor/ace/snippets/ocaml.js
rename to vendor_js/ace/snippets/ocaml.js
diff --git a/js/vendor/ace/snippets/pascal.js b/vendor_js/ace/snippets/pascal.js
similarity index 100%
rename from js/vendor/ace/snippets/pascal.js
rename to vendor_js/ace/snippets/pascal.js
diff --git a/js/vendor/ace/snippets/perl.js b/vendor_js/ace/snippets/perl.js
similarity index 100%
rename from js/vendor/ace/snippets/perl.js
rename to vendor_js/ace/snippets/perl.js
diff --git a/js/vendor/ace/snippets/pgsql.js b/vendor_js/ace/snippets/pgsql.js
similarity index 100%
rename from js/vendor/ace/snippets/pgsql.js
rename to vendor_js/ace/snippets/pgsql.js
diff --git a/js/vendor/ace/snippets/php.js b/vendor_js/ace/snippets/php.js
similarity index 100%
rename from js/vendor/ace/snippets/php.js
rename to vendor_js/ace/snippets/php.js
diff --git a/js/vendor/ace/snippets/plain_text.js b/vendor_js/ace/snippets/plain_text.js
similarity index 100%
rename from js/vendor/ace/snippets/plain_text.js
rename to vendor_js/ace/snippets/plain_text.js
diff --git a/js/vendor/ace/snippets/powershell.js b/vendor_js/ace/snippets/powershell.js
similarity index 100%
rename from js/vendor/ace/snippets/powershell.js
rename to vendor_js/ace/snippets/powershell.js
diff --git a/js/vendor/ace/snippets/praat.js b/vendor_js/ace/snippets/praat.js
similarity index 100%
rename from js/vendor/ace/snippets/praat.js
rename to vendor_js/ace/snippets/praat.js
diff --git a/js/vendor/ace/snippets/prolog.js b/vendor_js/ace/snippets/prolog.js
similarity index 100%
rename from js/vendor/ace/snippets/prolog.js
rename to vendor_js/ace/snippets/prolog.js
diff --git a/js/vendor/ace/snippets/properties.js b/vendor_js/ace/snippets/properties.js
similarity index 100%
rename from js/vendor/ace/snippets/properties.js
rename to vendor_js/ace/snippets/properties.js
diff --git a/js/vendor/ace/snippets/protobuf.js b/vendor_js/ace/snippets/protobuf.js
similarity index 100%
rename from js/vendor/ace/snippets/protobuf.js
rename to vendor_js/ace/snippets/protobuf.js
diff --git a/js/vendor/ace/snippets/python.js b/vendor_js/ace/snippets/python.js
similarity index 100%
rename from js/vendor/ace/snippets/python.js
rename to vendor_js/ace/snippets/python.js
diff --git a/js/vendor/ace/snippets/r.js b/vendor_js/ace/snippets/r.js
similarity index 100%
rename from js/vendor/ace/snippets/r.js
rename to vendor_js/ace/snippets/r.js
diff --git a/js/vendor/ace/snippets/rdoc.js b/vendor_js/ace/snippets/rdoc.js
similarity index 100%
rename from js/vendor/ace/snippets/rdoc.js
rename to vendor_js/ace/snippets/rdoc.js
diff --git a/js/vendor/ace/snippets/rhtml.js b/vendor_js/ace/snippets/rhtml.js
similarity index 100%
rename from js/vendor/ace/snippets/rhtml.js
rename to vendor_js/ace/snippets/rhtml.js
diff --git a/js/vendor/ace/snippets/ruby.js b/vendor_js/ace/snippets/ruby.js
similarity index 100%
rename from js/vendor/ace/snippets/ruby.js
rename to vendor_js/ace/snippets/ruby.js
diff --git a/js/vendor/ace/snippets/rust.js b/vendor_js/ace/snippets/rust.js
similarity index 100%
rename from js/vendor/ace/snippets/rust.js
rename to vendor_js/ace/snippets/rust.js
diff --git a/js/vendor/ace/snippets/sass.js b/vendor_js/ace/snippets/sass.js
similarity index 100%
rename from js/vendor/ace/snippets/sass.js
rename to vendor_js/ace/snippets/sass.js
diff --git a/js/vendor/ace/snippets/scad.js b/vendor_js/ace/snippets/scad.js
similarity index 100%
rename from js/vendor/ace/snippets/scad.js
rename to vendor_js/ace/snippets/scad.js
diff --git a/js/vendor/ace/snippets/scala.js b/vendor_js/ace/snippets/scala.js
similarity index 100%
rename from js/vendor/ace/snippets/scala.js
rename to vendor_js/ace/snippets/scala.js
diff --git a/js/vendor/ace/snippets/scheme.js b/vendor_js/ace/snippets/scheme.js
similarity index 100%
rename from js/vendor/ace/snippets/scheme.js
rename to vendor_js/ace/snippets/scheme.js
diff --git a/js/vendor/ace/snippets/scss.js b/vendor_js/ace/snippets/scss.js
similarity index 100%
rename from js/vendor/ace/snippets/scss.js
rename to vendor_js/ace/snippets/scss.js
diff --git a/js/vendor/ace/snippets/sh.js b/vendor_js/ace/snippets/sh.js
similarity index 100%
rename from js/vendor/ace/snippets/sh.js
rename to vendor_js/ace/snippets/sh.js
diff --git a/js/vendor/ace/snippets/sjs.js b/vendor_js/ace/snippets/sjs.js
similarity index 100%
rename from js/vendor/ace/snippets/sjs.js
rename to vendor_js/ace/snippets/sjs.js
diff --git a/js/vendor/ace/snippets/smarty.js b/vendor_js/ace/snippets/smarty.js
similarity index 100%
rename from js/vendor/ace/snippets/smarty.js
rename to vendor_js/ace/snippets/smarty.js
diff --git a/js/vendor/ace/snippets/snippets.js b/vendor_js/ace/snippets/snippets.js
similarity index 100%
rename from js/vendor/ace/snippets/snippets.js
rename to vendor_js/ace/snippets/snippets.js
diff --git a/js/vendor/ace/snippets/soy_template.js b/vendor_js/ace/snippets/soy_template.js
similarity index 100%
rename from js/vendor/ace/snippets/soy_template.js
rename to vendor_js/ace/snippets/soy_template.js
diff --git a/js/vendor/ace/snippets/space.js b/vendor_js/ace/snippets/space.js
similarity index 100%
rename from js/vendor/ace/snippets/space.js
rename to vendor_js/ace/snippets/space.js
diff --git a/js/vendor/ace/snippets/sql.js b/vendor_js/ace/snippets/sql.js
similarity index 100%
rename from js/vendor/ace/snippets/sql.js
rename to vendor_js/ace/snippets/sql.js
diff --git a/js/vendor/ace/snippets/sqlserver.js b/vendor_js/ace/snippets/sqlserver.js
similarity index 100%
rename from js/vendor/ace/snippets/sqlserver.js
rename to vendor_js/ace/snippets/sqlserver.js
diff --git a/js/vendor/ace/snippets/stylus.js b/vendor_js/ace/snippets/stylus.js
similarity index 100%
rename from js/vendor/ace/snippets/stylus.js
rename to vendor_js/ace/snippets/stylus.js
diff --git a/js/vendor/ace/snippets/svg.js b/vendor_js/ace/snippets/svg.js
similarity index 100%
rename from js/vendor/ace/snippets/svg.js
rename to vendor_js/ace/snippets/svg.js
diff --git a/js/vendor/ace/snippets/tcl.js b/vendor_js/ace/snippets/tcl.js
similarity index 100%
rename from js/vendor/ace/snippets/tcl.js
rename to vendor_js/ace/snippets/tcl.js
diff --git a/js/vendor/ace/snippets/tex.js b/vendor_js/ace/snippets/tex.js
similarity index 100%
rename from js/vendor/ace/snippets/tex.js
rename to vendor_js/ace/snippets/tex.js
diff --git a/js/vendor/ace/snippets/text.js b/vendor_js/ace/snippets/text.js
similarity index 100%
rename from js/vendor/ace/snippets/text.js
rename to vendor_js/ace/snippets/text.js
diff --git a/js/vendor/ace/snippets/textile.js b/vendor_js/ace/snippets/textile.js
similarity index 100%
rename from js/vendor/ace/snippets/textile.js
rename to vendor_js/ace/snippets/textile.js
diff --git a/js/vendor/ace/snippets/toml.js b/vendor_js/ace/snippets/toml.js
similarity index 100%
rename from js/vendor/ace/snippets/toml.js
rename to vendor_js/ace/snippets/toml.js
diff --git a/js/vendor/ace/snippets/twig.js b/vendor_js/ace/snippets/twig.js
similarity index 100%
rename from js/vendor/ace/snippets/twig.js
rename to vendor_js/ace/snippets/twig.js
diff --git a/js/vendor/ace/snippets/typescript.js b/vendor_js/ace/snippets/typescript.js
similarity index 100%
rename from js/vendor/ace/snippets/typescript.js
rename to vendor_js/ace/snippets/typescript.js
diff --git a/js/vendor/ace/snippets/vala.js b/vendor_js/ace/snippets/vala.js
similarity index 100%
rename from js/vendor/ace/snippets/vala.js
rename to vendor_js/ace/snippets/vala.js
diff --git a/js/vendor/ace/snippets/vbscript.js b/vendor_js/ace/snippets/vbscript.js
similarity index 100%
rename from js/vendor/ace/snippets/vbscript.js
rename to vendor_js/ace/snippets/vbscript.js
diff --git a/js/vendor/ace/snippets/velocity.js b/vendor_js/ace/snippets/velocity.js
similarity index 100%
rename from js/vendor/ace/snippets/velocity.js
rename to vendor_js/ace/snippets/velocity.js
diff --git a/js/vendor/ace/snippets/verilog.js b/vendor_js/ace/snippets/verilog.js
similarity index 100%
rename from js/vendor/ace/snippets/verilog.js
rename to vendor_js/ace/snippets/verilog.js
diff --git a/js/vendor/ace/snippets/vhdl.js b/vendor_js/ace/snippets/vhdl.js
similarity index 100%
rename from js/vendor/ace/snippets/vhdl.js
rename to vendor_js/ace/snippets/vhdl.js
diff --git a/js/vendor/ace/snippets/xml.js b/vendor_js/ace/snippets/xml.js
similarity index 100%
rename from js/vendor/ace/snippets/xml.js
rename to vendor_js/ace/snippets/xml.js
diff --git a/js/vendor/ace/snippets/xquery.js b/vendor_js/ace/snippets/xquery.js
similarity index 100%
rename from js/vendor/ace/snippets/xquery.js
rename to vendor_js/ace/snippets/xquery.js
diff --git a/js/vendor/ace/snippets/yaml.js b/vendor_js/ace/snippets/yaml.js
similarity index 100%
rename from js/vendor/ace/snippets/yaml.js
rename to vendor_js/ace/snippets/yaml.js
diff --git a/js/vendor/ace/theme-github.js b/vendor_js/ace/theme-github.js
similarity index 100%
rename from js/vendor/ace/theme-github.js
rename to vendor_js/ace/theme-github.js
diff --git a/js/vendor/ace/worker-css.js b/vendor_js/ace/worker-css.js
similarity index 100%
rename from js/vendor/ace/worker-css.js
rename to vendor_js/ace/worker-css.js
diff --git a/js/vendor/ace/worker-html.js b/vendor_js/ace/worker-html.js
similarity index 100%
rename from js/vendor/ace/worker-html.js
rename to vendor_js/ace/worker-html.js
diff --git a/js/vendor/ace/worker-javascript.js b/vendor_js/ace/worker-javascript.js
similarity index 100%
rename from js/vendor/ace/worker-javascript.js
rename to vendor_js/ace/worker-javascript.js
diff --git a/js/vendor/ace/worker-json.js b/vendor_js/ace/worker-json.js
similarity index 100%
rename from js/vendor/ace/worker-json.js
rename to vendor_js/ace/worker-json.js
diff --git a/vendor_js/chroma.js b/vendor_js/chroma.js
new file mode 100644
index 00000000..e17e96b5
--- /dev/null
+++ b/vendor_js/chroma.js
@@ -0,0 +1,3225 @@
+/**
+ * chroma.js - JavaScript library for color conversions
+ *
+ * Copyright (c) 2011-2019, Gregor Aisch
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ * 1. Redistributions of source code must retain the above copyright notice, this
+ * list of conditions and the following disclaimer.
+ *
+ * 2. Redistributions in binary form must reproduce the above copyright notice,
+ * this list of conditions and the following disclaimer in the documentation
+ * and/or other materials provided with the distribution.
+ *
+ * 3. The name Gregor Aisch may not be used to endorse or promote products
+ * derived from this software without specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+ * DISCLAIMED. IN NO EVENT SHALL GREGOR AISCH OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT,
+ * INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING,
+ * BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+ * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
+ * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE,
+ * EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ *
+ * -------------------------------------------------------
+ *
+ * chroma.js includes colors from colorbrewer2.org, which are released under
+ * the following license:
+ *
+ * Copyright (c) 2002 Cynthia Brewer, Mark Harrower,
+ * and The Pennsylvania State University.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ * either express or implied. See the License for the specific
+ * language governing permissions and limitations under the License.
+ *
+ * ------------------------------------------------------
+ *
+ * Named colors are taken from X11 Color Names.
+ * http://www.w3.org/TR/css3-color/#svg-color
+ *
+ * @preserve
+ */
+
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+ typeof define === 'function' && define.amd ? define(factory) :
+ (global.chroma = factory());
+}(this, (function () { 'use strict';
+
+ var limit = function (x, min, max) {
+ if ( min === void 0 ) min=0;
+ if ( max === void 0 ) max=1;
+
+ return x < min ? min : x > max ? max : x;
+ };
+
+ var clip_rgb = function (rgb) {
+ rgb._clipped = false;
+ rgb._unclipped = rgb.slice(0);
+ for (var i=0; i<=3; i++) {
+ if (i < 3) {
+ if (rgb[i] < 0 || rgb[i] > 255) { rgb._clipped = true; }
+ rgb[i] = limit(rgb[i], 0, 255);
+ } else if (i === 3) {
+ rgb[i] = limit(rgb[i], 0, 1);
+ }
+ }
+ return rgb;
+ };
+
+ // ported from jQuery's $.type
+ var classToType = {};
+ for (var i = 0, list = ['Boolean', 'Number', 'String', 'Function', 'Array', 'Date', 'RegExp', 'Undefined', 'Null']; i < list.length; i += 1) {
+ var name = list[i];
+
+ classToType[("[object " + name + "]")] = name.toLowerCase();
+ }
+ var type = function(obj) {
+ return classToType[Object.prototype.toString.call(obj)] || "object";
+ };
+
+ var unpack = function (args, keyOrder) {
+ if ( keyOrder === void 0 ) keyOrder=null;
+
+ // if called with more than 3 arguments, we return the arguments
+ if (args.length >= 3) { return Array.prototype.slice.call(args); }
+ // with less than 3 args we check if first arg is object
+ // and use the keyOrder string to extract and sort properties
+ if (type(args[0]) == 'object' && keyOrder) {
+ return keyOrder.split('')
+ .filter(function (k) { return args[0][k] !== undefined; })
+ .map(function (k) { return args[0][k]; });
+ }
+ // otherwise we just return the first argument
+ // (which we suppose is an array of args)
+ return args[0];
+ };
+
+ var last = function (args) {
+ if (args.length < 2) { return null; }
+ var l = args.length-1;
+ if (type(args[l]) == 'string') { return args[l].toLowerCase(); }
+ return null;
+ };
+
+ var PI = Math.PI;
+
+ var utils = {
+ clip_rgb: clip_rgb,
+ limit: limit,
+ type: type,
+ unpack: unpack,
+ last: last,
+ PI: PI,
+ TWOPI: PI*2,
+ PITHIRD: PI/3,
+ DEG2RAD: PI / 180,
+ RAD2DEG: 180 / PI
+ };
+
+ var input = {
+ format: {},
+ autodetect: []
+ };
+
+ var last$1 = utils.last;
+ var clip_rgb$1 = utils.clip_rgb;
+ var type$1 = utils.type;
+
+
+ var Color = function Color() {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ var me = this;
+ if (type$1(args[0]) === 'object' &&
+ args[0].constructor &&
+ args[0].constructor === this.constructor) {
+ // the argument is already a Color instance
+ return args[0];
+ }
+
+ // last argument could be the mode
+ var mode = last$1(args);
+ var autodetect = false;
+
+ if (!mode) {
+ autodetect = true;
+ if (!input.sorted) {
+ input.autodetect = input.autodetect.sort(function (a,b) { return b.p - a.p; });
+ input.sorted = true;
+ }
+ // auto-detect format
+ for (var i = 0, list = input.autodetect; i < list.length; i += 1) {
+ var chk = list[i];
+
+ mode = chk.test.apply(chk, args);
+ if (mode) { break; }
+ }
+ }
+
+ if (input.format[mode]) {
+ var rgb = input.format[mode].apply(null, autodetect ? args : args.slice(0,-1));
+ me._rgb = clip_rgb$1(rgb);
+ } else {
+ throw new Error('unknown format: '+args);
+ }
+
+ // add alpha channel
+ if (me._rgb.length === 3) { me._rgb.push(1); }
+ };
+
+ Color.prototype.toString = function toString () {
+ if (type$1(this.hex) == 'function') { return this.hex(); }
+ return ("[" + (this._rgb.join(',')) + "]");
+ };
+
+ var Color_1 = Color;
+
+ var chroma = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ return new (Function.prototype.bind.apply( chroma.Color, [ null ].concat( args) ));
+ };
+
+ chroma.Color = Color_1;
+ chroma.version = '2.1.0';
+
+ var chroma_1 = chroma;
+
+ var unpack$1 = utils.unpack;
+ var max = Math.max;
+
+ var rgb2cmyk = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ var ref = unpack$1(args, 'rgb');
+ var r = ref[0];
+ var g = ref[1];
+ var b = ref[2];
+ r = r / 255;
+ g = g / 255;
+ b = b / 255;
+ var k = 1 - max(r,max(g,b));
+ var f = k < 1 ? 1 / (1-k) : 0;
+ var c = (1-r-k) * f;
+ var m = (1-g-k) * f;
+ var y = (1-b-k) * f;
+ return [c,m,y,k];
+ };
+
+ var rgb2cmyk_1 = rgb2cmyk;
+
+ var unpack$2 = utils.unpack;
+
+ var cmyk2rgb = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ args = unpack$2(args, 'cmyk');
+ var c = args[0];
+ var m = args[1];
+ var y = args[2];
+ var k = args[3];
+ var alpha = args.length > 4 ? args[4] : 1;
+ if (k === 1) { return [0,0,0,alpha]; }
+ return [
+ c >= 1 ? 0 : 255 * (1-c) * (1-k), // r
+ m >= 1 ? 0 : 255 * (1-m) * (1-k), // g
+ y >= 1 ? 0 : 255 * (1-y) * (1-k), // b
+ alpha
+ ];
+ };
+
+ var cmyk2rgb_1 = cmyk2rgb;
+
+ var unpack$3 = utils.unpack;
+ var type$2 = utils.type;
+
+
+
+ Color_1.prototype.cmyk = function() {
+ return rgb2cmyk_1(this._rgb);
+ };
+
+ chroma_1.cmyk = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['cmyk']) ));
+ };
+
+ input.format.cmyk = cmyk2rgb_1;
+
+ input.autodetect.push({
+ p: 2,
+ test: function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ args = unpack$3(args, 'cmyk');
+ if (type$2(args) === 'array' && args.length === 4) {
+ return 'cmyk';
+ }
+ }
+ });
+
+ var unpack$4 = utils.unpack;
+ var last$2 = utils.last;
+ var rnd = function (a) { return Math.round(a*100)/100; };
+
+ /*
+ * supported arguments:
+ * - hsl2css(h,s,l)
+ * - hsl2css(h,s,l,a)
+ * - hsl2css([h,s,l], mode)
+ * - hsl2css([h,s,l,a], mode)
+ * - hsl2css({h,s,l,a}, mode)
+ */
+ var hsl2css = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ var hsla = unpack$4(args, 'hsla');
+ var mode = last$2(args) || 'lsa';
+ hsla[0] = rnd(hsla[0] || 0);
+ hsla[1] = rnd(hsla[1]*100) + '%';
+ hsla[2] = rnd(hsla[2]*100) + '%';
+ if (mode === 'hsla' || (hsla.length > 3 && hsla[3]<1)) {
+ hsla[3] = hsla.length > 3 ? hsla[3] : 1;
+ mode = 'hsla';
+ } else {
+ hsla.length = 3;
+ }
+ return (mode + "(" + (hsla.join(',')) + ")");
+ };
+
+ var hsl2css_1 = hsl2css;
+
+ var unpack$5 = utils.unpack;
+
+ /*
+ * supported arguments:
+ * - rgb2hsl(r,g,b)
+ * - rgb2hsl(r,g,b,a)
+ * - rgb2hsl([r,g,b])
+ * - rgb2hsl([r,g,b,a])
+ * - rgb2hsl({r,g,b,a})
+ */
+ var rgb2hsl = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ args = unpack$5(args, 'rgba');
+ var r = args[0];
+ var g = args[1];
+ var b = args[2];
+
+ r /= 255;
+ g /= 255;
+ b /= 255;
+
+ var min = Math.min(r, g, b);
+ var max = Math.max(r, g, b);
+
+ var l = (max + min) / 2;
+ var s, h;
+
+ if (max === min){
+ s = 0;
+ h = Number.NaN;
+ } else {
+ s = l < 0.5 ? (max - min) / (max + min) : (max - min) / (2 - max - min);
+ }
+
+ if (r == max) { h = (g - b) / (max - min); }
+ else if (g == max) { h = 2 + (b - r) / (max - min); }
+ else if (b == max) { h = 4 + (r - g) / (max - min); }
+
+ h *= 60;
+ if (h < 0) { h += 360; }
+ if (args.length>3 && args[3]!==undefined) { return [h,s,l,args[3]]; }
+ return [h,s,l];
+ };
+
+ var rgb2hsl_1 = rgb2hsl;
+
+ var unpack$6 = utils.unpack;
+ var last$3 = utils.last;
+
+
+ var round = Math.round;
+
+ /*
+ * supported arguments:
+ * - rgb2css(r,g,b)
+ * - rgb2css(r,g,b,a)
+ * - rgb2css([r,g,b], mode)
+ * - rgb2css([r,g,b,a], mode)
+ * - rgb2css({r,g,b,a}, mode)
+ */
+ var rgb2css = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ var rgba = unpack$6(args, 'rgba');
+ var mode = last$3(args) || 'rgb';
+ if (mode.substr(0,3) == 'hsl') {
+ return hsl2css_1(rgb2hsl_1(rgba), mode);
+ }
+ rgba[0] = round(rgba[0]);
+ rgba[1] = round(rgba[1]);
+ rgba[2] = round(rgba[2]);
+ if (mode === 'rgba' || (rgba.length > 3 && rgba[3]<1)) {
+ rgba[3] = rgba.length > 3 ? rgba[3] : 1;
+ mode = 'rgba';
+ }
+ return (mode + "(" + (rgba.slice(0,mode==='rgb'?3:4).join(',')) + ")");
+ };
+
+ var rgb2css_1 = rgb2css;
+
+ var unpack$7 = utils.unpack;
+ var round$1 = Math.round;
+
+ var hsl2rgb = function () {
+ var assign;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ args = unpack$7(args, 'hsl');
+ var h = args[0];
+ var s = args[1];
+ var l = args[2];
+ var r,g,b;
+ if (s === 0) {
+ r = g = b = l*255;
+ } else {
+ var t3 = [0,0,0];
+ var c = [0,0,0];
+ var t2 = l < 0.5 ? l * (1+s) : l+s-l*s;
+ var t1 = 2 * l - t2;
+ var h_ = h / 360;
+ t3[0] = h_ + 1/3;
+ t3[1] = h_;
+ t3[2] = h_ - 1/3;
+ for (var i=0; i<3; i++) {
+ if (t3[i] < 0) { t3[i] += 1; }
+ if (t3[i] > 1) { t3[i] -= 1; }
+ if (6 * t3[i] < 1)
+ { c[i] = t1 + (t2 - t1) * 6 * t3[i]; }
+ else if (2 * t3[i] < 1)
+ { c[i] = t2; }
+ else if (3 * t3[i] < 2)
+ { c[i] = t1 + (t2 - t1) * ((2 / 3) - t3[i]) * 6; }
+ else
+ { c[i] = t1; }
+ }
+ (assign = [round$1(c[0]*255),round$1(c[1]*255),round$1(c[2]*255)], r = assign[0], g = assign[1], b = assign[2]);
+ }
+ if (args.length > 3) {
+ // keep alpha channel
+ return [r,g,b,args[3]];
+ }
+ return [r,g,b,1];
+ };
+
+ var hsl2rgb_1 = hsl2rgb;
+
+ var RE_RGB = /^rgb\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*\)$/;
+ var RE_RGBA = /^rgba\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*,\s*([01]|[01]?\.\d+)\)$/;
+ var RE_RGB_PCT = /^rgb\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/;
+ var RE_RGBA_PCT = /^rgba\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/;
+ var RE_HSL = /^hsl\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/;
+ var RE_HSLA = /^hsla\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/;
+
+ var round$2 = Math.round;
+
+ var css2rgb = function (css) {
+ css = css.toLowerCase().trim();
+ var m;
+
+ if (input.format.named) {
+ try {
+ return input.format.named(css);
+ } catch (e) {
+ // eslint-disable-next-line
+ }
+ }
+
+ // rgb(250,20,0)
+ if ((m = css.match(RE_RGB))) {
+ var rgb = m.slice(1,4);
+ for (var i=0; i<3; i++) {
+ rgb[i] = +rgb[i];
+ }
+ rgb[3] = 1; // default alpha
+ return rgb;
+ }
+
+ // rgba(250,20,0,0.4)
+ if ((m = css.match(RE_RGBA))) {
+ var rgb$1 = m.slice(1,5);
+ for (var i$1=0; i$1<4; i$1++) {
+ rgb$1[i$1] = +rgb$1[i$1];
+ }
+ return rgb$1;
+ }
+
+ // rgb(100%,0%,0%)
+ if ((m = css.match(RE_RGB_PCT))) {
+ var rgb$2 = m.slice(1,4);
+ for (var i$2=0; i$2<3; i$2++) {
+ rgb$2[i$2] = round$2(rgb$2[i$2] * 2.55);
+ }
+ rgb$2[3] = 1; // default alpha
+ return rgb$2;
+ }
+
+ // rgba(100%,0%,0%,0.4)
+ if ((m = css.match(RE_RGBA_PCT))) {
+ var rgb$3 = m.slice(1,5);
+ for (var i$3=0; i$3<3; i$3++) {
+ rgb$3[i$3] = round$2(rgb$3[i$3] * 2.55);
+ }
+ rgb$3[3] = +rgb$3[3];
+ return rgb$3;
+ }
+
+ // hsl(0,100%,50%)
+ if ((m = css.match(RE_HSL))) {
+ var hsl = m.slice(1,4);
+ hsl[1] *= 0.01;
+ hsl[2] *= 0.01;
+ var rgb$4 = hsl2rgb_1(hsl);
+ rgb$4[3] = 1;
+ return rgb$4;
+ }
+
+ // hsla(0,100%,50%,0.5)
+ if ((m = css.match(RE_HSLA))) {
+ var hsl$1 = m.slice(1,4);
+ hsl$1[1] *= 0.01;
+ hsl$1[2] *= 0.01;
+ var rgb$5 = hsl2rgb_1(hsl$1);
+ rgb$5[3] = +m[4]; // default alpha = 1
+ return rgb$5;
+ }
+ };
+
+ css2rgb.test = function (s) {
+ return RE_RGB.test(s) ||
+ RE_RGBA.test(s) ||
+ RE_RGB_PCT.test(s) ||
+ RE_RGBA_PCT.test(s) ||
+ RE_HSL.test(s) ||
+ RE_HSLA.test(s);
+ };
+
+ var css2rgb_1 = css2rgb;
+
+ var type$3 = utils.type;
+
+
+
+
+ Color_1.prototype.css = function(mode) {
+ return rgb2css_1(this._rgb, mode);
+ };
+
+ chroma_1.css = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['css']) ));
+ };
+
+ input.format.css = css2rgb_1;
+
+ input.autodetect.push({
+ p: 5,
+ test: function (h) {
+ var rest = [], len = arguments.length - 1;
+ while ( len-- > 0 ) rest[ len ] = arguments[ len + 1 ];
+
+ if (!rest.length && type$3(h) === 'string' && css2rgb_1.test(h)) {
+ return 'css';
+ }
+ }
+ });
+
+ var unpack$8 = utils.unpack;
+
+ input.format.gl = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ var rgb = unpack$8(args, 'rgba');
+ rgb[0] *= 255;
+ rgb[1] *= 255;
+ rgb[2] *= 255;
+ return rgb;
+ };
+
+ chroma_1.gl = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['gl']) ));
+ };
+
+ Color_1.prototype.gl = function() {
+ var rgb = this._rgb;
+ return [rgb[0]/255, rgb[1]/255, rgb[2]/255, rgb[3]];
+ };
+
+ var unpack$9 = utils.unpack;
+
+ var rgb2hcg = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ var ref = unpack$9(args, 'rgb');
+ var r = ref[0];
+ var g = ref[1];
+ var b = ref[2];
+ var min = Math.min(r, g, b);
+ var max = Math.max(r, g, b);
+ var delta = max - min;
+ var c = delta * 100 / 255;
+ var _g = min / (255 - delta) * 100;
+ var h;
+ if (delta === 0) {
+ h = Number.NaN;
+ } else {
+ if (r === max) { h = (g - b) / delta; }
+ if (g === max) { h = 2+(b - r) / delta; }
+ if (b === max) { h = 4+(r - g) / delta; }
+ h *= 60;
+ if (h < 0) { h += 360; }
+ }
+ return [h, c, _g];
+ };
+
+ var rgb2hcg_1 = rgb2hcg;
+
+ var unpack$a = utils.unpack;
+ var floor = Math.floor;
+
+ /*
+ * this is basically just HSV with some minor tweaks
+ *
+ * hue.. [0..360]
+ * chroma .. [0..1]
+ * grayness .. [0..1]
+ */
+
+ var hcg2rgb = function () {
+ var assign, assign$1, assign$2, assign$3, assign$4, assign$5;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ args = unpack$a(args, 'hcg');
+ var h = args[0];
+ var c = args[1];
+ var _g = args[2];
+ var r,g,b;
+ _g = _g * 255;
+ var _c = c * 255;
+ if (c === 0) {
+ r = g = b = _g;
+ } else {
+ if (h === 360) { h = 0; }
+ if (h > 360) { h -= 360; }
+ if (h < 0) { h += 360; }
+ h /= 60;
+ var i = floor(h);
+ var f = h - i;
+ var p = _g * (1 - c);
+ var q = p + _c * (1 - f);
+ var t = p + _c * f;
+ var v = p + _c;
+ switch (i) {
+ case 0: (assign = [v, t, p], r = assign[0], g = assign[1], b = assign[2]); break
+ case 1: (assign$1 = [q, v, p], r = assign$1[0], g = assign$1[1], b = assign$1[2]); break
+ case 2: (assign$2 = [p, v, t], r = assign$2[0], g = assign$2[1], b = assign$2[2]); break
+ case 3: (assign$3 = [p, q, v], r = assign$3[0], g = assign$3[1], b = assign$3[2]); break
+ case 4: (assign$4 = [t, p, v], r = assign$4[0], g = assign$4[1], b = assign$4[2]); break
+ case 5: (assign$5 = [v, p, q], r = assign$5[0], g = assign$5[1], b = assign$5[2]); break
+ }
+ }
+ return [r, g, b, args.length > 3 ? args[3] : 1];
+ };
+
+ var hcg2rgb_1 = hcg2rgb;
+
+ var unpack$b = utils.unpack;
+ var type$4 = utils.type;
+
+
+
+
+
+
+ Color_1.prototype.hcg = function() {
+ return rgb2hcg_1(this._rgb);
+ };
+
+ chroma_1.hcg = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['hcg']) ));
+ };
+
+ input.format.hcg = hcg2rgb_1;
+
+ input.autodetect.push({
+ p: 1,
+ test: function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ args = unpack$b(args, 'hcg');
+ if (type$4(args) === 'array' && args.length === 3) {
+ return 'hcg';
+ }
+ }
+ });
+
+ var unpack$c = utils.unpack;
+ var last$4 = utils.last;
+ var round$3 = Math.round;
+
+ var rgb2hex = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ var ref = unpack$c(args, 'rgba');
+ var r = ref[0];
+ var g = ref[1];
+ var b = ref[2];
+ var a = ref[3];
+ var mode = last$4(args) || 'auto';
+ if (a === undefined) { a = 1; }
+ if (mode === 'auto') {
+ mode = a < 1 ? 'rgba' : 'rgb';
+ }
+ r = round$3(r);
+ g = round$3(g);
+ b = round$3(b);
+ var u = r << 16 | g << 8 | b;
+ var str = "000000" + u.toString(16); //#.toUpperCase();
+ str = str.substr(str.length - 6);
+ var hxa = '0' + round$3(a * 255).toString(16);
+ hxa = hxa.substr(hxa.length - 2);
+ switch (mode.toLowerCase()) {
+ case 'rgba': return ("#" + str + hxa);
+ case 'argb': return ("#" + hxa + str);
+ default: return ("#" + str);
+ }
+ };
+
+ var rgb2hex_1 = rgb2hex;
+
+ var RE_HEX = /^#?([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;
+ var RE_HEXA = /^#?([A-Fa-f0-9]{8}|[A-Fa-f0-9]{4})$/;
+
+ var hex2rgb = function (hex) {
+ if (hex.match(RE_HEX)) {
+ // remove optional leading #
+ if (hex.length === 4 || hex.length === 7) {
+ hex = hex.substr(1);
+ }
+ // expand short-notation to full six-digit
+ if (hex.length === 3) {
+ hex = hex.split('');
+ hex = hex[0]+hex[0]+hex[1]+hex[1]+hex[2]+hex[2];
+ }
+ var u = parseInt(hex, 16);
+ var r = u >> 16;
+ var g = u >> 8 & 0xFF;
+ var b = u & 0xFF;
+ return [r,g,b,1];
+ }
+
+ // match rgba hex format, eg #FF000077
+ if (hex.match(RE_HEXA)) {
+ if (hex.length === 5 || hex.length === 9) {
+ // remove optional leading #
+ hex = hex.substr(1);
+ }
+ // expand short-notation to full eight-digit
+ if (hex.length === 4) {
+ hex = hex.split('');
+ hex = hex[0]+hex[0]+hex[1]+hex[1]+hex[2]+hex[2]+hex[3]+hex[3];
+ }
+ var u$1 = parseInt(hex, 16);
+ var r$1 = u$1 >> 24 & 0xFF;
+ var g$1 = u$1 >> 16 & 0xFF;
+ var b$1 = u$1 >> 8 & 0xFF;
+ var a = Math.round((u$1 & 0xFF) / 0xFF * 100) / 100;
+ return [r$1,g$1,b$1,a];
+ }
+
+ // we used to check for css colors here
+ // if _input.css? and rgb = _input.css hex
+ // return rgb
+
+ throw new Error(("unknown hex color: " + hex));
+ };
+
+ var hex2rgb_1 = hex2rgb;
+
+ var type$5 = utils.type;
+
+
+
+
+ Color_1.prototype.hex = function(mode) {
+ return rgb2hex_1(this._rgb, mode);
+ };
+
+ chroma_1.hex = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['hex']) ));
+ };
+
+ input.format.hex = hex2rgb_1;
+ input.autodetect.push({
+ p: 4,
+ test: function (h) {
+ var rest = [], len = arguments.length - 1;
+ while ( len-- > 0 ) rest[ len ] = arguments[ len + 1 ];
+
+ if (!rest.length && type$5(h) === 'string' && [3,4,5,6,7,8,9].indexOf(h.length) >= 0) {
+ return 'hex';
+ }
+ }
+ });
+
+ var unpack$d = utils.unpack;
+ var TWOPI = utils.TWOPI;
+ var min = Math.min;
+ var sqrt = Math.sqrt;
+ var acos = Math.acos;
+
+ var rgb2hsi = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ /*
+ borrowed from here:
+ http://hummer.stanford.edu/museinfo/doc/examples/humdrum/keyscape2/rgb2hsi.cpp
+ */
+ var ref = unpack$d(args, 'rgb');
+ var r = ref[0];
+ var g = ref[1];
+ var b = ref[2];
+ r /= 255;
+ g /= 255;
+ b /= 255;
+ var h;
+ var min_ = min(r,g,b);
+ var i = (r+g+b) / 3;
+ var s = i > 0 ? 1 - min_/i : 0;
+ if (s === 0) {
+ h = NaN;
+ } else {
+ h = ((r-g)+(r-b)) / 2;
+ h /= sqrt((r-g)*(r-g) + (r-b)*(g-b));
+ h = acos(h);
+ if (b > g) {
+ h = TWOPI - h;
+ }
+ h /= TWOPI;
+ }
+ return [h*360,s,i];
+ };
+
+ var rgb2hsi_1 = rgb2hsi;
+
+ var unpack$e = utils.unpack;
+ var limit$1 = utils.limit;
+ var TWOPI$1 = utils.TWOPI;
+ var PITHIRD = utils.PITHIRD;
+ var cos = Math.cos;
+
+ /*
+ * hue [0..360]
+ * saturation [0..1]
+ * intensity [0..1]
+ */
+ var hsi2rgb = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ /*
+ borrowed from here:
+ http://hummer.stanford.edu/museinfo/doc/examples/humdrum/keyscape2/hsi2rgb.cpp
+ */
+ args = unpack$e(args, 'hsi');
+ var h = args[0];
+ var s = args[1];
+ var i = args[2];
+ var r,g,b;
+
+ if (isNaN(h)) { h = 0; }
+ if (isNaN(s)) { s = 0; }
+ // normalize hue
+ if (h > 360) { h -= 360; }
+ if (h < 0) { h += 360; }
+ h /= 360;
+ if (h < 1/3) {
+ b = (1-s)/3;
+ r = (1+s*cos(TWOPI$1*h)/cos(PITHIRD-TWOPI$1*h))/3;
+ g = 1 - (b+r);
+ } else if (h < 2/3) {
+ h -= 1/3;
+ r = (1-s)/3;
+ g = (1+s*cos(TWOPI$1*h)/cos(PITHIRD-TWOPI$1*h))/3;
+ b = 1 - (r+g);
+ } else {
+ h -= 2/3;
+ g = (1-s)/3;
+ b = (1+s*cos(TWOPI$1*h)/cos(PITHIRD-TWOPI$1*h))/3;
+ r = 1 - (g+b);
+ }
+ r = limit$1(i*r*3);
+ g = limit$1(i*g*3);
+ b = limit$1(i*b*3);
+ return [r*255, g*255, b*255, args.length > 3 ? args[3] : 1];
+ };
+
+ var hsi2rgb_1 = hsi2rgb;
+
+ var unpack$f = utils.unpack;
+ var type$6 = utils.type;
+
+
+
+
+
+
+ Color_1.prototype.hsi = function() {
+ return rgb2hsi_1(this._rgb);
+ };
+
+ chroma_1.hsi = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['hsi']) ));
+ };
+
+ input.format.hsi = hsi2rgb_1;
+
+ input.autodetect.push({
+ p: 2,
+ test: function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ args = unpack$f(args, 'hsi');
+ if (type$6(args) === 'array' && args.length === 3) {
+ return 'hsi';
+ }
+ }
+ });
+
+ var unpack$g = utils.unpack;
+ var type$7 = utils.type;
+
+
+
+
+
+
+ Color_1.prototype.hsl = function() {
+ return rgb2hsl_1(this._rgb);
+ };
+
+ chroma_1.hsl = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['hsl']) ));
+ };
+
+ input.format.hsl = hsl2rgb_1;
+
+ input.autodetect.push({
+ p: 2,
+ test: function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ args = unpack$g(args, 'hsl');
+ if (type$7(args) === 'array' && args.length === 3) {
+ return 'hsl';
+ }
+ }
+ });
+
+ var unpack$h = utils.unpack;
+ var min$1 = Math.min;
+ var max$1 = Math.max;
+
+ /*
+ * supported arguments:
+ * - rgb2hsv(r,g,b)
+ * - rgb2hsv([r,g,b])
+ * - rgb2hsv({r,g,b})
+ */
+ var rgb2hsl$1 = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ args = unpack$h(args, 'rgb');
+ var r = args[0];
+ var g = args[1];
+ var b = args[2];
+ var min_ = min$1(r, g, b);
+ var max_ = max$1(r, g, b);
+ var delta = max_ - min_;
+ var h,s,v;
+ v = max_ / 255.0;
+ if (max_ === 0) {
+ h = Number.NaN;
+ s = 0;
+ } else {
+ s = delta / max_;
+ if (r === max_) { h = (g - b) / delta; }
+ if (g === max_) { h = 2+(b - r) / delta; }
+ if (b === max_) { h = 4+(r - g) / delta; }
+ h *= 60;
+ if (h < 0) { h += 360; }
+ }
+ return [h, s, v]
+ };
+
+ var rgb2hsv = rgb2hsl$1;
+
+ var unpack$i = utils.unpack;
+ var floor$1 = Math.floor;
+
+ var hsv2rgb = function () {
+ var assign, assign$1, assign$2, assign$3, assign$4, assign$5;
+
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+ args = unpack$i(args, 'hsv');
+ var h = args[0];
+ var s = args[1];
+ var v = args[2];
+ var r,g,b;
+ v *= 255;
+ if (s === 0) {
+ r = g = b = v;
+ } else {
+ if (h === 360) { h = 0; }
+ if (h > 360) { h -= 360; }
+ if (h < 0) { h += 360; }
+ h /= 60;
+
+ var i = floor$1(h);
+ var f = h - i;
+ var p = v * (1 - s);
+ var q = v * (1 - s * f);
+ var t = v * (1 - s * (1 - f));
+
+ switch (i) {
+ case 0: (assign = [v, t, p], r = assign[0], g = assign[1], b = assign[2]); break
+ case 1: (assign$1 = [q, v, p], r = assign$1[0], g = assign$1[1], b = assign$1[2]); break
+ case 2: (assign$2 = [p, v, t], r = assign$2[0], g = assign$2[1], b = assign$2[2]); break
+ case 3: (assign$3 = [p, q, v], r = assign$3[0], g = assign$3[1], b = assign$3[2]); break
+ case 4: (assign$4 = [t, p, v], r = assign$4[0], g = assign$4[1], b = assign$4[2]); break
+ case 5: (assign$5 = [v, p, q], r = assign$5[0], g = assign$5[1], b = assign$5[2]); break
+ }
+ }
+ return [r,g,b,args.length > 3?args[3]:1];
+ };
+
+ var hsv2rgb_1 = hsv2rgb;
+
+ var unpack$j = utils.unpack;
+ var type$8 = utils.type;
+
+
+
+
+
+
+ Color_1.prototype.hsv = function() {
+ return rgb2hsv(this._rgb);
+ };
+
+ chroma_1.hsv = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['hsv']) ));
+ };
+
+ input.format.hsv = hsv2rgb_1;
+
+ input.autodetect.push({
+ p: 2,
+ test: function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ args = unpack$j(args, 'hsv');
+ if (type$8(args) === 'array' && args.length === 3) {
+ return 'hsv';
+ }
+ }
+ });
+
+ var labConstants = {
+ // Corresponds roughly to RGB brighter/darker
+ Kn: 18,
+
+ // D65 standard referent
+ Xn: 0.950470,
+ Yn: 1,
+ Zn: 1.088830,
+
+ t0: 0.137931034, // 4 / 29
+ t1: 0.206896552, // 6 / 29
+ t2: 0.12841855, // 3 * t1 * t1
+ t3: 0.008856452, // t1 * t1 * t1
+ };
+
+ var unpack$k = utils.unpack;
+ var pow = Math.pow;
+
+ var rgb2lab = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ var ref = unpack$k(args, 'rgb');
+ var r = ref[0];
+ var g = ref[1];
+ var b = ref[2];
+ var ref$1 = rgb2xyz(r,g,b);
+ var x = ref$1[0];
+ var y = ref$1[1];
+ var z = ref$1[2];
+ var l = 116 * y - 16;
+ return [l < 0 ? 0 : l, 500 * (x - y), 200 * (y - z)];
+ };
+
+ var rgb_xyz = function (r) {
+ if ((r /= 255) <= 0.04045) { return r / 12.92; }
+ return pow((r + 0.055) / 1.055, 2.4);
+ };
+
+ var xyz_lab = function (t) {
+ if (t > labConstants.t3) { return pow(t, 1 / 3); }
+ return t / labConstants.t2 + labConstants.t0;
+ };
+
+ var rgb2xyz = function (r,g,b) {
+ r = rgb_xyz(r);
+ g = rgb_xyz(g);
+ b = rgb_xyz(b);
+ var x = xyz_lab((0.4124564 * r + 0.3575761 * g + 0.1804375 * b) / labConstants.Xn);
+ var y = xyz_lab((0.2126729 * r + 0.7151522 * g + 0.0721750 * b) / labConstants.Yn);
+ var z = xyz_lab((0.0193339 * r + 0.1191920 * g + 0.9503041 * b) / labConstants.Zn);
+ return [x,y,z];
+ };
+
+ var rgb2lab_1 = rgb2lab;
+
+ var unpack$l = utils.unpack;
+ var pow$1 = Math.pow;
+
+ /*
+ * L* [0..100]
+ * a [-100..100]
+ * b [-100..100]
+ */
+ var lab2rgb = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ args = unpack$l(args, 'lab');
+ var l = args[0];
+ var a = args[1];
+ var b = args[2];
+ var x,y,z, r,g,b_;
+
+ y = (l + 16) / 116;
+ x = isNaN(a) ? y : y + a / 500;
+ z = isNaN(b) ? y : y - b / 200;
+
+ y = labConstants.Yn * lab_xyz(y);
+ x = labConstants.Xn * lab_xyz(x);
+ z = labConstants.Zn * lab_xyz(z);
+
+ r = xyz_rgb(3.2404542 * x - 1.5371385 * y - 0.4985314 * z); // D65 -> sRGB
+ g = xyz_rgb(-0.9692660 * x + 1.8760108 * y + 0.0415560 * z);
+ b_ = xyz_rgb(0.0556434 * x - 0.2040259 * y + 1.0572252 * z);
+
+ return [r,g,b_,args.length > 3 ? args[3] : 1];
+ };
+
+ var xyz_rgb = function (r) {
+ return 255 * (r <= 0.00304 ? 12.92 * r : 1.055 * pow$1(r, 1 / 2.4) - 0.055)
+ };
+
+ var lab_xyz = function (t) {
+ return t > labConstants.t1 ? t * t * t : labConstants.t2 * (t - labConstants.t0)
+ };
+
+ var lab2rgb_1 = lab2rgb;
+
+ var unpack$m = utils.unpack;
+ var type$9 = utils.type;
+
+
+
+
+
+
+ Color_1.prototype.lab = function() {
+ return rgb2lab_1(this._rgb);
+ };
+
+ chroma_1.lab = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['lab']) ));
+ };
+
+ input.format.lab = lab2rgb_1;
+
+ input.autodetect.push({
+ p: 2,
+ test: function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ args = unpack$m(args, 'lab');
+ if (type$9(args) === 'array' && args.length === 3) {
+ return 'lab';
+ }
+ }
+ });
+
+ var unpack$n = utils.unpack;
+ var RAD2DEG = utils.RAD2DEG;
+ var sqrt$1 = Math.sqrt;
+ var atan2 = Math.atan2;
+ var round$4 = Math.round;
+
+ var lab2lch = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ var ref = unpack$n(args, 'lab');
+ var l = ref[0];
+ var a = ref[1];
+ var b = ref[2];
+ var c = sqrt$1(a * a + b * b);
+ var h = (atan2(b, a) * RAD2DEG + 360) % 360;
+ if (round$4(c*10000) === 0) { h = Number.NaN; }
+ return [l, c, h];
+ };
+
+ var lab2lch_1 = lab2lch;
+
+ var unpack$o = utils.unpack;
+
+
+
+ var rgb2lch = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ var ref = unpack$o(args, 'rgb');
+ var r = ref[0];
+ var g = ref[1];
+ var b = ref[2];
+ var ref$1 = rgb2lab_1(r,g,b);
+ var l = ref$1[0];
+ var a = ref$1[1];
+ var b_ = ref$1[2];
+ return lab2lch_1(l,a,b_);
+ };
+
+ var rgb2lch_1 = rgb2lch;
+
+ var unpack$p = utils.unpack;
+ var DEG2RAD = utils.DEG2RAD;
+ var sin = Math.sin;
+ var cos$1 = Math.cos;
+
+ var lch2lab = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ /*
+ Convert from a qualitative parameter h and a quantitative parameter l to a 24-bit pixel.
+ These formulas were invented by David Dalrymple to obtain maximum contrast without going
+ out of gamut if the parameters are in the range 0-1.
+
+ A saturation multiplier was added by Gregor Aisch
+ */
+ var ref = unpack$p(args, 'lch');
+ var l = ref[0];
+ var c = ref[1];
+ var h = ref[2];
+ if (isNaN(h)) { h = 0; }
+ h = h * DEG2RAD;
+ return [l, cos$1(h) * c, sin(h) * c]
+ };
+
+ var lch2lab_1 = lch2lab;
+
+ var unpack$q = utils.unpack;
+
+
+
+ var lch2rgb = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ args = unpack$q(args, 'lch');
+ var l = args[0];
+ var c = args[1];
+ var h = args[2];
+ var ref = lch2lab_1 (l,c,h);
+ var L = ref[0];
+ var a = ref[1];
+ var b_ = ref[2];
+ var ref$1 = lab2rgb_1 (L,a,b_);
+ var r = ref$1[0];
+ var g = ref$1[1];
+ var b = ref$1[2];
+ return [r, g, b, args.length > 3 ? args[3] : 1];
+ };
+
+ var lch2rgb_1 = lch2rgb;
+
+ var unpack$r = utils.unpack;
+
+
+ var hcl2rgb = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ var hcl = unpack$r(args, 'hcl').reverse();
+ return lch2rgb_1.apply(void 0, hcl);
+ };
+
+ var hcl2rgb_1 = hcl2rgb;
+
+ var unpack$s = utils.unpack;
+ var type$a = utils.type;
+
+
+
+
+
+
+ Color_1.prototype.lch = function() { return rgb2lch_1(this._rgb); };
+ Color_1.prototype.hcl = function() { return rgb2lch_1(this._rgb).reverse(); };
+
+ chroma_1.lch = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['lch']) ));
+ };
+ chroma_1.hcl = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['hcl']) ));
+ };
+
+ input.format.lch = lch2rgb_1;
+ input.format.hcl = hcl2rgb_1;
+
+ ['lch','hcl'].forEach(function (m) { return input.autodetect.push({
+ p: 2,
+ test: function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ args = unpack$s(args, m);
+ if (type$a(args) === 'array' && args.length === 3) {
+ return m;
+ }
+ }
+ }); });
+
+ /**
+ X11 color names
+
+ http://www.w3.org/TR/css3-color/#svg-color
+ */
+
+ var w3cx11 = {
+ aliceblue: '#f0f8ff',
+ antiquewhite: '#faebd7',
+ aqua: '#00ffff',
+ aquamarine: '#7fffd4',
+ azure: '#f0ffff',
+ beige: '#f5f5dc',
+ bisque: '#ffe4c4',
+ black: '#000000',
+ blanchedalmond: '#ffebcd',
+ blue: '#0000ff',
+ blueviolet: '#8a2be2',
+ brown: '#a52a2a',
+ burlywood: '#deb887',
+ cadetblue: '#5f9ea0',
+ chartreuse: '#7fff00',
+ chocolate: '#d2691e',
+ coral: '#ff7f50',
+ cornflower: '#6495ed',
+ cornflowerblue: '#6495ed',
+ cornsilk: '#fff8dc',
+ crimson: '#dc143c',
+ cyan: '#00ffff',
+ darkblue: '#00008b',
+ darkcyan: '#008b8b',
+ darkgoldenrod: '#b8860b',
+ darkgray: '#a9a9a9',
+ darkgreen: '#006400',
+ darkgrey: '#a9a9a9',
+ darkkhaki: '#bdb76b',
+ darkmagenta: '#8b008b',
+ darkolivegreen: '#556b2f',
+ darkorange: '#ff8c00',
+ darkorchid: '#9932cc',
+ darkred: '#8b0000',
+ darksalmon: '#e9967a',
+ darkseagreen: '#8fbc8f',
+ darkslateblue: '#483d8b',
+ darkslategray: '#2f4f4f',
+ darkslategrey: '#2f4f4f',
+ darkturquoise: '#00ced1',
+ darkviolet: '#9400d3',
+ deeppink: '#ff1493',
+ deepskyblue: '#00bfff',
+ dimgray: '#696969',
+ dimgrey: '#696969',
+ dodgerblue: '#1e90ff',
+ firebrick: '#b22222',
+ floralwhite: '#fffaf0',
+ forestgreen: '#228b22',
+ fuchsia: '#ff00ff',
+ gainsboro: '#dcdcdc',
+ ghostwhite: '#f8f8ff',
+ gold: '#ffd700',
+ goldenrod: '#daa520',
+ gray: '#808080',
+ green: '#008000',
+ greenyellow: '#adff2f',
+ grey: '#808080',
+ honeydew: '#f0fff0',
+ hotpink: '#ff69b4',
+ indianred: '#cd5c5c',
+ indigo: '#4b0082',
+ ivory: '#fffff0',
+ khaki: '#f0e68c',
+ laserlemon: '#ffff54',
+ lavender: '#e6e6fa',
+ lavenderblush: '#fff0f5',
+ lawngreen: '#7cfc00',
+ lemonchiffon: '#fffacd',
+ lightblue: '#add8e6',
+ lightcoral: '#f08080',
+ lightcyan: '#e0ffff',
+ lightgoldenrod: '#fafad2',
+ lightgoldenrodyellow: '#fafad2',
+ lightgray: '#d3d3d3',
+ lightgreen: '#90ee90',
+ lightgrey: '#d3d3d3',
+ lightpink: '#ffb6c1',
+ lightsalmon: '#ffa07a',
+ lightseagreen: '#20b2aa',
+ lightskyblue: '#87cefa',
+ lightslategray: '#778899',
+ lightslategrey: '#778899',
+ lightsteelblue: '#b0c4de',
+ lightyellow: '#ffffe0',
+ lime: '#00ff00',
+ limegreen: '#32cd32',
+ linen: '#faf0e6',
+ magenta: '#ff00ff',
+ maroon: '#800000',
+ maroon2: '#7f0000',
+ maroon3: '#b03060',
+ mediumaquamarine: '#66cdaa',
+ mediumblue: '#0000cd',
+ mediumorchid: '#ba55d3',
+ mediumpurple: '#9370db',
+ mediumseagreen: '#3cb371',
+ mediumslateblue: '#7b68ee',
+ mediumspringgreen: '#00fa9a',
+ mediumturquoise: '#48d1cc',
+ mediumvioletred: '#c71585',
+ midnightblue: '#191970',
+ mintcream: '#f5fffa',
+ mistyrose: '#ffe4e1',
+ moccasin: '#ffe4b5',
+ navajowhite: '#ffdead',
+ navy: '#000080',
+ oldlace: '#fdf5e6',
+ olive: '#808000',
+ olivedrab: '#6b8e23',
+ orange: '#ffa500',
+ orangered: '#ff4500',
+ orchid: '#da70d6',
+ palegoldenrod: '#eee8aa',
+ palegreen: '#98fb98',
+ paleturquoise: '#afeeee',
+ palevioletred: '#db7093',
+ papayawhip: '#ffefd5',
+ peachpuff: '#ffdab9',
+ peru: '#cd853f',
+ pink: '#ffc0cb',
+ plum: '#dda0dd',
+ powderblue: '#b0e0e6',
+ purple: '#800080',
+ purple2: '#7f007f',
+ purple3: '#a020f0',
+ rebeccapurple: '#663399',
+ red: '#ff0000',
+ rosybrown: '#bc8f8f',
+ royalblue: '#4169e1',
+ saddlebrown: '#8b4513',
+ salmon: '#fa8072',
+ sandybrown: '#f4a460',
+ seagreen: '#2e8b57',
+ seashell: '#fff5ee',
+ sienna: '#a0522d',
+ silver: '#c0c0c0',
+ skyblue: '#87ceeb',
+ slateblue: '#6a5acd',
+ slategray: '#708090',
+ slategrey: '#708090',
+ snow: '#fffafa',
+ springgreen: '#00ff7f',
+ steelblue: '#4682b4',
+ tan: '#d2b48c',
+ teal: '#008080',
+ thistle: '#d8bfd8',
+ tomato: '#ff6347',
+ turquoise: '#40e0d0',
+ violet: '#ee82ee',
+ wheat: '#f5deb3',
+ white: '#ffffff',
+ whitesmoke: '#f5f5f5',
+ yellow: '#ffff00',
+ yellowgreen: '#9acd32'
+ };
+
+ var w3cx11_1 = w3cx11;
+
+ var type$b = utils.type;
+
+
+
+
+
+ Color_1.prototype.name = function() {
+ var hex = rgb2hex_1(this._rgb, 'rgb');
+ for (var i = 0, list = Object.keys(w3cx11_1); i < list.length; i += 1) {
+ var n = list[i];
+
+ if (w3cx11_1[n] === hex) { return n.toLowerCase(); }
+ }
+ return hex;
+ };
+
+ input.format.named = function (name) {
+ name = name.toLowerCase();
+ if (w3cx11_1[name]) { return hex2rgb_1(w3cx11_1[name]); }
+ throw new Error('unknown color name: '+name);
+ };
+
+ input.autodetect.push({
+ p: 5,
+ test: function (h) {
+ var rest = [], len = arguments.length - 1;
+ while ( len-- > 0 ) rest[ len ] = arguments[ len + 1 ];
+
+ if (!rest.length && type$b(h) === 'string' && w3cx11_1[h.toLowerCase()]) {
+ return 'named';
+ }
+ }
+ });
+
+ var unpack$t = utils.unpack;
+
+ var rgb2num = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ var ref = unpack$t(args, 'rgb');
+ var r = ref[0];
+ var g = ref[1];
+ var b = ref[2];
+ return (r << 16) + (g << 8) + b;
+ };
+
+ var rgb2num_1 = rgb2num;
+
+ var type$c = utils.type;
+
+ var num2rgb = function (num) {
+ if (type$c(num) == "number" && num >= 0 && num <= 0xFFFFFF) {
+ var r = num >> 16;
+ var g = (num >> 8) & 0xFF;
+ var b = num & 0xFF;
+ return [r,g,b,1];
+ }
+ throw new Error("unknown num color: "+num);
+ };
+
+ var num2rgb_1 = num2rgb;
+
+ var type$d = utils.type;
+
+
+
+ Color_1.prototype.num = function() {
+ return rgb2num_1(this._rgb);
+ };
+
+ chroma_1.num = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['num']) ));
+ };
+
+ input.format.num = num2rgb_1;
+
+ input.autodetect.push({
+ p: 5,
+ test: function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ if (args.length === 1 && type$d(args[0]) === 'number' && args[0] >= 0 && args[0] <= 0xFFFFFF) {
+ return 'num';
+ }
+ }
+ });
+
+ var unpack$u = utils.unpack;
+ var type$e = utils.type;
+ var round$5 = Math.round;
+
+ Color_1.prototype.rgb = function(rnd) {
+ if ( rnd === void 0 ) rnd=true;
+
+ if (rnd === false) { return this._rgb.slice(0,3); }
+ return this._rgb.slice(0,3).map(round$5);
+ };
+
+ Color_1.prototype.rgba = function(rnd) {
+ if ( rnd === void 0 ) rnd=true;
+
+ return this._rgb.slice(0,4).map(function (v,i) {
+ return i<3 ? (rnd === false ? v : round$5(v)) : v;
+ });
+ };
+
+ chroma_1.rgb = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['rgb']) ));
+ };
+
+ input.format.rgb = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ var rgba = unpack$u(args, 'rgba');
+ if (rgba[3] === undefined) { rgba[3] = 1; }
+ return rgba;
+ };
+
+ input.autodetect.push({
+ p: 3,
+ test: function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ args = unpack$u(args, 'rgba');
+ if (type$e(args) === 'array' && (args.length === 3 ||
+ args.length === 4 && type$e(args[3]) == 'number' && args[3] >= 0 && args[3] <= 1)) {
+ return 'rgb';
+ }
+ }
+ });
+
+ /*
+ * Based on implementation by Neil Bartlett
+ * https://github.com/neilbartlett/color-temperature
+ */
+
+ var log = Math.log;
+
+ var temperature2rgb = function (kelvin) {
+ var temp = kelvin / 100;
+ var r,g,b;
+ if (temp < 66) {
+ r = 255;
+ g = -155.25485562709179 - 0.44596950469579133 * (g = temp-2) + 104.49216199393888 * log(g);
+ b = temp < 20 ? 0 : -254.76935184120902 + 0.8274096064007395 * (b = temp-10) + 115.67994401066147 * log(b);
+ } else {
+ r = 351.97690566805693 + 0.114206453784165 * (r = temp-55) - 40.25366309332127 * log(r);
+ g = 325.4494125711974 + 0.07943456536662342 * (g = temp-50) - 28.0852963507957 * log(g);
+ b = 255;
+ }
+ return [r,g,b,1];
+ };
+
+ var temperature2rgb_1 = temperature2rgb;
+
+ /*
+ * Based on implementation by Neil Bartlett
+ * https://github.com/neilbartlett/color-temperature
+ **/
+
+
+ var unpack$v = utils.unpack;
+ var round$6 = Math.round;
+
+ var rgb2temperature = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ var rgb = unpack$v(args, 'rgb');
+ var r = rgb[0], b = rgb[2];
+ var minTemp = 1000;
+ var maxTemp = 40000;
+ var eps = 0.4;
+ var temp;
+ while (maxTemp - minTemp > eps) {
+ temp = (maxTemp + minTemp) * 0.5;
+ var rgb$1 = temperature2rgb_1(temp);
+ if ((rgb$1[2] / rgb$1[0]) >= (b / r)) {
+ maxTemp = temp;
+ } else {
+ minTemp = temp;
+ }
+ }
+ return round$6(temp);
+ };
+
+ var rgb2temperature_1 = rgb2temperature;
+
+ Color_1.prototype.temp =
+ Color_1.prototype.kelvin =
+ Color_1.prototype.temperature = function() {
+ return rgb2temperature_1(this._rgb);
+ };
+
+ chroma_1.temp =
+ chroma_1.kelvin =
+ chroma_1.temperature = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['temp']) ));
+ };
+
+ input.format.temp =
+ input.format.kelvin =
+ input.format.temperature = temperature2rgb_1;
+
+ var type$f = utils.type;
+
+ Color_1.prototype.alpha = function(a, mutate) {
+ if ( mutate === void 0 ) mutate=false;
+
+ if (a !== undefined && type$f(a) === 'number') {
+ if (mutate) {
+ this._rgb[3] = a;
+ return this;
+ }
+ return new Color_1([this._rgb[0], this._rgb[1], this._rgb[2], a], 'rgb');
+ }
+ return this._rgb[3];
+ };
+
+ Color_1.prototype.clipped = function() {
+ return this._rgb._clipped || false;
+ };
+
+ Color_1.prototype.darken = function(amount) {
+ if ( amount === void 0 ) amount=1;
+
+ var me = this;
+ var lab = me.lab();
+ lab[0] -= labConstants.Kn * amount;
+ return new Color_1(lab, 'lab').alpha(me.alpha(), true);
+ };
+
+ Color_1.prototype.brighten = function(amount) {
+ if ( amount === void 0 ) amount=1;
+
+ return this.darken(-amount);
+ };
+
+ Color_1.prototype.darker = Color_1.prototype.darken;
+ Color_1.prototype.brighter = Color_1.prototype.brighten;
+
+ Color_1.prototype.get = function(mc) {
+ var ref = mc.split('.');
+ var mode = ref[0];
+ var channel = ref[1];
+ var src = this[mode]();
+ if (channel) {
+ var i = mode.indexOf(channel);
+ if (i > -1) { return src[i]; }
+ throw new Error(("unknown channel " + channel + " in mode " + mode));
+ } else {
+ return src;
+ }
+ };
+
+ var type$g = utils.type;
+ var pow$2 = Math.pow;
+
+ var EPS = 1e-7;
+ var MAX_ITER = 20;
+
+ Color_1.prototype.luminance = function(lum) {
+ if (lum !== undefined && type$g(lum) === 'number') {
+ if (lum === 0) {
+ // return pure black
+ return new Color_1([0,0,0,this._rgb[3]], 'rgb');
+ }
+ if (lum === 1) {
+ // return pure white
+ return new Color_1([255,255,255,this._rgb[3]], 'rgb');
+ }
+ // compute new color using...
+ var cur_lum = this.luminance();
+ var mode = 'rgb';
+ var max_iter = MAX_ITER;
+
+ var test = function (low, high) {
+ var mid = low.interpolate(high, 0.5, mode);
+ var lm = mid.luminance();
+ if (Math.abs(lum - lm) < EPS || !max_iter--) {
+ // close enough
+ return mid;
+ }
+ return lm > lum ? test(low, mid) : test(mid, high);
+ };
+
+ var rgb = (cur_lum > lum ? test(new Color_1([0,0,0]), this) : test(this, new Color_1([255,255,255]))).rgb();
+ return new Color_1(rgb.concat( [this._rgb[3]]));
+ }
+ return rgb2luminance.apply(void 0, (this._rgb).slice(0,3));
+ };
+
+
+ var rgb2luminance = function (r,g,b) {
+ // relative luminance
+ // see http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
+ r = luminance_x(r);
+ g = luminance_x(g);
+ b = luminance_x(b);
+ return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+ };
+
+ var luminance_x = function (x) {
+ x /= 255;
+ return x <= 0.03928 ? x/12.92 : pow$2((x+0.055)/1.055, 2.4);
+ };
+
+ var interpolator = {};
+
+ var type$h = utils.type;
+
+
+ var mix = function (col1, col2, f) {
+ if ( f === void 0 ) f=0.5;
+ var rest = [], len = arguments.length - 3;
+ while ( len-- > 0 ) rest[ len ] = arguments[ len + 3 ];
+
+ var mode = rest[0] || 'lrgb';
+ if (!interpolator[mode] && !rest.length) {
+ // fall back to the first supported mode
+ mode = Object.keys(interpolator)[0];
+ }
+ if (!interpolator[mode]) {
+ throw new Error(("interpolation mode " + mode + " is not defined"));
+ }
+ if (type$h(col1) !== 'object') { col1 = new Color_1(col1); }
+ if (type$h(col2) !== 'object') { col2 = new Color_1(col2); }
+ return interpolator[mode](col1, col2, f)
+ .alpha(col1.alpha() + f * (col2.alpha() - col1.alpha()));
+ };
+
+ Color_1.prototype.mix =
+ Color_1.prototype.interpolate = function(col2, f) {
+ if ( f === void 0 ) f=0.5;
+ var rest = [], len = arguments.length - 2;
+ while ( len-- > 0 ) rest[ len ] = arguments[ len + 2 ];
+
+ return mix.apply(void 0, [ this, col2, f ].concat( rest ));
+ };
+
+ Color_1.prototype.premultiply = function(mutate) {
+ if ( mutate === void 0 ) mutate=false;
+
+ var rgb = this._rgb;
+ var a = rgb[3];
+ if (mutate) {
+ this._rgb = [rgb[0]*a, rgb[1]*a, rgb[2]*a, a];
+ return this;
+ } else {
+ return new Color_1([rgb[0]*a, rgb[1]*a, rgb[2]*a, a], 'rgb');
+ }
+ };
+
+ Color_1.prototype.saturate = function(amount) {
+ if ( amount === void 0 ) amount=1;
+
+ var me = this;
+ var lch = me.lch();
+ lch[1] += labConstants.Kn * amount;
+ if (lch[1] < 0) { lch[1] = 0; }
+ return new Color_1(lch, 'lch').alpha(me.alpha(), true);
+ };
+
+ Color_1.prototype.desaturate = function(amount) {
+ if ( amount === void 0 ) amount=1;
+
+ return this.saturate(-amount);
+ };
+
+ var type$i = utils.type;
+
+ Color_1.prototype.set = function(mc, value, mutate) {
+ if ( mutate === void 0 ) mutate=false;
+
+ var ref = mc.split('.');
+ var mode = ref[0];
+ var channel = ref[1];
+ var src = this[mode]();
+ if (channel) {
+ var i = mode.indexOf(channel);
+ if (i > -1) {
+ if (type$i(value) == 'string') {
+ switch(value.charAt(0)) {
+ case '+': src[i] += +value; break;
+ case '-': src[i] += +value; break;
+ case '*': src[i] *= +(value.substr(1)); break;
+ case '/': src[i] /= +(value.substr(1)); break;
+ default: src[i] = +value;
+ }
+ } else if (type$i(value) === 'number') {
+ src[i] = value;
+ } else {
+ throw new Error("unsupported value for Color.set");
+ }
+ var out = new Color_1(src, mode);
+ if (mutate) {
+ this._rgb = out._rgb;
+ return this;
+ }
+ return out;
+ }
+ throw new Error(("unknown channel " + channel + " in mode " + mode));
+ } else {
+ return src;
+ }
+ };
+
+ var rgb$1 = function (col1, col2, f) {
+ var xyz0 = col1._rgb;
+ var xyz1 = col2._rgb;
+ return new Color_1(
+ xyz0[0] + f * (xyz1[0]-xyz0[0]),
+ xyz0[1] + f * (xyz1[1]-xyz0[1]),
+ xyz0[2] + f * (xyz1[2]-xyz0[2]),
+ 'rgb'
+ )
+ };
+
+ // register interpolator
+ interpolator.rgb = rgb$1;
+
+ var sqrt$2 = Math.sqrt;
+ var pow$3 = Math.pow;
+
+ var lrgb = function (col1, col2, f) {
+ var ref = col1._rgb;
+ var x1 = ref[0];
+ var y1 = ref[1];
+ var z1 = ref[2];
+ var ref$1 = col2._rgb;
+ var x2 = ref$1[0];
+ var y2 = ref$1[1];
+ var z2 = ref$1[2];
+ return new Color_1(
+ sqrt$2(pow$3(x1,2) * (1-f) + pow$3(x2,2) * f),
+ sqrt$2(pow$3(y1,2) * (1-f) + pow$3(y2,2) * f),
+ sqrt$2(pow$3(z1,2) * (1-f) + pow$3(z2,2) * f),
+ 'rgb'
+ )
+ };
+
+ // register interpolator
+ interpolator.lrgb = lrgb;
+
+ var lab$1 = function (col1, col2, f) {
+ var xyz0 = col1.lab();
+ var xyz1 = col2.lab();
+ return new Color_1(
+ xyz0[0] + f * (xyz1[0]-xyz0[0]),
+ xyz0[1] + f * (xyz1[1]-xyz0[1]),
+ xyz0[2] + f * (xyz1[2]-xyz0[2]),
+ 'lab'
+ )
+ };
+
+ // register interpolator
+ interpolator.lab = lab$1;
+
+ var _hsx = function (col1, col2, f, m) {
+ var assign, assign$1;
+
+ var xyz0, xyz1;
+ if (m === 'hsl') {
+ xyz0 = col1.hsl();
+ xyz1 = col2.hsl();
+ } else if (m === 'hsv') {
+ xyz0 = col1.hsv();
+ xyz1 = col2.hsv();
+ } else if (m === 'hcg') {
+ xyz0 = col1.hcg();
+ xyz1 = col2.hcg();
+ } else if (m === 'hsi') {
+ xyz0 = col1.hsi();
+ xyz1 = col2.hsi();
+ } else if (m === 'lch' || m === 'hcl') {
+ m = 'hcl';
+ xyz0 = col1.hcl();
+ xyz1 = col2.hcl();
+ }
+
+ var hue0, hue1, sat0, sat1, lbv0, lbv1;
+ if (m.substr(0, 1) === 'h') {
+ (assign = xyz0, hue0 = assign[0], sat0 = assign[1], lbv0 = assign[2]);
+ (assign$1 = xyz1, hue1 = assign$1[0], sat1 = assign$1[1], lbv1 = assign$1[2]);
+ }
+
+ var sat, hue, lbv, dh;
+
+ if (!isNaN(hue0) && !isNaN(hue1)) {
+ // both colors have hue
+ if (hue1 > hue0 && hue1 - hue0 > 180) {
+ dh = hue1-(hue0+360);
+ } else if (hue1 < hue0 && hue0 - hue1 > 180) {
+ dh = hue1+360-hue0;
+ } else{
+ dh = hue1 - hue0;
+ }
+ hue = hue0 + f * dh;
+ } else if (!isNaN(hue0)) {
+ hue = hue0;
+ if ((lbv1 == 1 || lbv1 == 0) && m != 'hsv') { sat = sat0; }
+ } else if (!isNaN(hue1)) {
+ hue = hue1;
+ if ((lbv0 == 1 || lbv0 == 0) && m != 'hsv') { sat = sat1; }
+ } else {
+ hue = Number.NaN;
+ }
+
+ if (sat === undefined) { sat = sat0 + f * (sat1 - sat0); }
+ lbv = lbv0 + f * (lbv1-lbv0);
+ return new Color_1([hue, sat, lbv], m);
+ };
+
+ var lch$1 = function (col1, col2, f) {
+ return _hsx(col1, col2, f, 'lch');
+ };
+
+ // register interpolator
+ interpolator.lch = lch$1;
+ interpolator.hcl = lch$1;
+
+ var num$1 = function (col1, col2, f) {
+ var c1 = col1.num();
+ var c2 = col2.num();
+ return new Color_1(c1 + f * (c2-c1), 'num')
+ };
+
+ // register interpolator
+ interpolator.num = num$1;
+
+ var hcg$1 = function (col1, col2, f) {
+ return _hsx(col1, col2, f, 'hcg');
+ };
+
+ // register interpolator
+ interpolator.hcg = hcg$1;
+
+ var hsi$1 = function (col1, col2, f) {
+ return _hsx(col1, col2, f, 'hsi');
+ };
+
+ // register interpolator
+ interpolator.hsi = hsi$1;
+
+ var hsl$1 = function (col1, col2, f) {
+ return _hsx(col1, col2, f, 'hsl');
+ };
+
+ // register interpolator
+ interpolator.hsl = hsl$1;
+
+ var hsv$1 = function (col1, col2, f) {
+ return _hsx(col1, col2, f, 'hsv');
+ };
+
+ // register interpolator
+ interpolator.hsv = hsv$1;
+
+ var clip_rgb$2 = utils.clip_rgb;
+ var pow$4 = Math.pow;
+ var sqrt$3 = Math.sqrt;
+ var PI$1 = Math.PI;
+ var cos$2 = Math.cos;
+ var sin$1 = Math.sin;
+ var atan2$1 = Math.atan2;
+
+ var average = function (colors, mode, weights) {
+ if ( mode === void 0 ) mode='lrgb';
+ if ( weights === void 0 ) weights=null;
+
+ var l = colors.length;
+ if (!weights) { weights = Array.from(new Array(l)).map(function () { return 1; }); }
+ // normalize weights
+ var k = l / weights.reduce(function(a, b) { return a + b; });
+ weights.forEach(function (w,i) { weights[i] *= k; });
+ // convert colors to Color objects
+ colors = colors.map(function (c) { return new Color_1(c); });
+ if (mode === 'lrgb') {
+ return _average_lrgb(colors, weights)
+ }
+ var first = colors.shift();
+ var xyz = first.get(mode);
+ var cnt = [];
+ var dx = 0;
+ var dy = 0;
+ // initial color
+ for (var i=0; i= 360) { A$1 -= 360; }
+ xyz[i$1] = A$1;
+ } else {
+ xyz[i$1] = xyz[i$1]/cnt[i$1];
+ }
+ }
+ alpha /= l;
+ return (new Color_1(xyz, mode)).alpha(alpha > 0.99999 ? 1 : alpha, true);
+ };
+
+
+ var _average_lrgb = function (colors, weights) {
+ var l = colors.length;
+ var xyz = [0,0,0,0];
+ for (var i=0; i < colors.length; i++) {
+ var col = colors[i];
+ var f = weights[i] / l;
+ var rgb = col._rgb;
+ xyz[0] += pow$4(rgb[0],2) * f;
+ xyz[1] += pow$4(rgb[1],2) * f;
+ xyz[2] += pow$4(rgb[2],2) * f;
+ xyz[3] += rgb[3] * f;
+ }
+ xyz[0] = sqrt$3(xyz[0]);
+ xyz[1] = sqrt$3(xyz[1]);
+ xyz[2] = sqrt$3(xyz[2]);
+ if (xyz[3] > 0.9999999) { xyz[3] = 1; }
+ return new Color_1(clip_rgb$2(xyz));
+ };
+
+ // minimal multi-purpose interface
+
+ // @requires utils color analyze
+
+
+ var type$j = utils.type;
+
+ var pow$5 = Math.pow;
+
+ var scale = function(colors) {
+
+ // constructor
+ var _mode = 'rgb';
+ var _nacol = chroma_1('#ccc');
+ var _spread = 0;
+ // const _fixed = false;
+ var _domain = [0, 1];
+ var _pos = [];
+ var _padding = [0,0];
+ var _classes = false;
+ var _colors = [];
+ var _out = false;
+ var _min = 0;
+ var _max = 1;
+ var _correctLightness = false;
+ var _colorCache = {};
+ var _useCache = true;
+ var _gamma = 1;
+
+ // private methods
+
+ var setColors = function(colors) {
+ colors = colors || ['#fff', '#000'];
+ if (colors && type$j(colors) === 'string' && chroma_1.brewer &&
+ chroma_1.brewer[colors.toLowerCase()]) {
+ colors = chroma_1.brewer[colors.toLowerCase()];
+ }
+ if (type$j(colors) === 'array') {
+ // handle single color
+ if (colors.length === 1) {
+ colors = [colors[0], colors[0]];
+ }
+ // make a copy of the colors
+ colors = colors.slice(0);
+ // convert to chroma classes
+ for (var c=0; c= _classes[i]) {
+ i++;
+ }
+ return i-1;
+ }
+ return 0;
+ };
+
+ var tMapLightness = function (t) { return t; };
+ var tMapDomain = function (t) { return t; };
+
+ // const classifyValue = function(value) {
+ // let val = value;
+ // if (_classes.length > 2) {
+ // const n = _classes.length-1;
+ // const i = getClass(value);
+ // const minc = _classes[0] + ((_classes[1]-_classes[0]) * (0 + (_spread * 0.5))); // center of 1st class
+ // const maxc = _classes[n-1] + ((_classes[n]-_classes[n-1]) * (1 - (_spread * 0.5))); // center of last class
+ // val = _min + ((((_classes[i] + ((_classes[i+1] - _classes[i]) * 0.5)) - minc) / (maxc-minc)) * (_max - _min));
+ // }
+ // return val;
+ // };
+
+ var getColor = function(val, bypassMap) {
+ var col, t;
+ if (bypassMap == null) { bypassMap = false; }
+ if (isNaN(val) || (val === null)) { return _nacol; }
+ if (!bypassMap) {
+ if (_classes && (_classes.length > 2)) {
+ // find the class
+ var c = getClass(val);
+ t = c / (_classes.length-2);
+ } else if (_max !== _min) {
+ // just interpolate between min/max
+ t = (val - _min) / (_max - _min);
+ } else {
+ t = 1;
+ }
+ } else {
+ t = val;
+ }
+
+ // domain map
+ t = tMapDomain(t);
+
+ if (!bypassMap) {
+ t = tMapLightness(t); // lightness correction
+ }
+
+ if (_gamma !== 1) { t = pow$5(t, _gamma); }
+
+ t = _padding[0] + (t * (1 - _padding[0] - _padding[1]));
+
+ t = Math.min(1, Math.max(0, t));
+
+ var k = Math.floor(t * 10000);
+
+ if (_useCache && _colorCache[k]) {
+ col = _colorCache[k];
+ } else {
+ if (type$j(_colors) === 'array') {
+ //for i in [0.._pos.length-1]
+ for (var i=0; i<_pos.length; i++) {
+ var p = _pos[i];
+ if (t <= p) {
+ col = _colors[i];
+ break;
+ }
+ if ((t >= p) && (i === (_pos.length-1))) {
+ col = _colors[i];
+ break;
+ }
+ if (t > p && t < _pos[i+1]) {
+ t = (t-p)/(_pos[i+1]-p);
+ col = chroma_1.interpolate(_colors[i], _colors[i+1], t, _mode);
+ break;
+ }
+ }
+ } else if (type$j(_colors) === 'function') {
+ col = _colors(t);
+ }
+ if (_useCache) { _colorCache[k] = col; }
+ }
+ return col;
+ };
+
+ var resetCache = function () { return _colorCache = {}; };
+
+ setColors(colors);
+
+ // public interface
+
+ var f = function(v) {
+ var c = chroma_1(getColor(v));
+ if (_out && c[_out]) { return c[_out](); } else { return c; }
+ };
+
+ f.classes = function(classes) {
+ if (classes != null) {
+ if (type$j(classes) === 'array') {
+ _classes = classes;
+ _domain = [classes[0], classes[classes.length-1]];
+ } else {
+ var d = chroma_1.analyze(_domain);
+ if (classes === 0) {
+ _classes = [d.min, d.max];
+ } else {
+ _classes = chroma_1.limits(d, 'e', classes);
+ }
+ }
+ return f;
+ }
+ return _classes;
+ };
+
+
+ f.domain = function(domain) {
+ if (!arguments.length) {
+ return _domain;
+ }
+ _min = domain[0];
+ _max = domain[domain.length-1];
+ _pos = [];
+ var k = _colors.length;
+ if ((domain.length === k) && (_min !== _max)) {
+ // update positions
+ for (var i = 0, list = Array.from(domain); i < list.length; i += 1) {
+ var d = list[i];
+
+ _pos.push((d-_min) / (_max-_min));
+ }
+ } else {
+ for (var c=0; c 2) {
+ // set domain map
+ var tOut = domain.map(function (d,i) { return i/(domain.length-1); });
+ var tBreaks = domain.map(function (d) { return (d - _min) / (_max - _min); });
+ if (!tBreaks.every(function (val, i) { return tOut[i] === val; })) {
+ tMapDomain = function (t) {
+ if (t <= 0 || t >= 1) { return t; }
+ var i = 0;
+ while (t >= tBreaks[i+1]) { i++; }
+ var f = (t - tBreaks[i]) / (tBreaks[i+1] - tBreaks[i]);
+ var out = tOut[i] + f * (tOut[i+1] - tOut[i]);
+ return out;
+ };
+ }
+
+ }
+ }
+ _domain = [_min, _max];
+ return f;
+ };
+
+ f.mode = function(_m) {
+ if (!arguments.length) {
+ return _mode;
+ }
+ _mode = _m;
+ resetCache();
+ return f;
+ };
+
+ f.range = function(colors, _pos) {
+ setColors(colors, _pos);
+ return f;
+ };
+
+ f.out = function(_o) {
+ _out = _o;
+ return f;
+ };
+
+ f.spread = function(val) {
+ if (!arguments.length) {
+ return _spread;
+ }
+ _spread = val;
+ return f;
+ };
+
+ f.correctLightness = function(v) {
+ if (v == null) { v = true; }
+ _correctLightness = v;
+ resetCache();
+ if (_correctLightness) {
+ tMapLightness = function(t) {
+ var L0 = getColor(0, true).lab()[0];
+ var L1 = getColor(1, true).lab()[0];
+ var pol = L0 > L1;
+ var L_actual = getColor(t, true).lab()[0];
+ var L_ideal = L0 + ((L1 - L0) * t);
+ var L_diff = L_actual - L_ideal;
+ var t0 = 0;
+ var t1 = 1;
+ var max_iter = 20;
+ while ((Math.abs(L_diff) > 1e-2) && (max_iter-- > 0)) {
+ (function() {
+ if (pol) { L_diff *= -1; }
+ if (L_diff < 0) {
+ t0 = t;
+ t += (t1 - t) * 0.5;
+ } else {
+ t1 = t;
+ t += (t0 - t) * 0.5;
+ }
+ L_actual = getColor(t, true).lab()[0];
+ return L_diff = L_actual - L_ideal;
+ })();
+ }
+ return t;
+ };
+ } else {
+ tMapLightness = function (t) { return t; };
+ }
+ return f;
+ };
+
+ f.padding = function(p) {
+ if (p != null) {
+ if (type$j(p) === 'number') {
+ p = [p,p];
+ }
+ _padding = p;
+ return f;
+ } else {
+ return _padding;
+ }
+ };
+
+ f.colors = function(numColors, out) {
+ // If no arguments are given, return the original colors that were provided
+ if (arguments.length < 2) { out = 'hex'; }
+ var result = [];
+
+ if (arguments.length === 0) {
+ result = _colors.slice(0);
+
+ } else if (numColors === 1) {
+ result = [f(0.5)];
+
+ } else if (numColors > 1) {
+ var dm = _domain[0];
+ var dd = _domain[1] - dm;
+ result = __range__(0, numColors, false).map(function (i) { return f( dm + ((i/(numColors-1)) * dd) ); });
+
+ } else { // returns all colors based on the defined classes
+ colors = [];
+ var samples = [];
+ if (_classes && (_classes.length > 2)) {
+ for (var i = 1, end = _classes.length, asc = 1 <= end; asc ? i < end : i > end; asc ? i++ : i--) {
+ samples.push((_classes[i-1]+_classes[i])*0.5);
+ }
+ } else {
+ samples = _domain;
+ }
+ result = samples.map(function (v) { return f(v); });
+ }
+
+ if (chroma_1[out]) {
+ result = result.map(function (c) { return c[out](); });
+ }
+ return result;
+ };
+
+ f.cache = function(c) {
+ if (c != null) {
+ _useCache = c;
+ return f;
+ } else {
+ return _useCache;
+ }
+ };
+
+ f.gamma = function(g) {
+ if (g != null) {
+ _gamma = g;
+ return f;
+ } else {
+ return _gamma;
+ }
+ };
+
+ f.nodata = function(d) {
+ if (d != null) {
+ _nacol = chroma_1(d);
+ return f;
+ } else {
+ return _nacol;
+ }
+ };
+
+ return f;
+ };
+
+ function __range__(left, right, inclusive) {
+ var range = [];
+ var ascending = left < right;
+ var end = !inclusive ? right : ascending ? right + 1 : right - 1;
+ for (var i = left; ascending ? i < end : i > end; ascending ? i++ : i--) {
+ range.push(i);
+ }
+ return range;
+ }
+
+ //
+ // interpolates between a set of colors uzing a bezier spline
+ //
+
+ // @requires utils lab
+
+
+
+
+ var bezier = function(colors) {
+ var assign, assign$1, assign$2;
+
+ var I, lab0, lab1, lab2;
+ colors = colors.map(function (c) { return new Color_1(c); });
+ if (colors.length === 2) {
+ // linear interpolation
+ (assign = colors.map(function (c) { return c.lab(); }), lab0 = assign[0], lab1 = assign[1]);
+ I = function(t) {
+ var lab = ([0, 1, 2].map(function (i) { return lab0[i] + (t * (lab1[i] - lab0[i])); }));
+ return new Color_1(lab, 'lab');
+ };
+ } else if (colors.length === 3) {
+ // quadratic bezier interpolation
+ (assign$1 = colors.map(function (c) { return c.lab(); }), lab0 = assign$1[0], lab1 = assign$1[1], lab2 = assign$1[2]);
+ I = function(t) {
+ var lab = ([0, 1, 2].map(function (i) { return ((1-t)*(1-t) * lab0[i]) + (2 * (1-t) * t * lab1[i]) + (t * t * lab2[i]); }));
+ return new Color_1(lab, 'lab');
+ };
+ } else if (colors.length === 4) {
+ // cubic bezier interpolation
+ var lab3;
+ (assign$2 = colors.map(function (c) { return c.lab(); }), lab0 = assign$2[0], lab1 = assign$2[1], lab2 = assign$2[2], lab3 = assign$2[3]);
+ I = function(t) {
+ var lab = ([0, 1, 2].map(function (i) { return ((1-t)*(1-t)*(1-t) * lab0[i]) + (3 * (1-t) * (1-t) * t * lab1[i]) + (3 * (1-t) * t * t * lab2[i]) + (t*t*t * lab3[i]); }));
+ return new Color_1(lab, 'lab');
+ };
+ } else if (colors.length === 5) {
+ var I0 = bezier(colors.slice(0, 3));
+ var I1 = bezier(colors.slice(2, 5));
+ I = function(t) {
+ if (t < 0.5) {
+ return I0(t*2);
+ } else {
+ return I1((t-0.5)*2);
+ }
+ };
+ }
+ return I;
+ };
+
+ var bezier_1 = function (colors) {
+ var f = bezier(colors);
+ f.scale = function () { return scale(f); };
+ return f;
+ };
+
+ /*
+ * interpolates between a set of colors uzing a bezier spline
+ * blend mode formulas taken from http://www.venture-ware.com/kevin/coding/lets-learn-math-photoshop-blend-modes/
+ */
+
+
+
+
+ var blend = function (bottom, top, mode) {
+ if (!blend[mode]) {
+ throw new Error('unknown blend mode ' + mode);
+ }
+ return blend[mode](bottom, top);
+ };
+
+ var blend_f = function (f) { return function (bottom,top) {
+ var c0 = chroma_1(top).rgb();
+ var c1 = chroma_1(bottom).rgb();
+ return chroma_1.rgb(f(c0, c1));
+ }; };
+
+ var each = function (f) { return function (c0, c1) {
+ var out = [];
+ out[0] = f(c0[0], c1[0]);
+ out[1] = f(c0[1], c1[1]);
+ out[2] = f(c0[2], c1[2]);
+ return out;
+ }; };
+
+ var normal = function (a) { return a; };
+ var multiply = function (a,b) { return a * b / 255; };
+ var darken$1 = function (a,b) { return a > b ? b : a; };
+ var lighten = function (a,b) { return a > b ? a : b; };
+ var screen = function (a,b) { return 255 * (1 - (1-a/255) * (1-b/255)); };
+ var overlay = function (a,b) { return b < 128 ? 2 * a * b / 255 : 255 * (1 - 2 * (1 - a / 255 ) * ( 1 - b / 255 )); };
+ var burn = function (a,b) { return 255 * (1 - (1 - b / 255) / (a/255)); };
+ var dodge = function (a,b) {
+ if (a === 255) { return 255; }
+ a = 255 * (b / 255) / (1 - a / 255);
+ return a > 255 ? 255 : a
+ };
+
+ // # add = (a,b) ->
+ // # if (a + b > 255) then 255 else a + b
+
+ blend.normal = blend_f(each(normal));
+ blend.multiply = blend_f(each(multiply));
+ blend.screen = blend_f(each(screen));
+ blend.overlay = blend_f(each(overlay));
+ blend.darken = blend_f(each(darken$1));
+ blend.lighten = blend_f(each(lighten));
+ blend.dodge = blend_f(each(dodge));
+ blend.burn = blend_f(each(burn));
+ // blend.add = blend_f(each(add));
+
+ var blend_1 = blend;
+
+ // cubehelix interpolation
+ // based on D.A. Green "A colour scheme for the display of astronomical intensity images"
+ // http://astron-soc.in/bulletin/11June/289392011.pdf
+
+ var type$k = utils.type;
+ var clip_rgb$3 = utils.clip_rgb;
+ var TWOPI$2 = utils.TWOPI;
+ var pow$6 = Math.pow;
+ var sin$2 = Math.sin;
+ var cos$3 = Math.cos;
+
+
+ var cubehelix = function(start, rotations, hue, gamma, lightness) {
+ if ( start === void 0 ) start=300;
+ if ( rotations === void 0 ) rotations=-1.5;
+ if ( hue === void 0 ) hue=1;
+ if ( gamma === void 0 ) gamma=1;
+ if ( lightness === void 0 ) lightness=[0,1];
+
+ var dh = 0, dl;
+ if (type$k(lightness) === 'array') {
+ dl = lightness[1] - lightness[0];
+ } else {
+ dl = 0;
+ lightness = [lightness, lightness];
+ }
+
+ var f = function(fract) {
+ var a = TWOPI$2 * (((start+120)/360) + (rotations * fract));
+ var l = pow$6(lightness[0] + (dl * fract), gamma);
+ var h = dh !== 0 ? hue[0] + (fract * dh) : hue;
+ var amp = (h * l * (1-l)) / 2;
+ var cos_a = cos$3(a);
+ var sin_a = sin$2(a);
+ var r = l + (amp * ((-0.14861 * cos_a) + (1.78277* sin_a)));
+ var g = l + (amp * ((-0.29227 * cos_a) - (0.90649* sin_a)));
+ var b = l + (amp * (+1.97294 * cos_a));
+ return chroma_1(clip_rgb$3([r*255,g*255,b*255,1]));
+ };
+
+ f.start = function(s) {
+ if ((s == null)) { return start; }
+ start = s;
+ return f;
+ };
+
+ f.rotations = function(r) {
+ if ((r == null)) { return rotations; }
+ rotations = r;
+ return f;
+ };
+
+ f.gamma = function(g) {
+ if ((g == null)) { return gamma; }
+ gamma = g;
+ return f;
+ };
+
+ f.hue = function(h) {
+ if ((h == null)) { return hue; }
+ hue = h;
+ if (type$k(hue) === 'array') {
+ dh = hue[1] - hue[0];
+ if (dh === 0) { hue = hue[1]; }
+ } else {
+ dh = 0;
+ }
+ return f;
+ };
+
+ f.lightness = function(h) {
+ if ((h == null)) { return lightness; }
+ if (type$k(h) === 'array') {
+ lightness = h;
+ dl = h[1] - h[0];
+ } else {
+ lightness = [h,h];
+ dl = 0;
+ }
+ return f;
+ };
+
+ f.scale = function () { return chroma_1.scale(f); };
+
+ f.hue(hue);
+
+ return f;
+ };
+
+ var digits = '0123456789abcdef';
+
+ var floor$2 = Math.floor;
+ var random = Math.random;
+
+ var random_1 = function () {
+ var code = '#';
+ for (var i=0; i<6; i++) {
+ code += digits.charAt(floor$2(random() * 16));
+ }
+ return new Color_1(code, 'hex');
+ };
+
+ var log$1 = Math.log;
+ var pow$7 = Math.pow;
+ var floor$3 = Math.floor;
+ var abs = Math.abs;
+
+
+ var analyze = function (data, key) {
+ if ( key === void 0 ) key=null;
+
+ var r = {
+ min: Number.MAX_VALUE,
+ max: Number.MAX_VALUE*-1,
+ sum: 0,
+ values: [],
+ count: 0
+ };
+ if (type(data) === 'object') {
+ data = Object.values(data);
+ }
+ data.forEach(function (val) {
+ if (key && type(val) === 'object') { val = val[key]; }
+ if (val !== undefined && val !== null && !isNaN(val)) {
+ r.values.push(val);
+ r.sum += val;
+ if (val < r.min) { r.min = val; }
+ if (val > r.max) { r.max = val; }
+ r.count += 1;
+ }
+ });
+
+ r.domain = [r.min, r.max];
+
+ r.limits = function (mode, num) { return limits(r, mode, num); };
+
+ return r;
+ };
+
+
+ var limits = function (data, mode, num) {
+ if ( mode === void 0 ) mode='equal';
+ if ( num === void 0 ) num=7;
+
+ if (type(data) == 'array') {
+ data = analyze(data);
+ }
+ var min = data.min;
+ var max = data.max;
+ var values = data.values.sort(function (a,b) { return a-b; });
+
+ if (num === 1) { return [min,max]; }
+
+ var limits = [];
+
+ if (mode.substr(0,1) === 'c') { // continuous
+ limits.push(min);
+ limits.push(max);
+ }
+
+ if (mode.substr(0,1) === 'e') { // equal interval
+ limits.push(min);
+ for (var i=1; i 0');
+ }
+ var min_log = Math.LOG10E * log$1(min);
+ var max_log = Math.LOG10E * log$1(max);
+ limits.push(min);
+ for (var i$1=1; i$1 pb
+ var pr = p - pb;
+ limits.push((values[pb]*(1-pr)) + (values[pb+1]*pr));
+ }
+ }
+ limits.push(max);
+
+ }
+
+ else if (mode.substr(0,1) === 'k') { // k-means clustering
+ /*
+ implementation based on
+ http://code.google.com/p/figue/source/browse/trunk/figue.js#336
+ simplified for 1-d input values
+ */
+ var cluster;
+ var n = values.length;
+ var assignments = new Array(n);
+ var clusterSizes = new Array(num);
+ var repeat = true;
+ var nb_iters = 0;
+ var centroids = null;
+
+ // get seed values
+ centroids = [];
+ centroids.push(min);
+ for (var i$3=1; i$3 200) {
+ repeat = false;
+ }
+ }
+
+ // finished k-means clustering
+ // the next part is borrowed from gabrielflor.it
+ var kClusters = {};
+ for (var j$5=0; j$5 l2 ? (l1 + 0.05) / (l2 + 0.05) : (l2 + 0.05) / (l1 + 0.05);
+ };
+
+ var sqrt$4 = Math.sqrt;
+ var atan2$2 = Math.atan2;
+ var abs$1 = Math.abs;
+ var cos$4 = Math.cos;
+ var PI$2 = Math.PI;
+
+ var deltaE = function(a, b, L, C) {
+ if ( L === void 0 ) L=1;
+ if ( C === void 0 ) C=1;
+
+ // Delta E (CMC)
+ // see http://www.brucelindbloom.com/index.html?Eqn_DeltaE_CMC.html
+ a = new Color_1(a);
+ b = new Color_1(b);
+ var ref = Array.from(a.lab());
+ var L1 = ref[0];
+ var a1 = ref[1];
+ var b1 = ref[2];
+ var ref$1 = Array.from(b.lab());
+ var L2 = ref$1[0];
+ var a2 = ref$1[1];
+ var b2 = ref$1[2];
+ var c1 = sqrt$4((a1 * a1) + (b1 * b1));
+ var c2 = sqrt$4((a2 * a2) + (b2 * b2));
+ var sl = L1 < 16.0 ? 0.511 : (0.040975 * L1) / (1.0 + (0.01765 * L1));
+ var sc = ((0.0638 * c1) / (1.0 + (0.0131 * c1))) + 0.638;
+ var h1 = c1 < 0.000001 ? 0.0 : (atan2$2(b1, a1) * 180.0) / PI$2;
+ while (h1 < 0) { h1 += 360; }
+ while (h1 >= 360) { h1 -= 360; }
+ var t = (h1 >= 164.0) && (h1 <= 345.0) ? (0.56 + abs$1(0.2 * cos$4((PI$2 * (h1 + 168.0)) / 180.0))) : (0.36 + abs$1(0.4 * cos$4((PI$2 * (h1 + 35.0)) / 180.0)));
+ var c4 = c1 * c1 * c1 * c1;
+ var f = sqrt$4(c4 / (c4 + 1900.0));
+ var sh = sc * (((f * t) + 1.0) - f);
+ var delL = L1 - L2;
+ var delC = c1 - c2;
+ var delA = a1 - a2;
+ var delB = b1 - b2;
+ var dH2 = ((delA * delA) + (delB * delB)) - (delC * delC);
+ var v1 = delL / (L * sl);
+ var v2 = delC / (C * sc);
+ var v3 = sh;
+ return sqrt$4((v1 * v1) + (v2 * v2) + (dH2 / (v3 * v3)));
+ };
+
+ // simple Euclidean distance
+ var distance = function(a, b, mode) {
+ if ( mode === void 0 ) mode='lab';
+
+ // Delta E (CIE 1976)
+ // see http://www.brucelindbloom.com/index.html?Equations.html
+ a = new Color_1(a);
+ b = new Color_1(b);
+ var l1 = a.get(mode);
+ var l2 = b.get(mode);
+ var sum_sq = 0;
+ for (var i in l1) {
+ var d = (l1[i] || 0) - (l2[i] || 0);
+ sum_sq += d*d;
+ }
+ return Math.sqrt(sum_sq);
+ };
+
+ var valid = function () {
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ try {
+ new (Function.prototype.bind.apply( Color_1, [ null ].concat( args) ));
+ return true;
+ } catch (e) {
+ return false;
+ }
+ };
+
+ // some pre-defined color scales:
+
+
+
+
+ var scales = {
+ cool: function cool() { return scale([chroma_1.hsl(180,1,.9), chroma_1.hsl(250,.7,.4)]) },
+ hot: function hot() { return scale(['#000','#f00','#ff0','#fff'], [0,.25,.75,1]).mode('rgb') }
+ };
+
+ /**
+ ColorBrewer colors for chroma.js
+
+ Copyright (c) 2002 Cynthia Brewer, Mark Harrower, and The
+ Pennsylvania State University.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software distributed
+ under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
+ CONDITIONS OF ANY KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations under the License.
+ */
+
+ var colorbrewer = {
+ // sequential
+ OrRd: ['#fff7ec', '#fee8c8', '#fdd49e', '#fdbb84', '#fc8d59', '#ef6548', '#d7301f', '#b30000', '#7f0000'],
+ PuBu: ['#fff7fb', '#ece7f2', '#d0d1e6', '#a6bddb', '#74a9cf', '#3690c0', '#0570b0', '#045a8d', '#023858'],
+ BuPu: ['#f7fcfd', '#e0ecf4', '#bfd3e6', '#9ebcda', '#8c96c6', '#8c6bb1', '#88419d', '#810f7c', '#4d004b'],
+ Oranges: ['#fff5eb', '#fee6ce', '#fdd0a2', '#fdae6b', '#fd8d3c', '#f16913', '#d94801', '#a63603', '#7f2704'],
+ BuGn: ['#f7fcfd', '#e5f5f9', '#ccece6', '#99d8c9', '#66c2a4', '#41ae76', '#238b45', '#006d2c', '#00441b'],
+ YlOrBr: ['#ffffe5', '#fff7bc', '#fee391', '#fec44f', '#fe9929', '#ec7014', '#cc4c02', '#993404', '#662506'],
+ YlGn: ['#ffffe5', '#f7fcb9', '#d9f0a3', '#addd8e', '#78c679', '#41ab5d', '#238443', '#006837', '#004529'],
+ Reds: ['#fff5f0', '#fee0d2', '#fcbba1', '#fc9272', '#fb6a4a', '#ef3b2c', '#cb181d', '#a50f15', '#67000d'],
+ RdPu: ['#fff7f3', '#fde0dd', '#fcc5c0', '#fa9fb5', '#f768a1', '#dd3497', '#ae017e', '#7a0177', '#49006a'],
+ Greens: ['#f7fcf5', '#e5f5e0', '#c7e9c0', '#a1d99b', '#74c476', '#41ab5d', '#238b45', '#006d2c', '#00441b'],
+ YlGnBu: ['#ffffd9', '#edf8b1', '#c7e9b4', '#7fcdbb', '#41b6c4', '#1d91c0', '#225ea8', '#253494', '#081d58'],
+ Purples: ['#fcfbfd', '#efedf5', '#dadaeb', '#bcbddc', '#9e9ac8', '#807dba', '#6a51a3', '#54278f', '#3f007d'],
+ GnBu: ['#f7fcf0', '#e0f3db', '#ccebc5', '#a8ddb5', '#7bccc4', '#4eb3d3', '#2b8cbe', '#0868ac', '#084081'],
+ Greys: ['#ffffff', '#f0f0f0', '#d9d9d9', '#bdbdbd', '#969696', '#737373', '#525252', '#252525', '#000000'],
+ YlOrRd: ['#ffffcc', '#ffeda0', '#fed976', '#feb24c', '#fd8d3c', '#fc4e2a', '#e31a1c', '#bd0026', '#800026'],
+ PuRd: ['#f7f4f9', '#e7e1ef', '#d4b9da', '#c994c7', '#df65b0', '#e7298a', '#ce1256', '#980043', '#67001f'],
+ Blues: ['#f7fbff', '#deebf7', '#c6dbef', '#9ecae1', '#6baed6', '#4292c6', '#2171b5', '#08519c', '#08306b'],
+ PuBuGn: ['#fff7fb', '#ece2f0', '#d0d1e6', '#a6bddb', '#67a9cf', '#3690c0', '#02818a', '#016c59', '#014636'],
+ Viridis: ['#440154', '#482777', '#3f4a8a', '#31678e', '#26838f', '#1f9d8a', '#6cce5a', '#b6de2b', '#fee825'],
+
+ // diverging
+
+ Spectral: ['#9e0142', '#d53e4f', '#f46d43', '#fdae61', '#fee08b', '#ffffbf', '#e6f598', '#abdda4', '#66c2a5', '#3288bd', '#5e4fa2'],
+ RdYlGn: ['#a50026', '#d73027', '#f46d43', '#fdae61', '#fee08b', '#ffffbf', '#d9ef8b', '#a6d96a', '#66bd63', '#1a9850', '#006837'],
+ RdBu: ['#67001f', '#b2182b', '#d6604d', '#f4a582', '#fddbc7', '#f7f7f7', '#d1e5f0', '#92c5de', '#4393c3', '#2166ac', '#053061'],
+ PiYG: ['#8e0152', '#c51b7d', '#de77ae', '#f1b6da', '#fde0ef', '#f7f7f7', '#e6f5d0', '#b8e186', '#7fbc41', '#4d9221', '#276419'],
+ PRGn: ['#40004b', '#762a83', '#9970ab', '#c2a5cf', '#e7d4e8', '#f7f7f7', '#d9f0d3', '#a6dba0', '#5aae61', '#1b7837', '#00441b'],
+ RdYlBu: ['#a50026', '#d73027', '#f46d43', '#fdae61', '#fee090', '#ffffbf', '#e0f3f8', '#abd9e9', '#74add1', '#4575b4', '#313695'],
+ BrBG: ['#543005', '#8c510a', '#bf812d', '#dfc27d', '#f6e8c3', '#f5f5f5', '#c7eae5', '#80cdc1', '#35978f', '#01665e', '#003c30'],
+ RdGy: ['#67001f', '#b2182b', '#d6604d', '#f4a582', '#fddbc7', '#ffffff', '#e0e0e0', '#bababa', '#878787', '#4d4d4d', '#1a1a1a'],
+ PuOr: ['#7f3b08', '#b35806', '#e08214', '#fdb863', '#fee0b6', '#f7f7f7', '#d8daeb', '#b2abd2', '#8073ac', '#542788', '#2d004b'],
+
+ // qualitative
+
+ Set2: ['#66c2a5', '#fc8d62', '#8da0cb', '#e78ac3', '#a6d854', '#ffd92f', '#e5c494', '#b3b3b3'],
+ Accent: ['#7fc97f', '#beaed4', '#fdc086', '#ffff99', '#386cb0', '#f0027f', '#bf5b17', '#666666'],
+ Set1: ['#e41a1c', '#377eb8', '#4daf4a', '#984ea3', '#ff7f00', '#ffff33', '#a65628', '#f781bf', '#999999'],
+ Set3: ['#8dd3c7', '#ffffb3', '#bebada', '#fb8072', '#80b1d3', '#fdb462', '#b3de69', '#fccde5', '#d9d9d9', '#bc80bd', '#ccebc5', '#ffed6f'],
+ Dark2: ['#1b9e77', '#d95f02', '#7570b3', '#e7298a', '#66a61e', '#e6ab02', '#a6761d', '#666666'],
+ Paired: ['#a6cee3', '#1f78b4', '#b2df8a', '#33a02c', '#fb9a99', '#e31a1c', '#fdbf6f', '#ff7f00', '#cab2d6', '#6a3d9a', '#ffff99', '#b15928'],
+ Pastel2: ['#b3e2cd', '#fdcdac', '#cbd5e8', '#f4cae4', '#e6f5c9', '#fff2ae', '#f1e2cc', '#cccccc'],
+ Pastel1: ['#fbb4ae', '#b3cde3', '#ccebc5', '#decbe4', '#fed9a6', '#ffffcc', '#e5d8bd', '#fddaec', '#f2f2f2'],
+ };
+
+ // add lowercase aliases for case-insensitive matches
+ for (var i$1 = 0, list$1 = Object.keys(colorbrewer); i$1 < list$1.length; i$1 += 1) {
+ var key = list$1[i$1];
+
+ colorbrewer[key.toLowerCase()] = colorbrewer[key];
+ }
+
+ var colorbrewer_1 = colorbrewer;
+
+ // feel free to comment out anything to rollup
+ // a smaller chroma.js built
+
+ // io --> convert colors
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ // operators --> modify existing Colors
+
+
+
+
+
+
+
+
+
+
+ // interpolators
+
+
+
+
+
+
+
+
+
+
+ // generators -- > create new colors
+ chroma_1.average = average;
+ chroma_1.bezier = bezier_1;
+ chroma_1.blend = blend_1;
+ chroma_1.cubehelix = cubehelix;
+ chroma_1.mix = chroma_1.interpolate = mix;
+ chroma_1.random = random_1;
+ chroma_1.scale = scale;
+
+ // other utility methods
+ chroma_1.analyze = analyze_1.analyze;
+ chroma_1.contrast = contrast;
+ chroma_1.deltaE = deltaE;
+ chroma_1.distance = distance;
+ chroma_1.limits = analyze_1.limits;
+ chroma_1.valid = valid;
+
+ // scale
+ chroma_1.scales = scales;
+
+ // colors
+ chroma_1.colors = w3cx11_1;
+ chroma_1.brewer = colorbrewer_1;
+
+ var chroma_js = chroma_1;
+
+ return chroma_js;
+
+})));
diff --git a/vendor_js/chroma.min.js b/vendor_js/chroma.min.js
new file mode 100644
index 00000000..93cac504
--- /dev/null
+++ b/vendor_js/chroma.min.js
@@ -0,0 +1,58 @@
+/**
+ * chroma.js - JavaScript library for color conversions
+ *
+ * Copyright (c) 2011-2019, Gregor Aisch
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ * 1. Redistributions of source code must retain the above copyright notice, this
+ * list of conditions and the following disclaimer.
+ *
+ * 2. Redistributions in binary form must reproduce the above copyright notice,
+ * this list of conditions and the following disclaimer in the documentation
+ * and/or other materials provided with the distribution.
+ *
+ * 3. The name Gregor Aisch may not be used to endorse or promote products
+ * derived from this software without specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+ * DISCLAIMED. IN NO EVENT SHALL GREGOR AISCH OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT,
+ * INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING,
+ * BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+ * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
+ * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE,
+ * EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ *
+ * -------------------------------------------------------
+ *
+ * chroma.js includes colors from colorbrewer2.org, which are released under
+ * the following license:
+ *
+ * Copyright (c) 2002 Cynthia Brewer, Mark Harrower,
+ * and The Pennsylvania State University.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ * either express or implied. See the License for the specific
+ * language governing permissions and limitations under the License.
+ *
+ * ------------------------------------------------------
+ *
+ * Named colors are taken from X11 Color Names.
+ * http://www.w3.org/TR/css3-color/#svg-color
+ *
+ * @preserve
+ */
+
+!function(r,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):r.chroma=e()}(this,function(){"use strict";for(var n=function(r,e,n){return void 0===e&&(e=0),void 0===n&&(n=1),r>16,e>>8&255,255&e,1]}if(r.match(fr)){5!==r.length&&9!==r.length||(r=r.substr(1)),4===r.length&&(r=(r=r.split(""))[0]+r[0]+r[1]+r[1]+r[2]+r[2]+r[3]+r[3]);var n=parseInt(r,16);return[n>>24&255,n>>16&255,n>>8&255,Math.round((255&n)/255*100)/100]}throw new Error("unknown hex color: "+r)},ur=o.type;A.prototype.hex=function(r){return tr(this._rgb,r)},_.hex=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return new(Function.prototype.bind.apply(A,[null].concat(r,["hex"])))},b.format.hex=or,b.autodetect.push({p:4,test:function(r){for(var e=[],n=arguments.length-1;0>16,r>>8&255,255&r,1];throw new Error("unknown num color: "+r)},xe=o.type;A.prototype.num=function(){return Me(this._rgb)},_.num=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return new(Function.prototype.bind.apply(A,[null].concat(r,["num"])))},b.format.num=_e,b.autodetect.push({p:5,test:function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];if(1===r.length&&"number"===xe(r[0])&&0<=r[0]&&r[0]<=16777215)return"num"}});var Ae=o.unpack,Ee=o.type,Pe=Math.round;A.prototype.rgb=function(r){return void 0===r&&(r=!0),!1===r?this._rgb.slice(0,3):this._rgb.slice(0,3).map(Pe)},A.prototype.rgba=function(n){return void 0===n&&(n=!0),this._rgb.slice(0,4).map(function(r,e){return e<3?!1===n?r:Pe(r):r})},_.rgb=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return new(Function.prototype.bind.apply(A,[null].concat(r,["rgb"])))},b.format.rgb=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];var n=Ae(r,"rgba");return void 0===n[3]&&(n[3]=1),n},b.autodetect.push({p:3,test:function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];if(r=Ae(r,"rgba"),"array"===Ee(r)&&(3===r.length||4===r.length&&"number"==Ee(r[3])&&0<=r[3]&&r[3]<=1))return"rgb"}});var Fe=Math.log,Oe=function(r){var e,n,t,a=r/100;return t=a<66?(e=255,n=-155.25485562709179-.44596950469579133*(n=a-2)+104.49216199393888*Fe(n),a<20?0:.8274096064007395*(t=a-10)-254.76935184120902+115.67994401066147*Fe(t)):(e=351.97690566805693+.114206453784165*(e=a-55)-40.25366309332127*Fe(e),n=325.4494125711974+.07943456536662342*(n=a-50)-28.0852963507957*Fe(n),255),[e,n,t,1]},je=o.unpack,Ge=Math.round,qe=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];for(var n,t=je(r,"rgb"),a=t[0],f=t[2],o=1e3,u=4e4;.4=f/a?u=n:o=n}return Ge(n)};A.prototype.temp=A.prototype.kelvin=A.prototype.temperature=function(){return qe(this._rgb)},_.temp=_.kelvin=_.temperature=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return new(Function.prototype.bind.apply(A,[null].concat(r,["temp"])))},b.format.temp=b.format.kelvin=b.format.temperature=Oe;var Le=o.type;A.prototype.alpha=function(r,e){return void 0===e&&(e=!1),void 0!==r&&"number"===Le(r)?e?(this._rgb[3]=r,this):new A([this._rgb[0],this._rgb[1],this._rgb[2],r],"rgb"):this._rgb[3]},A.prototype.clipped=function(){return this._rgb._clipped||!1},A.prototype.darken=function(r){void 0===r&&(r=1);var e=this.lab();return e[0]-=qr*r,new A(e,"lab").alpha(this.alpha(),!0)},A.prototype.brighten=function(r){return void 0===r&&(r=1),this.darken(-r)},A.prototype.darker=A.prototype.darken,A.prototype.brighter=A.prototype.brighten,A.prototype.get=function(r){var e=r.split("."),n=e[0],t=e[1],a=this[n]();if(t){var f=n.indexOf(t);if(-1=s[n];)n++;return n-1}(r)/(s.length-2):g!==p?(r-p)/(g-p):1;t=k(t),e||(t=w(t)),1!==y&&(t=nn(t,y)),t=d[0]+t*(1-d[0]-d[1]),t=Math.min(1,Math.max(0,t));var a=Math.floor(1e4*t);if(m&&v[a])n=v[a];else{if("array"===en(b))for(var f=0;f=u[e+1];)e++;var n=(r-u[e])/(u[e+1]-u[e]);return o[e]+n*(o[e+1]-o[e])})}}return l=[p,g],N},N.mode=function(r){return arguments.length?(u=r,f(),N):u},N.range=function(r,e){return a(r),N},N.out=function(r){return n=r,N},N.spread=function(r){return arguments.length?(e=r,N):e},N.correctLightness=function(r){return null==r&&(r=!0),t=r,f(),w=t?function(r){for(var e=M(0,!0).lab()[0],n=M(1,!0).lab()[0],t=nn.max&&(n.max=r),n.count+=1)}),n.domain=[n.min,n.max],n.limits=function(r,e){return Nn(n,r,e)},n},Nn=function(r,e,n){void 0===e&&(e="equal"),void 0===n&&(n=7),"array"==Y(r)&&(r=Mn(r));var t=r.min,a=r.max,f=r.values.sort(function(r,e){return r-e});if(1===n)return[t,a];var o=[];if("c"===e.substr(0,1)&&(o.push(t),o.push(a)),"e"===e.substr(0,1)){o.push(t);for(var u=1;u 0");var c=Math.LOG10E*mn(t),i=Math.LOG10E*mn(a);o.push(t);for(var l=1;l=5.4.0",
+ "psr\/container": "^1.0"
+ },
+ "require-dev": {
+ "phpunit\/phpunit": "*@stable"
+ },
+ "autoload": {
+ "psr-4": {
+ "Pixelgrade\\Customify\\Vendor\\Cedaro\\WP\\Plugin\\": "src\/"
+ }
+ },
+ "autoload-dev": {
+ "psr-4": {
+ "Pixelgrade\\Customify\\Vendor\\Cedaro\\WP\\Plugin\\Test\\": "tests\/"
+ }
+ },
+ "scripts": {
+ "test": ".\/vendor\/bin\/phpunit --coverage-html coverage"
+ }
+}
\ No newline at end of file
diff --git a/vendor_prefixed/cedaro/wp-plugin/src/AbstractHookProvider.php b/vendor_prefixed/cedaro/wp-plugin/src/AbstractHookProvider.php
new file mode 100644
index 00000000..6a55b4ae
--- /dev/null
+++ b/vendor_prefixed/cedaro/wp-plugin/src/AbstractHookProvider.php
@@ -0,0 +1,24 @@
+basename;
+ }
+ /**
+ * Set the plugin basename.
+ *
+ * @param string $basename Relative path from the main plugin directory.
+ * @return $this
+ */
+ public function set_basename($basename)
+ {
+ $this->basename = $basename;
+ return $this;
+ }
+ /**
+ * Retrieve the plugin directory.
+ *
+ * @return string
+ */
+ public function get_directory()
+ {
+ return $this->directory;
+ }
+ /**
+ * Set the plugin's directory.
+ *
+ * @param string $directory Absolute path to the main plugin directory.
+ * @return $this
+ */
+ public function set_directory($directory)
+ {
+ $this->directory = \rtrim($directory, '/') . '/';
+ return $this;
+ }
+ /**
+ * Retrieve the path to a file in the plugin.
+ *
+ * @param string $path Optional. Path relative to the plugin root.
+ * @return string
+ */
+ public function get_path($path = '')
+ {
+ return $this->directory . \ltrim($path, '/');
+ }
+ /**
+ * Retrieve the absolute path for the main plugin file.
+ *
+ * @return string
+ */
+ public function get_file()
+ {
+ return $this->file;
+ }
+ /**
+ * Set the path to the main plugin file.
+ *
+ * @param string $file Absolute path to the main plugin file.
+ * @return $this
+ */
+ public function set_file($file)
+ {
+ $this->file = $file;
+ return $this;
+ }
+ /**
+ * Retrieve the plugin identifier.
+ *
+ * @return string
+ */
+ public function get_slug()
+ {
+ return $this->slug;
+ }
+ /**
+ * Set the plugin identifier.
+ *
+ * @param string $slug Plugin identifier.
+ * @return $this
+ */
+ public function set_slug($slug)
+ {
+ $this->slug = $slug;
+ return $this;
+ }
+ /**
+ * Retrieve the URL for a file in the plugin.
+ *
+ * @param string $path Optional. Path relative to the plugin root.
+ * @return string
+ */
+ public function get_url($path = '')
+ {
+ return $this->url . \ltrim($path, '/');
+ }
+ /**
+ * Set the URL for plugin directory root.
+ *
+ * @param string $url URL to the root of the plugin directory.
+ * @return $this
+ */
+ public function set_url($url)
+ {
+ $this->url = \rtrim($url, '/') . '/';
+ return $this;
+ }
+ /**
+ * Register a hook provider.
+ *
+ * @param HookProviderInterface $provider Hook provider.
+ * @return $this
+ */
+ public function register_hooks(\Pixelgrade\Customify\Vendor\Cedaro\WP\Plugin\HookProviderInterface $provider)
+ {
+ if ($provider instanceof \Pixelgrade\Customify\Vendor\Cedaro\WP\Plugin\PluginAwareInterface) {
+ $provider->set_plugin($this);
+ }
+ $provider->register_hooks();
+ return $this;
+ }
+}
diff --git a/vendor_prefixed/cedaro/wp-plugin/src/ContainerAwareTrait.php b/vendor_prefixed/cedaro/wp-plugin/src/ContainerAwareTrait.php
new file mode 100644
index 00000000..fc1bc180
--- /dev/null
+++ b/vendor_prefixed/cedaro/wp-plugin/src/ContainerAwareTrait.php
@@ -0,0 +1,90 @@
+container->get($name);
+ }
+ /**
+ * Whether a container service exists.
+ *
+ * @param string $name Service name.
+ * @return bool
+ */
+ public function __isset($name)
+ {
+ return $this->container->has($name);
+ }
+ /**
+ * Calling a non-existant method on the class checks to see if there's an
+ * item in the container that is callable and if so, calls it.
+ *
+ * @param string $method Method name.
+ * @param array $args Method arguments.
+ * @return mixed
+ */
+ public function __call($method, $args)
+ {
+ if ($this->container->has($method)) {
+ $object = $this->container->get($method);
+ if (\is_callable($object)) {
+ return \call_user_func_array($object, $args);
+ }
+ }
+ }
+ /**
+ * Enable access to the DI container by plugin consumers.
+ *
+ * @return ContainerInterface
+ */
+ public function get_container()
+ {
+ return $this->container;
+ }
+ /**
+ * Set the container.
+ *
+ * @param ContainerInterface $container Dependency injection container.
+ * @throws InvalidArgumentException when no container is provided that implements ContainerInterface.
+ * @return $this
+ */
+ public function set_container($container)
+ {
+ if (!$container instanceof \Pixelgrade\Customify\Vendor\Psr\Container\ContainerInterface) {
+ throw new \InvalidArgumentException('Expected a ContainerInterface.');
+ }
+ $this->container = $container;
+ return $this;
+ }
+}
diff --git a/vendor_prefixed/cedaro/wp-plugin/src/HookProviderInterface.php b/vendor_prefixed/cedaro/wp-plugin/src/HookProviderInterface.php
new file mode 100644
index 00000000..368570f2
--- /dev/null
+++ b/vendor_prefixed/cedaro/wp-plugin/src/HookProviderInterface.php
@@ -0,0 +1,23 @@
+map_filter($this->get_wp_filter_id($hook, $method, $priority), $method, $arg_count), $priority, $arg_count);
+ }
+ /**
+ * Add a WordPress action.
+ *
+ * This is an alias of add_filter().
+ *
+ * @param string $hook
+ * @param callable $method
+ * @param int $priority
+ * @param int $arg_count
+ * @return bool true
+ */
+ protected function add_action($hook, $method, $priority = 10, $arg_count = 1)
+ {
+ return $this->add_filter($hook, $method, $priority, $arg_count);
+ }
+ /**
+ * Remove a WordPress filter.
+ *
+ * @param string $hook
+ * @param callable $method
+ * @param int $priority
+ * @param int $arg_count
+ * @return bool Whether the function existed before it was removed.
+ */
+ protected function remove_filter($hook, $method, $priority = 10, $arg_count = 1)
+ {
+ return remove_filter($hook, $this->map_filter($this->get_wp_filter_id($hook, $method, $priority), $method, $arg_count), $priority, $arg_count);
+ }
+ /**
+ * Remove a WordPress action.
+ *
+ * This is an alias of remove_filter().
+ *
+ * @param string $hook
+ * @param callable $method
+ * @param int $priority
+ * @param int $arg_count
+ * @return bool Whether the function is removed.
+ */
+ protected function remove_action($hook, $method, $priority = 10, $arg_count = 1)
+ {
+ return $this->remove_filter($hook, $method, $priority, $arg_count);
+ }
+ /**
+ * Get a unique ID for a hook based on the internal method, hook, and priority.
+ *
+ * @param string $hook
+ * @param string $method
+ * @param int $priority
+ * @return bool|string
+ */
+ protected function get_wp_filter_id($hook, $method, $priority)
+ {
+ return _wp_filter_build_unique_id($hook, [$this, $method], $priority);
+ }
+ /**
+ * Map a filter to a closure that inherits the class' internal scope.
+ *
+ * This allows hooks to use protected and private methods.
+ *
+ * @param $id
+ * @param $method
+ * @param $arg_count
+ * @return \Closure The callable actually attached to a WP hook
+ */
+ protected function map_filter($id, $method, $arg_count)
+ {
+ if (empty($this->filter_map[$id])) {
+ $this->filter_map[$id] = function () use($method, $arg_count) {
+ return \call_user_func_array([$this, $method], \array_slice(\func_get_args(), 0, $arg_count));
+ };
+ }
+ return $this->filter_map[$id];
+ }
+}
diff --git a/vendor_prefixed/cedaro/wp-plugin/src/Plugin.php b/vendor_prefixed/cedaro/wp-plugin/src/Plugin.php
new file mode 100644
index 00000000..75decb76
--- /dev/null
+++ b/vendor_prefixed/cedaro/wp-plugin/src/Plugin.php
@@ -0,0 +1,20 @@
+plugin = $plugin;
+ return $this;
+ }
+}
diff --git a/vendor_prefixed/cedaro/wp-plugin/src/PluginFactory.php b/vendor_prefixed/cedaro/wp-plugin/src/PluginFactory.php
new file mode 100644
index 00000000..05839feb
--- /dev/null
+++ b/vendor_prefixed/cedaro/wp-plugin/src/PluginFactory.php
@@ -0,0 +1,37 @@
+set_basename(plugin_basename($filename))->set_directory(plugin_dir_path($filename))->set_file($filename)->set_slug($slug)->set_url(plugin_dir_url($filename));
+ }
+}
diff --git a/vendor_prefixed/cedaro/wp-plugin/src/PluginInterface.php b/vendor_prefixed/cedaro/wp-plugin/src/PluginInterface.php
new file mode 100644
index 00000000..ac33e012
--- /dev/null
+++ b/vendor_prefixed/cedaro/wp-plugin/src/PluginInterface.php
@@ -0,0 +1,102 @@
+load_textdomain();
+ } else {
+ $this->add_action('plugins_loaded', 'load_textdomain');
+ }
+ }
+ /**
+ * Load the text domain to localize the plugin.
+ */
+ protected function load_textdomain()
+ {
+ $plugin_rel_path = \dirname($this->plugin->get_basename()) . '/languages';
+ load_plugin_textdomain($this->plugin->get_slug(), \false, $plugin_rel_path);
+ }
+}
diff --git a/vendor_prefixed/pimple/pimple/LICENSE b/vendor_prefixed/pimple/pimple/LICENSE
new file mode 100644
index 00000000..3e2a9e1e
--- /dev/null
+++ b/vendor_prefixed/pimple/pimple/LICENSE
@@ -0,0 +1,19 @@
+Copyright (c) 2009-2020 Fabien Potencier
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is furnished
+to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/vendor_prefixed/pimple/pimple/composer.json b/vendor_prefixed/pimple/pimple/composer.json
new file mode 100644
index 00000000..e6521b81
--- /dev/null
+++ b/vendor_prefixed/pimple/pimple/composer.json
@@ -0,0 +1,34 @@
+{
+ "name": "pimple\/pimple",
+ "type": "library",
+ "description": "Pimple, a simple Dependency Injection Container",
+ "keywords": [
+ "dependency injection",
+ "container"
+ ],
+ "homepage": "https:\/\/pimple.symfony.com",
+ "license": "MIT",
+ "authors": [
+ {
+ "name": "Fabien Potencier",
+ "email": "fabien@symfony.com"
+ }
+ ],
+ "require": {
+ "php": ">=7.2.5",
+ "psr\/container": "^1.1"
+ },
+ "require-dev": {
+ "symfony\/phpunit-bridge": "^5.0"
+ },
+ "autoload": {
+ "psr-4": {
+ "Pixelgrade\\Customify\\Vendor\\Pimple\\": "src\/Pimple\/"
+ }
+ },
+ "extra": {
+ "branch-alias": {
+ "dev-master": "3.4.x-dev"
+ }
+ }
+}
\ No newline at end of file
diff --git a/vendor_prefixed/pimple/pimple/src/Pimple/Container.php b/vendor_prefixed/pimple/pimple/src/Pimple/Container.php
new file mode 100644
index 00000000..92297560
--- /dev/null
+++ b/vendor_prefixed/pimple/pimple/src/Pimple/Container.php
@@ -0,0 +1,256 @@
+factories = new \SplObjectStorage();
+ $this->protected = new \SplObjectStorage();
+ foreach ($values as $key => $value) {
+ $this->offsetSet($key, $value);
+ }
+ }
+ /**
+ * Sets a parameter or an object.
+ *
+ * Objects must be defined as Closures.
+ *
+ * Allowing any PHP callable leads to difficult to debug problems
+ * as function names (strings) are callable (creating a function with
+ * the same name as an existing parameter would break your container).
+ *
+ * @param string $id The unique identifier for the parameter or object
+ * @param mixed $value The value of the parameter or a closure to define an object
+ *
+ * @throws FrozenServiceException Prevent override of a frozen service
+ */
+ public function offsetSet($id, $value)
+ {
+ if (isset($this->frozen[$id])) {
+ throw new \Pixelgrade\Customify\Vendor\Pimple\Exception\FrozenServiceException($id);
+ }
+ $this->values[$id] = $value;
+ $this->keys[$id] = \true;
+ }
+ /**
+ * Gets a parameter or an object.
+ *
+ * @param string $id The unique identifier for the parameter or object
+ *
+ * @return mixed The value of the parameter or an object
+ *
+ * @throws UnknownIdentifierException If the identifier is not defined
+ */
+ public function offsetGet($id)
+ {
+ if (!isset($this->keys[$id])) {
+ throw new \Pixelgrade\Customify\Vendor\Pimple\Exception\UnknownIdentifierException($id);
+ }
+ if (isset($this->raw[$id]) || !\is_object($this->values[$id]) || isset($this->protected[$this->values[$id]]) || !\method_exists($this->values[$id], '__invoke')) {
+ return $this->values[$id];
+ }
+ if (isset($this->factories[$this->values[$id]])) {
+ return $this->values[$id]($this);
+ }
+ $raw = $this->values[$id];
+ $val = $this->values[$id] = $raw($this);
+ $this->raw[$id] = $raw;
+ $this->frozen[$id] = \true;
+ return $val;
+ }
+ /**
+ * Checks if a parameter or an object is set.
+ *
+ * @param string $id The unique identifier for the parameter or object
+ *
+ * @return bool
+ */
+ public function offsetExists($id)
+ {
+ return isset($this->keys[$id]);
+ }
+ /**
+ * Unsets a parameter or an object.
+ *
+ * @param string $id The unique identifier for the parameter or object
+ */
+ public function offsetUnset($id)
+ {
+ if (isset($this->keys[$id])) {
+ if (\is_object($this->values[$id])) {
+ unset($this->factories[$this->values[$id]], $this->protected[$this->values[$id]]);
+ }
+ unset($this->values[$id], $this->frozen[$id], $this->raw[$id], $this->keys[$id]);
+ }
+ }
+ /**
+ * Marks a callable as being a factory service.
+ *
+ * @param callable $callable A service definition to be used as a factory
+ *
+ * @return callable The passed callable
+ *
+ * @throws ExpectedInvokableException Service definition has to be a closure or an invokable object
+ */
+ public function factory($callable)
+ {
+ if (!\is_object($callable) || !\method_exists($callable, '__invoke')) {
+ throw new \Pixelgrade\Customify\Vendor\Pimple\Exception\ExpectedInvokableException('Service definition is not a Closure or invokable object.');
+ }
+ $this->factories->attach($callable);
+ return $callable;
+ }
+ /**
+ * Protects a callable from being interpreted as a service.
+ *
+ * This is useful when you want to store a callable as a parameter.
+ *
+ * @param callable $callable A callable to protect from being evaluated
+ *
+ * @return callable The passed callable
+ *
+ * @throws ExpectedInvokableException Service definition has to be a closure or an invokable object
+ */
+ public function protect($callable)
+ {
+ if (!\is_object($callable) || !\method_exists($callable, '__invoke')) {
+ throw new \Pixelgrade\Customify\Vendor\Pimple\Exception\ExpectedInvokableException('Callable is not a Closure or invokable object.');
+ }
+ $this->protected->attach($callable);
+ return $callable;
+ }
+ /**
+ * Gets a parameter or the closure defining an object.
+ *
+ * @param string $id The unique identifier for the parameter or object
+ *
+ * @return mixed The value of the parameter or the closure defining an object
+ *
+ * @throws UnknownIdentifierException If the identifier is not defined
+ */
+ public function raw($id)
+ {
+ if (!isset($this->keys[$id])) {
+ throw new \Pixelgrade\Customify\Vendor\Pimple\Exception\UnknownIdentifierException($id);
+ }
+ if (isset($this->raw[$id])) {
+ return $this->raw[$id];
+ }
+ return $this->values[$id];
+ }
+ /**
+ * Extends an object definition.
+ *
+ * Useful when you want to extend an existing object definition,
+ * without necessarily loading that object.
+ *
+ * @param string $id The unique identifier for the object
+ * @param callable $callable A service definition to extend the original
+ *
+ * @return callable The wrapped callable
+ *
+ * @throws UnknownIdentifierException If the identifier is not defined
+ * @throws FrozenServiceException If the service is frozen
+ * @throws InvalidServiceIdentifierException If the identifier belongs to a parameter
+ * @throws ExpectedInvokableException If the extension callable is not a closure or an invokable object
+ */
+ public function extend($id, $callable)
+ {
+ if (!isset($this->keys[$id])) {
+ throw new \Pixelgrade\Customify\Vendor\Pimple\Exception\UnknownIdentifierException($id);
+ }
+ if (isset($this->frozen[$id])) {
+ throw new \Pixelgrade\Customify\Vendor\Pimple\Exception\FrozenServiceException($id);
+ }
+ if (!\is_object($this->values[$id]) || !\method_exists($this->values[$id], '__invoke')) {
+ throw new \Pixelgrade\Customify\Vendor\Pimple\Exception\InvalidServiceIdentifierException($id);
+ }
+ if (isset($this->protected[$this->values[$id]])) {
+ @\trigger_error(\sprintf('How Pimple behaves when extending protected closures will be fixed in Pimple 4. Are you sure "%s" should be protected?', $id), \E_USER_DEPRECATED);
+ }
+ if (!\is_object($callable) || !\method_exists($callable, '__invoke')) {
+ throw new \Pixelgrade\Customify\Vendor\Pimple\Exception\ExpectedInvokableException('Extension service definition is not a Closure or invokable object.');
+ }
+ $factory = $this->values[$id];
+ $extended = function ($c) use($callable, $factory) {
+ return $callable($factory($c), $c);
+ };
+ if (isset($this->factories[$factory])) {
+ $this->factories->detach($factory);
+ $this->factories->attach($extended);
+ }
+ return $this[$id] = $extended;
+ }
+ /**
+ * Returns all defined value names.
+ *
+ * @return array An array of value names
+ */
+ public function keys()
+ {
+ return \array_keys($this->values);
+ }
+ /**
+ * Registers a service provider.
+ *
+ * @param ServiceProviderInterface $provider A ServiceProviderInterface instance
+ * @param array $values An array of values that customizes the provider
+ *
+ * @return static
+ */
+ public function register(\Pixelgrade\Customify\Vendor\Pimple\ServiceProviderInterface $provider, array $values = [])
+ {
+ $provider->register($this);
+ foreach ($values as $key => $value) {
+ $this[$key] = $value;
+ }
+ return $this;
+ }
+}
diff --git a/vendor_prefixed/pimple/pimple/src/Pimple/Exception/ExpectedInvokableException.php b/vendor_prefixed/pimple/pimple/src/Pimple/Exception/ExpectedInvokableException.php
new file mode 100644
index 00000000..a1b44155
--- /dev/null
+++ b/vendor_prefixed/pimple/pimple/src/Pimple/Exception/ExpectedInvokableException.php
@@ -0,0 +1,36 @@
+
+ */
+class ExpectedInvokableException extends \InvalidArgumentException implements \Pixelgrade\Customify\Vendor\Psr\Container\ContainerExceptionInterface
+{
+}
diff --git a/vendor_prefixed/pimple/pimple/src/Pimple/Exception/FrozenServiceException.php b/vendor_prefixed/pimple/pimple/src/Pimple/Exception/FrozenServiceException.php
new file mode 100644
index 00000000..131a588c
--- /dev/null
+++ b/vendor_prefixed/pimple/pimple/src/Pimple/Exception/FrozenServiceException.php
@@ -0,0 +1,43 @@
+
+ */
+class FrozenServiceException extends \RuntimeException implements \Pixelgrade\Customify\Vendor\Psr\Container\ContainerExceptionInterface
+{
+ /**
+ * @param string $id Identifier of the frozen service
+ */
+ public function __construct($id)
+ {
+ parent::__construct(\sprintf('Cannot override frozen service "%s".', $id));
+ }
+}
diff --git a/vendor_prefixed/pimple/pimple/src/Pimple/Exception/InvalidServiceIdentifierException.php b/vendor_prefixed/pimple/pimple/src/Pimple/Exception/InvalidServiceIdentifierException.php
new file mode 100644
index 00000000..57e62c56
--- /dev/null
+++ b/vendor_prefixed/pimple/pimple/src/Pimple/Exception/InvalidServiceIdentifierException.php
@@ -0,0 +1,43 @@
+
+ */
+class InvalidServiceIdentifierException extends \InvalidArgumentException implements \Pixelgrade\Customify\Vendor\Psr\Container\NotFoundExceptionInterface
+{
+ /**
+ * @param string $id The invalid identifier
+ */
+ public function __construct($id)
+ {
+ parent::__construct(\sprintf('Identifier "%s" does not contain an object definition.', $id));
+ }
+}
diff --git a/vendor_prefixed/pimple/pimple/src/Pimple/Exception/UnknownIdentifierException.php b/vendor_prefixed/pimple/pimple/src/Pimple/Exception/UnknownIdentifierException.php
new file mode 100644
index 00000000..1fc0a4ea
--- /dev/null
+++ b/vendor_prefixed/pimple/pimple/src/Pimple/Exception/UnknownIdentifierException.php
@@ -0,0 +1,43 @@
+
+ */
+class UnknownIdentifierException extends \InvalidArgumentException implements \Pixelgrade\Customify\Vendor\Psr\Container\NotFoundExceptionInterface
+{
+ /**
+ * @param string $id The unknown identifier
+ */
+ public function __construct($id)
+ {
+ parent::__construct(\sprintf('Identifier "%s" is not defined.', $id));
+ }
+}
diff --git a/vendor_prefixed/pimple/pimple/src/Pimple/Psr11/Container.php b/vendor_prefixed/pimple/pimple/src/Pimple/Psr11/Container.php
new file mode 100644
index 00000000..3c25d60e
--- /dev/null
+++ b/vendor_prefixed/pimple/pimple/src/Pimple/Psr11/Container.php
@@ -0,0 +1,50 @@
+
+ */
+final class Container implements \Pixelgrade\Customify\Vendor\Psr\Container\ContainerInterface
+{
+ private $pimple;
+ public function __construct(\Pixelgrade\Customify\Vendor\Pimple\Container $pimple)
+ {
+ $this->pimple = $pimple;
+ }
+ public function get(string $id)
+ {
+ return $this->pimple[$id];
+ }
+ public function has(string $id) : bool
+ {
+ return isset($this->pimple[$id]);
+ }
+}
diff --git a/vendor_prefixed/pimple/pimple/src/Pimple/Psr11/ServiceLocator.php b/vendor_prefixed/pimple/pimple/src/Pimple/Psr11/ServiceLocator.php
new file mode 100644
index 00000000..a8107f3c
--- /dev/null
+++ b/vendor_prefixed/pimple/pimple/src/Pimple/Psr11/ServiceLocator.php
@@ -0,0 +1,68 @@
+
+ */
+class ServiceLocator implements \Pixelgrade\Customify\Vendor\Psr\Container\ContainerInterface
+{
+ private $container;
+ private $aliases = [];
+ /**
+ * @param PimpleContainer $container The Container instance used to locate services
+ * @param array $ids Array of service ids that can be located. String keys can be used to define aliases
+ */
+ public function __construct(\Pixelgrade\Customify\Vendor\Pimple\Container $container, array $ids)
+ {
+ $this->container = $container;
+ foreach ($ids as $key => $id) {
+ $this->aliases[\is_int($key) ? $id : $key] = $id;
+ }
+ }
+ /**
+ * {@inheritdoc}
+ */
+ public function get(string $id)
+ {
+ if (!isset($this->aliases[$id])) {
+ throw new \Pixelgrade\Customify\Vendor\Pimple\Exception\UnknownIdentifierException($id);
+ }
+ return $this->container[$this->aliases[$id]];
+ }
+ /**
+ * {@inheritdoc}
+ */
+ public function has(string $id)
+ {
+ return isset($this->aliases[$id]) && isset($this->container[$this->aliases[$id]]);
+ }
+}
diff --git a/vendor_prefixed/pimple/pimple/src/Pimple/ServiceIterator.php b/vendor_prefixed/pimple/pimple/src/Pimple/ServiceIterator.php
new file mode 100644
index 00000000..a679de1d
--- /dev/null
+++ b/vendor_prefixed/pimple/pimple/src/Pimple/ServiceIterator.php
@@ -0,0 +1,62 @@
+
+ */
+final class ServiceIterator implements \Iterator
+{
+ private $container;
+ private $ids;
+ public function __construct(\Pixelgrade\Customify\Vendor\Pimple\Container $container, array $ids)
+ {
+ $this->container = $container;
+ $this->ids = $ids;
+ }
+ public function rewind()
+ {
+ \reset($this->ids);
+ }
+ public function current()
+ {
+ return $this->container[\current($this->ids)];
+ }
+ public function key()
+ {
+ return \current($this->ids);
+ }
+ public function next()
+ {
+ \next($this->ids);
+ }
+ public function valid()
+ {
+ return null !== \key($this->ids);
+ }
+}
diff --git a/vendor_prefixed/pimple/pimple/src/Pimple/ServiceProviderInterface.php b/vendor_prefixed/pimple/pimple/src/Pimple/ServiceProviderInterface.php
new file mode 100644
index 00000000..b9012484
--- /dev/null
+++ b/vendor_prefixed/pimple/pimple/src/Pimple/ServiceProviderInterface.php
@@ -0,0 +1,45 @@
+=7.2.0"
+ },
+ "autoload": {
+ "psr-4": {
+ "Pixelgrade\\Customify\\Vendor\\Psr\\Container\\": "src\/"
+ }
+ }
+}
\ No newline at end of file
diff --git a/vendor_prefixed/psr/container/src/ContainerExceptionInterface.php b/vendor_prefixed/psr/container/src/ContainerExceptionInterface.php
new file mode 100644
index 00000000..24e081a2
--- /dev/null
+++ b/vendor_prefixed/psr/container/src/ContainerExceptionInterface.php
@@ -0,0 +1,10 @@
+log(\Pixelgrade\Customify\Vendor\Psr\Log\LogLevel::EMERGENCY, $message, $context);
+ }
+ /**
+ * Action must be taken immediately.
+ *
+ * Example: Entire website down, database unavailable, etc. This should
+ * trigger the SMS alerts and wake you up.
+ *
+ * @param string $message
+ * @param array $context
+ *
+ * @return void
+ */
+ public function alert($message, array $context = array())
+ {
+ $this->log(\Pixelgrade\Customify\Vendor\Psr\Log\LogLevel::ALERT, $message, $context);
+ }
+ /**
+ * Critical conditions.
+ *
+ * Example: Application component unavailable, unexpected exception.
+ *
+ * @param string $message
+ * @param array $context
+ *
+ * @return void
+ */
+ public function critical($message, array $context = array())
+ {
+ $this->log(\Pixelgrade\Customify\Vendor\Psr\Log\LogLevel::CRITICAL, $message, $context);
+ }
+ /**
+ * Runtime errors that do not require immediate action but should typically
+ * be logged and monitored.
+ *
+ * @param string $message
+ * @param array $context
+ *
+ * @return void
+ */
+ public function error($message, array $context = array())
+ {
+ $this->log(\Pixelgrade\Customify\Vendor\Psr\Log\LogLevel::ERROR, $message, $context);
+ }
+ /**
+ * Exceptional occurrences that are not errors.
+ *
+ * Example: Use of deprecated APIs, poor use of an API, undesirable things
+ * that are not necessarily wrong.
+ *
+ * @param string $message
+ * @param array $context
+ *
+ * @return void
+ */
+ public function warning($message, array $context = array())
+ {
+ $this->log(\Pixelgrade\Customify\Vendor\Psr\Log\LogLevel::WARNING, $message, $context);
+ }
+ /**
+ * Normal but significant events.
+ *
+ * @param string $message
+ * @param array $context
+ *
+ * @return void
+ */
+ public function notice($message, array $context = array())
+ {
+ $this->log(\Pixelgrade\Customify\Vendor\Psr\Log\LogLevel::NOTICE, $message, $context);
+ }
+ /**
+ * Interesting events.
+ *
+ * Example: User logs in, SQL logs.
+ *
+ * @param string $message
+ * @param array $context
+ *
+ * @return void
+ */
+ public function info($message, array $context = array())
+ {
+ $this->log(\Pixelgrade\Customify\Vendor\Psr\Log\LogLevel::INFO, $message, $context);
+ }
+ /**
+ * Detailed debug information.
+ *
+ * @param string $message
+ * @param array $context
+ *
+ * @return void
+ */
+ public function debug($message, array $context = array())
+ {
+ $this->log(\Pixelgrade\Customify\Vendor\Psr\Log\LogLevel::DEBUG, $message, $context);
+ }
+}
diff --git a/vendor_prefixed/psr/log/Psr/Log/InvalidArgumentException.php b/vendor_prefixed/psr/log/Psr/Log/InvalidArgumentException.php
new file mode 100644
index 00000000..38cc91bb
--- /dev/null
+++ b/vendor_prefixed/psr/log/Psr/Log/InvalidArgumentException.php
@@ -0,0 +1,7 @@
+logger = $logger;
+ }
+}
diff --git a/vendor_prefixed/psr/log/Psr/Log/LoggerInterface.php b/vendor_prefixed/psr/log/Psr/Log/LoggerInterface.php
new file mode 100644
index 00000000..57682509
--- /dev/null
+++ b/vendor_prefixed/psr/log/Psr/Log/LoggerInterface.php
@@ -0,0 +1,117 @@
+log(\Pixelgrade\Customify\Vendor\Psr\Log\LogLevel::EMERGENCY, $message, $context);
+ }
+ /**
+ * Action must be taken immediately.
+ *
+ * Example: Entire website down, database unavailable, etc. This should
+ * trigger the SMS alerts and wake you up.
+ *
+ * @param string $message
+ * @param array $context
+ *
+ * @return void
+ */
+ public function alert($message, array $context = array())
+ {
+ $this->log(\Pixelgrade\Customify\Vendor\Psr\Log\LogLevel::ALERT, $message, $context);
+ }
+ /**
+ * Critical conditions.
+ *
+ * Example: Application component unavailable, unexpected exception.
+ *
+ * @param string $message
+ * @param array $context
+ *
+ * @return void
+ */
+ public function critical($message, array $context = array())
+ {
+ $this->log(\Pixelgrade\Customify\Vendor\Psr\Log\LogLevel::CRITICAL, $message, $context);
+ }
+ /**
+ * Runtime errors that do not require immediate action but should typically
+ * be logged and monitored.
+ *
+ * @param string $message
+ * @param array $context
+ *
+ * @return void
+ */
+ public function error($message, array $context = array())
+ {
+ $this->log(\Pixelgrade\Customify\Vendor\Psr\Log\LogLevel::ERROR, $message, $context);
+ }
+ /**
+ * Exceptional occurrences that are not errors.
+ *
+ * Example: Use of deprecated APIs, poor use of an API, undesirable things
+ * that are not necessarily wrong.
+ *
+ * @param string $message
+ * @param array $context
+ *
+ * @return void
+ */
+ public function warning($message, array $context = array())
+ {
+ $this->log(\Pixelgrade\Customify\Vendor\Psr\Log\LogLevel::WARNING, $message, $context);
+ }
+ /**
+ * Normal but significant events.
+ *
+ * @param string $message
+ * @param array $context
+ *
+ * @return void
+ */
+ public function notice($message, array $context = array())
+ {
+ $this->log(\Pixelgrade\Customify\Vendor\Psr\Log\LogLevel::NOTICE, $message, $context);
+ }
+ /**
+ * Interesting events.
+ *
+ * Example: User logs in, SQL logs.
+ *
+ * @param string $message
+ * @param array $context
+ *
+ * @return void
+ */
+ public function info($message, array $context = array())
+ {
+ $this->log(\Pixelgrade\Customify\Vendor\Psr\Log\LogLevel::INFO, $message, $context);
+ }
+ /**
+ * Detailed debug information.
+ *
+ * @param string $message
+ * @param array $context
+ *
+ * @return void
+ */
+ public function debug($message, array $context = array())
+ {
+ $this->log(\Pixelgrade\Customify\Vendor\Psr\Log\LogLevel::DEBUG, $message, $context);
+ }
+ /**
+ * Logs with an arbitrary level.
+ *
+ * @param mixed $level
+ * @param string $message
+ * @param array $context
+ *
+ * @return void
+ *
+ * @throws \Psr\Log\InvalidArgumentException
+ */
+ public abstract function log($level, $message, array $context = array());
+}
diff --git a/vendor_prefixed/psr/log/Psr/Log/NullLogger.php b/vendor_prefixed/psr/log/Psr/Log/NullLogger.php
new file mode 100644
index 00000000..933308e7
--- /dev/null
+++ b/vendor_prefixed/psr/log/Psr/Log/NullLogger.php
@@ -0,0 +1,30 @@
+logger) { }`
+ * blocks.
+ */
+class NullLogger extends \Pixelgrade\Customify\Vendor\Psr\Log\AbstractLogger
+{
+ /**
+ * Logs with an arbitrary level.
+ *
+ * @param mixed $level
+ * @param string $message
+ * @param array $context
+ *
+ * @return void
+ *
+ * @throws \Psr\Log\InvalidArgumentException
+ */
+ public function log($level, $message, array $context = array())
+ {
+ // noop
+ }
+}
diff --git a/vendor_prefixed/psr/log/composer.json b/vendor_prefixed/psr/log/composer.json
new file mode 100644
index 00000000..d29c8be7
--- /dev/null
+++ b/vendor_prefixed/psr/log/composer.json
@@ -0,0 +1,30 @@
+{
+ "name": "psr\/log",
+ "description": "Common interface for logging libraries",
+ "keywords": [
+ "psr",
+ "psr-3",
+ "log"
+ ],
+ "homepage": "https:\/\/github.com\/php-fig\/log",
+ "license": "MIT",
+ "authors": [
+ {
+ "name": "PHP-FIG",
+ "homepage": "http:\/\/www.php-fig.org\/"
+ }
+ ],
+ "require": {
+ "php": ">=5.3.0"
+ },
+ "autoload": {
+ "psr-4": {
+ "Pixelgrade\\Customify\\Vendor\\Psr\\Log\\": "Psr\/Log\/"
+ }
+ },
+ "extra": {
+ "branch-alias": {
+ "dev-master": "1.1.x-dev"
+ }
+ }
+}
\ No newline at end of file
diff --git a/vendor_prefixed/symfony/polyfill-mbstring/LICENSE b/vendor_prefixed/symfony/polyfill-mbstring/LICENSE
new file mode 100644
index 00000000..4cd8bdd3
--- /dev/null
+++ b/vendor_prefixed/symfony/polyfill-mbstring/LICENSE
@@ -0,0 +1,19 @@
+Copyright (c) 2015-2019 Fabien Potencier
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is furnished
+to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/vendor_prefixed/symfony/polyfill-mbstring/Mbstring.php b/vendor_prefixed/symfony/polyfill-mbstring/Mbstring.php
new file mode 100644
index 00000000..fe705a6a
--- /dev/null
+++ b/vendor_prefixed/symfony/polyfill-mbstring/Mbstring.php
@@ -0,0 +1,695 @@
+
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+namespace Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring;
+
+/**
+ * Partial mbstring implementation in PHP, iconv based, UTF-8 centric.
+ *
+ * Implemented:
+ * - mb_chr - Returns a specific character from its Unicode code point
+ * - mb_convert_encoding - Convert character encoding
+ * - mb_convert_variables - Convert character code in variable(s)
+ * - mb_decode_mimeheader - Decode string in MIME header field
+ * - mb_encode_mimeheader - Encode string for MIME header XXX NATIVE IMPLEMENTATION IS REALLY BUGGED
+ * - mb_decode_numericentity - Decode HTML numeric string reference to character
+ * - mb_encode_numericentity - Encode character to HTML numeric string reference
+ * - mb_convert_case - Perform case folding on a string
+ * - mb_detect_encoding - Detect character encoding
+ * - mb_get_info - Get internal settings of mbstring
+ * - mb_http_input - Detect HTTP input character encoding
+ * - mb_http_output - Set/Get HTTP output character encoding
+ * - mb_internal_encoding - Set/Get internal character encoding
+ * - mb_list_encodings - Returns an array of all supported encodings
+ * - mb_ord - Returns the Unicode code point of a character
+ * - mb_output_handler - Callback function converts character encoding in output buffer
+ * - mb_scrub - Replaces ill-formed byte sequences with substitute characters
+ * - mb_strlen - Get string length
+ * - mb_strpos - Find position of first occurrence of string in a string
+ * - mb_strrpos - Find position of last occurrence of a string in a string
+ * - mb_str_split - Convert a string to an array
+ * - mb_strtolower - Make a string lowercase
+ * - mb_strtoupper - Make a string uppercase
+ * - mb_substitute_character - Set/Get substitution character
+ * - mb_substr - Get part of string
+ * - mb_stripos - Finds position of first occurrence of a string within another, case insensitive
+ * - mb_stristr - Finds first occurrence of a string within another, case insensitive
+ * - mb_strrchr - Finds the last occurrence of a character in a string within another
+ * - mb_strrichr - Finds the last occurrence of a character in a string within another, case insensitive
+ * - mb_strripos - Finds position of last occurrence of a string within another, case insensitive
+ * - mb_strstr - Finds first occurrence of a string within another
+ * - mb_strwidth - Return width of string
+ * - mb_substr_count - Count the number of substring occurrences
+ *
+ * Not implemented:
+ * - mb_convert_kana - Convert "kana" one from another ("zen-kaku", "han-kaku" and more)
+ * - mb_ereg_* - Regular expression with multibyte support
+ * - mb_parse_str - Parse GET/POST/COOKIE data and set global variable
+ * - mb_preferred_mime_name - Get MIME charset string
+ * - mb_regex_encoding - Returns current encoding for multibyte regex as string
+ * - mb_regex_set_options - Set/Get the default options for mbregex functions
+ * - mb_send_mail - Send encoded mail
+ * - mb_split - Split multibyte string using regular expression
+ * - mb_strcut - Get part of string
+ * - mb_strimwidth - Get truncated string with specified width
+ *
+ * @author Nicolas Grekas
+ *
+ * @internal
+ */
+final class Mbstring
+{
+ public const MB_CASE_FOLD = \PHP_INT_MAX;
+ private static $encodingList = ['ASCII', 'UTF-8'];
+ private static $language = 'neutral';
+ private static $internalEncoding = 'UTF-8';
+ private static $caseFold = [['µ', 'Å¿', "Í…", 'Ï‚', "Ï", "Ï‘", "Ï•", "Ï–", "Ï°", "ϱ", "ϵ", "ẛ", "á¾¾"], ['μ', 's', 'ι', 'σ', 'β', 'θ', 'φ', 'Ï€', 'κ', 'Ï', 'ε', "ṡ", 'ι']];
+ public static function mb_convert_encoding($s, $toEncoding, $fromEncoding = null)
+ {
+ if (\is_array($fromEncoding) || \false !== \strpos($fromEncoding, ',')) {
+ $fromEncoding = self::mb_detect_encoding($s, $fromEncoding);
+ } else {
+ $fromEncoding = self::getEncoding($fromEncoding);
+ }
+ $toEncoding = self::getEncoding($toEncoding);
+ if ('BASE64' === $fromEncoding) {
+ $s = \base64_decode($s);
+ $fromEncoding = $toEncoding;
+ }
+ if ('BASE64' === $toEncoding) {
+ return \base64_encode($s);
+ }
+ if ('HTML-ENTITIES' === $toEncoding || 'HTML' === $toEncoding) {
+ if ('HTML-ENTITIES' === $fromEncoding || 'HTML' === $fromEncoding) {
+ $fromEncoding = 'Windows-1252';
+ }
+ if ('UTF-8' !== $fromEncoding) {
+ $s = \iconv($fromEncoding, 'UTF-8//IGNORE', $s);
+ }
+ return \preg_replace_callback('/[\\x80-\\xFF]+/', [__CLASS__, 'html_encoding_callback'], $s);
+ }
+ if ('HTML-ENTITIES' === $fromEncoding) {
+ $s = \html_entity_decode($s, \ENT_COMPAT, 'UTF-8');
+ $fromEncoding = 'UTF-8';
+ }
+ return \iconv($fromEncoding, $toEncoding . '//IGNORE', $s);
+ }
+ public static function mb_convert_variables($toEncoding, $fromEncoding, &...$vars)
+ {
+ $ok = \true;
+ \array_walk_recursive($vars, function (&$v) use(&$ok, $toEncoding, $fromEncoding) {
+ if (\false === ($v = self::mb_convert_encoding($v, $toEncoding, $fromEncoding))) {
+ $ok = \false;
+ }
+ });
+ return $ok ? $fromEncoding : \false;
+ }
+ public static function mb_decode_mimeheader($s)
+ {
+ return \iconv_mime_decode($s, 2, self::$internalEncoding);
+ }
+ public static function mb_encode_mimeheader($s, $charset = null, $transferEncoding = null, $linefeed = null, $indent = null)
+ {
+ \trigger_error('mb_encode_mimeheader() is bugged. Please use iconv_mime_encode() instead', \E_USER_WARNING);
+ }
+ public static function mb_decode_numericentity($s, $convmap, $encoding = null)
+ {
+ if (null !== $s && !\is_scalar($s) && !(\is_object($s) && \method_exists($s, '__toString'))) {
+ \trigger_error('mb_decode_numericentity() expects parameter 1 to be string, ' . \gettype($s) . ' given', \E_USER_WARNING);
+ return null;
+ }
+ if (!\is_array($convmap) || 80000 > \PHP_VERSION_ID && !$convmap) {
+ return \false;
+ }
+ if (null !== $encoding && !\is_scalar($encoding)) {
+ \trigger_error('mb_decode_numericentity() expects parameter 3 to be string, ' . \gettype($s) . ' given', \E_USER_WARNING);
+ return '';
+ // Instead of null (cf. mb_encode_numericentity).
+ }
+ $s = (string) $s;
+ if ('' === $s) {
+ return '';
+ }
+ $encoding = self::getEncoding($encoding);
+ if ('UTF-8' === $encoding) {
+ $encoding = null;
+ if (!\preg_match('//u', $s)) {
+ $s = @\iconv('UTF-8', 'UTF-8//IGNORE', $s);
+ }
+ } else {
+ $s = \iconv($encoding, 'UTF-8//IGNORE', $s);
+ }
+ $cnt = \floor(\count($convmap) / 4) * 4;
+ for ($i = 0; $i < $cnt; $i += 4) {
+ // collector_decode_htmlnumericentity ignores $convmap[$i + 3]
+ $convmap[$i] += $convmap[$i + 2];
+ $convmap[$i + 1] += $convmap[$i + 2];
+ }
+ $s = \preg_replace_callback('/&#(?:0*([0-9]+)|x0*([0-9a-fA-F]+))(?!&);?/', function (array $m) use($cnt, $convmap) {
+ $c = isset($m[2]) ? (int) \hexdec($m[2]) : $m[1];
+ for ($i = 0; $i < $cnt; $i += 4) {
+ if ($c >= $convmap[$i] && $c <= $convmap[$i + 1]) {
+ return self::mb_chr($c - $convmap[$i + 2]);
+ }
+ }
+ return $m[0];
+ }, $s);
+ if (null === $encoding) {
+ return $s;
+ }
+ return \iconv('UTF-8', $encoding . '//IGNORE', $s);
+ }
+ public static function mb_encode_numericentity($s, $convmap, $encoding = null, $is_hex = \false)
+ {
+ if (null !== $s && !\is_scalar($s) && !(\is_object($s) && \method_exists($s, '__toString'))) {
+ \trigger_error('mb_encode_numericentity() expects parameter 1 to be string, ' . \gettype($s) . ' given', \E_USER_WARNING);
+ return null;
+ }
+ if (!\is_array($convmap) || 80000 > \PHP_VERSION_ID && !$convmap) {
+ return \false;
+ }
+ if (null !== $encoding && !\is_scalar($encoding)) {
+ \trigger_error('mb_encode_numericentity() expects parameter 3 to be string, ' . \gettype($s) . ' given', \E_USER_WARNING);
+ return null;
+ // Instead of '' (cf. mb_decode_numericentity).
+ }
+ if (null !== $is_hex && !\is_scalar($is_hex)) {
+ \trigger_error('mb_encode_numericentity() expects parameter 4 to be boolean, ' . \gettype($s) . ' given', \E_USER_WARNING);
+ return null;
+ }
+ $s = (string) $s;
+ if ('' === $s) {
+ return '';
+ }
+ $encoding = self::getEncoding($encoding);
+ if ('UTF-8' === $encoding) {
+ $encoding = null;
+ if (!\preg_match('//u', $s)) {
+ $s = @\iconv('UTF-8', 'UTF-8//IGNORE', $s);
+ }
+ } else {
+ $s = \iconv($encoding, 'UTF-8//IGNORE', $s);
+ }
+ static $ulenMask = ["À" => 2, "Ð" => 2, "à" => 3, "ð" => 4];
+ $cnt = \floor(\count($convmap) / 4) * 4;
+ $i = 0;
+ $len = \strlen($s);
+ $result = '';
+ while ($i < $len) {
+ $ulen = $s[$i] < "€" ? 1 : $ulenMask[$s[$i] & "ð"];
+ $uchr = \substr($s, $i, $ulen);
+ $i += $ulen;
+ $c = self::mb_ord($uchr);
+ for ($j = 0; $j < $cnt; $j += 4) {
+ if ($c >= $convmap[$j] && $c <= $convmap[$j + 1]) {
+ $cOffset = $c + $convmap[$j + 2] & $convmap[$j + 3];
+ $result .= $is_hex ? \sprintf('&#x%X;', $cOffset) : '&#' . $cOffset . ';';
+ continue 2;
+ }
+ }
+ $result .= $uchr;
+ }
+ if (null === $encoding) {
+ return $result;
+ }
+ return \iconv('UTF-8', $encoding . '//IGNORE', $result);
+ }
+ public static function mb_convert_case($s, $mode, $encoding = null)
+ {
+ $s = (string) $s;
+ if ('' === $s) {
+ return '';
+ }
+ $encoding = self::getEncoding($encoding);
+ if ('UTF-8' === $encoding) {
+ $encoding = null;
+ if (!\preg_match('//u', $s)) {
+ $s = @\iconv('UTF-8', 'UTF-8//IGNORE', $s);
+ }
+ } else {
+ $s = \iconv($encoding, 'UTF-8//IGNORE', $s);
+ }
+ if (\MB_CASE_TITLE == $mode) {
+ static $titleRegexp = null;
+ if (null === $titleRegexp) {
+ $titleRegexp = self::getData('titleCaseRegexp');
+ }
+ $s = \preg_replace_callback($titleRegexp, [__CLASS__, 'title_case'], $s);
+ } else {
+ if (\MB_CASE_UPPER == $mode) {
+ static $upper = null;
+ if (null === $upper) {
+ $upper = self::getData('upperCase');
+ }
+ $map = $upper;
+ } else {
+ if (self::MB_CASE_FOLD === $mode) {
+ $s = \str_replace(self::$caseFold[0], self::$caseFold[1], $s);
+ }
+ static $lower = null;
+ if (null === $lower) {
+ $lower = self::getData('lowerCase');
+ }
+ $map = $lower;
+ }
+ static $ulenMask = ["À" => 2, "Ð" => 2, "à" => 3, "ð" => 4];
+ $i = 0;
+ $len = \strlen($s);
+ while ($i < $len) {
+ $ulen = $s[$i] < "€" ? 1 : $ulenMask[$s[$i] & "ð"];
+ $uchr = \substr($s, $i, $ulen);
+ $i += $ulen;
+ if (isset($map[$uchr])) {
+ $uchr = $map[$uchr];
+ $nlen = \strlen($uchr);
+ if ($nlen == $ulen) {
+ $nlen = $i;
+ do {
+ $s[--$nlen] = $uchr[--$ulen];
+ } while ($ulen);
+ } else {
+ $s = \substr_replace($s, $uchr, $i - $ulen, $ulen);
+ $len += $nlen - $ulen;
+ $i += $nlen - $ulen;
+ }
+ }
+ }
+ }
+ if (null === $encoding) {
+ return $s;
+ }
+ return \iconv('UTF-8', $encoding . '//IGNORE', $s);
+ }
+ public static function mb_internal_encoding($encoding = null)
+ {
+ if (null === $encoding) {
+ return self::$internalEncoding;
+ }
+ $normalizedEncoding = self::getEncoding($encoding);
+ if ('UTF-8' === $normalizedEncoding || \false !== @\iconv($normalizedEncoding, $normalizedEncoding, ' ')) {
+ self::$internalEncoding = $normalizedEncoding;
+ return \true;
+ }
+ if (80000 > \PHP_VERSION_ID) {
+ return \false;
+ }
+ throw new \ValueError(\sprintf('Argument #1 ($encoding) must be a valid encoding, "%s" given', $encoding));
+ }
+ public static function mb_language($lang = null)
+ {
+ if (null === $lang) {
+ return self::$language;
+ }
+ switch ($normalizedLang = \strtolower($lang)) {
+ case 'uni':
+ case 'neutral':
+ self::$language = $normalizedLang;
+ return \true;
+ }
+ if (80000 > \PHP_VERSION_ID) {
+ return \false;
+ }
+ throw new \ValueError(\sprintf('Argument #1 ($language) must be a valid language, "%s" given', $lang));
+ }
+ public static function mb_list_encodings()
+ {
+ return ['UTF-8'];
+ }
+ public static function mb_encoding_aliases($encoding)
+ {
+ switch (\strtoupper($encoding)) {
+ case 'UTF8':
+ case 'UTF-8':
+ return ['utf8'];
+ }
+ return \false;
+ }
+ public static function mb_check_encoding($var = null, $encoding = null)
+ {
+ if (null === $encoding) {
+ if (null === $var) {
+ return \false;
+ }
+ $encoding = self::$internalEncoding;
+ }
+ return self::mb_detect_encoding($var, [$encoding]) || \false !== @\iconv($encoding, $encoding, $var);
+ }
+ public static function mb_detect_encoding($str, $encodingList = null, $strict = \false)
+ {
+ if (null === $encodingList) {
+ $encodingList = self::$encodingList;
+ } else {
+ if (!\is_array($encodingList)) {
+ $encodingList = \array_map('trim', \explode(',', $encodingList));
+ }
+ $encodingList = \array_map('strtoupper', $encodingList);
+ }
+ foreach ($encodingList as $enc) {
+ switch ($enc) {
+ case 'ASCII':
+ if (!\preg_match('/[\\x80-\\xFF]/', $str)) {
+ return $enc;
+ }
+ break;
+ case 'UTF8':
+ case 'UTF-8':
+ if (\preg_match('//u', $str)) {
+ return 'UTF-8';
+ }
+ break;
+ default:
+ if (0 === \strncmp($enc, 'ISO-8859-', 9)) {
+ return $enc;
+ }
+ }
+ }
+ return \false;
+ }
+ public static function mb_detect_order($encodingList = null)
+ {
+ if (null === $encodingList) {
+ return self::$encodingList;
+ }
+ if (!\is_array($encodingList)) {
+ $encodingList = \array_map('trim', \explode(',', $encodingList));
+ }
+ $encodingList = \array_map('strtoupper', $encodingList);
+ foreach ($encodingList as $enc) {
+ switch ($enc) {
+ default:
+ if (\strncmp($enc, 'ISO-8859-', 9)) {
+ return \false;
+ }
+ // no break
+ case 'ASCII':
+ case 'UTF8':
+ case 'UTF-8':
+ }
+ }
+ self::$encodingList = $encodingList;
+ return \true;
+ }
+ public static function mb_strlen($s, $encoding = null)
+ {
+ $encoding = self::getEncoding($encoding);
+ if ('CP850' === $encoding || 'ASCII' === $encoding) {
+ return \strlen($s);
+ }
+ return @\iconv_strlen($s, $encoding);
+ }
+ public static function mb_strpos($haystack, $needle, $offset = 0, $encoding = null)
+ {
+ $encoding = self::getEncoding($encoding);
+ if ('CP850' === $encoding || 'ASCII' === $encoding) {
+ return \strpos($haystack, $needle, $offset);
+ }
+ $needle = (string) $needle;
+ if ('' === $needle) {
+ if (80000 > \PHP_VERSION_ID) {
+ \trigger_error(__METHOD__ . ': Empty delimiter', \E_USER_WARNING);
+ return \false;
+ }
+ return 0;
+ }
+ return \iconv_strpos($haystack, $needle, $offset, $encoding);
+ }
+ public static function mb_strrpos($haystack, $needle, $offset = 0, $encoding = null)
+ {
+ $encoding = self::getEncoding($encoding);
+ if ('CP850' === $encoding || 'ASCII' === $encoding) {
+ return \strrpos($haystack, $needle, $offset);
+ }
+ if ($offset != (int) $offset) {
+ $offset = 0;
+ } elseif ($offset = (int) $offset) {
+ if ($offset < 0) {
+ if (0 > ($offset += self::mb_strlen($needle))) {
+ $haystack = self::mb_substr($haystack, 0, $offset, $encoding);
+ }
+ $offset = 0;
+ } else {
+ $haystack = self::mb_substr($haystack, $offset, 2147483647, $encoding);
+ }
+ }
+ $pos = '' !== $needle || 80000 > \PHP_VERSION_ID ? \iconv_strrpos($haystack, $needle, $encoding) : self::mb_strlen($haystack, $encoding);
+ return \false !== $pos ? $offset + $pos : \false;
+ }
+ public static function mb_str_split($string, $split_length = 1, $encoding = null)
+ {
+ if (null !== $string && !\is_scalar($string) && !(\is_object($string) && \method_exists($string, '__toString'))) {
+ \trigger_error('mb_str_split() expects parameter 1 to be string, ' . \gettype($string) . ' given', \E_USER_WARNING);
+ return null;
+ }
+ if (1 > ($split_length = (int) $split_length)) {
+ if (80000 > \PHP_VERSION_ID) {
+ \trigger_error('The length of each segment must be greater than zero', \E_USER_WARNING);
+ return \false;
+ }
+ throw new \ValueError('Argument #2 ($length) must be greater than 0');
+ }
+ if (null === $encoding) {
+ $encoding = \mb_internal_encoding();
+ }
+ if ('UTF-8' === ($encoding = self::getEncoding($encoding))) {
+ $rx = '/(';
+ while (65535 < $split_length) {
+ $rx .= '.{65535}';
+ $split_length -= 65535;
+ }
+ $rx .= '.{' . $split_length . '})/us';
+ return \preg_split($rx, $string, null, \PREG_SPLIT_DELIM_CAPTURE | \PREG_SPLIT_NO_EMPTY);
+ }
+ $result = [];
+ $length = \mb_strlen($string, $encoding);
+ for ($i = 0; $i < $length; $i += $split_length) {
+ $result[] = \mb_substr($string, $i, $split_length, $encoding);
+ }
+ return $result;
+ }
+ public static function mb_strtolower($s, $encoding = null)
+ {
+ return self::mb_convert_case($s, \MB_CASE_LOWER, $encoding);
+ }
+ public static function mb_strtoupper($s, $encoding = null)
+ {
+ return self::mb_convert_case($s, \MB_CASE_UPPER, $encoding);
+ }
+ public static function mb_substitute_character($c = null)
+ {
+ if (null === $c) {
+ return 'none';
+ }
+ if (0 === \strcasecmp($c, 'none')) {
+ return \true;
+ }
+ if (80000 > \PHP_VERSION_ID) {
+ return \false;
+ }
+ throw new \ValueError('Argument #1 ($substitute_character) must be "none", "long", "entity" or a valid codepoint');
+ }
+ public static function mb_substr($s, $start, $length = null, $encoding = null)
+ {
+ $encoding = self::getEncoding($encoding);
+ if ('CP850' === $encoding || 'ASCII' === $encoding) {
+ return (string) \substr($s, $start, null === $length ? 2147483647 : $length);
+ }
+ if ($start < 0) {
+ $start = \iconv_strlen($s, $encoding) + $start;
+ if ($start < 0) {
+ $start = 0;
+ }
+ }
+ if (null === $length) {
+ $length = 2147483647;
+ } elseif ($length < 0) {
+ $length = \iconv_strlen($s, $encoding) + $length - $start;
+ if ($length < 0) {
+ return '';
+ }
+ }
+ return (string) \iconv_substr($s, $start, $length, $encoding);
+ }
+ public static function mb_stripos($haystack, $needle, $offset = 0, $encoding = null)
+ {
+ $haystack = self::mb_convert_case($haystack, self::MB_CASE_FOLD, $encoding);
+ $needle = self::mb_convert_case($needle, self::MB_CASE_FOLD, $encoding);
+ return self::mb_strpos($haystack, $needle, $offset, $encoding);
+ }
+ public static function mb_stristr($haystack, $needle, $part = \false, $encoding = null)
+ {
+ $pos = self::mb_stripos($haystack, $needle, 0, $encoding);
+ return self::getSubpart($pos, $part, $haystack, $encoding);
+ }
+ public static function mb_strrchr($haystack, $needle, $part = \false, $encoding = null)
+ {
+ $encoding = self::getEncoding($encoding);
+ if ('CP850' === $encoding || 'ASCII' === $encoding) {
+ $pos = \strrpos($haystack, $needle);
+ } else {
+ $needle = self::mb_substr($needle, 0, 1, $encoding);
+ $pos = \iconv_strrpos($haystack, $needle, $encoding);
+ }
+ return self::getSubpart($pos, $part, $haystack, $encoding);
+ }
+ public static function mb_strrichr($haystack, $needle, $part = \false, $encoding = null)
+ {
+ $needle = self::mb_substr($needle, 0, 1, $encoding);
+ $pos = self::mb_strripos($haystack, $needle, $encoding);
+ return self::getSubpart($pos, $part, $haystack, $encoding);
+ }
+ public static function mb_strripos($haystack, $needle, $offset = 0, $encoding = null)
+ {
+ $haystack = self::mb_convert_case($haystack, self::MB_CASE_FOLD, $encoding);
+ $needle = self::mb_convert_case($needle, self::MB_CASE_FOLD, $encoding);
+ return self::mb_strrpos($haystack, $needle, $offset, $encoding);
+ }
+ public static function mb_strstr($haystack, $needle, $part = \false, $encoding = null)
+ {
+ $pos = \strpos($haystack, $needle);
+ if (\false === $pos) {
+ return \false;
+ }
+ if ($part) {
+ return \substr($haystack, 0, $pos);
+ }
+ return \substr($haystack, $pos);
+ }
+ public static function mb_get_info($type = 'all')
+ {
+ $info = ['internal_encoding' => self::$internalEncoding, 'http_output' => 'pass', 'http_output_conv_mimetypes' => '^(text/|application/xhtml\\+xml)', 'func_overload' => 0, 'func_overload_list' => 'no overload', 'mail_charset' => 'UTF-8', 'mail_header_encoding' => 'BASE64', 'mail_body_encoding' => 'BASE64', 'illegal_chars' => 0, 'encoding_translation' => 'Off', 'language' => self::$language, 'detect_order' => self::$encodingList, 'substitute_character' => 'none', 'strict_detection' => 'Off'];
+ if ('all' === $type) {
+ return $info;
+ }
+ if (isset($info[$type])) {
+ return $info[$type];
+ }
+ return \false;
+ }
+ public static function mb_http_input($type = '')
+ {
+ return \false;
+ }
+ public static function mb_http_output($encoding = null)
+ {
+ return null !== $encoding ? 'pass' === $encoding : 'pass';
+ }
+ public static function mb_strwidth($s, $encoding = null)
+ {
+ $encoding = self::getEncoding($encoding);
+ if ('UTF-8' !== $encoding) {
+ $s = \iconv($encoding, 'UTF-8//IGNORE', $s);
+ }
+ $s = \preg_replace('/[\\x{1100}-\\x{115F}\\x{2329}\\x{232A}\\x{2E80}-\\x{303E}\\x{3040}-\\x{A4CF}\\x{AC00}-\\x{D7A3}\\x{F900}-\\x{FAFF}\\x{FE10}-\\x{FE19}\\x{FE30}-\\x{FE6F}\\x{FF00}-\\x{FF60}\\x{FFE0}-\\x{FFE6}\\x{20000}-\\x{2FFFD}\\x{30000}-\\x{3FFFD}]/u', '', $s, -1, $wide);
+ return ($wide << 1) + \iconv_strlen($s, 'UTF-8');
+ }
+ public static function mb_substr_count($haystack, $needle, $encoding = null)
+ {
+ return \substr_count($haystack, $needle);
+ }
+ public static function mb_output_handler($contents, $status)
+ {
+ return $contents;
+ }
+ public static function mb_chr($code, $encoding = null)
+ {
+ if (0x80 > ($code %= 0x200000)) {
+ $s = \chr($code);
+ } elseif (0x800 > $code) {
+ $s = \chr(0xc0 | $code >> 6) . \chr(0x80 | $code & 0x3f);
+ } elseif (0x10000 > $code) {
+ $s = \chr(0xe0 | $code >> 12) . \chr(0x80 | $code >> 6 & 0x3f) . \chr(0x80 | $code & 0x3f);
+ } else {
+ $s = \chr(0xf0 | $code >> 18) . \chr(0x80 | $code >> 12 & 0x3f) . \chr(0x80 | $code >> 6 & 0x3f) . \chr(0x80 | $code & 0x3f);
+ }
+ if ('UTF-8' !== ($encoding = self::getEncoding($encoding))) {
+ $s = \mb_convert_encoding($s, $encoding, 'UTF-8');
+ }
+ return $s;
+ }
+ public static function mb_ord($s, $encoding = null)
+ {
+ if ('UTF-8' !== ($encoding = self::getEncoding($encoding))) {
+ $s = \mb_convert_encoding($s, 'UTF-8', $encoding);
+ }
+ if (1 === \strlen($s)) {
+ return \ord($s);
+ }
+ $code = ($s = \unpack('C*', \substr($s, 0, 4))) ? $s[1] : 0;
+ if (0xf0 <= $code) {
+ return ($code - 0xf0 << 18) + ($s[2] - 0x80 << 12) + ($s[3] - 0x80 << 6) + $s[4] - 0x80;
+ }
+ if (0xe0 <= $code) {
+ return ($code - 0xe0 << 12) + ($s[2] - 0x80 << 6) + $s[3] - 0x80;
+ }
+ if (0xc0 <= $code) {
+ return ($code - 0xc0 << 6) + $s[2] - 0x80;
+ }
+ return $code;
+ }
+ private static function getSubpart($pos, $part, $haystack, $encoding)
+ {
+ if (\false === $pos) {
+ return \false;
+ }
+ if ($part) {
+ return self::mb_substr($haystack, 0, $pos, $encoding);
+ }
+ return self::mb_substr($haystack, $pos, null, $encoding);
+ }
+ private static function html_encoding_callback(array $m)
+ {
+ $i = 1;
+ $entities = '';
+ $m = \unpack('C*', \htmlentities($m[0], \ENT_COMPAT, 'UTF-8'));
+ while (isset($m[$i])) {
+ if (0x80 > $m[$i]) {
+ $entities .= \chr($m[$i++]);
+ continue;
+ }
+ if (0xf0 <= $m[$i]) {
+ $c = ($m[$i++] - 0xf0 << 18) + ($m[$i++] - 0x80 << 12) + ($m[$i++] - 0x80 << 6) + $m[$i++] - 0x80;
+ } elseif (0xe0 <= $m[$i]) {
+ $c = ($m[$i++] - 0xe0 << 12) + ($m[$i++] - 0x80 << 6) + $m[$i++] - 0x80;
+ } else {
+ $c = ($m[$i++] - 0xc0 << 6) + $m[$i++] - 0x80;
+ }
+ $entities .= '&#' . $c . ';';
+ }
+ return $entities;
+ }
+ private static function title_case(array $s)
+ {
+ return self::mb_convert_case($s[1], \MB_CASE_UPPER, 'UTF-8') . self::mb_convert_case($s[2], \MB_CASE_LOWER, 'UTF-8');
+ }
+ private static function getData($file)
+ {
+ if (\file_exists($file = __DIR__ . '/Resources/unidata/' . $file . '.php')) {
+ return require $file;
+ }
+ return \false;
+ }
+ private static function getEncoding($encoding)
+ {
+ if (null === $encoding) {
+ return self::$internalEncoding;
+ }
+ if ('UTF-8' === $encoding) {
+ return 'UTF-8';
+ }
+ $encoding = \strtoupper($encoding);
+ if ('8BIT' === $encoding || 'BINARY' === $encoding) {
+ return 'CP850';
+ }
+ if ('UTF8' === $encoding) {
+ return 'UTF-8';
+ }
+ return $encoding;
+ }
+}
diff --git a/vendor_prefixed/symfony/polyfill-mbstring/Resources/unidata/lowerCase.php b/vendor_prefixed/symfony/polyfill-mbstring/Resources/unidata/lowerCase.php
new file mode 100644
index 00000000..dcf5d594
--- /dev/null
+++ b/vendor_prefixed/symfony/polyfill-mbstring/Resources/unidata/lowerCase.php
@@ -0,0 +1,5 @@
+ 'a', 'B' => 'b', 'C' => 'c', 'D' => 'd', 'E' => 'e', 'F' => 'f', 'G' => 'g', 'H' => 'h', 'I' => 'i', 'J' => 'j', 'K' => 'k', 'L' => 'l', 'M' => 'm', 'N' => 'n', 'O' => 'o', 'P' => 'p', 'Q' => 'q', 'R' => 'r', 'S' => 's', 'T' => 't', 'U' => 'u', 'V' => 'v', 'W' => 'w', 'X' => 'x', 'Y' => 'y', 'Z' => 'z', 'À' => 'à ', 'Ã' => 'á', 'Â' => 'â', 'Ã' => 'ã', 'Ä' => 'ä', 'Ã…' => 'Ã¥', 'Æ' => 'æ', 'Ç' => 'ç', 'È' => 'è', 'É' => 'é', 'Ê' => 'ê', 'Ë' => 'ë', 'ÃŒ' => 'ì', 'Ã' => 'Ã', 'ÃŽ' => 'î', 'Ã' => 'ï', 'Ã' => 'ð', 'Ñ' => 'ñ', 'Ã’' => 'ò', 'Ó' => 'ó', 'Ô' => 'ô', 'Õ' => 'õ', 'Ö' => 'ö', 'Ø' => 'ø', 'Ù' => 'ù', 'Ú' => 'ú', 'Û' => 'û', 'Ãœ' => 'ü', 'Ã' => 'ý', 'Þ' => 'þ', 'Ä€' => 'Ä', 'Ä‚' => 'ă', 'Ä„' => 'Ä…', 'Ć' => 'ć', 'Ĉ' => 'ĉ', 'ÄŠ' => 'Ä‹', 'ÄŒ' => 'Ä', 'ÄŽ' => 'Ä', 'Ä' => 'Ä‘', 'Ä’' => 'Ä“', 'Ä”' => 'Ä•', 'Ä–' => 'Ä—', 'Ę' => 'Ä™', 'Äš' => 'Ä›', 'Äœ' => 'Ä', 'Äž' => 'ÄŸ', 'Ä ' => 'Ä¡', 'Ä¢' => 'Ä£', 'Ĥ' => 'Ä¥', 'Ħ' => 'ħ', 'Ĩ' => 'Ä©', 'Ī' => 'Ä«', 'Ĭ' => 'Ä', 'Ä®' => 'į', 'Ä°' => 'i', 'IJ' => 'ij', 'Ä´' => 'ĵ', 'Ķ' => 'Ä·', 'Ĺ' => 'ĺ', 'Ä»' => 'ļ', 'Ľ' => 'ľ', 'Ä¿' => 'Å€', 'Å' => 'Å‚', 'Ń' => 'Å„', 'Å…' => 'ņ', 'Ň' => 'ň', 'ÅŠ' => 'Å‹', 'ÅŒ' => 'Å', 'ÅŽ' => 'Å', 'Å' => 'Å‘', 'Å’' => 'Å“', 'Å”' => 'Å•', 'Å–' => 'Å—', 'Ř' => 'Å™', 'Åš' => 'Å›', 'Åœ' => 'Å', 'Åž' => 'ÅŸ', 'Å ' => 'Å¡', 'Å¢' => 'Å£', 'Ť' => 'Å¥', 'Ŧ' => 'ŧ', 'Ũ' => 'Å©', 'Ū' => 'Å«', 'Ŭ' => 'Å', 'Å®' => 'ů', 'Å°' => 'ű', 'Ų' => 'ų', 'Å´' => 'ŵ', 'Ŷ' => 'Å·', 'Ÿ' => 'ÿ', 'Ź' => 'ź', 'Å»' => 'ż', 'Ž' => 'ž', 'Æ' => 'É“', 'Æ‚' => 'ƃ', 'Æ„' => 'Æ…', 'Ɔ' => 'É”', 'Ƈ' => 'ƈ', 'Ɖ' => 'É–', 'ÆŠ' => 'É—', 'Æ‹' => 'ÆŒ', 'ÆŽ' => 'Ç', 'Æ' => 'É™', 'Æ' => 'É›', 'Æ‘' => 'Æ’', 'Æ“' => 'É ', 'Æ”' => 'É£', 'Æ–' => 'É©', 'Æ—' => 'ɨ', 'Ƙ' => 'Æ™', 'Æœ' => 'ɯ', 'Æ' => 'ɲ', 'ÆŸ' => 'ɵ', 'Æ ' => 'Æ¡', 'Æ¢' => 'Æ£', 'Ƥ' => 'Æ¥', 'Ʀ' => 'Ê€', 'Ƨ' => 'ƨ', 'Æ©' => 'ʃ', 'Ƭ' => 'Æ', 'Æ®' => 'ʈ', 'Ư' => 'Æ°', 'Ʊ' => 'ÊŠ', 'Ʋ' => 'Ê‹', 'Ƴ' => 'Æ´', 'Ƶ' => 'ƶ', 'Æ·' => 'Ê’', 'Ƹ' => 'ƹ', 'Ƽ' => 'ƽ', 'Ç„' => 'dž', 'Ç…' => 'dž', 'LJ' => 'lj', 'Lj' => 'lj', 'ÇŠ' => 'ÇŒ', 'Ç‹' => 'ÇŒ', 'Ç' => 'ÇŽ', 'Ç' => 'Ç', 'Ç‘' => 'Ç’', 'Ç“' => 'Ç”', 'Ç•' => 'Ç–', 'Ç—' => 'ǘ', 'Ç™' => 'Çš', 'Ç›' => 'Çœ', 'Çž' => 'ÇŸ', 'Ç ' => 'Ç¡', 'Ç¢' => 'Ç£', 'Ǥ' => 'Ç¥', 'Ǧ' => 'ǧ', 'Ǩ' => 'Ç©', 'Ǫ' => 'Ç«', 'Ǭ' => 'Ç', 'Ç®' => 'ǯ', 'DZ' => 'dz', 'Dz' => 'dz', 'Ç´' => 'ǵ', 'Ƕ' => 'Æ•', 'Ç·' => 'Æ¿', 'Ǹ' => 'ǹ', 'Ǻ' => 'Ç»', 'Ǽ' => 'ǽ', 'Ǿ' => 'Ç¿', 'È€' => 'È', 'È‚' => 'ȃ', 'È„' => 'È…', 'Ȇ' => 'ȇ', 'Ȉ' => 'ȉ', 'ÈŠ' => 'È‹', 'ÈŒ' => 'È', 'ÈŽ' => 'È', 'È' => 'È‘', 'È’' => 'È“', 'È”' => 'È•', 'È–' => 'È—', 'Ș' => 'È™', 'Èš' => 'È›', 'Èœ' => 'È', 'Èž' => 'ÈŸ', 'È ' => 'Æž', 'È¢' => 'È£', 'Ȥ' => 'È¥', 'Ȧ' => 'ȧ', 'Ȩ' => 'È©', 'Ȫ' => 'È«', 'Ȭ' => 'È', 'È®' => 'ȯ', 'È°' => 'ȱ', 'Ȳ' => 'ȳ', 'Ⱥ' => 'â±¥', 'È»' => 'ȼ', 'Ƚ' => 'Æš', 'Ⱦ' => 'ⱦ', 'É' => 'É‚', 'Ƀ' => 'Æ€', 'É„' => 'ʉ', 'É…' => 'ÊŒ', 'Ɇ' => 'ɇ', 'Ɉ' => 'ɉ', 'ÉŠ' => 'É‹', 'ÉŒ' => 'É', 'ÉŽ' => 'É', 'Í°' => 'ͱ', 'Ͳ' => 'ͳ', 'Ͷ' => 'Í·', 'Í¿' => 'ϳ', 'Ά' => 'ά', 'Έ' => 'Î', 'Ή' => 'ή', 'Ί' => 'ί', 'ÎŒ' => 'ÏŒ', 'ÎŽ' => 'Ï', 'Î' => 'ÏŽ', 'Α' => 'α', 'Î’' => 'β', 'Γ' => 'γ', 'Δ' => 'δ', 'Ε' => 'ε', 'Ζ' => 'ζ', 'Η' => 'η', 'Θ' => 'θ', 'Ι' => 'ι', 'Κ' => 'κ', 'Λ' => 'λ', 'Îœ' => 'μ', 'Î' => 'ν', 'Ξ' => 'ξ', 'Ο' => 'ο', 'Î ' => 'Ï€', 'Ρ' => 'Ï', 'Σ' => 'σ', 'Τ' => 'Ï„', 'Î¥' => 'Ï…', 'Φ' => 'φ', 'Χ' => 'χ', 'Ψ' => 'ψ', 'Ω' => 'ω', 'Ϊ' => 'ÏŠ', 'Ϋ' => 'Ï‹', 'Ï' => 'Ï—', 'Ϙ' => 'Ï™', 'Ïš' => 'Ï›', 'Ïœ' => 'Ï', 'Ïž' => 'ÏŸ', 'Ï ' => 'Ï¡', 'Ï¢' => 'Ï£', 'Ϥ' => 'Ï¥', 'Ϧ' => 'ϧ', 'Ϩ' => 'Ï©', 'Ϫ' => 'Ï«', 'Ϭ' => 'Ï', 'Ï®' => 'ϯ', 'Ï´' => 'θ', 'Ï·' => 'ϸ', 'Ϲ' => 'ϲ', 'Ϻ' => 'Ï»', 'Ͻ' => 'Í»', 'Ͼ' => 'ͼ', 'Ï¿' => 'ͽ', 'Ѐ' => 'Ñ', 'Ð' => 'Ñ‘', 'Ђ' => 'Ñ’', 'Ѓ' => 'Ñ“', 'Є' => 'Ñ”', 'Ð…' => 'Ñ•', 'І' => 'Ñ–', 'Ї' => 'Ñ—', 'Ј' => 'ј', 'Љ' => 'Ñ™', 'Њ' => 'Ñš', 'Ћ' => 'Ñ›', 'ÐŒ' => 'Ñœ', 'Ð' => 'Ñ', 'ÐŽ' => 'Ñž', 'Ð' => 'ÑŸ', 'Ð' => 'а', 'Б' => 'б', 'Ð’' => 'в', 'Г' => 'г', 'Д' => 'д', 'Е' => 'е', 'Ж' => 'ж', 'З' => 'з', 'И' => 'и', 'Й' => 'й', 'К' => 'к', 'Л' => 'л', 'Ðœ' => 'м', 'Ð' => 'н', 'О' => 'о', 'П' => 'п', 'Ð ' => 'Ñ€', 'С' => 'Ñ', 'Т' => 'Ñ‚', 'У' => 'у', 'Ф' => 'Ñ„', 'Ð¥' => 'Ñ…', 'Ц' => 'ц', 'Ч' => 'ч', 'Ш' => 'ш', 'Щ' => 'щ', 'Ъ' => 'ÑŠ', 'Ы' => 'Ñ‹', 'Ь' => 'ÑŒ', 'Ð' => 'Ñ', 'Ю' => 'ÑŽ', 'Я' => 'Ñ', 'Ñ ' => 'Ñ¡', 'Ñ¢' => 'Ñ£', 'Ѥ' => 'Ñ¥', 'Ѧ' => 'ѧ', 'Ѩ' => 'Ñ©', 'Ѫ' => 'Ñ«', 'Ѭ' => 'Ñ', 'Ñ®' => 'ѯ', 'Ñ°' => 'ѱ', 'Ѳ' => 'ѳ', 'Ñ´' => 'ѵ', 'Ѷ' => 'Ñ·', 'Ѹ' => 'ѹ', 'Ѻ' => 'Ñ»', 'Ѽ' => 'ѽ', 'Ѿ' => 'Ñ¿', 'Ò€' => 'Ò', 'ÒŠ' => 'Ò‹', 'ÒŒ' => 'Ò', 'ÒŽ' => 'Ò', 'Ò' => 'Ò‘', 'Ò’' => 'Ò“', 'Ò”' => 'Ò•', 'Ò–' => 'Ò—', 'Ò˜' => 'Ò™', 'Òš' => 'Ò›', 'Òœ' => 'Ò', 'Òž' => 'ÒŸ', 'Ò ' => 'Ò¡', 'Ò¢' => 'Ò£', 'Ò¤' => 'Ò¥', 'Ò¦' => 'Ò§', 'Ò¨' => 'Ò©', 'Òª' => 'Ò«', 'Ò¬' => 'Ò', 'Ò®' => 'Ò¯', 'Ò°' => 'Ò±', 'Ò²' => 'Ò³', 'Ò´' => 'Òµ', 'Ò¶' => 'Ò·', 'Ò¸' => 'Ò¹', 'Òº' => 'Ò»', 'Ò¼' => 'Ò½', 'Ò¾' => 'Ò¿', 'Ó€' => 'Ó', 'Ó' => 'Ó‚', 'Óƒ' => 'Ó„', 'Ó…' => 'Ó†', 'Ó‡' => 'Óˆ', 'Ó‰' => 'ÓŠ', 'Ó‹' => 'ÓŒ', 'Ó' => 'ÓŽ', 'Ó' => 'Ó‘', 'Ó’' => 'Ó“', 'Ó”' => 'Ó•', 'Ó–' => 'Ó—', 'Ó˜' => 'Ó™', 'Óš' => 'Ó›', 'Óœ' => 'Ó', 'Óž' => 'ÓŸ', 'Ó ' => 'Ó¡', 'Ó¢' => 'Ó£', 'Ó¤' => 'Ó¥', 'Ó¦' => 'Ó§', 'Ó¨' => 'Ó©', 'Óª' => 'Ó«', 'Ó¬' => 'Ó', 'Ó®' => 'Ó¯', 'Ó°' => 'Ó±', 'Ó²' => 'Ó³', 'Ó´' => 'Óµ', 'Ó¶' => 'Ó·', 'Ó¸' => 'Ó¹', 'Óº' => 'Ó»', 'Ó¼' => 'Ó½', 'Ó¾' => 'Ó¿', 'Ô€' => 'Ô', 'Ô‚' => 'Ôƒ', 'Ô„' => 'Ô…', 'Ô†' => 'Ô‡', 'Ôˆ' => 'Ô‰', 'ÔŠ' => 'Ô‹', 'ÔŒ' => 'Ô', 'ÔŽ' => 'Ô', 'Ô' => 'Ô‘', 'Ô’' => 'Ô“', 'Ô”' => 'Ô•', 'Ô–' => 'Ô—', 'Ô˜' => 'Ô™', 'Ôš' => 'Ô›', 'Ôœ' => 'Ô', 'Ôž' => 'ÔŸ', 'Ô ' => 'Ô¡', 'Ô¢' => 'Ô£', 'Ô¤' => 'Ô¥', 'Ô¦' => 'Ô§', 'Ô¨' => 'Ô©', 'Ôª' => 'Ô«', 'Ô¬' => 'Ô', 'Ô®' => 'Ô¯', 'Ô±' => 'Õ¡', 'Ô²' => 'Õ¢', 'Ô³' => 'Õ£', 'Ô´' => 'Õ¤', 'Ôµ' => 'Õ¥', 'Ô¶' => 'Õ¦', 'Ô·' => 'Õ§', 'Ô¸' => 'Õ¨', 'Ô¹' => 'Õ©', 'Ôº' => 'Õª', 'Ô»' => 'Õ«', 'Ô¼' => 'Õ¬', 'Ô½' => 'Õ', 'Ô¾' => 'Õ®', 'Ô¿' => 'Õ¯', 'Õ€' => 'Õ°', 'Õ' => 'Õ±', 'Õ‚' => 'Õ²', 'Õƒ' => 'Õ³', 'Õ„' => 'Õ´', 'Õ…' => 'Õµ', 'Õ†' => 'Õ¶', 'Õ‡' => 'Õ·', 'Õˆ' => 'Õ¸', 'Õ‰' => 'Õ¹', 'ÕŠ' => 'Õº', 'Õ‹' => 'Õ»', 'ÕŒ' => 'Õ¼', 'Õ' => 'Õ½', 'ÕŽ' => 'Õ¾', 'Õ' => 'Õ¿', 'Õ' => 'Ö€', 'Õ‘' => 'Ö', 'Õ’' => 'Ö‚', 'Õ“' => 'Öƒ', 'Õ”' => 'Ö„', 'Õ•' => 'Ö…', 'Õ–' => 'Ö†', 'á‚ ' => 'â´€', 'á‚¡' => 'â´', 'á‚¢' => 'â´‚', 'á‚£' => 'â´ƒ', 'Ⴄ' => 'â´„', 'á‚¥' => 'â´…', 'Ⴆ' => 'â´†', 'Ⴇ' => 'â´‡', 'Ⴈ' => 'â´ˆ', 'á‚©' => 'â´‰', 'Ⴊ' => 'â´Š', 'á‚«' => 'â´‹', 'Ⴌ' => 'â´Œ', 'á‚' => 'â´', 'á‚®' => 'â´Ž', 'Ⴏ' => 'â´', 'á‚°' => 'â´', 'Ⴑ' => 'â´‘', 'Ⴒ' => 'â´’', 'Ⴓ' => 'â´“', 'á‚´' => 'â´”', 'Ⴕ' => 'â´•', 'Ⴖ' => 'â´–', 'á‚·' => 'â´—', 'Ⴘ' => 'â´˜', 'Ⴙ' => 'â´™', 'Ⴚ' => 'â´š', 'á‚»' => 'â´›', 'Ⴜ' => 'â´œ', 'Ⴝ' => 'â´', 'Ⴞ' => 'â´ž', 'á‚¿' => 'â´Ÿ', 'Ⴠ' => 'â´ ', 'áƒ' => 'â´¡', 'Ⴢ' => 'â´¢', 'Ⴣ' => 'â´£', 'Ⴤ' => 'â´¤', 'Ⴥ' => 'â´¥', 'Ⴧ' => 'â´§', 'áƒ' => 'â´', 'Ꭰ' => 'ê°', 'Ꭱ' => 'ê±', 'Ꭲ' => 'ê²', 'Ꭳ' => 'ê³', 'Ꭴ' => 'ê´', 'Ꭵ' => 'êµ', 'Ꭶ' => 'ê¶', 'Ꭷ' => 'ê·', 'Ꭸ' => 'ê¸', 'Ꭹ' => 'ê¹', 'Ꭺ' => 'êº', 'Ꭻ' => 'ê»', 'Ꭼ' => 'ê¼', 'áŽ' => 'ê½', 'Ꭾ' => 'ê¾', 'Ꭿ' => 'ê¿', 'Ꮀ' => 'ꮀ', 'Ꮁ' => 'ê®', 'Ꮂ' => 'ꮂ', 'Ꮃ' => 'ꮃ', 'Ꮄ' => 'ꮄ', 'Ꮅ' => 'ê®…', 'Ꮆ' => 'ꮆ', 'Ꮇ' => 'ꮇ', 'Ꮈ' => 'ꮈ', 'Ꮉ' => 'ꮉ', 'Ꮊ' => 'ꮊ', 'Ꮋ' => 'ꮋ', 'Ꮌ' => 'ꮌ', 'Ꮍ' => 'ê®', 'Ꮎ' => 'ꮎ', 'Ꮏ' => 'ê®', 'á€' => 'ê®', 'á' => 'ꮑ', 'á‚' => 'ê®’', 'áƒ' => 'ꮓ', 'á„' => 'ê®”', 'á…' => 'ꮕ', 'á†' => 'ê®–', 'á‡' => 'ê®—', 'áˆ' => 'ꮘ', 'á‰' => 'ê®™', 'áŠ' => 'ꮚ', 'á‹' => 'ê®›', 'áŒ' => 'ꮜ', 'á' => 'ê®', 'áŽ' => 'ꮞ', 'á' => 'ꮟ', 'á' => 'ê® ', 'á‘' => 'ꮡ', 'á’' => 'ꮢ', 'á“' => 'ꮣ', 'á”' => 'ꮤ', 'á•' => 'ꮥ', 'á–' => 'ꮦ', 'á—' => 'ꮧ', 'á˜' => 'ꮨ', 'á™' => 'ꮩ', 'áš' => 'ꮪ', 'á›' => 'ꮫ', 'áœ' => 'ꮬ', 'á' => 'ê®', 'áž' => 'ê®®', 'áŸ' => 'ꮯ', 'á ' => 'ê®°', 'á¡' => 'ê®±', 'á¢' => 'ꮲ', 'á£' => 'ꮳ', 'á¤' => 'ê®´', 'á¥' => 'ꮵ', 'á¦' => 'ꮶ', 'á§' => 'ê®·', 'á¨' => 'ꮸ', 'á©' => 'ꮹ', 'áª' => 'ꮺ', 'á«' => 'ê®»', 'á¬' => 'ꮼ', 'á' => 'ꮽ', 'á®' => 'ꮾ', 'á¯' => 'ꮿ', 'á°' => 'á¸', 'á±' => 'á¹', 'á²' => 'áº', 'á³' => 'á»', 'á´' => 'á¼', 'áµ' => 'á½', 'á²' => 'áƒ', 'Ბ' => 'ბ', 'á²’' => 'გ', 'Დ' => 'დ', 'á²”' => 'ე', 'Ვ' => 'ვ', 'á²–' => 'ზ', 'á²—' => 'თ', 'Ი' => 'ი', 'á²™' => 'კ', 'Ლ' => 'ლ', 'á²›' => 'მ', 'Ნ' => 'ნ', 'á²' => 'áƒ', 'Პ' => 'პ', 'Ჟ' => 'ჟ', 'á² ' => 'რ', 'Ს' => 'ს', 'á²¢' => 'ტ', 'á²£' => 'უ', 'Ფ' => 'ფ', 'á²¥' => 'ქ', 'Ღ' => 'ღ', 'Ყ' => 'ყ', 'Შ' => 'შ', 'Ჩ' => 'ჩ', 'Ც' => 'ც', 'Ძ' => 'ძ', 'Წ' => 'წ', 'á²' => 'áƒ', 'á²®' => 'ხ', 'Ჯ' => 'ჯ', 'á²°' => 'ჰ', 'á²±' => 'ჱ', 'á²²' => 'ჲ', 'á²³' => 'ჳ', 'á²´' => 'ჴ', 'á²µ' => 'ჵ', 'Ჶ' => 'ჶ', 'á²·' => 'ჷ', 'Ჸ' => 'ჸ', 'á²¹' => 'ჹ', 'Ჺ' => 'ჺ', 'á²½' => 'ჽ', 'á²¾' => 'ჾ', 'Ჿ' => 'ჿ', 'Ḁ' => 'á¸', 'Ḃ' => 'ḃ', 'Ḅ' => 'ḅ', 'Ḇ' => 'ḇ', 'Ḉ' => 'ḉ', 'Ḋ' => 'ḋ', 'Ḍ' => 'á¸', 'Ḏ' => 'á¸', 'á¸' => 'ḑ', 'Ḓ' => 'ḓ', 'Ḕ' => 'ḕ', 'Ḗ' => 'ḗ', 'Ḙ' => 'ḙ', 'Ḛ' => 'ḛ', 'Ḝ' => 'á¸', 'Ḟ' => 'ḟ', 'Ḡ' => 'ḡ', 'Ḣ' => 'ḣ', 'Ḥ' => 'ḥ', 'Ḧ' => 'ḧ', 'Ḩ' => 'ḩ', 'Ḫ' => 'ḫ', 'Ḭ' => 'á¸', 'Ḯ' => 'ḯ', 'Ḱ' => 'ḱ', 'Ḳ' => 'ḳ', 'Ḵ' => 'ḵ', 'Ḷ' => 'ḷ', 'Ḹ' => 'ḹ', 'Ḻ' => 'ḻ', 'Ḽ' => 'ḽ', 'Ḿ' => 'ḿ', 'á¹€' => 'á¹', 'Ṃ' => 'ṃ', 'Ṅ' => 'á¹…', 'Ṇ' => 'ṇ', 'Ṉ' => 'ṉ', 'Ṋ' => 'ṋ', 'Ṍ' => 'á¹', 'Ṏ' => 'á¹', 'á¹' => 'ṑ', 'á¹’' => 'ṓ', 'á¹”' => 'ṕ', 'á¹–' => 'á¹—', 'Ṙ' => 'á¹™', 'Ṛ' => 'á¹›', 'Ṝ' => 'á¹', 'Ṟ' => 'ṟ', 'á¹ ' => 'ṡ', 'á¹¢' => 'á¹£', 'Ṥ' => 'á¹¥', 'Ṧ' => 'ṧ', 'Ṩ' => 'ṩ', 'Ṫ' => 'ṫ', 'Ṭ' => 'á¹', 'á¹®' => 'ṯ', 'á¹°' => 'á¹±', 'á¹²' => 'á¹³', 'á¹´' => 'á¹µ', 'Ṷ' => 'á¹·', 'Ṹ' => 'á¹¹', 'Ṻ' => 'á¹»', 'á¹¼' => 'á¹½', 'á¹¾' => 'ṿ', 'Ẁ' => 'áº', 'Ẃ' => 'ẃ', 'Ẅ' => 'ẅ', 'Ẇ' => 'ẇ', 'Ẉ' => 'ẉ', 'Ẋ' => 'ẋ', 'Ẍ' => 'áº', 'Ẏ' => 'áº', 'áº' => 'ẑ', 'Ẓ' => 'ẓ', 'Ẕ' => 'ẕ', 'ẞ' => 'ß', 'Ạ' => 'ạ', 'Ả' => 'ả', 'Ấ' => 'ấ', 'Ầ' => 'ầ', 'Ẩ' => 'ẩ', 'Ẫ' => 'ẫ', 'Ậ' => 'áº', 'Ắ' => 'ắ', 'Ằ' => 'ằ', 'Ẳ' => 'ẳ', 'Ẵ' => 'ẵ', 'Ặ' => 'ặ', 'Ẹ' => 'ẹ', 'Ẻ' => 'ẻ', 'Ẽ' => 'ẽ', 'Ế' => 'ế', 'Ề' => 'á»', 'Ể' => 'ể', 'Ễ' => 'á»…', 'Ệ' => 'ệ', 'Ỉ' => 'ỉ', 'Ị' => 'ị', 'Ọ' => 'á»', 'Ỏ' => 'á»', 'á»' => 'ố', 'á»’' => 'ồ', 'á»”' => 'ổ', 'á»–' => 'á»—', 'Ộ' => 'á»™', 'Ớ' => 'á»›', 'Ờ' => 'á»', 'Ở' => 'ở', 'á» ' => 'ỡ', 'Ợ' => 'ợ', 'Ụ' => 'ụ', 'Ủ' => 'ủ', 'Ứ' => 'ứ', 'Ừ' => 'ừ', 'Ử' => 'á»', 'á»®' => 'ữ', 'á»°' => 'á»±', 'Ỳ' => 'ỳ', 'á»´' => 'ỵ', 'Ỷ' => 'á»·', 'Ỹ' => 'ỹ', 'Ỻ' => 'á»»', 'Ỽ' => 'ỽ', 'Ỿ' => 'ỿ', 'Ἀ' => 'á¼€', 'Ἁ' => 'á¼', 'Ἂ' => 'ἂ', 'Ἃ' => 'ἃ', 'Ἄ' => 'ἄ', 'á¼' => 'á¼…', 'Ἆ' => 'ἆ', 'á¼' => 'ἇ', 'Ἐ' => 'á¼', 'á¼™' => 'ἑ', 'Ἒ' => 'á¼’', 'á¼›' => 'ἓ', 'Ἔ' => 'á¼”', 'á¼' => 'ἕ', 'Ἠ' => 'á¼ ', 'Ἡ' => 'ἡ', 'Ἢ' => 'á¼¢', 'Ἣ' => 'á¼£', 'Ἤ' => 'ἤ', 'á¼' => 'á¼¥', 'á¼®' => 'ἦ', 'Ἧ' => 'ἧ', 'Ἰ' => 'á¼°', 'á¼¹' => 'á¼±', 'Ἲ' => 'á¼²', 'á¼»' => 'á¼³', 'á¼¼' => 'á¼´', 'á¼½' => 'á¼µ', 'á¼¾' => 'ἶ', 'Ἷ' => 'á¼·', 'Ὀ' => 'á½€', 'Ὁ' => 'á½', 'Ὂ' => 'ὂ', 'Ὃ' => 'ὃ', 'Ὄ' => 'ὄ', 'á½' => 'á½…', 'á½™' => 'ὑ', 'á½›' => 'ὓ', 'á½' => 'ὕ', 'Ὗ' => 'á½—', 'Ὠ' => 'á½ ', 'Ὡ' => 'ὡ', 'Ὢ' => 'á½¢', 'Ὣ' => 'á½£', 'Ὤ' => 'ὤ', 'á½' => 'á½¥', 'á½®' => 'ὦ', 'Ὧ' => 'ὧ', 'ᾈ' => 'á¾€', 'ᾉ' => 'á¾', 'ᾊ' => 'ᾂ', 'ᾋ' => 'ᾃ', 'ᾌ' => 'ᾄ', 'á¾' => 'á¾…', 'ᾎ' => 'ᾆ', 'á¾' => 'ᾇ', 'ᾘ' => 'á¾', 'á¾™' => 'ᾑ', 'ᾚ' => 'á¾’', 'á¾›' => 'ᾓ', 'ᾜ' => 'á¾”', 'á¾' => 'ᾕ', 'ᾞ' => 'á¾–', 'ᾟ' => 'á¾—', 'ᾨ' => 'á¾ ', 'ᾩ' => 'ᾡ', 'ᾪ' => 'á¾¢', 'ᾫ' => 'á¾£', 'ᾬ' => 'ᾤ', 'á¾' => 'á¾¥', 'á¾®' => 'ᾦ', 'ᾯ' => 'ᾧ', 'Ᾰ' => 'á¾°', 'á¾¹' => 'á¾±', 'Ὰ' => 'á½°', 'á¾»' => 'á½±', 'á¾¼' => 'á¾³', 'Ὲ' => 'á½²', 'Έ' => 'á½³', 'á¿Š' => 'á½´', 'á¿‹' => 'á½µ', 'á¿Œ' => 'ῃ', 'Ῐ' => 'á¿', 'á¿™' => 'á¿‘', 'á¿š' => 'ὶ', 'á¿›' => 'á½·', 'Ῠ' => 'á¿ ', 'á¿©' => 'á¿¡', 'Ὺ' => 'ὺ', 'á¿«' => 'á½»', 'Ῥ' => 'á¿¥', 'Ὸ' => 'ὸ', 'Ό' => 'á½¹', 'Ὼ' => 'á½¼', 'á¿»' => 'á½½', 'ῼ' => 'ῳ', 'Ω' => 'ω', 'K' => 'k', 'â„«' => 'Ã¥', 'Ⅎ' => 'â…Ž', 'â… ' => 'â…°', 'â…¡' => 'â…±', 'â…¢' => 'â…²', 'â…£' => 'â…³', 'â…¤' => 'â…´', 'â…¥' => 'â…µ', 'â…¦' => 'â…¶', 'â…§' => 'â…·', 'â…¨' => 'â…¸', 'â…©' => 'â…¹', 'â…ª' => 'â…º', 'â…«' => 'â…»', 'â…¬' => 'â…¼', 'â…' => 'â…½', 'â…®' => 'â…¾', 'â…¯' => 'â…¿', 'Ↄ' => 'ↄ', 'â’¶' => 'â“', 'â’·' => 'â“‘', 'â’¸' => 'â“’', 'â’¹' => 'â““', 'â’º' => 'â“”', 'â’»' => 'â“•', 'â’¼' => 'â“–', 'â’½' => 'â“—', 'â’¾' => 'ⓘ', 'â’¿' => 'â“™', 'â“€' => 'â“š', 'â“' => 'â“›', 'â“‚' => 'â“œ', 'Ⓝ' => 'â“', 'â“„' => 'â“ž', 'â“…' => 'â“Ÿ', 'Ⓠ' => 'â“ ', 'Ⓡ' => 'â“¡', 'Ⓢ' => 'â“¢', 'Ⓣ' => 'â“£', 'â“Š' => 'ⓤ', 'â“‹' => 'â“¥', 'â“Œ' => 'ⓦ', 'â“' => 'ⓧ', 'â“Ž' => 'ⓨ', 'â“' => 'â“©', 'â°€' => 'â°°', 'â°' => 'â°±', 'â°‚' => 'â°²', 'â°ƒ' => 'â°³', 'â°„' => 'â°´', 'â°…' => 'â°µ', 'â°†' => 'â°¶', 'â°‡' => 'â°·', 'â°ˆ' => 'â°¸', 'â°‰' => 'â°¹', 'â°Š' => 'â°º', 'â°‹' => 'â°»', 'â°Œ' => 'â°¼', 'â°' => 'â°½', 'â°Ž' => 'â°¾', 'â°' => 'â°¿', 'â°' => 'â±€', 'â°‘' => 'â±', 'â°’' => 'ⱂ', 'â°“' => 'ⱃ', 'â°”' => 'ⱄ', 'â°•' => 'â±…', 'â°–' => 'ⱆ', 'â°—' => 'ⱇ', 'â°˜' => 'ⱈ', 'â°™' => 'ⱉ', 'â°š' => 'ⱊ', 'â°›' => 'ⱋ', 'â°œ' => 'ⱌ', 'â°' => 'â±', 'â°ž' => 'ⱎ', 'â°Ÿ' => 'â±', 'â° ' => 'â±', 'â°¡' => 'ⱑ', 'â°¢' => 'â±’', 'â°£' => 'ⱓ', 'â°¤' => 'â±”', 'â°¥' => 'ⱕ', 'â°¦' => 'â±–', 'â°§' => 'â±—', 'â°¨' => 'ⱘ', 'â°©' => 'â±™', 'â°ª' => 'ⱚ', 'â°«' => 'â±›', 'â°¬' => 'ⱜ', 'â°' => 'â±', 'â°®' => 'ⱞ', 'â± ' => 'ⱡ', 'â±¢' => 'É«', 'â±£' => 'áµ½', 'Ɽ' => 'ɽ', 'Ⱨ' => 'ⱨ', 'Ⱪ' => 'ⱪ', 'Ⱬ' => 'ⱬ', 'â±' => 'É‘', 'â±®' => 'ɱ', 'Ɐ' => 'É', 'â±°' => 'É’', 'â±²' => 'â±³', 'â±µ' => 'ⱶ', 'â±¾' => 'È¿', 'Ɀ' => 'É€', 'â²€' => 'â²', 'Ⲃ' => 'ⲃ', 'Ⲅ' => 'â²…', 'Ⲇ' => 'ⲇ', 'Ⲉ' => 'ⲉ', 'Ⲋ' => 'ⲋ', 'Ⲍ' => 'â²', 'Ⲏ' => 'â²', 'â²' => 'ⲑ', 'â²’' => 'ⲓ', 'â²”' => 'ⲕ', 'â²–' => 'â²—', 'Ⲙ' => 'â²™', 'Ⲛ' => 'â²›', 'Ⲝ' => 'â²', 'Ⲟ' => 'ⲟ', 'â² ' => 'ⲡ', 'â²¢' => 'â²£', 'Ⲥ' => 'â²¥', 'Ⲧ' => 'ⲧ', 'Ⲩ' => 'ⲩ', 'Ⲫ' => 'ⲫ', 'Ⲭ' => 'â²', 'â²®' => 'ⲯ', 'â²°' => 'â²±', 'â²²' => 'â²³', 'â²´' => 'â²µ', 'Ⲷ' => 'â²·', 'Ⲹ' => 'â²¹', 'Ⲻ' => 'â²»', 'â²¼' => 'â²½', 'â²¾' => 'ⲿ', 'â³€' => 'â³', 'Ⳃ' => 'ⳃ', 'Ⳅ' => 'â³…', 'Ⳇ' => 'ⳇ', 'Ⳉ' => 'ⳉ', 'Ⳋ' => 'ⳋ', 'Ⳍ' => 'â³', 'Ⳏ' => 'â³', 'â³' => 'ⳑ', 'â³’' => 'ⳓ', 'â³”' => 'ⳕ', 'â³–' => 'â³—', 'Ⳙ' => 'â³™', 'Ⳛ' => 'â³›', 'Ⳝ' => 'â³', 'Ⳟ' => 'ⳟ', 'â³ ' => 'ⳡ', 'â³¢' => 'â³£', 'Ⳬ' => 'ⳬ', 'â³' => 'â³®', 'â³²' => 'â³³', 'Ꙁ' => 'ê™', 'Ꙃ' => 'ꙃ', 'Ꙅ' => 'ê™…', 'Ꙇ' => 'ꙇ', 'Ꙉ' => 'ꙉ', 'Ꙋ' => 'ꙋ', 'Ꙍ' => 'ê™', 'Ꙏ' => 'ê™', 'ê™' => 'ꙑ', 'ê™’' => 'ꙓ', 'ê™”' => 'ꙕ', 'ê™–' => 'ê™—', 'Ꙙ' => 'ê™™', 'Ꙛ' => 'ê™›', 'Ꙝ' => 'ê™', 'Ꙟ' => 'ꙟ', 'ê™ ' => 'ꙡ', 'Ꙣ' => 'ꙣ', 'Ꙥ' => 'ꙥ', 'Ꙧ' => 'ꙧ', 'Ꙩ' => 'ꙩ', 'Ꙫ' => 'ꙫ', 'Ꙭ' => 'ê™', 'Ꚁ' => 'êš', 'êš‚' => 'ꚃ', 'êš„' => 'êš…', 'Ꚇ' => 'ꚇ', 'Ꚉ' => 'ꚉ', 'Ꚋ' => 'êš‹', 'Ꚍ' => 'êš', 'Ꚏ' => 'êš', 'êš' => 'êš‘', 'êš’' => 'êš“', 'êš”' => 'êš•', 'êš–' => 'êš—', 'Ꚙ' => 'êš™', 'êšš' => 'êš›', 'Ꜣ' => 'ꜣ', 'Ꜥ' => 'ꜥ', 'Ꜧ' => 'ꜧ', 'Ꜩ' => 'ꜩ', 'Ꜫ' => 'ꜫ', 'Ꜭ' => 'êœ', 'Ꜯ' => 'ꜯ', 'Ꜳ' => 'ꜳ', 'Ꜵ' => 'ꜵ', 'Ꜷ' => 'ꜷ', 'Ꜹ' => 'ꜹ', 'Ꜻ' => 'ꜻ', 'Ꜽ' => 'ꜽ', 'Ꜿ' => 'ꜿ', 'ê€' => 'ê', 'ê‚' => 'êƒ', 'ê„' => 'ê…', 'ê†' => 'ê‡', 'êˆ' => 'ê‰', 'êŠ' => 'ê‹', 'êŒ' => 'ê', 'êŽ' => 'ê', 'ê' => 'ê‘', 'ê’' => 'ê“', 'ê”' => 'ê•', 'ê–' => 'ê—', 'ê˜' => 'ê™', 'êš' => 'ê›', 'êœ' => 'ê', 'êž' => 'êŸ', 'ê ' => 'ê¡', 'ê¢' => 'ê£', 'ê¤' => 'ê¥', 'ê¦' => 'ê§', 'ê¨' => 'ê©', 'êª' => 'ê«', 'ê¬' => 'ê', 'ê®' => 'ê¯', 'ê¹' => 'êº', 'ê»' => 'ê¼', 'ê½' => 'áµ¹', 'ê¾' => 'ê¿', 'Ꞁ' => 'êž', 'êž‚' => 'ꞃ', 'êž„' => 'êž…', 'Ꞇ' => 'ꞇ', 'êž‹' => 'ꞌ', 'êž' => 'É¥', 'êž' => 'êž‘', 'êž’' => 'êž“', 'êž–' => 'êž—', 'Ꞙ' => 'êž™', 'êžš' => 'êž›', 'êžœ' => 'êž', 'êžž' => 'ꞟ', 'êž ' => 'êž¡', 'Ꞣ' => 'ꞣ', 'Ꞥ' => 'ꞥ', 'Ꞧ' => 'ꞧ', 'Ꞩ' => 'êž©', 'Ɦ' => 'ɦ', 'êž«' => 'Éœ', 'Ɡ' => 'É¡', 'êž' => 'ɬ', 'êž®' => 'ɪ', 'êž°' => 'Êž', 'êž±' => 'ʇ', 'êž²' => 'Ê', 'êž³' => 'ê“', 'êž´' => 'êžµ', 'Ꞷ' => 'êž·', 'Ꞹ' => 'êž¹', 'Ꞻ' => 'êž»', 'êž¼' => 'êž½', 'êž¾' => 'êž¿', 'Ꟃ' => 'ꟃ', 'Ꞔ' => 'êž”', 'Ʂ' => 'Ê‚', 'Ᶎ' => 'ᶎ', 'Ꟈ' => 'ꟈ', 'Ꟊ' => 'ꟊ', 'Ꟶ' => 'ꟶ', 'Ａ' => 'ï½', 'ï¼¢' => 'ｂ', 'ï¼£' => 'ｃ', 'Ｄ' => 'ｄ', 'ï¼¥' => 'ï½…', 'Ｆ' => 'ｆ', 'Ｇ' => 'ｇ', 'Ｈ' => 'ｈ', 'Ｉ' => 'ｉ', 'Ｊ' => 'ｊ', 'Ｋ' => 'ｋ', 'Ｌ' => 'ｌ', 'ï¼' => 'ï½', 'ï¼®' => 'ｎ', 'Ｏ' => 'ï½', 'ï¼°' => 'ï½', 'ï¼±' => 'ｑ', 'ï¼²' => 'ï½’', 'ï¼³' => 'ｓ', 'ï¼´' => 'ï½”', 'ï¼µ' => 'ｕ', 'Ｖ' => 'ï½–', 'ï¼·' => 'ï½—', 'Ｘ' => 'ｘ', 'ï¼¹' => 'ï½™', 'Ｚ' => 'ｚ', 'ð€' => 'ð¨', 'ð' => 'ð©', 'ð‚' => 'ðª', 'ðƒ' => 'ð«', 'ð„' => 'ð¬', 'ð…' => 'ð', 'ð†' => 'ð®', 'ð‡' => 'ð¯', 'ðˆ' => 'ð°', 'ð‰' => 'ð±', 'ðŠ' => 'ð²', 'ð‹' => 'ð³', 'ðŒ' => 'ð´', 'ð' => 'ðµ', 'ðŽ' => 'ð¶', 'ð' => 'ð·', 'ð' => 'ð¸', 'ð‘' => 'ð¹', 'ð’' => 'ðº', 'ð“' => 'ð»', 'ð”' => 'ð¼', 'ð•' => 'ð½', 'ð–' => 'ð¾', 'ð—' => 'ð¿', 'ð˜' => 'ð‘€', 'ð™' => 'ð‘', 'ðš' => 'ð‘‚', 'ð›' => 'ð‘ƒ', 'ðœ' => 'ð‘„', 'ð' => 'ð‘…', 'ðž' => 'ð‘†', 'ðŸ' => 'ð‘‡', 'ð ' => 'ð‘ˆ', 'ð¡' => 'ð‘‰', 'ð¢' => 'ð‘Š', 'ð£' => 'ð‘‹', 'ð¤' => 'ð‘Œ', 'ð¥' => 'ð‘', 'ð¦' => 'ð‘Ž', 'ð§' => 'ð‘', 'ð’°' => 'ð“˜', 'ð’±' => 'ð“™', 'ð’²' => 'ð“š', 'ð’³' => 'ð“›', 'ð’´' => 'ð“œ', 'ð’µ' => 'ð“', 'ð’¶' => 'ð“ž', 'ð’·' => 'ð“Ÿ', 'ð’¸' => 'ð“ ', 'ð’¹' => 'ð“¡', 'ð’º' => 'ð“¢', 'ð’»' => 'ð“£', 'ð’¼' => 'ð“¤', 'ð’½' => 'ð“¥', 'ð’¾' => 'ð“¦', 'ð’¿' => 'ð“§', 'ð“€' => 'ð“¨', 'ð“' => 'ð“©', 'ð“‚' => 'ð“ª', 'ð“ƒ' => 'ð“«', 'ð“„' => 'ð“¬', 'ð“…' => 'ð“', 'ð“†' => 'ð“®', 'ð“‡' => 'ð“¯', 'ð“ˆ' => 'ð“°', 'ð“‰' => 'ð“±', 'ð“Š' => 'ð“²', 'ð“‹' => 'ð“³', 'ð“Œ' => 'ð“´', 'ð“' => 'ð“µ', 'ð“Ž' => 'ð“¶', 'ð“' => 'ð“·', 'ð“' => 'ð“¸', 'ð“‘' => 'ð“¹', 'ð“’' => 'ð“º', 'ð““' => 'ð“»', 'ð²€' => 'ð³€', 'ð²' => 'ð³', 'ð²‚' => 'ð³‚', 'ð²ƒ' => 'ð³ƒ', 'ð²„' => 'ð³„', 'ð²…' => 'ð³…', 'ð²†' => 'ð³†', 'ð²‡' => 'ð³‡', 'ð²ˆ' => 'ð³ˆ', 'ð²‰' => 'ð³‰', 'ð²Š' => 'ð³Š', 'ð²‹' => 'ð³‹', 'ð²Œ' => 'ð³Œ', 'ð²' => 'ð³', 'ð²Ž' => 'ð³Ž', 'ð²' => 'ð³', 'ð²' => 'ð³', 'ð²‘' => 'ð³‘', 'ð²’' => 'ð³’', 'ð²“' => 'ð³“', 'ð²”' => 'ð³”', 'ð²•' => 'ð³•', 'ð²–' => 'ð³–', 'ð²—' => 'ð³—', 'ð²˜' => 'ð³˜', 'ð²™' => 'ð³™', 'ð²š' => 'ð³š', 'ð²›' => 'ð³›', 'ð²œ' => 'ð³œ', 'ð²' => 'ð³', 'ð²ž' => 'ð³ž', 'ð²Ÿ' => 'ð³Ÿ', 'ð² ' => 'ð³ ', 'ð²¡' => 'ð³¡', 'ð²¢' => 'ð³¢', 'ð²£' => 'ð³£', 'ð²¤' => 'ð³¤', 'ð²¥' => 'ð³¥', 'ð²¦' => 'ð³¦', 'ð²§' => 'ð³§', 'ð²¨' => 'ð³¨', 'ð²©' => 'ð³©', 'ð²ª' => 'ð³ª', 'ð²«' => 'ð³«', 'ð²¬' => 'ð³¬', 'ð²' => 'ð³', 'ð²®' => 'ð³®', 'ð²¯' => 'ð³¯', 'ð²°' => 'ð³°', 'ð²±' => 'ð³±', 'ð²²' => 'ð³²', 'ð‘¢ ' => 'ð‘£€', '𑢡' => 'ð‘£', 'ð‘¢¢' => '𑣂', 'ð‘¢£' => '𑣃', '𑢤' => '𑣄', 'ð‘¢¥' => 'ð‘£…', '𑢦' => '𑣆', '𑢧' => '𑣇', '𑢨' => '𑣈', '𑢩' => '𑣉', '𑢪' => '𑣊', '𑢫' => '𑣋', '𑢬' => '𑣌', 'ð‘¢' => 'ð‘£', 'ð‘¢®' => '𑣎', '𑢯' => 'ð‘£', 'ð‘¢°' => 'ð‘£', 'ð‘¢±' => '𑣑', 'ð‘¢²' => 'ð‘£’', 'ð‘¢³' => '𑣓', 'ð‘¢´' => 'ð‘£”', 'ð‘¢µ' => '𑣕', '𑢶' => 'ð‘£–', 'ð‘¢·' => 'ð‘£—', '𑢸' => '𑣘', 'ð‘¢¹' => 'ð‘£™', '𑢺' => '𑣚', 'ð‘¢»' => 'ð‘£›', 'ð‘¢¼' => '𑣜', 'ð‘¢½' => 'ð‘£', 'ð‘¢¾' => '𑣞', '𑢿' => '𑣟', 'ð–¹€' => 'ð–¹ ', 'ð–¹' => '𖹡', '𖹂' => 'ð–¹¢', '𖹃' => 'ð–¹£', '𖹄' => '𖹤', 'ð–¹…' => 'ð–¹¥', '𖹆' => '𖹦', '𖹇' => '𖹧', '𖹈' => '𖹨', '𖹉' => '𖹩', '𖹊' => '𖹪', '𖹋' => '𖹫', '𖹌' => '𖹬', 'ð–¹' => 'ð–¹', '𖹎' => 'ð–¹®', 'ð–¹' => '𖹯', 'ð–¹' => 'ð–¹°', '𖹑' => 'ð–¹±', 'ð–¹’' => 'ð–¹²', '𖹓' => 'ð–¹³', 'ð–¹”' => 'ð–¹´', '𖹕' => 'ð–¹µ', 'ð–¹–' => '𖹶', 'ð–¹—' => 'ð–¹·', '𖹘' => '𖹸', 'ð–¹™' => 'ð–¹¹', '𖹚' => '𖹺', 'ð–¹›' => 'ð–¹»', '𖹜' => 'ð–¹¼', 'ð–¹' => 'ð–¹½', '𖹞' => 'ð–¹¾', '𖹟' => '𖹿', '𞤀' => '𞤢', 'ðž¤' => '𞤣', '𞤂' => '𞤤', '𞤃' => '𞤥', '𞤄' => '𞤦', '𞤅' => '𞤧', '𞤆' => '𞤨', '𞤇' => '𞤩', '𞤈' => '𞤪', '𞤉' => '𞤫', '𞤊' => '𞤬', '𞤋' => 'ðž¤', '𞤌' => '𞤮', 'ðž¤' => '𞤯', '𞤎' => '𞤰', 'ðž¤' => '𞤱', 'ðž¤' => '𞤲', '𞤑' => '𞤳', '𞤒' => '𞤴', '𞤓' => '𞤵', '𞤔' => '𞤶', '𞤕' => '𞤷', '𞤖' => '𞤸', '𞤗' => '𞤹', '𞤘' => '𞤺', '𞤙' => '𞤻', '𞤚' => '𞤼', '𞤛' => '𞤽', '𞤜' => '𞤾', 'ðž¤' => '𞤿', '𞤞' => '𞥀', '𞤟' => 'ðž¥', '𞤠' => '𞥂', '𞤡' => '𞥃');
diff --git a/vendor_prefixed/symfony/polyfill-mbstring/Resources/unidata/titleCaseRegexp.php b/vendor_prefixed/symfony/polyfill-mbstring/Resources/unidata/titleCaseRegexp.php
new file mode 100644
index 00000000..f69f5838
--- /dev/null
+++ b/vendor_prefixed/symfony/polyfill-mbstring/Resources/unidata/titleCaseRegexp.php
@@ -0,0 +1,6 @@
+ 'A', 'b' => 'B', 'c' => 'C', 'd' => 'D', 'e' => 'E', 'f' => 'F', 'g' => 'G', 'h' => 'H', 'i' => 'I', 'j' => 'J', 'k' => 'K', 'l' => 'L', 'm' => 'M', 'n' => 'N', 'o' => 'O', 'p' => 'P', 'q' => 'Q', 'r' => 'R', 's' => 'S', 't' => 'T', 'u' => 'U', 'v' => 'V', 'w' => 'W', 'x' => 'X', 'y' => 'Y', 'z' => 'Z', 'µ' => 'Îœ', 'à ' => 'À', 'á' => 'Ã', 'â' => 'Â', 'ã' => 'Ã', 'ä' => 'Ä', 'Ã¥' => 'Ã…', 'æ' => 'Æ', 'ç' => 'Ç', 'è' => 'È', 'é' => 'É', 'ê' => 'Ê', 'ë' => 'Ë', 'ì' => 'ÃŒ', 'Ã' => 'Ã', 'î' => 'ÃŽ', 'ï' => 'Ã', 'ð' => 'Ã', 'ñ' => 'Ñ', 'ò' => 'Ã’', 'ó' => 'Ó', 'ô' => 'Ô', 'õ' => 'Õ', 'ö' => 'Ö', 'ø' => 'Ø', 'ù' => 'Ù', 'ú' => 'Ú', 'û' => 'Û', 'ü' => 'Ãœ', 'ý' => 'Ã', 'þ' => 'Þ', 'ÿ' => 'Ÿ', 'Ä' => 'Ä€', 'ă' => 'Ä‚', 'Ä…' => 'Ä„', 'ć' => 'Ć', 'ĉ' => 'Ĉ', 'Ä‹' => 'ÄŠ', 'Ä' => 'ÄŒ', 'Ä' => 'ÄŽ', 'Ä‘' => 'Ä', 'Ä“' => 'Ä’', 'Ä•' => 'Ä”', 'Ä—' => 'Ä–', 'Ä™' => 'Ę', 'Ä›' => 'Äš', 'Ä' => 'Äœ', 'ÄŸ' => 'Äž', 'Ä¡' => 'Ä ', 'Ä£' => 'Ä¢', 'Ä¥' => 'Ĥ', 'ħ' => 'Ħ', 'Ä©' => 'Ĩ', 'Ä«' => 'Ī', 'Ä' => 'Ĭ', 'į' => 'Ä®', 'ı' => 'I', 'ij' => 'IJ', 'ĵ' => 'Ä´', 'Ä·' => 'Ķ', 'ĺ' => 'Ĺ', 'ļ' => 'Ä»', 'ľ' => 'Ľ', 'Å€' => 'Ä¿', 'Å‚' => 'Å', 'Å„' => 'Ń', 'ņ' => 'Å…', 'ň' => 'Ň', 'Å‹' => 'ÅŠ', 'Å' => 'ÅŒ', 'Å' => 'ÅŽ', 'Å‘' => 'Å', 'Å“' => 'Å’', 'Å•' => 'Å”', 'Å—' => 'Å–', 'Å™' => 'Ř', 'Å›' => 'Åš', 'Å' => 'Åœ', 'ÅŸ' => 'Åž', 'Å¡' => 'Å ', 'Å£' => 'Å¢', 'Å¥' => 'Ť', 'ŧ' => 'Ŧ', 'Å©' => 'Ũ', 'Å«' => 'Ū', 'Å' => 'Ŭ', 'ů' => 'Å®', 'ű' => 'Å°', 'ų' => 'Ų', 'ŵ' => 'Å´', 'Å·' => 'Ŷ', 'ź' => 'Ź', 'ż' => 'Å»', 'ž' => 'Ž', 'Å¿' => 'S', 'Æ€' => 'Ƀ', 'ƃ' => 'Æ‚', 'Æ…' => 'Æ„', 'ƈ' => 'Ƈ', 'ÆŒ' => 'Æ‹', 'Æ’' => 'Æ‘', 'Æ•' => 'Ƕ', 'Æ™' => 'Ƙ', 'Æš' => 'Ƚ', 'Æž' => 'È ', 'Æ¡' => 'Æ ', 'Æ£' => 'Æ¢', 'Æ¥' => 'Ƥ', 'ƨ' => 'Ƨ', 'Æ' => 'Ƭ', 'Æ°' => 'Ư', 'Æ´' => 'Ƴ', 'ƶ' => 'Ƶ', 'ƹ' => 'Ƹ', 'ƽ' => 'Ƽ', 'Æ¿' => 'Ç·', 'Ç…' => 'Ç„', 'dž' => 'Ç„', 'Lj' => 'LJ', 'lj' => 'LJ', 'Ç‹' => 'ÇŠ', 'ÇŒ' => 'ÇŠ', 'ÇŽ' => 'Ç', 'Ç' => 'Ç', 'Ç’' => 'Ç‘', 'Ç”' => 'Ç“', 'Ç–' => 'Ç•', 'ǘ' => 'Ç—', 'Çš' => 'Ç™', 'Çœ' => 'Ç›', 'Ç' => 'ÆŽ', 'ÇŸ' => 'Çž', 'Ç¡' => 'Ç ', 'Ç£' => 'Ç¢', 'Ç¥' => 'Ǥ', 'ǧ' => 'Ǧ', 'Ç©' => 'Ǩ', 'Ç«' => 'Ǫ', 'Ç' => 'Ǭ', 'ǯ' => 'Ç®', 'Dz' => 'DZ', 'dz' => 'DZ', 'ǵ' => 'Ç´', 'ǹ' => 'Ǹ', 'Ç»' => 'Ǻ', 'ǽ' => 'Ǽ', 'Ç¿' => 'Ǿ', 'È' => 'È€', 'ȃ' => 'È‚', 'È…' => 'È„', 'ȇ' => 'Ȇ', 'ȉ' => 'Ȉ', 'È‹' => 'ÈŠ', 'È' => 'ÈŒ', 'È' => 'ÈŽ', 'È‘' => 'È', 'È“' => 'È’', 'È•' => 'È”', 'È—' => 'È–', 'È™' => 'Ș', 'È›' => 'Èš', 'È' => 'Èœ', 'ÈŸ' => 'Èž', 'È£' => 'È¢', 'È¥' => 'Ȥ', 'ȧ' => 'Ȧ', 'È©' => 'Ȩ', 'È«' => 'Ȫ', 'È' => 'Ȭ', 'ȯ' => 'È®', 'ȱ' => 'È°', 'ȳ' => 'Ȳ', 'ȼ' => 'È»', 'È¿' => 'â±¾', 'É€' => 'Ɀ', 'É‚' => 'É', 'ɇ' => 'Ɇ', 'ɉ' => 'Ɉ', 'É‹' => 'ÉŠ', 'É' => 'ÉŒ', 'É' => 'ÉŽ', 'É' => 'Ɐ', 'É‘' => 'â±', 'É’' => 'â±°', 'É“' => 'Æ', 'É”' => 'Ɔ', 'É–' => 'Ɖ', 'É—' => 'ÆŠ', 'É™' => 'Æ', 'É›' => 'Æ', 'Éœ' => 'êž«', 'É ' => 'Æ“', 'É¡' => 'Ɡ', 'É£' => 'Æ”', 'É¥' => 'êž', 'ɦ' => 'Ɦ', 'ɨ' => 'Æ—', 'É©' => 'Æ–', 'ɪ' => 'êž®', 'É«' => 'â±¢', 'ɬ' => 'êž', 'ɯ' => 'Æœ', 'ɱ' => 'â±®', 'ɲ' => 'Æ', 'ɵ' => 'ÆŸ', 'ɽ' => 'Ɽ', 'Ê€' => 'Ʀ', 'Ê‚' => 'Ʂ', 'ʃ' => 'Æ©', 'ʇ' => 'êž±', 'ʈ' => 'Æ®', 'ʉ' => 'É„', 'ÊŠ' => 'Ʊ', 'Ê‹' => 'Ʋ', 'ÊŒ' => 'É…', 'Ê’' => 'Æ·', 'Ê' => 'êž²', 'Êž' => 'êž°', 'Í…' => 'Ι', 'ͱ' => 'Í°', 'ͳ' => 'Ͳ', 'Í·' => 'Ͷ', 'Í»' => 'Ͻ', 'ͼ' => 'Ͼ', 'ͽ' => 'Ï¿', 'ά' => 'Ά', 'Î' => 'Έ', 'ή' => 'Ή', 'ί' => 'Ί', 'α' => 'Α', 'β' => 'Î’', 'γ' => 'Γ', 'δ' => 'Δ', 'ε' => 'Ε', 'ζ' => 'Ζ', 'η' => 'Η', 'θ' => 'Θ', 'ι' => 'Ι', 'κ' => 'Κ', 'λ' => 'Λ', 'μ' => 'Îœ', 'ν' => 'Î', 'ξ' => 'Ξ', 'ο' => 'Ο', 'Ï€' => 'Î ', 'Ï' => 'Ρ', 'Ï‚' => 'Σ', 'σ' => 'Σ', 'Ï„' => 'Τ', 'Ï…' => 'Î¥', 'φ' => 'Φ', 'χ' => 'Χ', 'ψ' => 'Ψ', 'ω' => 'Ω', 'ÏŠ' => 'Ϊ', 'Ï‹' => 'Ϋ', 'ÏŒ' => 'ÎŒ', 'Ï' => 'ÎŽ', 'ÏŽ' => 'Î', 'Ï' => 'Î’', 'Ï‘' => 'Θ', 'Ï•' => 'Φ', 'Ï–' => 'Î ', 'Ï—' => 'Ï', 'Ï™' => 'Ϙ', 'Ï›' => 'Ïš', 'Ï' => 'Ïœ', 'ÏŸ' => 'Ïž', 'Ï¡' => 'Ï ', 'Ï£' => 'Ï¢', 'Ï¥' => 'Ϥ', 'ϧ' => 'Ϧ', 'Ï©' => 'Ϩ', 'Ï«' => 'Ϫ', 'Ï' => 'Ϭ', 'ϯ' => 'Ï®', 'Ï°' => 'Κ', 'ϱ' => 'Ρ', 'ϲ' => 'Ϲ', 'ϳ' => 'Í¿', 'ϵ' => 'Ε', 'ϸ' => 'Ï·', 'Ï»' => 'Ϻ', 'а' => 'Ð', 'б' => 'Б', 'в' => 'Ð’', 'г' => 'Г', 'д' => 'Д', 'е' => 'Е', 'ж' => 'Ж', 'з' => 'З', 'и' => 'И', 'й' => 'Й', 'к' => 'К', 'л' => 'Л', 'м' => 'Ðœ', 'н' => 'Ð', 'о' => 'О', 'п' => 'П', 'Ñ€' => 'Ð ', 'Ñ' => 'С', 'Ñ‚' => 'Т', 'у' => 'У', 'Ñ„' => 'Ф', 'Ñ…' => 'Ð¥', 'ц' => 'Ц', 'ч' => 'Ч', 'ш' => 'Ш', 'щ' => 'Щ', 'ÑŠ' => 'Ъ', 'Ñ‹' => 'Ы', 'ÑŒ' => 'Ь', 'Ñ' => 'Ð', 'ÑŽ' => 'Ю', 'Ñ' => 'Я', 'Ñ' => 'Ѐ', 'Ñ‘' => 'Ð', 'Ñ’' => 'Ђ', 'Ñ“' => 'Ѓ', 'Ñ”' => 'Є', 'Ñ•' => 'Ð…', 'Ñ–' => 'І', 'Ñ—' => 'Ї', 'ј' => 'Ј', 'Ñ™' => 'Љ', 'Ñš' => 'Њ', 'Ñ›' => 'Ћ', 'Ñœ' => 'ÐŒ', 'Ñ' => 'Ð', 'Ñž' => 'ÐŽ', 'ÑŸ' => 'Ð', 'Ñ¡' => 'Ñ ', 'Ñ£' => 'Ñ¢', 'Ñ¥' => 'Ѥ', 'ѧ' => 'Ѧ', 'Ñ©' => 'Ѩ', 'Ñ«' => 'Ѫ', 'Ñ' => 'Ѭ', 'ѯ' => 'Ñ®', 'ѱ' => 'Ñ°', 'ѳ' => 'Ѳ', 'ѵ' => 'Ñ´', 'Ñ·' => 'Ѷ', 'ѹ' => 'Ѹ', 'Ñ»' => 'Ѻ', 'ѽ' => 'Ѽ', 'Ñ¿' => 'Ѿ', 'Ò' => 'Ò€', 'Ò‹' => 'ÒŠ', 'Ò' => 'ÒŒ', 'Ò' => 'ÒŽ', 'Ò‘' => 'Ò', 'Ò“' => 'Ò’', 'Ò•' => 'Ò”', 'Ò—' => 'Ò–', 'Ò™' => 'Ò˜', 'Ò›' => 'Òš', 'Ò' => 'Òœ', 'ÒŸ' => 'Òž', 'Ò¡' => 'Ò ', 'Ò£' => 'Ò¢', 'Ò¥' => 'Ò¤', 'Ò§' => 'Ò¦', 'Ò©' => 'Ò¨', 'Ò«' => 'Òª', 'Ò' => 'Ò¬', 'Ò¯' => 'Ò®', 'Ò±' => 'Ò°', 'Ò³' => 'Ò²', 'Òµ' => 'Ò´', 'Ò·' => 'Ò¶', 'Ò¹' => 'Ò¸', 'Ò»' => 'Òº', 'Ò½' => 'Ò¼', 'Ò¿' => 'Ò¾', 'Ó‚' => 'Ó', 'Ó„' => 'Óƒ', 'Ó†' => 'Ó…', 'Óˆ' => 'Ó‡', 'ÓŠ' => 'Ó‰', 'ÓŒ' => 'Ó‹', 'ÓŽ' => 'Ó', 'Ó' => 'Ó€', 'Ó‘' => 'Ó', 'Ó“' => 'Ó’', 'Ó•' => 'Ó”', 'Ó—' => 'Ó–', 'Ó™' => 'Ó˜', 'Ó›' => 'Óš', 'Ó' => 'Óœ', 'ÓŸ' => 'Óž', 'Ó¡' => 'Ó ', 'Ó£' => 'Ó¢', 'Ó¥' => 'Ó¤', 'Ó§' => 'Ó¦', 'Ó©' => 'Ó¨', 'Ó«' => 'Óª', 'Ó' => 'Ó¬', 'Ó¯' => 'Ó®', 'Ó±' => 'Ó°', 'Ó³' => 'Ó²', 'Óµ' => 'Ó´', 'Ó·' => 'Ó¶', 'Ó¹' => 'Ó¸', 'Ó»' => 'Óº', 'Ó½' => 'Ó¼', 'Ó¿' => 'Ó¾', 'Ô' => 'Ô€', 'Ôƒ' => 'Ô‚', 'Ô…' => 'Ô„', 'Ô‡' => 'Ô†', 'Ô‰' => 'Ôˆ', 'Ô‹' => 'ÔŠ', 'Ô' => 'ÔŒ', 'Ô' => 'ÔŽ', 'Ô‘' => 'Ô', 'Ô“' => 'Ô’', 'Ô•' => 'Ô”', 'Ô—' => 'Ô–', 'Ô™' => 'Ô˜', 'Ô›' => 'Ôš', 'Ô' => 'Ôœ', 'ÔŸ' => 'Ôž', 'Ô¡' => 'Ô ', 'Ô£' => 'Ô¢', 'Ô¥' => 'Ô¤', 'Ô§' => 'Ô¦', 'Ô©' => 'Ô¨', 'Ô«' => 'Ôª', 'Ô' => 'Ô¬', 'Ô¯' => 'Ô®', 'Õ¡' => 'Ô±', 'Õ¢' => 'Ô²', 'Õ£' => 'Ô³', 'Õ¤' => 'Ô´', 'Õ¥' => 'Ôµ', 'Õ¦' => 'Ô¶', 'Õ§' => 'Ô·', 'Õ¨' => 'Ô¸', 'Õ©' => 'Ô¹', 'Õª' => 'Ôº', 'Õ«' => 'Ô»', 'Õ¬' => 'Ô¼', 'Õ' => 'Ô½', 'Õ®' => 'Ô¾', 'Õ¯' => 'Ô¿', 'Õ°' => 'Õ€', 'Õ±' => 'Õ', 'Õ²' => 'Õ‚', 'Õ³' => 'Õƒ', 'Õ´' => 'Õ„', 'Õµ' => 'Õ…', 'Õ¶' => 'Õ†', 'Õ·' => 'Õ‡', 'Õ¸' => 'Õˆ', 'Õ¹' => 'Õ‰', 'Õº' => 'ÕŠ', 'Õ»' => 'Õ‹', 'Õ¼' => 'ÕŒ', 'Õ½' => 'Õ', 'Õ¾' => 'ÕŽ', 'Õ¿' => 'Õ', 'Ö€' => 'Õ', 'Ö' => 'Õ‘', 'Ö‚' => 'Õ’', 'Öƒ' => 'Õ“', 'Ö„' => 'Õ”', 'Ö…' => 'Õ•', 'Ö†' => 'Õ–', 'áƒ' => 'á²', 'ბ' => 'Ბ', 'გ' => 'á²’', 'დ' => 'Დ', 'ე' => 'á²”', 'ვ' => 'Ვ', 'ზ' => 'á²–', 'თ' => 'á²—', 'ი' => 'Ი', 'კ' => 'á²™', 'ლ' => 'Ლ', 'მ' => 'á²›', 'ნ' => 'Ნ', 'áƒ' => 'á²', 'პ' => 'Პ', 'ჟ' => 'Ჟ', 'რ' => 'á² ', 'ს' => 'Ს', 'ტ' => 'á²¢', 'უ' => 'á²£', 'ფ' => 'Ფ', 'ქ' => 'á²¥', 'ღ' => 'Ღ', 'ყ' => 'Ყ', 'შ' => 'Შ', 'ჩ' => 'Ჩ', 'ც' => 'Ც', 'ძ' => 'Ძ', 'წ' => 'Წ', 'áƒ' => 'á²', 'ხ' => 'á²®', 'ჯ' => 'Ჯ', 'ჰ' => 'á²°', 'ჱ' => 'á²±', 'ჲ' => 'á²²', 'ჳ' => 'á²³', 'ჴ' => 'á²´', 'ჵ' => 'á²µ', 'ჶ' => 'Ჶ', 'ჷ' => 'á²·', 'ჸ' => 'Ჸ', 'ჹ' => 'á²¹', 'ჺ' => 'Ჺ', 'ჽ' => 'á²½', 'ჾ' => 'á²¾', 'ჿ' => 'Ჿ', 'á¸' => 'á°', 'á¹' => 'á±', 'áº' => 'á²', 'á»' => 'á³', 'á¼' => 'á´', 'á½' => 'áµ', 'á²€' => 'Ð’', 'á²' => 'Д', 'ᲂ' => 'О', 'ᲃ' => 'С', 'ᲄ' => 'Т', 'á²…' => 'Т', 'ᲆ' => 'Ъ', 'ᲇ' => 'Ñ¢', 'ᲈ' => 'Ꙋ', 'áµ¹' => 'ê½', 'áµ½' => 'â±£', 'ᶎ' => 'Ᶎ', 'á¸' => 'Ḁ', 'ḃ' => 'Ḃ', 'ḅ' => 'Ḅ', 'ḇ' => 'Ḇ', 'ḉ' => 'Ḉ', 'ḋ' => 'Ḋ', 'á¸' => 'Ḍ', 'á¸' => 'Ḏ', 'ḑ' => 'á¸', 'ḓ' => 'Ḓ', 'ḕ' => 'Ḕ', 'ḗ' => 'Ḗ', 'ḙ' => 'Ḙ', 'ḛ' => 'Ḛ', 'á¸' => 'Ḝ', 'ḟ' => 'Ḟ', 'ḡ' => 'Ḡ', 'ḣ' => 'Ḣ', 'ḥ' => 'Ḥ', 'ḧ' => 'Ḧ', 'ḩ' => 'Ḩ', 'ḫ' => 'Ḫ', 'á¸' => 'Ḭ', 'ḯ' => 'Ḯ', 'ḱ' => 'Ḱ', 'ḳ' => 'Ḳ', 'ḵ' => 'Ḵ', 'ḷ' => 'Ḷ', 'ḹ' => 'Ḹ', 'ḻ' => 'Ḻ', 'ḽ' => 'Ḽ', 'ḿ' => 'Ḿ', 'á¹' => 'á¹€', 'ṃ' => 'Ṃ', 'á¹…' => 'Ṅ', 'ṇ' => 'Ṇ', 'ṉ' => 'Ṉ', 'ṋ' => 'Ṋ', 'á¹' => 'Ṍ', 'á¹' => 'Ṏ', 'ṑ' => 'á¹', 'ṓ' => 'á¹’', 'ṕ' => 'á¹”', 'á¹—' => 'á¹–', 'á¹™' => 'Ṙ', 'á¹›' => 'Ṛ', 'á¹' => 'Ṝ', 'ṟ' => 'Ṟ', 'ṡ' => 'á¹ ', 'á¹£' => 'á¹¢', 'á¹¥' => 'Ṥ', 'ṧ' => 'Ṧ', 'ṩ' => 'Ṩ', 'ṫ' => 'Ṫ', 'á¹' => 'Ṭ', 'ṯ' => 'á¹®', 'á¹±' => 'á¹°', 'á¹³' => 'á¹²', 'á¹µ' => 'á¹´', 'á¹·' => 'Ṷ', 'á¹¹' => 'Ṹ', 'á¹»' => 'Ṻ', 'á¹½' => 'á¹¼', 'ṿ' => 'á¹¾', 'áº' => 'Ẁ', 'ẃ' => 'Ẃ', 'ẅ' => 'Ẅ', 'ẇ' => 'Ẇ', 'ẉ' => 'Ẉ', 'ẋ' => 'Ẋ', 'áº' => 'Ẍ', 'áº' => 'Ẏ', 'ẑ' => 'áº', 'ẓ' => 'Ẓ', 'ẕ' => 'Ẕ', 'ẛ' => 'á¹ ', 'ạ' => 'Ạ', 'ả' => 'Ả', 'ấ' => 'Ấ', 'ầ' => 'Ầ', 'ẩ' => 'Ẩ', 'ẫ' => 'Ẫ', 'áº' => 'Ậ', 'ắ' => 'Ắ', 'ằ' => 'Ằ', 'ẳ' => 'Ẳ', 'ẵ' => 'Ẵ', 'ặ' => 'Ặ', 'ẹ' => 'Ẹ', 'ẻ' => 'Ẻ', 'ẽ' => 'Ẽ', 'ế' => 'Ế', 'á»' => 'Ề', 'ể' => 'Ể', 'á»…' => 'Ễ', 'ệ' => 'Ệ', 'ỉ' => 'Ỉ', 'ị' => 'Ị', 'á»' => 'Ọ', 'á»' => 'Ỏ', 'ố' => 'á»', 'ồ' => 'á»’', 'ổ' => 'á»”', 'á»—' => 'á»–', 'á»™' => 'Ộ', 'á»›' => 'Ớ', 'á»' => 'Ờ', 'ở' => 'Ở', 'ỡ' => 'á» ', 'ợ' => 'Ợ', 'ụ' => 'Ụ', 'ủ' => 'Ủ', 'ứ' => 'Ứ', 'ừ' => 'Ừ', 'á»' => 'Ử', 'ữ' => 'á»®', 'á»±' => 'á»°', 'ỳ' => 'Ỳ', 'ỵ' => 'á»´', 'á»·' => 'Ỷ', 'ỹ' => 'Ỹ', 'á»»' => 'Ỻ', 'ỽ' => 'Ỽ', 'ỿ' => 'Ỿ', 'á¼€' => 'Ἀ', 'á¼' => 'Ἁ', 'ἂ' => 'Ἂ', 'ἃ' => 'Ἃ', 'ἄ' => 'Ἄ', 'á¼…' => 'á¼', 'ἆ' => 'Ἆ', 'ἇ' => 'á¼', 'á¼' => 'Ἐ', 'ἑ' => 'á¼™', 'á¼’' => 'Ἒ', 'ἓ' => 'á¼›', 'á¼”' => 'Ἔ', 'ἕ' => 'á¼', 'á¼ ' => 'Ἠ', 'ἡ' => 'Ἡ', 'á¼¢' => 'Ἢ', 'á¼£' => 'Ἣ', 'ἤ' => 'Ἤ', 'á¼¥' => 'á¼', 'ἦ' => 'á¼®', 'ἧ' => 'Ἧ', 'á¼°' => 'Ἰ', 'á¼±' => 'á¼¹', 'á¼²' => 'Ἲ', 'á¼³' => 'á¼»', 'á¼´' => 'á¼¼', 'á¼µ' => 'á¼½', 'ἶ' => 'á¼¾', 'á¼·' => 'Ἷ', 'á½€' => 'Ὀ', 'á½' => 'Ὁ', 'ὂ' => 'Ὂ', 'ὃ' => 'Ὃ', 'ὄ' => 'Ὄ', 'á½…' => 'á½', 'ὑ' => 'á½™', 'ὓ' => 'á½›', 'ὕ' => 'á½', 'á½—' => 'Ὗ', 'á½ ' => 'Ὠ', 'ὡ' => 'Ὡ', 'á½¢' => 'Ὢ', 'á½£' => 'Ὣ', 'ὤ' => 'Ὤ', 'á½¥' => 'á½', 'ὦ' => 'á½®', 'ὧ' => 'Ὧ', 'á½°' => 'Ὰ', 'á½±' => 'á¾»', 'á½²' => 'Ὲ', 'á½³' => 'Έ', 'á½´' => 'á¿Š', 'á½µ' => 'á¿‹', 'ὶ' => 'á¿š', 'á½·' => 'á¿›', 'ὸ' => 'Ὸ', 'á½¹' => 'Ό', 'ὺ' => 'Ὺ', 'á½»' => 'á¿«', 'á½¼' => 'Ὼ', 'á½½' => 'á¿»', 'á¾€' => 'ᾈ', 'á¾' => 'ᾉ', 'ᾂ' => 'ᾊ', 'ᾃ' => 'ᾋ', 'ᾄ' => 'ᾌ', 'á¾…' => 'á¾', 'ᾆ' => 'ᾎ', 'ᾇ' => 'á¾', 'á¾' => 'ᾘ', 'ᾑ' => 'á¾™', 'á¾’' => 'ᾚ', 'ᾓ' => 'á¾›', 'á¾”' => 'ᾜ', 'ᾕ' => 'á¾', 'á¾–' => 'ᾞ', 'á¾—' => 'ᾟ', 'á¾ ' => 'ᾨ', 'ᾡ' => 'ᾩ', 'á¾¢' => 'ᾪ', 'á¾£' => 'ᾫ', 'ᾤ' => 'ᾬ', 'á¾¥' => 'á¾', 'ᾦ' => 'á¾®', 'ᾧ' => 'ᾯ', 'á¾°' => 'Ᾰ', 'á¾±' => 'á¾¹', 'á¾³' => 'á¾¼', 'á¾¾' => 'Ι', 'ῃ' => 'á¿Œ', 'á¿' => 'Ῐ', 'á¿‘' => 'á¿™', 'á¿ ' => 'Ῠ', 'á¿¡' => 'á¿©', 'á¿¥' => 'Ῥ', 'ῳ' => 'ῼ', 'â…Ž' => 'Ⅎ', 'â…°' => 'â… ', 'â…±' => 'â…¡', 'â…²' => 'â…¢', 'â…³' => 'â…£', 'â…´' => 'â…¤', 'â…µ' => 'â…¥', 'â…¶' => 'â…¦', 'â…·' => 'â…§', 'â…¸' => 'â…¨', 'â…¹' => 'â…©', 'â…º' => 'â…ª', 'â…»' => 'â…«', 'â…¼' => 'â…¬', 'â…½' => 'â…', 'â…¾' => 'â…®', 'â…¿' => 'â…¯', 'ↄ' => 'Ↄ', 'â“' => 'â’¶', 'â“‘' => 'â’·', 'â“’' => 'â’¸', 'â““' => 'â’¹', 'â“”' => 'â’º', 'â“•' => 'â’»', 'â“–' => 'â’¼', 'â“—' => 'â’½', 'ⓘ' => 'â’¾', 'â“™' => 'â’¿', 'â“š' => 'â“€', 'â“›' => 'â“', 'â“œ' => 'â“‚', 'â“' => 'Ⓝ', 'â“ž' => 'â“„', 'â“Ÿ' => 'â“…', 'â“ ' => 'Ⓠ', 'â“¡' => 'Ⓡ', 'â“¢' => 'Ⓢ', 'â“£' => 'Ⓣ', 'ⓤ' => 'â“Š', 'â“¥' => 'â“‹', 'ⓦ' => 'â“Œ', 'ⓧ' => 'â“', 'ⓨ' => 'â“Ž', 'â“©' => 'â“', 'â°°' => 'â°€', 'â°±' => 'â°', 'â°²' => 'â°‚', 'â°³' => 'â°ƒ', 'â°´' => 'â°„', 'â°µ' => 'â°…', 'â°¶' => 'â°†', 'â°·' => 'â°‡', 'â°¸' => 'â°ˆ', 'â°¹' => 'â°‰', 'â°º' => 'â°Š', 'â°»' => 'â°‹', 'â°¼' => 'â°Œ', 'â°½' => 'â°', 'â°¾' => 'â°Ž', 'â°¿' => 'â°', 'â±€' => 'â°', 'â±' => 'â°‘', 'ⱂ' => 'â°’', 'ⱃ' => 'â°“', 'ⱄ' => 'â°”', 'â±…' => 'â°•', 'ⱆ' => 'â°–', 'ⱇ' => 'â°—', 'ⱈ' => 'â°˜', 'ⱉ' => 'â°™', 'ⱊ' => 'â°š', 'ⱋ' => 'â°›', 'ⱌ' => 'â°œ', 'â±' => 'â°', 'ⱎ' => 'â°ž', 'â±' => 'â°Ÿ', 'â±' => 'â° ', 'ⱑ' => 'â°¡', 'â±’' => 'â°¢', 'ⱓ' => 'â°£', 'â±”' => 'â°¤', 'ⱕ' => 'â°¥', 'â±–' => 'â°¦', 'â±—' => 'â°§', 'ⱘ' => 'â°¨', 'â±™' => 'â°©', 'ⱚ' => 'â°ª', 'â±›' => 'â°«', 'ⱜ' => 'â°¬', 'â±' => 'â°', 'ⱞ' => 'â°®', 'ⱡ' => 'â± ', 'â±¥' => 'Ⱥ', 'ⱦ' => 'Ⱦ', 'ⱨ' => 'Ⱨ', 'ⱪ' => 'Ⱪ', 'ⱬ' => 'Ⱬ', 'â±³' => 'â±²', 'ⱶ' => 'â±µ', 'â²' => 'â²€', 'ⲃ' => 'Ⲃ', 'â²…' => 'Ⲅ', 'ⲇ' => 'Ⲇ', 'ⲉ' => 'Ⲉ', 'ⲋ' => 'Ⲋ', 'â²' => 'Ⲍ', 'â²' => 'Ⲏ', 'ⲑ' => 'â²', 'ⲓ' => 'â²’', 'ⲕ' => 'â²”', 'â²—' => 'â²–', 'â²™' => 'Ⲙ', 'â²›' => 'Ⲛ', 'â²' => 'Ⲝ', 'ⲟ' => 'Ⲟ', 'ⲡ' => 'â² ', 'â²£' => 'â²¢', 'â²¥' => 'Ⲥ', 'ⲧ' => 'Ⲧ', 'ⲩ' => 'Ⲩ', 'ⲫ' => 'Ⲫ', 'â²' => 'Ⲭ', 'ⲯ' => 'â²®', 'â²±' => 'â²°', 'â²³' => 'â²²', 'â²µ' => 'â²´', 'â²·' => 'Ⲷ', 'â²¹' => 'Ⲹ', 'â²»' => 'Ⲻ', 'â²½' => 'â²¼', 'ⲿ' => 'â²¾', 'â³' => 'â³€', 'ⳃ' => 'Ⳃ', 'â³…' => 'Ⳅ', 'ⳇ' => 'Ⳇ', 'ⳉ' => 'Ⳉ', 'ⳋ' => 'Ⳋ', 'â³' => 'Ⳍ', 'â³' => 'Ⳏ', 'ⳑ' => 'â³', 'ⳓ' => 'â³’', 'ⳕ' => 'â³”', 'â³—' => 'â³–', 'â³™' => 'Ⳙ', 'â³›' => 'Ⳛ', 'â³' => 'Ⳝ', 'ⳟ' => 'Ⳟ', 'ⳡ' => 'â³ ', 'â³£' => 'â³¢', 'ⳬ' => 'Ⳬ', 'â³®' => 'â³', 'â³³' => 'â³²', 'â´€' => 'á‚ ', 'â´' => 'á‚¡', 'â´‚' => 'á‚¢', 'â´ƒ' => 'á‚£', 'â´„' => 'Ⴄ', 'â´…' => 'á‚¥', 'â´†' => 'Ⴆ', 'â´‡' => 'Ⴇ', 'â´ˆ' => 'Ⴈ', 'â´‰' => 'á‚©', 'â´Š' => 'Ⴊ', 'â´‹' => 'á‚«', 'â´Œ' => 'Ⴌ', 'â´' => 'á‚', 'â´Ž' => 'á‚®', 'â´' => 'Ⴏ', 'â´' => 'á‚°', 'â´‘' => 'Ⴑ', 'â´’' => 'Ⴒ', 'â´“' => 'Ⴓ', 'â´”' => 'á‚´', 'â´•' => 'Ⴕ', 'â´–' => 'Ⴖ', 'â´—' => 'á‚·', 'â´˜' => 'Ⴘ', 'â´™' => 'Ⴙ', 'â´š' => 'Ⴚ', 'â´›' => 'á‚»', 'â´œ' => 'Ⴜ', 'â´' => 'Ⴝ', 'â´ž' => 'Ⴞ', 'â´Ÿ' => 'á‚¿', 'â´ ' => 'Ⴠ', 'â´¡' => 'áƒ', 'â´¢' => 'Ⴢ', 'â´£' => 'Ⴣ', 'â´¤' => 'Ⴤ', 'â´¥' => 'Ⴥ', 'â´§' => 'Ⴧ', 'â´' => 'áƒ', 'ê™' => 'Ꙁ', 'ꙃ' => 'Ꙃ', 'ê™…' => 'Ꙅ', 'ꙇ' => 'Ꙇ', 'ꙉ' => 'Ꙉ', 'ꙋ' => 'Ꙋ', 'ê™' => 'Ꙍ', 'ê™' => 'Ꙏ', 'ꙑ' => 'ê™', 'ꙓ' => 'ê™’', 'ꙕ' => 'ê™”', 'ê™—' => 'ê™–', 'ê™™' => 'Ꙙ', 'ê™›' => 'Ꙛ', 'ê™' => 'Ꙝ', 'ꙟ' => 'Ꙟ', 'ꙡ' => 'ê™ ', 'ꙣ' => 'Ꙣ', 'ꙥ' => 'Ꙥ', 'ꙧ' => 'Ꙧ', 'ꙩ' => 'Ꙩ', 'ꙫ' => 'Ꙫ', 'ê™' => 'Ꙭ', 'êš' => 'Ꚁ', 'ꚃ' => 'êš‚', 'êš…' => 'êš„', 'ꚇ' => 'Ꚇ', 'ꚉ' => 'Ꚉ', 'êš‹' => 'Ꚋ', 'êš' => 'Ꚍ', 'êš' => 'Ꚏ', 'êš‘' => 'êš', 'êš“' => 'êš’', 'êš•' => 'êš”', 'êš—' => 'êš–', 'êš™' => 'Ꚙ', 'êš›' => 'êšš', 'ꜣ' => 'Ꜣ', 'ꜥ' => 'Ꜥ', 'ꜧ' => 'Ꜧ', 'ꜩ' => 'Ꜩ', 'ꜫ' => 'Ꜫ', 'êœ' => 'Ꜭ', 'ꜯ' => 'Ꜯ', 'ꜳ' => 'Ꜳ', 'ꜵ' => 'Ꜵ', 'ꜷ' => 'Ꜷ', 'ꜹ' => 'Ꜹ', 'ꜻ' => 'Ꜻ', 'ꜽ' => 'Ꜽ', 'ꜿ' => 'Ꜿ', 'ê' => 'ê€', 'êƒ' => 'ê‚', 'ê…' => 'ê„', 'ê‡' => 'ê†', 'ê‰' => 'êˆ', 'ê‹' => 'êŠ', 'ê' => 'êŒ', 'ê' => 'êŽ', 'ê‘' => 'ê', 'ê“' => 'ê’', 'ê•' => 'ê”', 'ê—' => 'ê–', 'ê™' => 'ê˜', 'ê›' => 'êš', 'ê' => 'êœ', 'êŸ' => 'êž', 'ê¡' => 'ê ', 'ê£' => 'ê¢', 'ê¥' => 'ê¤', 'ê§' => 'ê¦', 'ê©' => 'ê¨', 'ê«' => 'êª', 'ê' => 'ê¬', 'ê¯' => 'ê®', 'êº' => 'ê¹', 'ê¼' => 'ê»', 'ê¿' => 'ê¾', 'êž' => 'Ꞁ', 'ꞃ' => 'êž‚', 'êž…' => 'êž„', 'ꞇ' => 'Ꞇ', 'ꞌ' => 'êž‹', 'êž‘' => 'êž', 'êž“' => 'êž’', 'êž”' => 'Ꞔ', 'êž—' => 'êž–', 'êž™' => 'Ꞙ', 'êž›' => 'êžš', 'êž' => 'êžœ', 'ꞟ' => 'êžž', 'êž¡' => 'êž ', 'ꞣ' => 'Ꞣ', 'ꞥ' => 'Ꞥ', 'ꞧ' => 'Ꞧ', 'êž©' => 'Ꞩ', 'êžµ' => 'êž´', 'êž·' => 'Ꞷ', 'êž¹' => 'Ꞹ', 'êž»' => 'Ꞻ', 'êž½' => 'êž¼', 'êž¿' => 'êž¾', 'ꟃ' => 'Ꟃ', 'ꟈ' => 'Ꟈ', 'ꟊ' => 'Ꟊ', 'ꟶ' => 'Ꟶ', 'ê“' => 'êž³', 'ê°' => 'Ꭰ', 'ê±' => 'Ꭱ', 'ê²' => 'Ꭲ', 'ê³' => 'Ꭳ', 'ê´' => 'Ꭴ', 'êµ' => 'Ꭵ', 'ê¶' => 'Ꭶ', 'ê·' => 'Ꭷ', 'ê¸' => 'Ꭸ', 'ê¹' => 'Ꭹ', 'êº' => 'Ꭺ', 'ê»' => 'Ꭻ', 'ê¼' => 'Ꭼ', 'ê½' => 'áŽ', 'ê¾' => 'Ꭾ', 'ê¿' => 'Ꭿ', 'ꮀ' => 'Ꮀ', 'ê®' => 'Ꮁ', 'ꮂ' => 'Ꮂ', 'ꮃ' => 'Ꮃ', 'ꮄ' => 'Ꮄ', 'ê®…' => 'Ꮅ', 'ꮆ' => 'Ꮆ', 'ꮇ' => 'Ꮇ', 'ꮈ' => 'Ꮈ', 'ꮉ' => 'Ꮉ', 'ꮊ' => 'Ꮊ', 'ꮋ' => 'Ꮋ', 'ꮌ' => 'Ꮌ', 'ê®' => 'Ꮍ', 'ꮎ' => 'Ꮎ', 'ê®' => 'Ꮏ', 'ê®' => 'á€', 'ꮑ' => 'á', 'ê®’' => 'á‚', 'ꮓ' => 'áƒ', 'ê®”' => 'á„', 'ꮕ' => 'á…', 'ê®–' => 'á†', 'ê®—' => 'á‡', 'ꮘ' => 'áˆ', 'ê®™' => 'á‰', 'ꮚ' => 'áŠ', 'ê®›' => 'á‹', 'ꮜ' => 'áŒ', 'ê®' => 'á', 'ꮞ' => 'áŽ', 'ꮟ' => 'á', 'ê® ' => 'á', 'ꮡ' => 'á‘', 'ꮢ' => 'á’', 'ꮣ' => 'á“', 'ꮤ' => 'á”', 'ꮥ' => 'á•', 'ꮦ' => 'á–', 'ꮧ' => 'á—', 'ꮨ' => 'á˜', 'ꮩ' => 'á™', 'ꮪ' => 'áš', 'ꮫ' => 'á›', 'ꮬ' => 'áœ', 'ê®' => 'á', 'ê®®' => 'áž', 'ꮯ' => 'áŸ', 'ê®°' => 'á ', 'ê®±' => 'á¡', 'ꮲ' => 'á¢', 'ꮳ' => 'á£', 'ê®´' => 'á¤', 'ꮵ' => 'á¥', 'ꮶ' => 'á¦', 'ê®·' => 'á§', 'ꮸ' => 'á¨', 'ꮹ' => 'á©', 'ꮺ' => 'áª', 'ê®»' => 'á«', 'ꮼ' => 'á¬', 'ꮽ' => 'á', 'ꮾ' => 'á®', 'ꮿ' => 'á¯', 'ï½' => 'Ａ', 'ｂ' => 'ï¼¢', 'ｃ' => 'ï¼£', 'ｄ' => 'Ｄ', 'ï½…' => 'ï¼¥', 'ｆ' => 'Ｆ', 'ｇ' => 'Ｇ', 'ｈ' => 'Ｈ', 'ｉ' => 'Ｉ', 'ｊ' => 'Ｊ', 'ｋ' => 'Ｋ', 'ｌ' => 'Ｌ', 'ï½' => 'ï¼', 'ｎ' => 'ï¼®', 'ï½' => 'Ｏ', 'ï½' => 'ï¼°', 'ｑ' => 'ï¼±', 'ï½’' => 'ï¼²', 'ｓ' => 'ï¼³', 'ï½”' => 'ï¼´', 'ｕ' => 'ï¼µ', 'ï½–' => 'Ｖ', 'ï½—' => 'ï¼·', 'ｘ' => 'Ｘ', 'ï½™' => 'ï¼¹', 'ｚ' => 'Ｚ', 'ð¨' => 'ð€', 'ð©' => 'ð', 'ðª' => 'ð‚', 'ð«' => 'ðƒ', 'ð¬' => 'ð„', 'ð' => 'ð…', 'ð®' => 'ð†', 'ð¯' => 'ð‡', 'ð°' => 'ðˆ', 'ð±' => 'ð‰', 'ð²' => 'ðŠ', 'ð³' => 'ð‹', 'ð´' => 'ðŒ', 'ðµ' => 'ð', 'ð¶' => 'ðŽ', 'ð·' => 'ð', 'ð¸' => 'ð', 'ð¹' => 'ð‘', 'ðº' => 'ð’', 'ð»' => 'ð“', 'ð¼' => 'ð”', 'ð½' => 'ð•', 'ð¾' => 'ð–', 'ð¿' => 'ð—', 'ð‘€' => 'ð˜', 'ð‘' => 'ð™', 'ð‘‚' => 'ðš', 'ð‘ƒ' => 'ð›', 'ð‘„' => 'ðœ', 'ð‘…' => 'ð', 'ð‘†' => 'ðž', 'ð‘‡' => 'ðŸ', 'ð‘ˆ' => 'ð ', 'ð‘‰' => 'ð¡', 'ð‘Š' => 'ð¢', 'ð‘‹' => 'ð£', 'ð‘Œ' => 'ð¤', 'ð‘' => 'ð¥', 'ð‘Ž' => 'ð¦', 'ð‘' => 'ð§', 'ð“˜' => 'ð’°', 'ð“™' => 'ð’±', 'ð“š' => 'ð’²', 'ð“›' => 'ð’³', 'ð“œ' => 'ð’´', 'ð“' => 'ð’µ', 'ð“ž' => 'ð’¶', 'ð“Ÿ' => 'ð’·', 'ð“ ' => 'ð’¸', 'ð“¡' => 'ð’¹', 'ð“¢' => 'ð’º', 'ð“£' => 'ð’»', 'ð“¤' => 'ð’¼', 'ð“¥' => 'ð’½', 'ð“¦' => 'ð’¾', 'ð“§' => 'ð’¿', 'ð“¨' => 'ð“€', 'ð“©' => 'ð“', 'ð“ª' => 'ð“‚', 'ð“«' => 'ð“ƒ', 'ð“¬' => 'ð“„', 'ð“' => 'ð“…', 'ð“®' => 'ð“†', 'ð“¯' => 'ð“‡', 'ð“°' => 'ð“ˆ', 'ð“±' => 'ð“‰', 'ð“²' => 'ð“Š', 'ð“³' => 'ð“‹', 'ð“´' => 'ð“Œ', 'ð“µ' => 'ð“', 'ð“¶' => 'ð“Ž', 'ð“·' => 'ð“', 'ð“¸' => 'ð“', 'ð“¹' => 'ð“‘', 'ð“º' => 'ð“’', 'ð“»' => 'ð““', 'ð³€' => 'ð²€', 'ð³' => 'ð²', 'ð³‚' => 'ð²‚', 'ð³ƒ' => 'ð²ƒ', 'ð³„' => 'ð²„', 'ð³…' => 'ð²…', 'ð³†' => 'ð²†', 'ð³‡' => 'ð²‡', 'ð³ˆ' => 'ð²ˆ', 'ð³‰' => 'ð²‰', 'ð³Š' => 'ð²Š', 'ð³‹' => 'ð²‹', 'ð³Œ' => 'ð²Œ', 'ð³' => 'ð²', 'ð³Ž' => 'ð²Ž', 'ð³' => 'ð²', 'ð³' => 'ð²', 'ð³‘' => 'ð²‘', 'ð³’' => 'ð²’', 'ð³“' => 'ð²“', 'ð³”' => 'ð²”', 'ð³•' => 'ð²•', 'ð³–' => 'ð²–', 'ð³—' => 'ð²—', 'ð³˜' => 'ð²˜', 'ð³™' => 'ð²™', 'ð³š' => 'ð²š', 'ð³›' => 'ð²›', 'ð³œ' => 'ð²œ', 'ð³' => 'ð²', 'ð³ž' => 'ð²ž', 'ð³Ÿ' => 'ð²Ÿ', 'ð³ ' => 'ð² ', 'ð³¡' => 'ð²¡', 'ð³¢' => 'ð²¢', 'ð³£' => 'ð²£', 'ð³¤' => 'ð²¤', 'ð³¥' => 'ð²¥', 'ð³¦' => 'ð²¦', 'ð³§' => 'ð²§', 'ð³¨' => 'ð²¨', 'ð³©' => 'ð²©', 'ð³ª' => 'ð²ª', 'ð³«' => 'ð²«', 'ð³¬' => 'ð²¬', 'ð³' => 'ð²', 'ð³®' => 'ð²®', 'ð³¯' => 'ð²¯', 'ð³°' => 'ð²°', 'ð³±' => 'ð²±', 'ð³²' => 'ð²²', 'ð‘£€' => 'ð‘¢ ', 'ð‘£' => '𑢡', '𑣂' => 'ð‘¢¢', '𑣃' => 'ð‘¢£', '𑣄' => '𑢤', 'ð‘£…' => 'ð‘¢¥', '𑣆' => '𑢦', '𑣇' => '𑢧', '𑣈' => '𑢨', '𑣉' => '𑢩', '𑣊' => '𑢪', '𑣋' => '𑢫', '𑣌' => '𑢬', 'ð‘£' => 'ð‘¢', '𑣎' => 'ð‘¢®', 'ð‘£' => '𑢯', 'ð‘£' => 'ð‘¢°', '𑣑' => 'ð‘¢±', 'ð‘£’' => 'ð‘¢²', '𑣓' => 'ð‘¢³', 'ð‘£”' => 'ð‘¢´', '𑣕' => 'ð‘¢µ', 'ð‘£–' => '𑢶', 'ð‘£—' => 'ð‘¢·', '𑣘' => '𑢸', 'ð‘£™' => 'ð‘¢¹', '𑣚' => '𑢺', 'ð‘£›' => 'ð‘¢»', '𑣜' => 'ð‘¢¼', 'ð‘£' => 'ð‘¢½', '𑣞' => 'ð‘¢¾', '𑣟' => '𑢿', 'ð–¹ ' => 'ð–¹€', '𖹡' => 'ð–¹', 'ð–¹¢' => '𖹂', 'ð–¹£' => '𖹃', '𖹤' => '𖹄', 'ð–¹¥' => 'ð–¹…', '𖹦' => '𖹆', '𖹧' => '𖹇', '𖹨' => '𖹈', '𖹩' => '𖹉', '𖹪' => '𖹊', '𖹫' => '𖹋', '𖹬' => '𖹌', 'ð–¹' => 'ð–¹', 'ð–¹®' => '𖹎', '𖹯' => 'ð–¹', 'ð–¹°' => 'ð–¹', 'ð–¹±' => '𖹑', 'ð–¹²' => 'ð–¹’', 'ð–¹³' => '𖹓', 'ð–¹´' => 'ð–¹”', 'ð–¹µ' => '𖹕', '𖹶' => 'ð–¹–', 'ð–¹·' => 'ð–¹—', '𖹸' => '𖹘', 'ð–¹¹' => 'ð–¹™', '𖹺' => '𖹚', 'ð–¹»' => 'ð–¹›', 'ð–¹¼' => '𖹜', 'ð–¹½' => 'ð–¹', 'ð–¹¾' => '𖹞', '𖹿' => '𖹟', '𞤢' => '𞤀', '𞤣' => 'ðž¤', '𞤤' => '𞤂', '𞤥' => '𞤃', '𞤦' => '𞤄', '𞤧' => '𞤅', '𞤨' => '𞤆', '𞤩' => '𞤇', '𞤪' => '𞤈', '𞤫' => '𞤉', '𞤬' => '𞤊', 'ðž¤' => '𞤋', '𞤮' => '𞤌', '𞤯' => 'ðž¤', '𞤰' => '𞤎', '𞤱' => 'ðž¤', '𞤲' => 'ðž¤', '𞤳' => '𞤑', '𞤴' => '𞤒', '𞤵' => '𞤓', '𞤶' => '𞤔', '𞤷' => '𞤕', '𞤸' => '𞤖', '𞤹' => '𞤗', '𞤺' => '𞤘', '𞤻' => '𞤙', '𞤼' => '𞤚', '𞤽' => '𞤛', '𞤾' => '𞤜', '𞤿' => 'ðž¤', '𞥀' => '𞤞', 'ðž¥' => '𞤟', '𞥂' => '𞤠', '𞥃' => '𞤡');
diff --git a/vendor_prefixed/symfony/polyfill-mbstring/bootstrap.php b/vendor_prefixed/symfony/polyfill-mbstring/bootstrap.php
new file mode 100644
index 00000000..9f38eedc
--- /dev/null
+++ b/vendor_prefixed/symfony/polyfill-mbstring/bootstrap.php
@@ -0,0 +1,147 @@
+
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+use Customify\Vendor\Symfony\Polyfill\Mbstring as p;
+
+if (\PHP_VERSION_ID >= 80000) {
+ return require __DIR__.'/bootstrap80.php';
+}
+
+if (!function_exists('mb_convert_encoding')) {
+ function mb_convert_encoding($string, $to_encoding, $from_encoding = null) { return p\Mbstring::mb_convert_encoding($string, $to_encoding, $from_encoding); }
+}
+if (!function_exists('mb_decode_mimeheader')) {
+ function mb_decode_mimeheader($string) { return p\Mbstring::mb_decode_mimeheader($string); }
+}
+if (!function_exists('mb_encode_mimeheader')) {
+ function mb_encode_mimeheader($string, $charset = null, $transfer_encoding = null, $newline = "\r\n", $indent = 0) { return p\Mbstring::mb_encode_mimeheader($string, $charset, $transfer_encoding, $newline, $indent); }
+}
+if (!function_exists('mb_decode_numericentity')) {
+ function mb_decode_numericentity($string, $map, $encoding = null) { return p\Mbstring::mb_decode_numericentity($string, $map, $encoding); }
+}
+if (!function_exists('mb_encode_numericentity')) {
+ function mb_encode_numericentity($string, $map, $encoding = null, $hex = false) { return p\Mbstring::mb_encode_numericentity($string, $map, $encoding, $hex); }
+}
+if (!function_exists('mb_convert_case')) {
+ function mb_convert_case($string, $mode, $encoding = null) { return p\Mbstring::mb_convert_case($string, $mode, $encoding); }
+}
+if (!function_exists('mb_internal_encoding')) {
+ function mb_internal_encoding($encoding = null) { return p\Mbstring::mb_internal_encoding($encoding); }
+}
+if (!function_exists('mb_language')) {
+ function mb_language($language = null) { return p\Mbstring::mb_language($language); }
+}
+if (!function_exists('mb_list_encodings')) {
+ function mb_list_encodings() { return p\Mbstring::mb_list_encodings(); }
+}
+if (!function_exists('mb_encoding_aliases')) {
+ function mb_encoding_aliases($encoding) { return p\Mbstring::mb_encoding_aliases($encoding); }
+}
+if (!function_exists('mb_check_encoding')) {
+ function mb_check_encoding($value = null, $encoding = null) { return p\Mbstring::mb_check_encoding($value, $encoding); }
+}
+if (!function_exists('mb_detect_encoding')) {
+ function mb_detect_encoding($string, $encodings = null, $strict = false) { return p\Mbstring::mb_detect_encoding($string, $encodings, $strict); }
+}
+if (!function_exists('mb_detect_order')) {
+ function mb_detect_order($encoding = null) { return p\Mbstring::mb_detect_order($encoding); }
+}
+if (!function_exists('mb_parse_str')) {
+ function mb_parse_str($string, &$result = []) { parse_str($string, $result); }
+}
+if (!function_exists('mb_strlen')) {
+ function mb_strlen($string, $encoding = null) { return p\Mbstring::mb_strlen($string, $encoding); }
+}
+if (!function_exists('mb_strpos')) {
+ function mb_strpos($haystack, $needle, $offset = 0, $encoding = null) { return p\Mbstring::mb_strpos($haystack, $needle, $offset, $encoding); }
+}
+if (!function_exists('mb_strtolower')) {
+ function mb_strtolower($string, $encoding = null) { return p\Mbstring::mb_strtolower($string, $encoding); }
+}
+if (!function_exists('mb_strtoupper')) {
+ function mb_strtoupper($string, $encoding = null) { return p\Mbstring::mb_strtoupper($string, $encoding); }
+}
+if (!function_exists('mb_substitute_character')) {
+ function mb_substitute_character($substitute_character = null) { return p\Mbstring::mb_substitute_character($substitute_character); }
+}
+if (!function_exists('mb_substr')) {
+ function mb_substr($string, $start, $length = 2147483647, $encoding = null) { return p\Mbstring::mb_substr($string, $start, $length, $encoding); }
+}
+if (!function_exists('mb_stripos')) {
+ function mb_stripos($haystack, $needle, $offset = 0, $encoding = null) { return p\Mbstring::mb_stripos($haystack, $needle, $offset, $encoding); }
+}
+if (!function_exists('mb_stristr')) {
+ function mb_stristr($haystack, $needle, $before_needle = false, $encoding = null) { return p\Mbstring::mb_stristr($haystack, $needle, $before_needle, $encoding); }
+}
+if (!function_exists('mb_strrchr')) {
+ function mb_strrchr($haystack, $needle, $before_needle = false, $encoding = null) { return p\Mbstring::mb_strrchr($haystack, $needle, $before_needle, $encoding); }
+}
+if (!function_exists('mb_strrichr')) {
+ function mb_strrichr($haystack, $needle, $before_needle = false, $encoding = null) { return p\Mbstring::mb_strrichr($haystack, $needle, $before_needle, $encoding); }
+}
+if (!function_exists('mb_strripos')) {
+ function mb_strripos($haystack, $needle, $offset = 0, $encoding = null) { return p\Mbstring::mb_strripos($haystack, $needle, $offset, $encoding); }
+}
+if (!function_exists('mb_strrpos')) {
+ function mb_strrpos($haystack, $needle, $offset = 0, $encoding = null) { return p\Mbstring::mb_strrpos($haystack, $needle, $offset, $encoding); }
+}
+if (!function_exists('mb_strstr')) {
+ function mb_strstr($haystack, $needle, $before_needle = false, $encoding = null) { return p\Mbstring::mb_strstr($haystack, $needle, $before_needle, $encoding); }
+}
+if (!function_exists('mb_get_info')) {
+ function mb_get_info($type = 'all') { return p\Mbstring::mb_get_info($type); }
+}
+if (!function_exists('mb_http_output')) {
+ function mb_http_output($encoding = null) { return p\Mbstring::mb_http_output($encoding); }
+}
+if (!function_exists('mb_strwidth')) {
+ function mb_strwidth($string, $encoding = null) { return p\Mbstring::mb_strwidth($string, $encoding); }
+}
+if (!function_exists('mb_substr_count')) {
+ function mb_substr_count($haystack, $needle, $encoding = null) { return p\Mbstring::mb_substr_count($haystack, $needle, $encoding); }
+}
+if (!function_exists('mb_output_handler')) {
+ function mb_output_handler($string, $status) { return p\Mbstring::mb_output_handler($string, $status); }
+}
+if (!function_exists('mb_http_input')) {
+ function mb_http_input($type = null) { return p\Mbstring::mb_http_input($type); }
+}
+
+if (!function_exists('mb_convert_variables')) {
+ function mb_convert_variables($to_encoding, $from_encoding, &...$vars) { return p\Mbstring::mb_convert_variables($to_encoding, $from_encoding, ...$vars); }
+}
+
+if (!function_exists('mb_ord')) {
+ function mb_ord($string, $encoding = null) { return p\Mbstring::mb_ord($string, $encoding); }
+}
+if (!function_exists('mb_chr')) {
+ function mb_chr($codepoint, $encoding = null) { return p\Mbstring::mb_chr($codepoint, $encoding); }
+}
+if (!function_exists('mb_scrub')) {
+ function mb_scrub($string, $encoding = null) { $encoding = null === $encoding ? mb_internal_encoding() : $encoding; return mb_convert_encoding($string, $encoding, $encoding); }
+}
+if (!function_exists('mb_str_split')) {
+ function mb_str_split($string, $length = 1, $encoding = null) { return p\Mbstring::mb_str_split($string, $length, $encoding); }
+}
+
+if (extension_loaded('mbstring')) {
+ return;
+}
+
+if (!defined('MB_CASE_UPPER')) {
+ define('MB_CASE_UPPER', 0);
+}
+if (!defined('MB_CASE_LOWER')) {
+ define('MB_CASE_LOWER', 1);
+}
+if (!defined('MB_CASE_TITLE')) {
+ define('MB_CASE_TITLE', 2);
+}
diff --git a/vendor_prefixed/symfony/polyfill-mbstring/bootstrap80.php b/vendor_prefixed/symfony/polyfill-mbstring/bootstrap80.php
new file mode 100644
index 00000000..8a347ca0
--- /dev/null
+++ b/vendor_prefixed/symfony/polyfill-mbstring/bootstrap80.php
@@ -0,0 +1,254 @@
+
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+use Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring as p;
+if (!\function_exists('mb_convert_encoding')) {
+ function mb_convert_encoding(array|string|null $string, ?string $to_encoding, array|string|null $from_encoding = null) : array|string|false
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_convert_encoding($string ?? '', (string) $to_encoding, $from_encoding);
+ }
+}
+if (!\function_exists('mb_decode_mimeheader')) {
+ function mb_decode_mimeheader(?string $string) : string
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_decode_mimeheader((string) $string);
+ }
+}
+if (!\function_exists('mb_encode_mimeheader')) {
+ function mb_encode_mimeheader(?string $string, ?string $charset = null, ?string $transfer_encoding = null, ?string $newline = "\r\n", ?int $indent = 0) : string
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_encode_mimeheader((string) $string, $charset, $transfer_encoding, (string) $newline, (int) $indent);
+ }
+}
+if (!\function_exists('mb_decode_numericentity')) {
+ function mb_decode_numericentity(?string $string, array $map, ?string $encoding = null) : string
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_decode_numericentity((string) $string, $map, $encoding);
+ }
+}
+if (!\function_exists('mb_encode_numericentity')) {
+ function mb_encode_numericentity(?string $string, array $map, ?string $encoding = null, ?bool $hex = \false) : string
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_encode_numericentity((string) $string, $map, $encoding, (bool) $hex);
+ }
+}
+if (!\function_exists('mb_convert_case')) {
+ function mb_convert_case(?string $string, ?int $mode, ?string $encoding = null) : string
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_convert_case((string) $string, (int) $mode, $encoding);
+ }
+}
+if (!\function_exists('mb_internal_encoding')) {
+ function mb_internal_encoding(?string $encoding = null) : string|bool
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_internal_encoding($encoding);
+ }
+}
+if (!\function_exists('mb_language')) {
+ function mb_language(?string $language = null) : string|bool
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_language($language);
+ }
+}
+if (!\function_exists('mb_list_encodings')) {
+ function mb_list_encodings() : array
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_list_encodings();
+ }
+}
+if (!\function_exists('mb_encoding_aliases')) {
+ function mb_encoding_aliases(?string $encoding) : array
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_encoding_aliases((string) $encoding);
+ }
+}
+if (!\function_exists('mb_check_encoding')) {
+ function mb_check_encoding(array|string|null $value = null, ?string $encoding = null) : bool
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_check_encoding($value, $encoding);
+ }
+}
+if (!\function_exists('mb_detect_encoding')) {
+ function mb_detect_encoding(?string $string, array|string|null $encodings = null, ?bool $strict = \false) : string|false
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_detect_encoding((string) $string, $encodings, (bool) $strict);
+ }
+}
+if (!\function_exists('mb_detect_order')) {
+ function mb_detect_order(array|string|null $encoding = null) : array|bool
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_detect_order((string) $encoding);
+ }
+}
+if (!\function_exists('mb_parse_str')) {
+ function mb_parse_str(?string $string, &$result = []) : bool
+ {
+ \parse_str((string) $string, $result);
+ }
+}
+if (!\function_exists('mb_strlen')) {
+ function mb_strlen(?string $string, ?string $encoding = null) : int
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_strlen((string) $string, $encoding);
+ }
+}
+if (!\function_exists('mb_strpos')) {
+ function mb_strpos(?string $haystack, ?string $needle, ?int $offset = 0, ?string $encoding = null) : int|false
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_strpos((string) $haystack, (string) $needle, (int) $offset, $encoding);
+ }
+}
+if (!\function_exists('mb_strtolower')) {
+ function mb_strtolower(?string $string, ?string $encoding = null) : string
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_strtolower((string) $string, $encoding);
+ }
+}
+if (!\function_exists('mb_strtoupper')) {
+ function mb_strtoupper(?string $string, ?string $encoding = null) : string
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_strtoupper((string) $string, $encoding);
+ }
+}
+if (!\function_exists('mb_substitute_character')) {
+ function mb_substitute_character(string|int|null $substitute_character = null) : string|int|bool
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_substitute_character($substitute_character);
+ }
+}
+if (!\function_exists('mb_substr')) {
+ function mb_substr(?string $string, ?int $start, ?int $length = null, ?string $encoding = null) : string
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_substr((string) $string, (int) $start, $length, $encoding);
+ }
+}
+if (!\function_exists('mb_stripos')) {
+ function mb_stripos(?string $haystack, ?string $needle, ?int $offset = 0, ?string $encoding = null) : int|false
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_stripos((string) $haystack, (string) $needle, (int) $offset, $encoding);
+ }
+}
+if (!\function_exists('mb_stristr')) {
+ function mb_stristr(?string $haystack, ?string $needle, ?bool $before_needle = \false, ?string $encoding = null) : string|false
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_stristr((string) $haystack, (string) $needle, (bool) $before_needle, $encoding);
+ }
+}
+if (!\function_exists('mb_strrchr')) {
+ function mb_strrchr(?string $haystack, ?string $needle, ?bool $before_needle = \false, ?string $encoding = null) : string|false
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_strrchr((string) $haystack, (string) $needle, $before_needle, (bool) $encoding);
+ }
+}
+if (!\function_exists('mb_strrichr')) {
+ function mb_strrichr(?string $haystack, ?string $needle, ?bool $before_needle = \false, ?string $encoding = null) : string|false
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_strrichr((string) $haystack, (string) $needle, (bool) $before_needle, $encoding);
+ }
+}
+if (!\function_exists('mb_strripos')) {
+ function mb_strripos(?string $haystack, ?string $needle, ?int $offset = 0, ?string $encoding = null) : int|false
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_strripos((string) $haystack, (string) $needle, (int) $offset, $encoding);
+ }
+}
+if (!\function_exists('mb_strrpos')) {
+ function mb_strrpos(?string $haystack, ?string $needle, ?int $offset = 0, ?string $encoding = null) : int|false
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_strrpos((string) $haystack, (string) $needle, (int) $offset, $encoding);
+ }
+}
+if (!\function_exists('mb_strstr')) {
+ function mb_strstr(?string $haystack, ?string $needle, ?bool $before_needle = \false, ?string $encoding = null) : string|false
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_strstr((string) $haystack, (string) $needle, (bool) $before_needle, $encoding);
+ }
+}
+if (!\function_exists('mb_get_info')) {
+ function mb_get_info(?string $type = 'all') : array|string|int|false
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_get_info((string) $type);
+ }
+}
+if (!\function_exists('mb_http_output')) {
+ function mb_http_output(?string $encoding = null) : string|bool
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_http_output($encoding);
+ }
+}
+if (!\function_exists('mb_strwidth')) {
+ function mb_strwidth(?string $string, ?string $encoding = null) : int
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_strwidth((string) $string, $encoding);
+ }
+}
+if (!\function_exists('mb_substr_count')) {
+ function mb_substr_count(?string $haystack, ?string $needle, ?string $encoding = null) : int
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_substr_count((string) $haystack, (string) $needle, $encoding);
+ }
+}
+if (!\function_exists('mb_output_handler')) {
+ function mb_output_handler(?string $string, ?int $status) : string
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_output_handler((string) $string, (int) $status);
+ }
+}
+if (!\function_exists('mb_http_input')) {
+ function mb_http_input(?string $type = null) : array|string|false
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_http_input($type);
+ }
+}
+if (!\function_exists('mb_convert_variables')) {
+ function mb_convert_variables(?string $to_encoding, array|string|null $from_encoding, mixed &$var, mixed &...$vars) : string|false
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_convert_variables((string) $to_encoding, $from_encoding ?? '', $var, ...$vars);
+ }
+}
+if (!\function_exists('mb_ord')) {
+ function mb_ord(?string $string, ?string $encoding = null) : int|false
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_ord((string) $string, $encoding);
+ }
+}
+if (!\function_exists('mb_chr')) {
+ function mb_chr(?int $codepoint, ?string $encoding = null) : string|false
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_chr((int) $codepoint, $encoding);
+ }
+}
+if (!\function_exists('mb_scrub')) {
+ function mb_scrub(?string $string, ?string $encoding = null) : string
+ {
+ $encoding ??= \mb_internal_encoding();
+ return \mb_convert_encoding((string) $string, $encoding, $encoding);
+ }
+}
+if (!\function_exists('mb_str_split')) {
+ function mb_str_split(?string $string, ?int $length = 1, ?string $encoding = null) : array
+ {
+ return \Pixelgrade\Customify\Vendor\Symfony\Polyfill\Mbstring\Mbstring::mb_str_split((string) $string, (int) $length, $encoding);
+ }
+}
+if (\extension_loaded('mbstring')) {
+ return;
+}
+if (!\defined('MB_CASE_UPPER')) {
+ \define('MB_CASE_UPPER', 0);
+}
+if (!\defined('MB_CASE_LOWER')) {
+ \define('MB_CASE_LOWER', 1);
+}
+if (!\defined('MB_CASE_TITLE')) {
+ \define('MB_CASE_TITLE', 2);
+}
diff --git a/vendor_prefixed/symfony/polyfill-mbstring/composer.json b/vendor_prefixed/symfony/polyfill-mbstring/composer.json
new file mode 100644
index 00000000..4261eb7e
--- /dev/null
+++ b/vendor_prefixed/symfony/polyfill-mbstring/composer.json
@@ -0,0 +1,48 @@
+{
+ "name": "symfony\/polyfill-mbstring",
+ "type": "library",
+ "description": "Symfony polyfill for the Mbstring extension",
+ "keywords": [
+ "polyfill",
+ "shim",
+ "compatibility",
+ "portable",
+ "mbstring"
+ ],
+ "homepage": "https:\/\/symfony.com",
+ "license": "MIT",
+ "authors": [
+ {
+ "name": "Nicolas Grekas",
+ "email": "p@tchwork.com"
+ },
+ {
+ "name": "Symfony Community",
+ "homepage": "https:\/\/symfony.com\/contributors"
+ }
+ ],
+ "require": {
+ "php": ">=7.1"
+ },
+ "autoload": {
+ "psr-4": {
+ "Pixelgrade\\Customify\\Vendor\\Symfony\\Polyfill\\Mbstring\\": ""
+ },
+ "files": [
+ "bootstrap.php"
+ ]
+ },
+ "suggest": {
+ "ext-mbstring": "For best performance"
+ },
+ "minimum-stability": "dev",
+ "extra": {
+ "branch-alias": {
+ "dev-main": "1.22-dev"
+ },
+ "thanks": {
+ "name": "symfony\/polyfill",
+ "url": "https:\/\/github.com\/symfony\/polyfill"
+ }
+ }
+}
\ No newline at end of file
diff --git a/vendor_prefixed/symfony/polyfill-php72/LICENSE b/vendor_prefixed/symfony/polyfill-php72/LICENSE
new file mode 100644
index 00000000..4cd8bdd3
--- /dev/null
+++ b/vendor_prefixed/symfony/polyfill-php72/LICENSE
@@ -0,0 +1,19 @@
+Copyright (c) 2015-2019 Fabien Potencier
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is furnished
+to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/vendor_prefixed/symfony/polyfill-php72/Php72.php b/vendor_prefixed/symfony/polyfill-php72/Php72.php
new file mode 100644
index 00000000..ec620fa8
--- /dev/null
+++ b/vendor_prefixed/symfony/polyfill-php72/Php72.php
@@ -0,0 +1,176 @@
+
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+namespace Pixelgrade\Customify\Vendor\Symfony\Polyfill\Php72;
+
+/**
+ * @author Nicolas Grekas
+ * @author Dariusz Rumiński
+ *
+ * @internal
+ */
+final class Php72
+{
+ private static $hashMask;
+ public static function utf8_encode($s)
+ {
+ $s .= $s;
+ $len = \strlen($s);
+ for ($i = $len >> 1, $j = 0; $i < $len; ++$i, ++$j) {
+ switch (\true) {
+ case $s[$i] < "€":
+ $s[$j] = $s[$i];
+ break;
+ case $s[$i] < "À":
+ $s[$j] = "Â";
+ $s[++$j] = $s[$i];
+ break;
+ default:
+ $s[$j] = "Ã";
+ $s[++$j] = \chr(\ord($s[$i]) - 64);
+ break;
+ }
+ }
+ return \substr($s, 0, $j);
+ }
+ public static function utf8_decode($s)
+ {
+ $s = (string) $s;
+ $len = \strlen($s);
+ for ($i = 0, $j = 0; $i < $len; ++$i, ++$j) {
+ switch ($s[$i] & "ð") {
+ case "À":
+ case "Ð":
+ $c = \ord($s[$i] & "\37") << 6 | \ord($s[++$i] & "?");
+ $s[$j] = $c < 256 ? \chr($c) : '?';
+ break;
+ case "ð":
+ ++$i;
+ // no break
+ case "à":
+ $s[$j] = '?';
+ $i += 2;
+ break;
+ default:
+ $s[$j] = $s[$i];
+ }
+ }
+ return \substr($s, 0, $j);
+ }
+ public static function php_os_family()
+ {
+ if ('\\' === \DIRECTORY_SEPARATOR) {
+ return 'Windows';
+ }
+ $map = ['Darwin' => 'Darwin', 'DragonFly' => 'BSD', 'FreeBSD' => 'BSD', 'NetBSD' => 'BSD', 'OpenBSD' => 'BSD', 'Linux' => 'Linux', 'SunOS' => 'Solaris'];
+ return isset($map[\PHP_OS]) ? $map[\PHP_OS] : 'Unknown';
+ }
+ public static function spl_object_id($object)
+ {
+ if (null === self::$hashMask) {
+ self::initHashMask();
+ }
+ if (null === ($hash = \spl_object_hash($object))) {
+ return;
+ }
+ // On 32-bit systems, PHP_INT_SIZE is 4,
+ return self::$hashMask ^ \hexdec(\substr($hash, 16 - (\PHP_INT_SIZE * 2 - 1), \PHP_INT_SIZE * 2 - 1));
+ }
+ public static function sapi_windows_vt100_support($stream, $enable = null)
+ {
+ if (!\is_resource($stream)) {
+ \trigger_error('sapi_windows_vt100_support() expects parameter 1 to be resource, ' . \gettype($stream) . ' given', \E_USER_WARNING);
+ return \false;
+ }
+ $meta = \stream_get_meta_data($stream);
+ if ('STDIO' !== $meta['stream_type']) {
+ \trigger_error('sapi_windows_vt100_support() was not able to analyze the specified stream', \E_USER_WARNING);
+ return \false;
+ }
+ // We cannot actually disable vt100 support if it is set
+ if (\false === $enable || !self::stream_isatty($stream)) {
+ return \false;
+ }
+ // The native function does not apply to stdin
+ $meta = \array_map('strtolower', $meta);
+ $stdin = 'php://stdin' === $meta['uri'] || 'php://fd/0' === $meta['uri'];
+ return !$stdin && (\false !== \getenv('ANSICON') || 'ON' === \getenv('ConEmuANSI') || 'xterm' === \getenv('TERM') || 'Hyper' === \getenv('TERM_PROGRAM'));
+ }
+ public static function stream_isatty($stream)
+ {
+ if (!\is_resource($stream)) {
+ \trigger_error('stream_isatty() expects parameter 1 to be resource, ' . \gettype($stream) . ' given', \E_USER_WARNING);
+ return \false;
+ }
+ if ('\\' === \DIRECTORY_SEPARATOR) {
+ $stat = @\fstat($stream);
+ // Check if formatted mode is S_IFCHR
+ return $stat ? 020000 === ($stat['mode'] & 0170000) : \false;
+ }
+ return \function_exists('posix_isatty') && @\posix_isatty($stream);
+ }
+ private static function initHashMask()
+ {
+ $obj = (object) [];
+ self::$hashMask = -1;
+ // check if we are nested in an output buffering handler to prevent a fatal error with ob_start() below
+ $obFuncs = ['ob_clean', 'ob_end_clean', 'ob_flush', 'ob_end_flush', 'ob_get_contents', 'ob_get_flush'];
+ foreach (\debug_backtrace(\PHP_VERSION_ID >= 50400 ? \DEBUG_BACKTRACE_IGNORE_ARGS : \false) as $frame) {
+ if (isset($frame['function'][0]) && !isset($frame['class']) && 'o' === $frame['function'][0] && \in_array($frame['function'], $obFuncs)) {
+ $frame['line'] = 0;
+ break;
+ }
+ }
+ if (!empty($frame['line'])) {
+ \ob_start();
+ \debug_zval_dump($obj);
+ self::$hashMask = (int) \substr(\ob_get_clean(), 17);
+ }
+ self::$hashMask ^= \hexdec(\substr(\spl_object_hash($obj), 16 - (\PHP_INT_SIZE * 2 - 1), \PHP_INT_SIZE * 2 - 1));
+ }
+ public static function mb_chr($code, $encoding = null)
+ {
+ if (0x80 > ($code %= 0x200000)) {
+ $s = \chr($code);
+ } elseif (0x800 > $code) {
+ $s = \chr(0xc0 | $code >> 6) . \chr(0x80 | $code & 0x3f);
+ } elseif (0x10000 > $code) {
+ $s = \chr(0xe0 | $code >> 12) . \chr(0x80 | $code >> 6 & 0x3f) . \chr(0x80 | $code & 0x3f);
+ } else {
+ $s = \chr(0xf0 | $code >> 18) . \chr(0x80 | $code >> 12 & 0x3f) . \chr(0x80 | $code >> 6 & 0x3f) . \chr(0x80 | $code & 0x3f);
+ }
+ if ('UTF-8' !== $encoding) {
+ $s = \mb_convert_encoding($s, $encoding, 'UTF-8');
+ }
+ return $s;
+ }
+ public static function mb_ord($s, $encoding = null)
+ {
+ if (null === $encoding) {
+ $s = \mb_convert_encoding($s, 'UTF-8');
+ } elseif ('UTF-8' !== $encoding) {
+ $s = \mb_convert_encoding($s, 'UTF-8', $encoding);
+ }
+ if (1 === \strlen($s)) {
+ return \ord($s);
+ }
+ $code = ($s = \unpack('C*', \substr($s, 0, 4))) ? $s[1] : 0;
+ if (0xf0 <= $code) {
+ return ($code - 0xf0 << 18) + ($s[2] - 0x80 << 12) + ($s[3] - 0x80 << 6) + $s[4] - 0x80;
+ }
+ if (0xe0 <= $code) {
+ return ($code - 0xe0 << 12) + ($s[2] - 0x80 << 6) + $s[3] - 0x80;
+ }
+ if (0xc0 <= $code) {
+ return ($code - 0xc0 << 6) + $s[2] - 0x80;
+ }
+ return $code;
+ }
+}
diff --git a/vendor_prefixed/symfony/polyfill-php72/bootstrap.php b/vendor_prefixed/symfony/polyfill-php72/bootstrap.php
new file mode 100644
index 00000000..fbb6035f
--- /dev/null
+++ b/vendor_prefixed/symfony/polyfill-php72/bootstrap.php
@@ -0,0 +1,57 @@
+