Cherry Team Members - Version 1.4.5

Version Description

Release Info

Developer	TemplateMonster 2002
Plugin	Cherry Team Members
Version	1.4.5
Comparing to
See all releases

Code changes from version 1.4.4.3 to 1.4.5

Files changed (75) hide show

admin/assets/css/editor.css +8 -1
admin/assets/js/wp-color-picker-alpha.min.js +12 -12
admin/includes/class-cherry-team-admin.php +21 -4
cherry-framework/cherry-core.php +17 -1
cherry-framework/config.json +196 -0
cherry-framework/modules/cherry-customizer/cherry-customizer.php +37 -42
cherry-framework/modules/cherry-google-fonts-loader/cherry-google-fonts-loader.php +13 -4
cherry-framework/modules/cherry-interface-builder/inc/assets/cherry-interface-builder.scss +18 -10
cherry-framework/modules/cherry-interface-builder/inc/assets/min/cherry-interface-builder.min.css +1 -1
cherry-framework/modules/cherry-ui-elements/cherry-ui-elements.php +1 -0
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-button/assets/min/ui-button.min.css +1 -1
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-button/assets/ui-kit/_mixins.scss +2 -4
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-checkbox/assets/min/ui-checkbox.min.css +1 -1
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-checkbox/assets/ui-checkbox.scss +25 -21
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-colorpicker/assets/min/ui-colorpicker.min.css +1 -1
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-colorpicker/assets/min/wp-color-picker-alpha.min.js +13 -0
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-colorpicker/assets/ui-colorpicker.scss +42 -72
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-colorpicker/assets/wp-color-picker-alpha.js +490 -0
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-colorpicker/ui-colorpicker.php +17 -2
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-dimensions/assets/min/ui-dimensions.min.css +1 -0
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-dimensions/assets/ui-dimensions.js +96 -0
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-dimensions/assets/ui-dimensions.scss +115 -0
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-dimensions/assets/ui-kit/_mixins.scss +15 -0
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-dimensions/assets/ui-kit/_variables.scss +7 -0
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-dimensions/ui-dimensions.php +260 -0
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-iconpicker/assets/min/ui-iconpicker.min.css +1 -1
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-iconpicker/assets/ui-iconpicker.scss +8 -7
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-iconpicker/assets/ui-kit/_mixins.scss +3 -4
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-media/assets/min/ui-media.min.css +1 -1
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-media/assets/ui-kit/_mixins.scss +2 -3
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-media/assets/ui-media.scss +66 -41
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-radio/assets/min/ui-radio.min.css +1 -1
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-radio/assets/ui-radio.scss +35 -20
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-select/assets/min/ui-select.min.css +1 -1
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-select/assets/ui-kit/_mixins.scss +9 -10
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-select/assets/ui-kit/_variables.scss +5 -5
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-select/assets/ui-select.scss +102 -81
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-slider/assets/min/ui-slider.min.css +1 -1
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-slider/assets/ui-slider.scss +16 -26
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-stepper/assets/min/ui-stepper.min.css +1 -1
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-stepper/assets/ui-kit/_mixins.scss +9 -8
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-stepper/assets/ui-kit/_variables.scss +4 -4
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-stepper/assets/ui-stepper.scss +3 -3
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-switcher/assets/min/ui-switcher.min.css +1 -1
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-switcher/assets/ui-switcher.scss +46 -61
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-text/assets/min/ui-text.min.css +1 -1
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-text/assets/ui-kit/_mixins.scss +9 -8
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-text/assets/ui-kit/_variables.scss +4 -4
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-textarea/assets/min/ui-textarea.min.css +1 -1
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-textarea/assets/ui-kit/_mixins.scss +9 -8
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-textarea/assets/ui-kit/_variables.scss +4 -4
cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-textarea/assets/ui-textarea.scss +1 -1
cherry-framework/modules/cherry5-interface-builder/cherry5-interface-builder.php +495 -0
cherry-framework/modules/cherry5-interface-builder/inc/assets/_use-in-js.scss +17 -0
cherry-framework/modules/cherry5-interface-builder/inc/assets/cherry-interface-builder.css +1 -0
cherry-framework/modules/cherry5-interface-builder/inc/assets/cherry-interface-builder.js +193 -0
cherry-framework/modules/cherry5-interface-builder/inc/assets/cherry-interface-builder.scss +511 -0
cherry-framework/modules/cherry5-interface-builder/inc/assets/min/cherry-interface-builder.min.css +1 -0
cherry-framework/modules/cherry5-interface-builder/inc/assets/min/cherry-interface-builder.min.js +1 -0
cherry-framework/modules/cherry5-interface-builder/inc/views/component-accordion.php +30 -0
cherry-framework/modules/cherry5-interface-builder/inc/views/component-repeater.php +30 -0
cherry-framework/modules/cherry5-interface-builder/inc/views/component-tab-horizontal.php +35 -0
cherry-framework/modules/cherry5-interface-builder/inc/views/component-tab-vertical.php +35 -0
cherry-framework/modules/cherry5-interface-builder/inc/views/component-toggle.php +30 -0
cherry-framework/modules/cherry5-interface-builder/inc/views/control.php +34 -0
cherry-framework/modules/cherry5-interface-builder/inc/views/form.php +24 -0
cherry-framework/modules/cherry5-interface-builder/inc/views/html.php +24 -0
cherry-framework/modules/cherry5-interface-builder/inc/views/section.php +36 -0
cherry-framework/modules/cherry5-interface-builder/inc/views/settings-children-title.php +18 -0
cherry-framework/modules/cherry5-interface-builder/inc/views/settings.php +32 -0
cherry-framework/modules/cherry5-interface-builder/inc/views/tab-children-title.php +20 -0
cherry-framework/modules/cherry5-interface-builder/inc/views/toggle-children-title.php +22 -0
cherry-team-members.php +2 -2
public/assets/js/cherry-team.js +19 -33
readme.txt +1 -1

admin/assets/css/editor.css CHANGED Viewed

	@@ -15,11 +15,18 @@
15	background: none;
16	border-left: none;
17	color: #fff;
18	- /padding: 0 0 0 ~~22px;/~~
19	padding: 0;
20	}
21	.tm-pb-option-container .wp-color-result .color-alpha {
22	top: 8px !important;
23	left: 6px !important;
24	border-radius: 2px;







25	}


15	background: none;
16	border-left: none;
17	color: #fff;
18	+ padding: 0 0 0 23px !important;
19	padding: 0;
20	}
21	.tm-pb-option-container .wp-color-result .color-alpha {
22	top: 8px !important;
23	left: 6px !important;
24	border-radius: 2px;
25	+ }
26	+ .tm-pb-option-container .wp-picker-active {
27	+ position: relative;
28	+ }
29	+ .tm-pb-option-container .wp-picker-holder {
30	+ position: absolute;
31	+ margin-top: 26px;
32	}

admin/assets/js/wp-color-picker-alpha.min.js CHANGED Viewed

@@ -1,13 +1,13 @@
-            -
            /**!
-            -
             * wp-color-picker-alpha
-            -
             *
-            -
             * Overwrite Automattic Iris for enabled Alpha Channel in wpColorPicker
-            -
             * Only run in input and is defined data alpha in true
-            -
             *
-            -
             * Version: 2.1.2
-            -
             * https://github.com/kallookoo/wp-color-picker-alpha
-            -
             * Licensed under the GPLv2 license.
-            -
             */
-            -
            !function(t){var o="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAAHnlligAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNpi+P///4EDBxiAGMgCCCAGFB5AADGCRBgYDh48CCRZIJS9vT2QBAggFBkmBiSAogxFBiCAoHogAKIKAlBUYTELAiAmEtABEECk20G6BOmuIl0CIMBQ/IEMkO0myiSSraaaBhZcbkUOs0HuBwDplz5uFJ3Z4gAAAABJRU5ErkJggg==",r='<div class="wp-picker-holder" />',e='<div class="wp-picker-container" />',i='<input type="button" class="button button-small" />',a=void 0!==wpColorPickerL10n.current;if(a)n='<a tabindex="0" class="wp-color-result" />';else var n='<button type="button" class="button wp-color-result" aria-expanded="false"><span class="wp-color-result-text"></span></button>',l="<label></label>",s='<span class="screen-reader-text"></span>';Color.fn.toString=function(){if(this._alpha<1)return this.toCSS("rgba",this._alpha).replace(/\s+/g,"");var t=parseInt(this._color,10).toString(16);return this.error?"":(t.length<6&&(t=("00000"+t).substr(-6)),"#"+t)},t.widget("wp.wpColorPicker",t.wp.wpColorPicker,{_create:function(){if(t.support.iris){var p=this,c=p.element;if(t.extend(p.options,c.data()),"hue"===p.options.type)return p._createHueOnly();p.close=t.proxy(p.close,p),p.initialValue=c.val(),c.addClass("wp-color-picker"),a?(c.hide().wrap(e),p.wrap=c.parent(),p.toggler=t(n).insertBefore(c).css({backgroundColor:p.initialValue}).attr("title",wpColorPickerL10n.pick).attr("data-current",wpColorPickerL10n.current),p.pickerContainer=t(r).insertAfter(c),p.button=t(i).addClass("hidden")):(c.parent("label").length||(c.wrap(l),p.wrappingLabelText=t(s).insertBefore(c).text(wpColorPickerL10n.defaultLabel)),p.wrappingLabel=c.parent(),p.wrappingLabel.wrap(e),p.wrap=p.wrappingLabel.parent(),p.toggler=t(n).insertBefore(p.wrappingLabel).css({backgroundColor:p.initialValue}),p.toggler.find(".wp-color-result-text").text(wpColorPickerL10n.pick),p.pickerContainer=t(r).insertAfter(p.wrappingLabel),p.button=t(i)),p.options.defaultColor?(p.button.addClass("wp-picker-default").val(wpColorPickerL10n.defaultString),a||p.button.attr("aria-label",wpColorPickerL10n.defaultAriaLabel)):(p.button.addClass("wp-picker-clear").val(wpColorPickerL10n.clear),a||p.button.attr("aria-label",wpColorPickerL10n.clearAriaLabel)),a?c.wrap('<span class="wp-picker-input-wrap" />').after(p.button):(p.wrappingLabel.wrap('<span class="wp-picker-input-wrap hidden" />').after(p.button),p.inputWrapper=c.closest(".wp-picker-input-wrap")),c.iris({target:p.pickerContainer,hide:p.options.hide,width:p.options.width,mode:p.options.mode,palettes:p.options.palettes,change:function(r,e){p.options.alpha?(p.toggler.css({"background-image":"url("+o+")"}),a?p.toggler.html('<span class="color-alpha" />'):(p.toggler.css({position:"relative"}),0==p.toggler.find("span.color-alpha").length&&p.toggler.append('<span class="color-alpha" />')),p.toggler.find("span.color-alpha").css({width:"30px",height:"24px",position:"absolute",top:0,left:0,"border-top-left-radius":"2px","border-bottom-left-radius":"2px",background:e.color.toString()})):p.toggler.css({backgroundColor:e.color.toString()}),t.isFunction(p.options.change)&&p.options.change.call(this,r,e)}}),c.val(p.initialValue),p._addListeners(),p.options.hide||p.toggler.click()}},_addListeners:function(){var o=this;o.wrap.on("click.wpcolorpicker",function(t){t.stopPropagation()}),o.toggler.click(function(){o.toggler.hasClass("wp-picker-open")?o.close():o.open()}),o.element.on("change",function(r){(""===t(this).val()||o.element.hasClass("iris-error"))&&(o.options.alpha?(a&&o.toggler.removeAttr("style"),o.toggler.find("span.color-alpha").css("backgroundColor","")):o.toggler.css("backgroundColor",""),t.isFunction(o.options.clear)&&o.options.clear.call(this,r))}),o.button.on("click",function(r){t(this).hasClass("wp-picker-clear")?(o.element.val(""),o.options.alpha?(a&&o.toggler.removeAttr("style"),o.toggler.find("span.color-alpha").css("backgroundColor","")):o.toggler.css("backgroundColor",""),t.isFunction(o.options.clear)&&o.options.clear.call(this,r)):t(this).hasClass("wp-picker-default")&&o.element.val(o.options.defaultColor).change()})}}),t.widget("a8c.iris",t.a8c.iris,{_create:function(){if(this._super(),this.options.alpha=this.element.data("alpha")||!1,this.element.is(":input")||(this.options.alpha=!1),void 0!==this.options.alpha&&this.options.alpha){var o=this,r=o.element,e=t('<div class="iris-strip iris-slider iris-alpha-slider"><div class="iris-slider-offset iris-slider-offset-alpha"></div></div>').appendTo(o.picker.find(".iris-picker-inner")),i={aContainer:e,aSlider:e.find(".iris-slider-offset-alpha")};void 0!==r.data("custom-width")?o.options.customWidth=parseInt(r.data("custom-width"))||0:o.options.customWidth=100,o.options.defaultWidth=r.width(),(o._color._alpha<1||-1!=o._color.toString().indexOf("rgb"))&&r.width(parseInt(o.options.defaultWidth+o.options.customWidth)),t.each(i,function(t,r){o.controls[t]=r}),o.controls.square.css({"margin-right":"0"});var a=o.picker.width()-o.controls.square.width()-20,n=a/6,l=a/2-n;t.each(["aContainer","strip"],function(t,r){o.controls[r].width(l).css({"margin-left":n+"px"})}),o._initControls(),o._change()}},_initControls:function(){if(this._super(),this.options.alpha){var t=this;t.controls.aSlider.slider({orientation:"vertical",min:0,max:100,step:1,value:parseInt(100*t._color._alpha),slide:function(o,r){t._color._alpha=parseFloat(r.value/100),t._change.apply(t,arguments)}})}},_change:function(){this._super();var t=this,r=t.element;if(this.options.alpha){var e=t.controls,i=parseInt(100*t._color._alpha),a=t._color.toRgb(),n=["rgb("+a.r+","+a.g+","+a.b+") 0%","rgba("+a.r+","+a.g+","+a.b+", 0) 100%"],l=t.options.defaultWidth,s=t.options.customWidth,p=t.picker.closest(".wp-picker-container").find(".wp-color-result");e.aContainer.css({background:"linear-gradient(to bottom, "+n.join(", ")+"), url("+o+")"}),p.hasClass("wp-picker-open")&&(e.aSlider.slider("value",i),t._color._alpha<1?(e.strip.attr("style",e.strip.attr("style").replace(/rgba\(([0-9]+,)(\s+)?([0-9]+,)(\s+)?([0-9]+)(,(\s+)?[0-9\.]+)\)/g,"rgb($1$3$5)")),r.width(parseInt(l+s))):r.width(l))}(r.data("reset-alpha")||!1)&&t.picker.find(".iris-palette-container").on("click.palette",".iris-palette",function(){t._color._alpha=1,t.active="external",t._change()})},_addInputListeners:function(t){var o=this,r=function(r){var e=new Color(t.val()),i=t.val();t.removeClass("iris-error"),e.error?""!==i&&t.addClass("iris-error"):e.toString()!==o._color.toString()&&("keyup"===r.type&&i.match(/^[0-9a-fA-F]{3}$/)||o._setOption("color",e.toString()))};t.on("change",r).on("keyup",o._debounce(r,100)),o.options.hide&&t.on("focus",function(){o.show()})}})}(jQuery),
-            -
            // Auto call with colo-picker class
             jQuery(document).ready(function(t){t(".color-picker").wpColorPicker()});


1	+ /**!
2	+ * wp-color-picker-alpha
3	+ *
4	+ * Overwrite Automattic Iris for enabled Alpha Channel in wpColorPicker
5	+ * Only run in input and is defined data alpha in true
6	+ *
7	+ * Version: 2.1.2
8	+ * https://github.com/kallookoo/wp-color-picker-alpha
9	+ * Licensed under the GPLv2 license.
10	+ */
11	+ !function(t){var o="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAAHnlligAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNpi+P///4EDBxiAGMgCCCAGFB5AADGCRBgYDh48CCRZIJS9vT2QBAggFBkmBiSAogxFBiCAoHogAKIKAlBUYTELAiAmEtABEECk20G6BOmuIl0CIMBQ/IEMkO0myiSSraaaBhZcbkUOs0HuBwDplz5uFJ3Z4gAAAABJRU5ErkJggg==",r='<div class="wp-picker-holder" />',e='<div class="wp-picker-container" />',i='<input type="button" class="button button-small" />',a=void 0!==wpColorPickerL10n.current;if(a)n='<a tabindex="0" class="wp-color-result" />';else var n='<button type="button" class="button wp-color-result" aria-expanded="false"><span class="wp-color-result-text"></span></button>',l="<label></label>",s='<span class="screen-reader-text"></span>';Color.fn.toString=function(){if(this._alpha<1)return this.toCSS("rgba",this._alpha).replace(/\s+/g,"");var t=parseInt(this._color,10).toString(16);return this.error?"":(t.length<6&&(t=("00000"+t).substr(-6)),"#"+t)},t.widget("wp.wpColorPicker",t.wp.wpColorPicker,{_create:function(){if(t.support.iris){var p=this,c=p.element;if(t.extend(p.options,c.data()),"hue"===p.options.type)return p._createHueOnly();p.close=t.proxy(p.close,p),p.initialValue=c.val(),c.addClass("wp-color-picker"),a?(c.hide().wrap(e),p.wrap=c.parent(),p.toggler=t(n).insertBefore(c).css({backgroundColor:p.initialValue}).attr("title",wpColorPickerL10n.pick).attr("data-current",wpColorPickerL10n.current),p.pickerContainer=t(r).insertAfter(c),p.button=t(i).addClass("hidden")):(c.parent("label").length\|\|(c.wrap(l),p.wrappingLabelText=t(s).insertBefore(c).text(wpColorPickerL10n.defaultLabel)),p.wrappingLabel=c.parent(),p.wrappingLabel.wrap(e),p.wrap=p.wrappingLabel.parent(),p.toggler=t(n).insertBefore(p.wrappingLabel).css({backgroundColor:p.initialValue}),p.toggler.find(".wp-color-result-text").text(wpColorPickerL10n.pick),p.pickerContainer=t(r).insertAfter(p.wrappingLabel),p.button=t(i)),p.options.defaultColor?(p.button.addClass("wp-picker-default").val(wpColorPickerL10n.defaultString),a\|\|p.button.attr("aria-label",wpColorPickerL10n.defaultAriaLabel)):(p.button.addClass("wp-picker-clear").val(wpColorPickerL10n.clear),a\|\|p.button.attr("aria-label",wpColorPickerL10n.clearAriaLabel)),a?c.wrap('<span class="wp-picker-input-wrap" />').after(p.button):(p.wrappingLabel.wrap('<span class="wp-picker-input-wrap hidden" />').after(p.button),p.inputWrapper=c.closest(".wp-picker-input-wrap")),c.iris({target:p.pickerContainer,hide:p.options.hide,width:p.options.width,mode:p.options.mode,palettes:p.options.palettes,change:function(r,e){p.options.alpha?(p.toggler.css({"background-image":"url("+o+")"}),a?p.toggler.html('<span class="color-alpha" />'):(p.toggler.css({position:"relative"}),0==p.toggler.find("span.color-alpha").length&&p.toggler.append('<span class="color-alpha" />')),p.toggler.find("span.color-alpha").css({width:"30px",height:"24px",position:"absolute",top:0,left:0,"border-top-left-radius":"2px","border-bottom-left-radius":"2px",background:e.color.toString()})):p.toggler.css({backgroundColor:e.color.toString()}),t.isFunction(p.options.change)&&p.options.change.call(this,r,e)}}),c.val(p.initialValue),p._addListeners(),p.options.hide\|\|p.toggler.click()}},_addListeners:function(){var o=this;o.wrap.on("click.wpcolorpicker",function(t){t.stopPropagation()}),o.toggler.click(function(){o.toggler.hasClass("wp-picker-open")?o.close():o.open()}),o.element.on("change",function(r){(""===t(this).val()\|\|o.element.hasClass("iris-error"))&&(o.options.alpha?(a&&o.toggler.removeAttr("style"),o.toggler.find("span.color-alpha").css("backgroundColor","")):o.toggler.css("backgroundColor",""),t.isFunction(o.options.clear)&&o.options.clear.call(this,r))}),o.button.on("click",function(r){t(this).hasClass("wp-picker-clear")?(o.element.val(""),o.options.alpha?(a&&o.toggler.removeAttr("style"),o.toggler.find("span.color-alpha").css("backgroundColor","")):o.toggler.css("backgroundColor",""),t.isFunction(o.options.clear)&&o.options.clear.call(this,r)):t(this).hasClass("wp-picker-default")&&o.element.val(o.options.defaultColor).change()})}}),t.widget("a8c.iris",t.a8c.iris,{_create:function(){if(this._super(),this.options.alpha=this.element.data("alpha")\|\|!1,this.element.is(":input")\|\|(this.options.alpha=!1),void 0!==this.options.alpha&&this.options.alpha){var o=this,r=o.element,e=t('<div class="iris-strip iris-slider iris-alpha-slider"><div class="iris-slider-offset iris-slider-offset-alpha"></div></div>').appendTo(o.picker.find(".iris-picker-inner")),i={aContainer:e,aSlider:e.find(".iris-slider-offset-alpha")};void 0!==r.data("custom-width")?o.options.customWidth=parseInt(r.data("custom-width"))\|\|0:o.options.customWidth=100,o.options.defaultWidth=r.width(),(o._color._alpha<1\|\|-1!=o._color.toString().indexOf("rgb"))&&r.width(parseInt(o.options.defaultWidth+o.options.customWidth)),t.each(i,function(t,r){o.controls[t]=r}),o.controls.square.css({"margin-right":"0"});var a=o.picker.width()-o.controls.square.width()-20,n=a/6,l=a/2-n;t.each(["aContainer","strip"],function(t,r){o.controls[r].width(l).css({"margin-left":n+"px"})}),o._initControls(),o._change()}},_initControls:function(){if(this._super(),this.options.alpha){var t=this;t.controls.aSlider.slider({orientation:"vertical",min:0,max:100,step:1,value:parseInt(100t._color._alpha),slide:function(o,r){t._color._alpha=parseFloat(r.value/100),t._change.apply(t,arguments)}})}},_change:function(){this._super();var t=this,r=t.element;if(this.options.alpha){var e=t.controls,i=parseInt(100t._color._alpha),a=t._color.toRgb(),n=["rgb("+a.r+","+a.g+","+a.b+") 0%","rgba("+a.r+","+a.g+","+a.b+", 0) 100%"],l=t.options.defaultWidth,s=t.options.customWidth,p=t.picker.closest(".wp-picker-container").find(".wp-color-result");e.aContainer.css({background:"linear-gradient(to bottom, "+n.join(", ")+"), url("+o+")"}),p.hasClass("wp-picker-open")&&(e.aSlider.slider("value",i),t._color._alpha<1?(e.strip.attr("style",e.strip.attr("style").replace(/rgba$([0-9]+,)(\s+)?([0-9]+,)(\s+)?([0-9]+)(,(\s+)?[0-9\.]+)$/g,"rgb($1$3$5)")),r.width(parseInt(l+s))):r.width(l))}(r.data("reset-alpha")\|\|!1)&&t.picker.find(".iris-palette-container").on("click.palette",".iris-palette",function(){t._color._alpha=1,t.active="external",t._change()})},_addInputListeners:function(t){var o=this,r=function(r){var e=new Color(t.val()),i=t.val();t.removeClass("iris-error"),e.error?""!==i&&t.addClass("iris-error"):e.toString()!==o._color.toString()&&("keyup"===r.type&&i.match(/^[0-9a-fA-F]{3}$/)\|\|o._setOption("color",e.toString()))};t.on("change",r).on("keyup",o._debounce(r,100)),o.options.hide&&t.on("focus",function(){o.show()})}})}(jQuery),
12	+ // Auto call with colo-picker class
13	jQuery(document).ready(function(t){t(".color-picker").wpColorPicker()});

admin/includes/class-cherry-team-admin.php CHANGED Viewed

	@@ -31,7 +31,7 @@ class Cherry_Team_Members_Admin {
31	public function __construct() {
32	// Register admin assets
33	add_action( 'admin_init', array( $this, 'register_assets' ) );
34	- add_action( 'admin_enqueue_scripts', array( $this, 'editor_fix' ), 99 );
35	}
36
37	/**
	@@ -68,6 +68,20 @@ class Cherry_Team_Members_Admin {
68
69	public function editor_fix() {
70














71	wp_enqueue_style(
72	'cherry-team-editor',
73	cherry_team_members()->plugin_url( 'admin/assets/css/editor.css' ),
	@@ -76,11 +90,14 @@ class Cherry_Team_Members_Admin {
76	);
77
78	wp_dequeue_script( 'wp-color-picker-alpha' );

79
80	- ~~wp_register_script~~(
81	- ~~'wp-color-picker-alpha',~~


82	cherry_team_members()->plugin_url( 'admin/assets/js/wp-color-picker-alpha.min.js' ),
83	- array( 'jquery', ~~'wp-color-picker'~~ ),
84	cherry_team_members()->version(),
85	true
86	);


31	public function __construct() {
32	// Register admin assets
33	add_action( 'admin_init', array( $this, 'register_assets' ) );
34	+ add_action( 'admin_enqueue_scripts', array( $this, 'editor_fix' ), 999 );
35	}
36
37	/**

68
69	public function editor_fix() {
70
71	+ if ( ! defined( 'TM_BUILDER_VERSION' ) ) {
72	+ return;
73	+ }
74	+
75	+ global $wp_customize;
76	+
77	+ if ( $wp_customize ) {
78	+ return;
79	+ }
80	+
81	+ if ( ! wp_script_is( 'wp-color-picker-alpha' ) ) {
82	+ return;
83	+ }
84	+
85	wp_enqueue_style(
86	'cherry-team-editor',
87	cherry_team_members()->plugin_url( 'admin/assets/css/editor.css' ),

90	);
91
92	wp_dequeue_script( 'wp-color-picker-alpha' );
93	+ wp_deregister_script( 'wp-color-picker-alpha' );
94
95	+ wp_enqueue_script( 'wp-color-picker' );
96	+
97	+ wp_enqueue_script(
98	+ 'wp-color-picker-alpha-new',
99	cherry_team_members()->plugin_url( 'admin/assets/js/wp-color-picker-alpha.min.js' ),
100	+ array( 'jquery' ),
101	cherry_team_members()->version(),
102	true
103	);

cherry-framework/cherry-core.php CHANGED Viewed

	@@ -1,7 +1,7 @@
1	<?php
2	/**
3	* Class Cherry Core
4	- * Version: 1.5.~~4.1~~
5	*
6	* @package Cherry_Framework
7	* @subpackage Class
	@@ -265,6 +265,15 @@ if ( ! class_exists( 'Cherry_Core' ) ) {
265	* @return bool
266	*/
267	public static function load_module( $module, $path ) {









268	$class_name = self::get_class_name( $module );
269
270	if ( ! $path ) {
	@@ -289,8 +298,15 @@ if ( ! class_exists( 'Cherry_Core' ) ) {
289	* @return object
290	*/
291	public function get_module_instance( $module, $args = array() ) {

292	$class_name = self::get_class_name( $module );
293






294	if ( ! class_exists( $class_name ) ) {
295	echo '<p>Class <b>' . esc_html( $class_name ) . '</b> not exist!</p>';
296	return false;


1	<?php
2	/**
3	* Class Cherry Core
4	+ * Version: 1.5.7
5	*
6	* @package Cherry_Framework
7	* @subpackage Class

265	* @return bool
266	*/
267	public static function load_module( $module, $path ) {
268	+
269	+ if (
270	+ 'cherry-interface-builder' === $module
271	+ && file_exists( str_replace( 'cherry-interface-builder', 'cherry5-interface-builder', $path ) )
272	+ ) {
273	+ $module = 'cherry5-interface-builder';
274	+ $path = str_replace( 'cherry-interface-builder', 'cherry5-interface-builder', $path );
275	+ }
276	+
277	$class_name = self::get_class_name( $module );
278
279	if ( ! $path ) {

298	* @return object
299	*/
300	public function get_module_instance( $module, $args = array() ) {
301	+
302	$class_name = self::get_class_name( $module );
303
304	+ if (
305	+ 'cherry-interface-builder' === $module
306	+ && class_exists( self::get_class_name( 'cherry5-interface-builder' ) ) ) {
307	+ $class_name = self::get_class_name( 'cherry5-interface-builder' );
308	+ }
309	+
310	if ( ! class_exists( $class_name ) ) {
311	echo '<p>Class <b>' . esc_html( $class_name ) . '</b> not exist!</p>';
312	return false;

cherry-framework/config.json ADDED Viewed

	@@ -0,0 +1,196 @@


1	+ {
2	+ "name" : "Cherry Framework",
3	+ "version" : "1.4.3.1",
4	+ "description" : "",
5	+ "doc_link" : "https://github.com/CherryFramework/cherry-framework-docs",
6	+ "git_link" : "https://github.com/CherryFramework/cherry-framework",
7	+ "modules" : {
8	+ "cherry-breadcrumbs" : {
9	+ "name" : "Breadcrumb Trail",
10	+ "description" : "A breadcrumb menu script for WordPress.",
11	+ "version" : "1.1.3",
12	+ "doc_link" : "",
13	+ "git_link" : "https://github.com/CherryFramework/cherry-framework/tree/master/modules/cherry-breadcrumbs",
14	+ "compatible" : ["theme", "plugin"],
15	+ "wordpress_org" : true,
16	+ "required" : false,
17	+ "dependencies" : []
18	+ },
19	+ "cherry-customizer" : {
20	+ "name" : "Customizer API",
21	+ "description" : "Customizer functionality.",
22	+ "version" : "1.1.7",
23	+ "doc_link" : "https://github.com/CherryFramework/cherry-framework-docs/blob/master/01.%20cherry-customizer.md",
24	+ "git_link" : "https://github.com/CherryFramework/cherry-framework/tree/master/modules/cherry-customizer",
25	+ "compatible" : ["theme", "plugin"],
26	+ "wordpress_org" : true,
27	+ "required" : false,
28	+ "dependencies" : []
29	+ },
30	+ "cherry-db-updater" : {
31	+ "name" : "Database Updater",
32	+ "description" : "Handle database updates if required.",
33	+ "version" : "1.0.0",
34	+ "doc_link" : "",
35	+ "git_link" : "https://github.com/CherryFramework/cherry-framework/tree/master/modules/cherry-db-updater",
36	+ "compatible" : ["theme", "plugin"],
37	+ "wordpress_org" : true,
38	+ "required" : false,
39	+ "dependencies" : []
40	+ },
41	+ "cherry-dynamic-css" : {
42	+ "name" : "Dynamic CSS",
43	+ "description" : "Generate CSS.",
44	+ "version" : "1.4.0",
45	+ "doc_link" : "https://github.com/CherryFramework/cherry-framework-docs/blob/master/03.%20cherry-dynamic-css.md",
46	+ "git_link" : "https://github.com/CherryFramework/cherry-framework/tree/master/modules/cherry-dynamic-css",
47	+ "compatible" : ["theme", "plugin"],
48	+ "wordpress_org" : true,
49	+ "required" : false,
50	+ "dependencies" : []
51	+ },
52	+ "cherry-google-fonts-loader" : {
53	+ "name" : "Google Fonts Loader",
54	+ "description" : "Enqueue Google fonts.",
55	+ "version" : "1.1.0",
56	+ "doc_link" : "",
57	+ "git_link" : "https://github.com/CherryFramework/cherry-framework/tree/master/modules/cherry-google-fonts-loader",
58	+ "compatible" : ["theme", "plugin"],
59	+ "wordpress_org" : true,
60	+ "required" : false,
61	+ "dependencies" : []
62	+ },
63	+ "cherry-handler" : {
64	+ "name" : "Cherry handler",
65	+ "description" : "Initialize handlers.",
66	+ "version" : "1.1.3",
67	+ "doc_link" : "https://github.com/CherryFramework/cherry-framework-docs/blob/master/02.%20cherry-handler.md",
68	+ "git_link" : "https://github.com/CherryFramework/cherry-framework/tree/master/modules/cherry-handler",
69	+ "compatible" : ["theme", "plugin"],
70	+ "wordpress_org" : true,
71	+ "required" : false,
72	+ "dependencies" : [ "cherry-js-core" ]
73	+ },
74	+ "cherry-interface-builder" : {
75	+ "name" : "Interface Builder",
76	+ "description" : "The module for the creation of interfaces in the WordPress admin panel.",
77	+ "version" : "1.1.2",
78	+ "doc_link" : "https://github.com/CherryFramework/cherry-framework-docs/blob/master/07.%20cherry-interface-builder.md",
79	+ "git_link" : "https://github.com/CherryFramework/cherry-framework/tree/master/modules/cherry-interface-builder",
80	+ "compatible" : ["theme", "plugin"],
81	+ "wordpress_org" : true,
82	+ "required" : false,
83	+ "dependencies" : [ "cherry-ui-elements" ]
84	+ },
85	+ "cherry-js-core" : {
86	+ "name" : "JS Core",
87	+ "description" : "Initialize global JS object which provides additional plugin functionality.",
88	+ "version" : "1.1.2",
89	+ "doc_link" : "https://github.com/CherryFramework/cherry-framework-docs/blob/master/04.%20cherry-js-core.md",
90	+ "git_link" : "https://github.com/CherryFramework/cherry-framework/tree/master/modules/cherry-js-core",
91	+ "compatible" : ["theme", "plugin"],
92	+ "wordpress_org" : true,
93	+ "required" : false,
94	+ "dependencies" : []
95	+ },
96	+ "cherry-post-formats-api" : {
97	+ "name" : "Post Formats API",
98	+ "description" : "API for post formats specific content.",
99	+ "version" : "1.1.2",
100	+ "doc_link" : "",
101	+ "git_link" : "https://github.com/CherryFramework/cherry-framework/tree/master/modules/cherry-post-formats-api",
102	+ "compatible" : ["theme", "plugin"],
103	+ "wordpress_org" : true,
104	+ "required" : false,
105	+ "dependencies" : [ "cherry-js-core" ]
106	+ },
107	+ "cherry-post-meta" : {
108	+ "name" : "Post Meta",
109	+ "description" : "Manage post meta.",
110	+ "version" : "1.2.1",
111	+ "doc_link" : "",
112	+ "git_link" : "https://github.com/CherryFramework/cherry-framework/tree/master/modules/cherry-post-meta",
113	+ "compatible" : ["theme", "plugin"],
114	+ "wordpress_org" : true,
115	+ "required" : false,
116	+ "dependencies" : [ "cherry-interface-builder" ]
117	+ },
118	+ "cherry-term-meta" : {
119	+ "name" : "Term Meta",
120	+ "description" : "Manage term metadata.",
121	+ "version" : "1.1.4",
122	+ "doc_link" : "",
123	+ "git_link" : "https://github.com/CherryFramework/cherry-framework/tree/master/modules/cherry-term-meta",
124	+ "compatible" : ["theme", "plugin"],
125	+ "wordpress_org" : true,
126	+ "required" : false,
127	+ "dependencies" : [ "cherry-ui-elements" ]
128	+ },
129	+ "cherry-toolkit": {
130	+ "name": "Framework Toolkit",
131	+ "description": "Framework Toolkit contains various PHP utilities",
132	+ "version" : "1.2.0",
133	+ "doc_link": "https://github.com/CherryFramework/cherry-framework-docs/blob/master/100.%20cherry-toolkit.md",
134	+ "git_link": "https://github.com/CherryFramework/cherry-framework/tree/master/modules/cherry-toolkit",
135	+ "compatible": ["theme", "plugin"],
136	+ "wordpress_org": true,
137	+ "required": true,
138	+ "dependencies": []
139	+ },
140	+ "cherry-ui-elements" : {
141	+ "name" : "UI Elements",
142	+ "description" : "UI Elements",
143	+ "version" : "1.4.3",
144	+ "doc_link" : "https://github.com/CherryFramework/cherry-framework-docs/blob/master/09.%20cherry-ui-elements.md",
145	+ "git_link" : "https://github.com/CherryFramework/cherry-framework/tree/master/modules/cherry-ui-elements",
146	+ "compatible" : ["theme", "plugin"],
147	+ "wordpress_org" : true,
148	+ "required" : false,
149	+ "dependencies" : [ "cherry-js-core" ]
150	+ },
151	+ "cherry-utility" : {
152	+ "name" : "Utility",
153	+ "description" : "Multiple utility functions.",
154	+ "version" : "1.1.7",
155	+ "doc_link" : "https://github.com/CherryFramework/cherry-framework-docs/blob/master/08.%20cherry-utility.md",
156	+ "git_link" : "https://github.com/CherryFramework/cherry-framework/tree/master/modules/cherry-utility",
157	+ "compatible" : ["theme", "plugin"],
158	+ "wordpress_org" : true,
159	+ "required" : false,
160	+ "dependencies" : []
161	+ },
162	+ "cherry-widget-factory" : {
163	+ "name" : "Widget Factory",
164	+ "description" : "Base widget class that simplifies creating of your own widgets.",
165	+ "version" : "1.2.1",
166	+ "doc_link" : "https://github.com/CherryFramework/cherry-framework-docs/blob/master/06.%20cherry-widget-factory.md",
167	+ "git_link" : "https://github.com/CherryFramework/cherry-framework/tree/master/modules/cherry-widget-factory",
168	+ "compatible" : ["theme", "plugin"],
169	+ "wordpress_org" : true,
170	+ "required" : false,
171	+ "dependencies" : [ "cherry-ui-elements" ]
172	+ },
173	+ "cherry5-assets-loader" : {
174	+ "name" : "Assets Loader",
175	+ "description" : "The module allows you deferred loading scripts and styles.",
176	+ "version" : "1.0.0",
177	+ "doc_link" : "",
178	+ "git_link" : "https://github.com/CherryFramework/cherry-framework/tree/master/modules/cherry5-assets-loader",
179	+ "compatible" : [ "theme", "plugin" ],
180	+ "wordpress_org" : true,
181	+ "required" : false,
182	+ "dependencies" : [ "cherry-js-core" ]
183	+ },
184	+ "cherry5-insert-shortcode" : {
185	+ "name" : "Insert Shortcode",
186	+ "description" : "The module allows you to add shortcodes from editor tinyMCE.",
187	+ "version" : "1.0.2",
188	+ "doc_link" : "",
189	+ "git_link" : "https://github.com/CherryFramework/cherry-framework/tree/master/modules/cherry5-insert-shortcode",
190	+ "compatible" : [ "plugin" ],
191	+ "wordpress_org" : true,
192	+ "required" : false,
193	+ "dependencies" : [ "cherry-ui-elements", "cherry-interface-builder" ]
194	+ }
195	+ }
196	+ }

cherry-framework/modules/cherry-customizer/cherry-customizer.php CHANGED Viewed

	@@ -113,9 +113,10 @@ if ( ! class_exists( 'Cherry_Customizer' ) ) {
113
114	/*
115	* $args = array(

116	* 'prefix' => 'unique_prefix', // theme or plugin slug (*).
117	* 'capability' => 'edit_theme_options', // (default: `edit_theme_options`).
118	- * 'type' => 'theme_mod', // `theme_mod` - for themes; `option` - for plugins (default: `theme_mod`).
119	* 'options' => array(
120	* 'unique_panel_ID' => array(
121	* 'title' => esc_html__( 'Panel Title', 'text-domain' ),
	@@ -155,6 +156,7 @@ if ( ! class_exists( 'Cherry_Customizer' ) ) {
155	* Cherry customizer class construct.
156	*/
157	public function __construct( $core, $args ) {

158	/**
159	* Cherry Customizer only works in WordPress 4.0 or later.
160	*/
	@@ -162,22 +164,10 @@ if ( ! class_exists( 'Cherry_Customizer' ) ) {
162	return;
163	}
164
165	- $this->type = ! empty( $args['type'] ) && $this->sanitize_type( $args['type'] ) ? $args['type'] : 'theme_mod';
166	-
167	- if ( empty( $args['options'] ) \|\| ( ( 'option' === $this->type ) && empty( $args['prefix'] ) ) ) {
168	- return;
169	- }
170	-
171	- $this->prefix = $this->prepare_prefix( $args['prefix'] );
172	- $this->capability = ! empty( $args['capability'] ) ? $args['capability'] : 'edit_theme_options';
173	- $this->type = ! empty( $args['type'] ) && $this->sanitize_type( $args['type'] ) ? $args['type'] : 'theme_mod';
174	- $this->options = $args['options'];
175	$this->core = $core;
176	$this->fonts = array();
177	$this->module_path = $args['module_path'];
178
179	- add_action( 'customize_register', array( $this, 'register' ) );
180	-
181	// Prepare fonts data.
182	add_action( 'after_switch_theme', array( $this, 'init_fonts' ), 10 );
183	add_action( 'after_switch_theme', array( $this, 'add_options' ), 11 );
	@@ -186,6 +176,27 @@ if ( ! class_exists( 'Cherry_Customizer' ) ) {
186	add_action( 'switch_theme', array( $this, 'clear_fonts' ) );
187	add_action( 'upgrader_process_complete', array( $this, 'fire_clear_fonts' ), 10, 2 );
188





















189	add_filter( 'cherry_customizer_get_core', array( $this, 'pass_core_into_control' ) );
190
191	$this->include_custom_controls();
	@@ -877,6 +888,13 @@ if ( ! class_exists( 'Cherry_Customizer' ) ) {
877	* @since 1.0.0
878	*/
879	public function init_fonts() {







880	$fonts_data = $this->get_fonts_data();
881	$fonts_data = (array) $fonts_data;
882
	@@ -884,6 +902,8 @@ if ( ! class_exists( 'Cherry_Customizer' ) ) {
884	$data = $this->read_font_file( $file );
885	add_option( 'cherry_customiser_fonts_' . $type, $data );
886	}


887	}
888
889	/**
	@@ -986,20 +1006,7 @@ if ( ! class_exists( 'Cherry_Customizer' ) ) {
986	* @return bool
987	*/
988	public function file_exists( $file ) {
989	-
990	- if ( ! function_exists( 'WP_Filesystem' ) ) {
991	- return file_exists( $file );
992	- }
993	-
994	- WP_Filesystem();
995	- global $wp_filesystem;
996	-
997	- if ( $wp_filesystem->abspath() ) {
998	- return $wp_filesystem->exists( $file );
999	-
1000	- } else {
1001	- return file_exists( $file );
1002	- }
1003	}
1004
1005	/**
	@@ -1012,21 +1019,7 @@ if ( ! class_exists( 'Cherry_Customizer' ) ) {
1012	*/
1013	public function get_file( $file ) {
1014
1015	- if ( ~~! function_exists~~( ~~'WP_Filesystem'~~ ) ~~) {~~
1016	- return Cherry_Toolkit::get_file( $file );
1017	- }
1018	-
1019	- WP_Filesystem();
1020	- global $wp_filesystem;
1021	-
1022	- $result = '';
1023	-
1024	- if ( $wp_filesystem->abspath() ) {
1025	- $result = $wp_filesystem->get_contents( $file );
1026	-
1027	- } else {
1028	- $result = Cherry_Toolkit::get_file( $file );
1029	- }
1030
1031	return $result;
1032	}
	@@ -1130,6 +1123,8 @@ if ( ! class_exists( 'Cherry_Customizer' ) ) {
1130	delete_option( 'cherry_customiser_fonts_' . $type );
1131	}
1132


1133	$this->fonts = array();
1134	}
1135


113
114	/*
115	* $args = array(
116	+ * 'just_fonts' => false, // set to TRUE if you want use customizer only as fonts manager.
117	* 'prefix' => 'unique_prefix', // theme or plugin slug (*).
118	* 'capability' => 'edit_theme_options', // (default: `edit_theme_options`).
119	+ * 'type' => 'theme_mod', // `theme_mod` - for themes; `option` - for plugins (default: `theme_mod`)
120	* 'options' => array(
121	* 'unique_panel_ID' => array(
122	* 'title' => esc_html__( 'Panel Title', 'text-domain' ),

156	* Cherry customizer class construct.
157	*/
158	public function __construct( $core, $args ) {
159	+
160	/**
161	* Cherry Customizer only works in WordPress 4.0 or later.
162	*/

164	return;
165	}
166










167	$this->core = $core;
168	$this->fonts = array();
169	$this->module_path = $args['module_path'];
170


171	// Prepare fonts data.
172	add_action( 'after_switch_theme', array( $this, 'init_fonts' ), 10 );
173	add_action( 'after_switch_theme', array( $this, 'add_options' ), 11 );

176	add_action( 'switch_theme', array( $this, 'clear_fonts' ) );
177	add_action( 'upgrader_process_complete', array( $this, 'fire_clear_fonts' ), 10, 2 );
178
179	+ /**
180	+ * Fonts are loaded, abort if $args['just_fonts'] set to TRUE
181	+ */
182	+ if ( isset( $args['just_fonts'] ) && true === $args['just_fonts'] ) {
183	+ return;
184	+ }
185	+
186	+ $this->type = ! empty( $args['type'] ) && $this->sanitize_type( $args['type'] ) ? $args['type'] : 'theme_mod';
187	+
188	+ if ( empty( $args['options'] ) \|\| ( ( 'option' === $this->type ) && empty( $args['prefix'] ) ) ) {
189	+ return;
190	+ }
191	+
192	+ $this->prefix = $this->prepare_prefix( $args['prefix'] );
193	+ $this->capability = ! empty( $args['capability'] ) ? $args['capability'] : 'edit_theme_options';
194	+ $this->type = ! empty( $args['type'] ) && $this->sanitize_type( $args['type'] ) ? $args['type'] : 'theme_mod';
195	+ $this->options = $args['options'];
196	+
197	+
198	+ add_action( 'customize_register', array( $this, 'register' ) );
199	+
200	add_filter( 'cherry_customizer_get_core', array( $this, 'pass_core_into_control' ) );
201
202	$this->include_custom_controls();

888	* @since 1.0.0
889	*/
890	public function init_fonts() {
891	+
892	+ $inited = get_option( 'cherry_customiser_fonts_inited' );
893	+
894	+ if ( $inited ) {
895	+ return;
896	+ }
897	+
898	$fonts_data = $this->get_fonts_data();
899	$fonts_data = (array) $fonts_data;
900

902	$data = $this->read_font_file( $file );
903	add_option( 'cherry_customiser_fonts_' . $type, $data );
904	}
905	+
906	+ add_option( 'cherry_customiser_fonts_inited', true );
907	}
908
909	/**

1006	* @return bool
1007	*/
1008	public function file_exists( $file ) {
1009	+ return file_exists( $file );













1010	}
1011
1012	/**

1019	*/
1020	public function get_file( $file ) {
1021
1022	+ $result = Cherry_Toolkit::get_file( $file );














1023
1024	return $result;
1025	}

1123	delete_option( 'cherry_customiser_fonts_' . $type );
1124	}
1125
1126	+ delete_option( 'cherry_customiser_fonts_inited' );
1127	+
1128	$this->fonts = array();
1129	}
1130

cherry-framework/modules/cherry-google-fonts-loader/cherry-google-fonts-loader.php CHANGED Viewed

	@@ -101,7 +101,16 @@ if ( ! class_exists( 'Cherry_Google_Fonts_Loader' ) ) {
101	public function prepare_fonts() {
102
103	$font_url = $this->get_fonts_url();
104	- wp_enqueue_style( 'cherry-google-fonts', $font_url );









105	}
106
107	/**
	@@ -112,7 +121,7 @@ if ( ! class_exists( 'Cherry_Google_Fonts_Loader' ) ) {
112	*/
113	public function get_fonts_url() {
114
115	- $font_url = get_transient( ~~'cherry_google_fonts_url'~~ );
116
117	if ( ! $font_url ) {
118
	@@ -132,7 +141,7 @@ if ( ! class_exists( 'Cherry_Google_Fonts_Loader' ) ) {
132
133	global $wp_customize;
134	if ( ! isset( $wp_customize ) ) {
135	- set_transient( ~~'cherry_google_fonts_url'~~, $font_url, WEEK_IN_SECONDS );
136	}
137	}
138
	@@ -348,7 +357,7 @@ if ( ! class_exists( 'Cherry_Google_Fonts_Loader' ) ) {
348	* @since 1.0.0
349	*/
350	public function reset_fonts_cache() {
351	- delete_transient( ~~'cherry_google_fonts_url'~~ );
352	}
353
354	/**


101	public function prepare_fonts() {
102
103	$font_url = $this->get_fonts_url();
104	+ wp_enqueue_style( 'cherry-google-fonts-' . $this->args['prefix'], $font_url );
105	+ }
106	+
107	+ /**
108	+ * Returns transient key.
109	+ *
110	+ * @return [type] [description]
111	+ */
112	+ public function transient_key() {
113	+ return 'cherry_google_fonts_url_' . $this->args['prefix'];
114	}
115
116	/**

121	*/
122	public function get_fonts_url() {
123
124	+ $font_url = get_transient( $this->transient_key() );
125
126	if ( ! $font_url ) {
127

141
142	global $wp_customize;
143	if ( ! isset( $wp_customize ) ) {
144	+ set_transient( $this->transient_key(), $font_url, WEEK_IN_SECONDS );
145	}
146	}
147

357	* @since 1.0.0
358	*/
359	public function reset_fonts_cache() {
360	+ delete_transient( $this->transient_key() );
361	}
362
363	/**

cherry-framework/modules/cherry-interface-builder/inc/assets/cherry-interface-builder.scss CHANGED Viewed

	@@ -9,13 +9,13 @@ $color-7: #206ff4; // Scrollbar track background
9	$link-color: #298ffc; // link color.
10	$link-hover-color: #23282d; // link hover color.
11
12	- $shadow: ~~0px~~ 5px ~~21px~~ rgba(0, 0, 0, 0.1); //Shadow.
13	$border: 1px solid rgba(0, 0, 0, 0.1) ;
14
15	- $br-radius: ~~5px~~; // Border radius.
16
17	- $padding: ~~10px~~;
18	- $margin: ~~10px~~;
19	$max-heught: 700px;
20
21	@import "use-in-js";
	@@ -190,7 +190,7 @@ html{
190	}
191	&:focus{
192	outline: none;
193	- box-shadow: inset ~~0px~~ ~~0px~~ ~~10px~~ rgba(41,143,252,0.5);
194	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
195	}
196	transition: all 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	@@ -364,7 +364,7 @@ html{
364	>.cherry-tab__tabs{
365	flex-direction: row;
366	-webkit-box-flex: 0;
367	- flex: 0 1 25%;
368	border-radius:$br-radius 0 0 $br-radius;
369	border-right: none;
370	.cherry-component__button{
	@@ -379,7 +379,7 @@ html{
379	}
380	>.cherry-tab__content{
381	-webkit-box-flex: 0;
382	- flex: 0 1 75%;
383	border-radius: 0 $br-radius $br-radius 0;
384	}
385	}
	@@ -424,7 +424,9 @@ html{
424	}
425	}
426	.cherry-control{
427	- padding: $padding * ~~1.5~~ ~~$padding * 2~~;


428	&__title{
429	margin: 0 0 $margin 0 ;
430	}
	@@ -434,8 +436,11 @@ html{
434	.cherry-ui-container {
435	margin: 0;
436	}

437	@media (min-width: 783px) {
438	- padding: $padding * ~~1.5~~;


439	display: flex;
440	flex-flow: row nowrap;
441	&__info{
	@@ -448,9 +453,12 @@ html{
448	flex: 0 1 70%;
449	}
450	}

451	@media ( min-width: 961px ) {
452	- padding: $padding * 3;

453	}

454	.widget & {
455	padding: $padding * 1.5 0;
456	flex-direction: column;


9	$link-color: #298ffc; // link color.
10	$link-hover-color: #23282d; // link hover color.
11
12	+ $shadow: 2px 2px 5px rgba(0,0,0,0.05); //Shadow.
13	$border: 1px solid rgba(0, 0, 0, 0.1) ;
14
15	+ $br-radius: 3px; // Border radius.
16
17	+ $padding: 5px;
18	+ $margin: 5px;
19	$max-heught: 700px;
20
21	@import "use-in-js";

190	}
191	&:focus{
192	outline: none;
193	+ box-shadow: inset 0 0 1px 0 rgba(41,143,252,0.5);
194	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
195	}
196	transition: all 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19);

364	>.cherry-tab__tabs{
365	flex-direction: row;
366	-webkit-box-flex: 0;
367	+ flex: 0 1 20%;
368	border-radius:$br-radius 0 0 $br-radius;
369	border-right: none;
370	.cherry-component__button{

379	}
380	>.cherry-tab__content{
381	-webkit-box-flex: 0;
382	+ flex: 0 1 80%;
383	border-radius: 0 $br-radius $br-radius 0;
384	}
385	}

424	}
425	}
426	.cherry-control{
427	+ padding: $padding * 3 0;
428	+ margin: 0 $margin;
429	+
430	&__title{
431	margin: 0 0 $margin 0 ;
432	}

436	.cherry-ui-container {
437	margin: 0;
438	}
439	+
440	@media (min-width: 783px) {
441	+ padding: $padding * 4;
442	+ margin: 0 $margin * 1.5;
443	+
444	display: flex;
445	flex-flow: row nowrap;
446	&__info{

453	flex: 0 1 70%;
454	}
455	}
456	+
457	@media ( min-width: 961px ) {
458	+ padding: $padding * 6 0;
459	+ margin: 0 $margin * 3;
460	}
461	+
462	.widget & {
463	padding: $padding * 1.5 0;
464	flex-direction: column;

cherry-framework/modules/cherry-interface-builder/inc/assets/min/cherry-interface-builder.min.css CHANGED Viewed

@@ -1 +1 @@

- .cherry-ui-kit button *{pointer-events:none}.cherry-component__content .cherry-settings__content{display:none}.cherry-component__content .cherry-settings__content.show{display:inherit}html{font-size:13px}.cherry-ui-kit h1{font-weight:700;font-size:2.308rem;line-height:2.308rem}.cherry-ui-kit h1 .dashicons{font-size:3rem;line-height:inherit;width:20px;margin:0 20px 0 -5px}.cherry-ui-kit h2{font-weight:600;font-size:1.538rem;line-height:1.538rem}.cherry-ui-kit h2 .dashicons{font-size:2rem;line-height:inherit;width:20px;margin-right:20px}.cherry-ui-kit h3{font-weight:600;font-size:1.231rem;line-height:1.231rem}.cherry-ui-kit h3 .dashicons{font-size:1.7rem;line-height:inherit;margin-right:5px}.cherry-ui-kit h4{font-weight:500;font-size:1.077rem;line-height:1.077rem}.cherry-ui-kit h5{font-weight:500;font-size:1.077rem;line-height:1.077rem}.cherry-ui-kit h6{font-weight:400;font-size:1rem;line-height:1rem}.cherry-ui-kit a{color:#298ffc;text-decoration:none}.cherry-ui-kit a:hover{color:#23282d}.cherry-ui-kit a:focus{outline:1px solid rgba(41,143,252,0.6);box-shadow:0px 0px 2px rgba(41,143,252,0.6)}.cherry-ui-kit__description{font-size:0.9rem;color:#96989a;margin:10px 0}.cherry-ui-kit__title{margin:20px 0}.cherry-ui-kit.hide{display:none}.cherry-control+.cherry-control,.cherry-settings+.cherry-control{border-top:1px solid rgba(0,0,0,0.1)}.cherry-section{padding:10px;background-color:#fff;margin-left:-10px}.cherry-section__title,.cherry-section__description{margin:10px 0 0 0}.cherry-section+.cherry-ui-kit{border-top:1px solid rgba(0,0,0,0.1)}@media (min-width: 783px){.cherry-section{box-shadow:0px 5px 21px rgba(0,0,0,0.1);border-radius:5px;border:1px solid rgba(0,0,0,0.1);padding:15px;margin:15px 15px 0 0}.cherry-section__holder{background-color:#efefef;border-radius:5px;padding:15px}.cherry-section__info{background-color:#fff;border-radius:5px;padding:15px;box-shadow:0px 5px 21px rgba(0,0,0,0.1);margin-bottom:15px}.cherry-section .cherry-settings{box-shadow:0px 5px 21px rgba(0,0,0,0.1);border-radius:5px;border:1px solid rgba(0,0,0,0.1);background-color:#fff;margin-top:15px}.cherry-section .cherry-settings:first-child{margin-top:0}}@media (min-width: 961px){.cherry-section{padding:30px;margin:20px 20px 0 0}.cherry-section__info{padding:30px;margin-bottom:30px}.cherry-section__holder{padding:30px}.cherry-section .cherry-settings{margin-top:30px}}.cherry-component{padding:20px 0}@media (min-width: 783px){.cherry-component{padding:15px}}@media (min-width: 961px){.cherry-component{padding:30px}}.cherry-component+*{border-top:1px solid rgba(0,0,0,0.1)}.cherry-component__title{margin-top:0}.cherry-component .cherry-component__content .cherry-settings{padding:0;border-top:none}.cherry-component__button{display:block;min-height:45px;-webkit-transition:all 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19);transition:all 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19)}.cherry-component__button .cherry-ui-kit__title{color:inherit}.cherry-component__button.active,.cherry-component__button:hover{color:#298ffc;-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.cherry-component__button:focus{outline:none;box-shadow:inset 0px 0px 10px rgba(41,143,252,0.5);-webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275);transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)}.cherry-component.cherry-accordion .cherry-component__button,.cherry-component.cherry-toggle .cherry-component__button{width:100%;padding:15px 20px;border:0;background:none;cursor:pointer;position:relative}.widget .cherry-component.cherry-accordion .cherry-component__button,.widget .cherry-component.cherry-toggle .cherry-component__button{background-color:#495159;color:#fff}.cherry-component.cherry-accordion .cherry-component__button .cherry-toggle__title,.cherry-component.cherry-toggle .cherry-component__button .cherry-toggle__title{font-weight:700;font-size:14px;float:left;margin:0}.cherry-component.cherry-accordion .cherry-component__button>span[class*="icon"],.cherry-component.cherry-toggle .cherry-component__button>span[class*="icon"]{position:absolute;top:50%;right:5px;margin-top:-10px;font-size:25px;color:#b4b7ba;padding:5px 5px;width:10px;height:9px;text-align:left;overflow:hidden}.widget .cherry-component.cherry-accordion .cherry-component__button>span[class*="icon"],.widget .cherry-component.cherry-toggle .cherry-component__button>span[class*="icon"]{color:#fff}.cherry-component.cherry-accordion .cherry-component__button>span[class*="icon"].hide-icon,.cherry-component.cherry-toggle .cherry-component__button>span[class*="icon"].hide-icon{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275)}.cherry-component.cherry-accordion .cherry-component__button>span[class*="icon"].hide-icon:before,.cherry-component.cherry-toggle .cherry-component__button>span[class*="icon"].hide-icon:before{position:relative;top:-8px;left:-9px}.cherry-component.cherry-accordion .cherry-component__button>span[class*="icon"].show-icon,.cherry-component.cherry-toggle .cherry-component__button>span[class*="icon"].show-icon{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1)}.cherry-component.cherry-accordion .cherry-component__button>span[class*="icon"].show-icon:before,.cherry-component.cherry-toggle .cherry-component__button>span[class*="icon"].show-icon:before{position:relative;top:-7px;left:-9px}.cherry-component.cherry-accordion .cherry-component__button.active>span[class*="icon"].show-icon,.cherry-component.cherry-toggle .cherry-component__button.active>span[class*="icon"].show-icon{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275);transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)}.cherry-component.cherry-accordion .cherry-component__button.active>span[class*="icon"].hide-icon,.cherry-component.cherry-toggle .cherry-component__button.active>span[class*="icon"].hide-icon{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.cherry-component.cherry-accordion .cherry-component__button+.cherry-settings__content,.cherry-component.cherry-toggle .cherry-component__button+.cherry-settings__content{border-top:1px solid rgba(0,0,0,0.1)}.cherry-component.cherry-accordion>.cherry-ui-kit__content>.cherry-settings+.cherry-settings,.cherry-component.cherry-toggle>.cherry-ui-kit__content>.cherry-settings+.cherry-settings{margin-top:10px}.cherry-component.cherry-accordion>.cherry-ui-kit__content>.cherry-settings,.cherry-component.cherry-toggle>.cherry-ui-kit__content>.cherry-settings{box-shadow:0px 5px 21px rgba(0,0,0,0.1);border-radius:5px;border:1px solid rgba(0,0,0,0.1)}.widget .cherry-component.cherry-accordion>.cherry-ui-kit__content>.cherry-settings,.widget .cherry-component.cherry-toggle>.cherry-ui-kit__content>.cherry-settings{box-shadow:none;border-radius:0;border-left:0;border-right:0}.cherry-component.cherry-tab .cherry-tab__tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;border-bottom:1px solid rgba(0,0,0,0.1)}.cherry-component.cherry-tab .cherry-tab__tabs .cherry-component__button{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;-ms-flex-item-align:auto;-ms-grid-row-align:auto;align-self:auto;padding:15px 20px;border:0;background:none;cursor:pointer}.cherry-component.cherry-tab .cherry-tab__tabs .cherry-component__button.active{-ms-box-shadow:inset 0px -3px 0px 0px #298ffc;box-shadow:inset 0px -3px 0px 0px #298ffc}.cherry-component.cherry-tab .cherry-tab__tabs .cherry-component__button .cherry-tab__title{font-weight:700;font-size:14px;float:left;margin:0}.cherry-component.cherry-tab .cherry-tab__tabs .cherry-component__button+button{border-top:1px solid rgba(0,0,0,0.1)}.cherry-component.cherry-tab .cherry-tab__body{box-shadow:0px 5px 21px rgba(0,0,0,0.1);border-radius:5px;border:1px solid rgba(0,0,0,0.1);background-color:#fff}.cherry-component.cherry-tab .cherry-tab__body .cherry-settings{box-shadow:none;border-radius:0;border:none;background-color:inherit;margin:0}@media (min-width: 783px){.cherry-component.cherry-tab .cherry-tab__tabs{border:solid 1px rgba(0,0,0,0.1)}.cherry-component.cherry-tab .cherry-tab__tabs .cherry-component__button+button{border-top:none}.cherry-component.cherry-tab .cherry-tab__body{border:none}.cherry-component.cherry-tab .cherry-tab__body .cherry-tab__content{border:1px solid rgba(0,0,0,0.1)}.cherry-component.cherry-tab--horizontal>.cherry-tab__body{border-radius:none}.cherry-component.cherry-tab--horizontal>.cherry-tab__body>.cherry-tab__tabs{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;border-radius:5px 5px 0 0;border-bottom:none}.cherry-component.cherry-tab--horizontal>.cherry-tab__body>.cherry-tab__tabs .cherry-component__button{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.cherry-component.cherry-tab--horizontal>.cherry-tab__body>.cherry-tab__content{border-radius:0 0 5px 5px}.cherry-component.cherry-tab--vertical>.cherry-tab__body{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:none}.cherry-component.cherry-tab--vertical>.cherry-tab__body>.cherry-tab__tabs{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;border-radius:5px 0 0 5px;border-right:none}.cherry-component.cherry-tab--vertical>.cherry-tab__body>.cherry-tab__tabs .cherry-component__button{text-align:right}.cherry-component.cherry-tab--vertical>.cherry-tab__body>.cherry-tab__tabs .cherry-component__button .cherry-tab__title{width:100%}.cherry-component.cherry-tab--vertical>.cherry-tab__body>.cherry-tab__tabs .cherry-component__button.active{box-shadow:inset -3px 0px 0px #298ffc}.cherry-component.cherry-tab--vertical>.cherry-tab__body>.cherry-tab__content{-webkit-box-flex:0;-ms-flex:0 1 75%;flex:0 1 75%;border-radius:0 5px 5px 0}}@media (min-width: 1200px){.cherry-component.cherry-tab--vertical .cherry-tab__tabs{-webkit-box-flex:0;-ms-flex:0 1 20%;flex:0 1 20%}.cherry-component.cherry-tab--vertical .cherry-tab__content{-webkit-box-flex:0;-ms-flex:0 1 80%;flex:0 1 80%}}.widget .cherry-component{padding:0}.widget .cherry-component__content{margin:0 -15px 20px}.widget .cherry-component__content .cherry-control{padding:15px 20px}.cherry-settings+.cherry-settings{border-top:1px solid rgba(0,0,0,0.1)}.cherry-settings .cherry-settings__title{margin-bottom:10px}.cherry-settings__description,.cherry-settings .cherry-settings__title{margin-left:10px}@media (min-width: 783px){.cherry-settings__description,.cherry-settings .cherry-settings__title{margin-left:15px}}@media (min-width: 961px){.cherry-settings__description,.cherry-settings .cherry-settings__title{margin-left:30px}}.cherry-control{padding:15px 20px}.cherry-control__title{margin:0 0 10px 0}.cherry-control__description{margin-top:0}.cherry-control .cherry-ui-container{margin:0}@media (min-width: 783px){.cherry-control{padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.cherry-control__info{-webkit-box-flex:0;-ms-flex:0 1 30%;flex:0 1 30%;padding-right:15px}.cherry-control__content{-webkit-box-flex:0;-ms-flex:0 1 70%;flex:0 1 70%}}@media (min-width: 961px){.cherry-control{padding:30px}}.widget .cherry-control{padding:15px 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.widget .cherry-control__content{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}.widget .cherry-control__info{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;padding-right:0}@media (min-width: 783px){.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner,.cherry-tab__content>.cherry-scroll,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content{max-height:700px;overflow-y:auto;position:relative}.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar{width:10px;height:10px}.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar-button,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar-button,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-button,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-button{width:0px;height:0px}.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar-thumb,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar-thumb,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-thumb,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-thumb{background-color:#298ffc;border:none;border-radius:5px}.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar-thumb:hover,.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar-thumb:active,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar-thumb:hover,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar-thumb:active,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-thumb:hover,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-thumb:active,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-thumb:hover,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-thumb:active{background:#206ff4}.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar-track,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar-track,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-track,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-track{background-color:#fff;border:none;border-radius:5px}.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar-corner,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar-corner,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-corner,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-corner{background:transparent}}

+ .cherry-ui-kit button *{pointer-events:none}.cherry-component__content .cherry-settings__content{display:none}.cherry-component__content .cherry-settings__content.show{display:inherit}html{font-size:13px}.cherry-ui-kit h1{font-weight:700;font-size:2.308rem;line-height:2.308rem}.cherry-ui-kit h1 .dashicons{font-size:3rem;line-height:inherit;width:20px;margin:0 10px 0 -2.5px}.cherry-ui-kit h2{font-weight:600;font-size:1.538rem;line-height:1.538rem}.cherry-ui-kit h2 .dashicons{font-size:2rem;line-height:inherit;width:20px;margin-right:10px}.cherry-ui-kit h3{font-weight:600;font-size:1.231rem;line-height:1.231rem}.cherry-ui-kit h3 .dashicons{font-size:1.7rem;line-height:inherit;margin-right:2.5px}.cherry-ui-kit h4{font-weight:500;font-size:1.077rem;line-height:1.077rem}.cherry-ui-kit h5{font-weight:500;font-size:1.077rem;line-height:1.077rem}.cherry-ui-kit h6{font-weight:400;font-size:1rem;line-height:1rem}.cherry-ui-kit a{color:#298ffc;text-decoration:none}.cherry-ui-kit a:hover{color:#23282d}.cherry-ui-kit a:focus{outline:1px solid rgba(41,143,252,0.6);box-shadow:0px 0px 2px rgba(41,143,252,0.6)}.cherry-ui-kit__description{font-size:0.9rem;color:#96989a;margin:5px 0}.cherry-ui-kit__title{margin:10px 0}.cherry-ui-kit.hide{display:none}.cherry-control+.cherry-control,.cherry-settings+.cherry-control{border-top:1px solid rgba(0,0,0,0.1)}.cherry-section{padding:5px;background-color:#fff;margin-left:-10px}.cherry-section__title,.cherry-section__description{margin:5px 0 0 0}.cherry-section+.cherry-ui-kit{border-top:1px solid rgba(0,0,0,0.1)}@media (min-width: 783px){.cherry-section{box-shadow:2px 2px 5px rgba(0,0,0,0.05);border-radius:3px;border:1px solid rgba(0,0,0,0.1);padding:7.5px;margin:7.5px 7.5px 0 0}.cherry-section__holder{background-color:#efefef;border-radius:3px;padding:7.5px}.cherry-section__info{background-color:#fff;border-radius:3px;padding:7.5px;box-shadow:2px 2px 5px rgba(0,0,0,0.05);margin-bottom:7.5px}.cherry-section .cherry-settings{box-shadow:2px 2px 5px rgba(0,0,0,0.05);border-radius:3px;border:1px solid rgba(0,0,0,0.1);background-color:#fff;margin-top:7.5px}.cherry-section .cherry-settings:first-child{margin-top:0}}@media (min-width: 961px){.cherry-section{padding:15px;margin:10px 10px 0 0}.cherry-section__info{padding:15px;margin-bottom:15px}.cherry-section__holder{padding:15px}.cherry-section .cherry-settings{margin-top:15px}}.cherry-component{padding:10px 0}@media (min-width: 783px){.cherry-component{padding:7.5px}}@media (min-width: 961px){.cherry-component{padding:15px}}.cherry-component+*{border-top:1px solid rgba(0,0,0,0.1)}.cherry-component__title{margin-top:0}.cherry-component .cherry-component__content .cherry-settings{padding:0;border-top:none}.cherry-component__button{display:block;min-height:45px;-webkit-transition:all 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19);transition:all 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19)}.cherry-component__button .cherry-ui-kit__title{color:inherit}.cherry-component__button.active,.cherry-component__button:hover{color:#298ffc;-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.cherry-component__button:focus{outline:none;box-shadow:inset 0 0 1px 0 rgba(41,143,252,0.5);-webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275);transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)}.cherry-component.cherry-accordion .cherry-component__button,.cherry-component.cherry-toggle .cherry-component__button{width:100%;padding:7.5px 10px;border:0;background:none;cursor:pointer;position:relative}.widget .cherry-component.cherry-accordion .cherry-component__button,.widget .cherry-component.cherry-toggle .cherry-component__button{background-color:#495159;color:#fff}.cherry-component.cherry-accordion .cherry-component__button .cherry-toggle__title,.cherry-component.cherry-toggle .cherry-component__button .cherry-toggle__title{font-weight:700;font-size:14px;float:left;margin:0}.cherry-component.cherry-accordion .cherry-component__button>span[class*="icon"],.cherry-component.cherry-toggle .cherry-component__button>span[class*="icon"]{position:absolute;top:50%;right:5px;margin-top:-10px;font-size:25px;color:#b4b7ba;padding:5px 5px;width:10px;height:9px;text-align:left;overflow:hidden}.widget .cherry-component.cherry-accordion .cherry-component__button>span[class*="icon"],.widget .cherry-component.cherry-toggle .cherry-component__button>span[class*="icon"]{color:#fff}.cherry-component.cherry-accordion .cherry-component__button>span[class*="icon"].hide-icon,.cherry-component.cherry-toggle .cherry-component__button>span[class*="icon"].hide-icon{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275)}.cherry-component.cherry-accordion .cherry-component__button>span[class*="icon"].hide-icon:before,.cherry-component.cherry-toggle .cherry-component__button>span[class*="icon"].hide-icon:before{position:relative;top:-8px;left:-9px}.cherry-component.cherry-accordion .cherry-component__button>span[class*="icon"].show-icon,.cherry-component.cherry-toggle .cherry-component__button>span[class*="icon"].show-icon{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1)}.cherry-component.cherry-accordion .cherry-component__button>span[class*="icon"].show-icon:before,.cherry-component.cherry-toggle .cherry-component__button>span[class*="icon"].show-icon:before{position:relative;top:-7px;left:-9px}.cherry-component.cherry-accordion .cherry-component__button.active>span[class*="icon"].show-icon,.cherry-component.cherry-toggle .cherry-component__button.active>span[class*="icon"].show-icon{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275);transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)}.cherry-component.cherry-accordion .cherry-component__button.active>span[class*="icon"].hide-icon,.cherry-component.cherry-toggle .cherry-component__button.active>span[class*="icon"].hide-icon{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.cherry-component.cherry-accordion .cherry-component__button+.cherry-settings__content,.cherry-component.cherry-toggle .cherry-component__button+.cherry-settings__content{border-top:1px solid rgba(0,0,0,0.1)}.cherry-component.cherry-accordion>.cherry-ui-kit__content>.cherry-settings+.cherry-settings,.cherry-component.cherry-toggle>.cherry-ui-kit__content>.cherry-settings+.cherry-settings{margin-top:5px}.cherry-component.cherry-accordion>.cherry-ui-kit__content>.cherry-settings,.cherry-component.cherry-toggle>.cherry-ui-kit__content>.cherry-settings{box-shadow:2px 2px 5px rgba(0,0,0,0.05);border-radius:3px;border:1px solid rgba(0,0,0,0.1)}.widget .cherry-component.cherry-accordion>.cherry-ui-kit__content>.cherry-settings,.widget .cherry-component.cherry-toggle>.cherry-ui-kit__content>.cherry-settings{box-shadow:none;border-radius:0;border-left:0;border-right:0}.cherry-component.cherry-tab .cherry-tab__tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;border-bottom:1px solid rgba(0,0,0,0.1)}.cherry-component.cherry-tab .cherry-tab__tabs .cherry-component__button{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0;-webkit-box-flex:0;-webkit-flex:0 1 100%;-ms-flex:0 1 100%;flex:0 1 100%;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;padding:7.5px 10px;border:0;background:none;cursor:pointer}.cherry-component.cherry-tab .cherry-tab__tabs .cherry-component__button.active{-ms-box-shadow:inset 0px -3px 0px 0px #298ffc;box-shadow:inset 0px -3px 0px 0px #298ffc}.cherry-component.cherry-tab .cherry-tab__tabs .cherry-component__button .cherry-tab__title{font-weight:700;font-size:14px;float:left;margin:0}.cherry-component.cherry-tab .cherry-tab__tabs .cherry-component__button+button{border-top:1px solid rgba(0,0,0,0.1)}.cherry-component.cherry-tab .cherry-tab__body{box-shadow:2px 2px 5px rgba(0,0,0,0.05);border-radius:3px;border:1px solid rgba(0,0,0,0.1);background-color:#fff}.cherry-component.cherry-tab .cherry-tab__body .cherry-settings{box-shadow:none;border-radius:0;border:none;background-color:inherit;margin:0}@media (min-width: 783px){.cherry-component.cherry-tab .cherry-tab__tabs{border:solid 1px rgba(0,0,0,0.1)}.cherry-component.cherry-tab .cherry-tab__tabs .cherry-component__button+button{border-top:none}.cherry-component.cherry-tab .cherry-tab__body{border:none}.cherry-component.cherry-tab .cherry-tab__body .cherry-tab__content{border:1px solid rgba(0,0,0,0.1)}.cherry-component.cherry-tab--horizontal>.cherry-tab__body{border-radius:none}.cherry-component.cherry-tab--horizontal>.cherry-tab__body>.cherry-tab__tabs{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;border-radius:3px 3px 0 0;border-bottom:none}.cherry-component.cherry-tab--horizontal>.cherry-tab__body>.cherry-tab__tabs .cherry-component__button{-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.cherry-component.cherry-tab--horizontal>.cherry-tab__body>.cherry-tab__content{border-radius:0 0 3px 3px}.cherry-component.cherry-tab--vertical>.cherry-tab__body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-radius:none}.cherry-component.cherry-tab--vertical>.cherry-tab__body>.cherry-tab__tabs{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:0;-webkit-flex:0 1 20%;-ms-flex:0 1 20%;flex:0 1 20%;border-radius:3px 0 0 3px;border-right:none}.cherry-component.cherry-tab--vertical>.cherry-tab__body>.cherry-tab__tabs .cherry-component__button{text-align:right}.cherry-component.cherry-tab--vertical>.cherry-tab__body>.cherry-tab__tabs .cherry-component__button .cherry-tab__title{width:100%}.cherry-component.cherry-tab--vertical>.cherry-tab__body>.cherry-tab__tabs .cherry-component__button.active{box-shadow:inset -3px 0px 0px #298ffc}.cherry-component.cherry-tab--vertical>.cherry-tab__body>.cherry-tab__content{-webkit-box-flex:0;-webkit-flex:0 1 80%;-ms-flex:0 1 80%;flex:0 1 80%;border-radius:0 3px 3px 0}}@media (min-width: 1200px){.cherry-component.cherry-tab--vertical .cherry-tab__tabs{-webkit-box-flex:0;-webkit-flex:0 1 20%;-ms-flex:0 1 20%;flex:0 1 20%}.cherry-component.cherry-tab--vertical .cherry-tab__content{-webkit-box-flex:0;-webkit-flex:0 1 80%;-ms-flex:0 1 80%;flex:0 1 80%}}.widget .cherry-component{padding:0}.widget .cherry-component__content{margin:0 -7.5px 10px}.widget .cherry-component__content .cherry-control{padding:7.5px 10px}.cherry-settings+.cherry-settings{border-top:1px solid rgba(0,0,0,0.1)}.cherry-settings .cherry-settings__title{margin-bottom:5px}.cherry-settings__description,.cherry-settings .cherry-settings__title{margin-left:5px}@media (min-width: 783px){.cherry-settings__description,.cherry-settings .cherry-settings__title{margin-left:7.5px}}@media (min-width: 961px){.cherry-settings__description,.cherry-settings .cherry-settings__title{margin-left:15px}}.cherry-control{padding:15px 0;margin:0 5px}.cherry-control__title{margin:0 0 5px 0}.cherry-control__description{margin-top:0}.cherry-control .cherry-ui-container{margin:0}@media (min-width: 783px){.cherry-control{padding:20px;margin:0 7.5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.cherry-control__info{-webkit-box-flex:0;-webkit-flex:0 1 30%;-ms-flex:0 1 30%;flex:0 1 30%;padding-right:7.5px}.cherry-control__content{-webkit-box-flex:0;-webkit-flex:0 1 70%;-ms-flex:0 1 70%;flex:0 1 70%}}@media (min-width: 961px){.cherry-control{padding:30px 0;margin:0 15px}}.widget .cherry-control{padding:7.5px 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.widget .cherry-control__content{-webkit-box-flex:0;-webkit-flex:0 1 100%;-ms-flex:0 1 100%;flex:0 1 100%}.widget .cherry-control__info{-webkit-box-flex:0;-webkit-flex:0 1 100%;-ms-flex:0 1 100%;flex:0 1 100%;padding-right:0}@media (min-width: 783px){.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner,.cherry-tab__content>.cherry-scroll,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content{max-height:700px;overflow-y:auto;position:relative}.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar{width:10px;height:10px}.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar-button,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar-button,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-button,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-button{width:0px;height:0px}.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar-thumb,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar-thumb,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-thumb,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-thumb{background-color:#298ffc;border:none;border-radius:3px}.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar-thumb:hover,.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar-thumb:active,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar-thumb:hover,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar-thumb:active,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-thumb:hover,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-thumb:active,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-thumb:hover,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-thumb:active{background:#206ff4}.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar-track,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar-track,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-track,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-track{background-color:#fff;border:none;border-radius:3px}.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar-corner,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar-corner,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-corner,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-corner{background:transparent}}

cherry-framework/modules/cherry-ui-elements/cherry-ui-elements.php CHANGED Viewed

	@@ -51,6 +51,7 @@ if ( ! class_exists( 'Cherry_UI_Elements' ) ) {
51	'repeater',
52	'iconpicker',
53	'button',

54	),
55	);
56


51	'repeater',
52	'iconpicker',
53	'button',
54	+ 'dimensions',
55	),
56	);
57

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-button/assets/min/ui-button.min.css CHANGED Viewed

@@ -1 +1 @@

- .cherry5-ui-button{position:relative;display:inline-block;font-size:~~12px~~;line-height:18px;~~font-weight:900;letter-spacing:0.5px;~~text-decoration:none;padding:~~15px~~ ~~20px~~;color:#23282d;text-transform:uppercase;border-radius:4px;border-width:1px;border-style:solid;outline:none;cursor:pointer;transition:all 200ms linear}.cherry5-ui-button:before{position:absolute;display:block;width:100%;height:100%;top:0;left:0;border-radius:4px;background-image:linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);content:''}.cherry5-ui-button:hover:before{background-image:linear-gradient(0deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%)}.cherry5-ui-button:active:before{opacity:0}.cherry5-ui-button.cherry5-ui-button-normal-style{color:#23282d;border-color:#d7d7d7 #b7b7b7 #b7b7b7 #d7d7d7;background-color:#f0f0f0}.cherry5-ui-button.cherry5-ui-button-normal-style:active{background-color:#e1e1e1;border-color:#9e9e9e #d7d7d7 #d7d7d7 #9e9e9e}.cherry5-ui-button.cherry5-ui-button-success-style{color:#fff;border-color:#49c56a #3a9e54 #3a9e54 #49c56a;background-color:#49c66a}.cherry5-ui-button.cherry5-ui-button-success-style:active{background-color:#3ba956;border-color:#2c7940 #49c56a #49c56a #2c7940}.cherry5-ui-button.cherry5-ui-button-primary-style{color:#fff;border-color:#5b9add #3e6a99 #3e6a99 #5b9add;background-color:#2a90fc}.cherry5-ui-button.cherry5-ui-button-primary-style:active{background-color:#206ff4;border-color:#2f5175 #5b9add #5b9add #2f5175}.cherry5-ui-button.cherry5-ui-button-secondary-style{color:#fff;border-color:#777879 #41464d #41464d #777879;background-color:#495159}.cherry5-ui-button.cherry5-ui-button-secondary-style:active{background-color:#495159;border-color:#2a2d31 #777879 #777879 #2a2d31}.cherry5-ui-button.cherry5-ui-button-danger-style{color:#fff;border-color:#e54444 #b83636 #b83636 #e54444;background-color:#e64545}.cherry5-ui-button.cherry5-ui-button-danger-style:active{background-color:#c73434;border-color:#912a2a #e54444 #e54444 #912a2a}.cherry5-ui-button.cherry5-ui-button-warning-style{color:#fff;border-color:#faa832 #c98627 #c98627 #faa832;background-color:#faa832}.cherry5-ui-button.cherry5-ui-button-warning-style:active{background-color:#ee8425;border-color:#9e6a1f #faa832 #faa832 #9e6a1f}

+ .cherry5-ui-button{position:relative;display:inline-block;font-size:11px;line-height:18px;text-decoration:none;padding:4px 22px;color:#23282d;text-transform:uppercase;border-radius:4px;border-width:1px;border-style:solid;outline:none;cursor:pointer;transition:all 200ms linear}.cherry5-ui-button:before{position:absolute;display:block;width:100%;height:100%;top:0;left:0;border-radius:4px;background-image:linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);content:''}.cherry5-ui-button:hover:before{background-image:linear-gradient(0deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%)}.cherry5-ui-button:active:before{opacity:0}.cherry5-ui-button.cherry5-ui-button-normal-style{color:#23282d;border-color:#d7d7d7 #b7b7b7 #b7b7b7 #d7d7d7;background-color:#f0f0f0}.cherry5-ui-button.cherry5-ui-button-normal-style:active{background-color:#e1e1e1;border-color:#9e9e9e #d7d7d7 #d7d7d7 #9e9e9e}.cherry5-ui-button.cherry5-ui-button-success-style{color:#fff;border-color:#49c56a #3a9e54 #3a9e54 #49c56a;background-color:#49c66a}.cherry5-ui-button.cherry5-ui-button-success-style:active{background-color:#3ba956;border-color:#2c7940 #49c56a #49c56a #2c7940}.cherry5-ui-button.cherry5-ui-button-primary-style{color:#fff;border-color:#5b9add #3e6a99 #3e6a99 #5b9add;background-color:#2a90fc}.cherry5-ui-button.cherry5-ui-button-primary-style:active{background-color:#206ff4;border-color:#2f5175 #5b9add #5b9add #2f5175}.cherry5-ui-button.cherry5-ui-button-secondary-style{color:#fff;border-color:#777879 #41464d #41464d #777879;background-color:#495159}.cherry5-ui-button.cherry5-ui-button-secondary-style:active{background-color:#495159;border-color:#2a2d31 #777879 #777879 #2a2d31}.cherry5-ui-button.cherry5-ui-button-danger-style{color:#fff;border-color:#e54444 #b83636 #b83636 #e54444;background-color:#e64545}.cherry5-ui-button.cherry5-ui-button-danger-style:active{background-color:#c73434;border-color:#912a2a #e54444 #e54444 #912a2a}.cherry5-ui-button.cherry5-ui-button-warning-style{color:#fff;border-color:#faa832 #c98627 #c98627 #faa832;background-color:#faa832}.cherry5-ui-button.cherry5-ui-button-warning-style:active{background-color:#ee8425;border-color:#9e6a1f #faa832 #faa832 #9e6a1f}

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-button/assets/ui-kit/_mixins.scss CHANGED Viewed

	@@ -1,12 +1,10 @@
1	@mixin button_base() {
2	position: relative;
3	display: inline-block;
4	- font-size: ~~12px~~;
5	line-height: 18px;
6	- font-weight: 900;
7	- letter-spacing: 0.5px;
8	text-decoration: none;
9	- padding: ~~15px~~ ~~20px~~;
10	color: $dark_color;
11	text-transform: uppercase;
12	border-radius: $border_radius_small;


1	@mixin button_base() {
2	position: relative;
3	display: inline-block;
4	+ font-size: 11px;
5	line-height: 18px;


6	text-decoration: none;
7	+ padding: 4px 22px;
8	color: $dark_color;
9	text-transform: uppercase;
10	border-radius: $border_radius_small;

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-checkbox/assets/min/ui-checkbox.min.css CHANGED Viewed

@@ -1 +1 @@

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-checkbox/assets/ui-checkbox.scss CHANGED Viewed

	@@ -13,34 +13,40 @@ label.cherry-label{
13	display: none !important;
14	}
15	.cherry-checkbox-item{
16	- width: ~~26px~~;
17	- height: ~~26px~~;
18	display: inline-block;
19	border-radius: $border_radius_extra_small;
20	margin-right: 10px;
21	- margin-bottom: ~~6px~~;
22	cursor: pointer;
23	position: relative;
24	background-color: $grey_color_3;
25	user-select: none;
26	transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
27	- ~~.marker{~~
28	- ~~position: absolute;~~
29	- ~~width~~: ~~26px~~;
30	- ~~height~~: ~~26px~~;
31	- ~~top~~: ~~0px~~;
32	- ~~left~~: 0px;
33	- ~~color~~: ~~#fff~~;
34	- ~~font-size~~: ~~28px~~;





35	transition:inherit;
36	- ~~transform~~: ~~scale(0)~~;
37	- ~~&:before{~~
38	- transition:inherit;
39	- position: relative;
40	- left: -2px;
41	- }
42	}

43	}




44	.cherry-checkbox-input{
45	&[checked]{
46	&+.cherry-checkbox-item{
	@@ -52,10 +58,8 @@ label.cherry-label{
52	}
53	}
54	.cherry-checkbox-label{
55	- ~~display~~: ~~inline-block~~;
56	- ~~vertical~~-~~align~~: ~~top~~;
57	- font-size: 14px;
58	- line-height: 26px;
59	color: $dark_color_1;
60	user-select: none;
61	&:focus{


13	display: none !important;
14	}
15	.cherry-checkbox-item{
16	+ width: 20px;
17	+ height: 20px;
18	display: inline-block;
19	border-radius: $border_radius_extra_small;
20	margin-right: 10px;
21	+ margin-bottom: 10px;
22	cursor: pointer;
23	position: relative;
24	background-color: $grey_color_3;
25	user-select: none;
26	transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
27	+
28	+ .marker{
29	+ position: absolute;
30	+ width: 20px;
31	+ height: 20px;
32	+ top: 0px;
33	+ left: 0px;
34	+ color: #fff;
35	+ font-size: 20px;
36	+ transition:inherit;
37	+ transform: scale(0);
38	+
39	+ &:before{
40	transition:inherit;
41	+ position: relative;
42	+ left: -1px;




43	}
44	+ }
45	}
46	+ .cherry-lable-content {
47	+ display: flex;
48	+ }
49	+
50	.cherry-checkbox-input{
51	&[checked]{
52	&+.cherry-checkbox-item{

58	}
59	}
60	.cherry-checkbox-label{
61	+ font-size: 12px;
62	+ line-height: 20px;


63	color: $dark_color_1;
64	user-select: none;
65	&:focus{

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-colorpicker/assets/min/ui-colorpicker.min.css CHANGED Viewed

@@ -1 +1 @@

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-colorpicker/assets/min/wp-color-picker-alpha.min.js ADDED Viewed

	@@ -0,0 +1,13 @@


1	+ /**!
2	+ * wp-color-picker-alpha
3	+ *
4	+ * Overwrite Automattic Iris for enabled Alpha Channel in wpColorPicker
5	+ * Only run in input and is defined data alpha in true
6	+ *
7	+ * Version: 2.1.2
8	+ * https://github.com/kallookoo/wp-color-picker-alpha
9	+ * Licensed under the GPLv2 license.
10	+ */
11	+ !function(t){var o="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAAHnlligAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNpi+P///4EDBxiAGMgCCCAGFB5AADGCRBgYDh48CCRZIJS9vT2QBAggFBkmBiSAogxFBiCAoHogAKIKAlBUYTELAiAmEtABEECk20G6BOmuIl0CIMBQ/IEMkO0myiSSraaaBhZcbkUOs0HuBwDplz5uFJ3Z4gAAAABJRU5ErkJggg==",r='<div class="wp-picker-holder" />',e='<div class="wp-picker-container" />',i='<input type="button" class="button button-small" />',a=void 0!==wpColorPickerL10n.current;if(a)n='<a tabindex="0" class="wp-color-result" />';else var n='<button type="button" class="button wp-color-result" aria-expanded="false"><span class="wp-color-result-text"></span></button>',l="<label></label>",s='<span class="screen-reader-text"></span>';Color.fn.toString=function(){if(this._alpha<1)return this.toCSS("rgba",this._alpha).replace(/\s+/g,"");var t=parseInt(this._color,10).toString(16);return this.error?"":(t.length<6&&(t=("00000"+t).substr(-6)),"#"+t)},t.widget("wp.wpColorPicker",t.wp.wpColorPicker,{_create:function(){if(t.support.iris){var p=this,c=p.element;if(t.extend(p.options,c.data()),"hue"===p.options.type)return p._createHueOnly();p.close=t.proxy(p.close,p),p.initialValue=c.val(),c.addClass("wp-color-picker"),a?(c.hide().wrap(e),p.wrap=c.parent(),p.toggler=t(n).insertBefore(c).css({backgroundColor:p.initialValue}).attr("title",wpColorPickerL10n.pick).attr("data-current",wpColorPickerL10n.current),p.pickerContainer=t(r).insertAfter(c),p.button=t(i).addClass("hidden")):(c.parent("label").length\|\|(c.wrap(l),p.wrappingLabelText=t(s).insertBefore(c).text(wpColorPickerL10n.defaultLabel)),p.wrappingLabel=c.parent(),p.wrappingLabel.wrap(e),p.wrap=p.wrappingLabel.parent(),p.toggler=t(n).insertBefore(p.wrappingLabel).css({backgroundColor:p.initialValue}),p.toggler.find(".wp-color-result-text").text(wpColorPickerL10n.pick),p.pickerContainer=t(r).insertAfter(p.wrappingLabel),p.button=t(i)),p.options.defaultColor?(p.button.addClass("wp-picker-default").val(wpColorPickerL10n.defaultString),a\|\|p.button.attr("aria-label",wpColorPickerL10n.defaultAriaLabel)):(p.button.addClass("wp-picker-clear").val(wpColorPickerL10n.clear),a\|\|p.button.attr("aria-label",wpColorPickerL10n.clearAriaLabel)),a?c.wrap('<span class="wp-picker-input-wrap" />').after(p.button):(p.wrappingLabel.wrap('<span class="wp-picker-input-wrap hidden" />').after(p.button),p.inputWrapper=c.closest(".wp-picker-input-wrap")),c.iris({target:p.pickerContainer,hide:p.options.hide,width:p.options.width,mode:p.options.mode,palettes:p.options.palettes,change:function(r,e){p.options.alpha?(p.toggler.css({"background-image":"url("+o+")"}),a?p.toggler.html('<span class="color-alpha" />'):(p.toggler.css({position:"relative"}),0==p.toggler.find("span.color-alpha").length&&p.toggler.append('<span class="color-alpha" />')),p.toggler.find("span.color-alpha").css({width:"30px",height:"24px",position:"absolute",top:0,left:0,"border-top-left-radius":"2px","border-bottom-left-radius":"2px",background:e.color.toString()})):p.toggler.css({backgroundColor:e.color.toString()}),t.isFunction(p.options.change)&&p.options.change.call(this,r,e)}}),c.val(p.initialValue),p._addListeners(),p.options.hide\|\|p.toggler.click()}},_addListeners:function(){var o=this;o.wrap.on("click.wpcolorpicker",function(t){t.stopPropagation()}),o.toggler.click(function(){o.toggler.hasClass("wp-picker-open")?o.close():o.open()}),o.element.on("change",function(r){(""===t(this).val()\|\|o.element.hasClass("iris-error"))&&(o.options.alpha?(a&&o.toggler.removeAttr("style"),o.toggler.find("span.color-alpha").css("backgroundColor","")):o.toggler.css("backgroundColor",""),t.isFunction(o.options.clear)&&o.options.clear.call(this,r))}),o.button.on("click",function(r){t(this).hasClass("wp-picker-clear")?(o.element.val(""),o.options.alpha?(a&&o.toggler.removeAttr("style"),o.toggler.find("span.color-alpha").css("backgroundColor","")):o.toggler.css("backgroundColor",""),t.isFunction(o.options.clear)&&o.options.clear.call(this,r)):t(this).hasClass("wp-picker-default")&&o.element.val(o.options.defaultColor).change()})}}),t.widget("a8c.iris",t.a8c.iris,{_create:function(){if(this._super(),this.options.alpha=this.element.data("alpha")\|\|!1,this.element.is(":input")\|\|(this.options.alpha=!1),void 0!==this.options.alpha&&this.options.alpha){var o=this,r=o.element,e=t('<div class="iris-strip iris-slider iris-alpha-slider"><div class="iris-slider-offset iris-slider-offset-alpha"></div></div>').appendTo(o.picker.find(".iris-picker-inner")),i={aContainer:e,aSlider:e.find(".iris-slider-offset-alpha")};void 0!==r.data("custom-width")?o.options.customWidth=parseInt(r.data("custom-width"))\|\|0:o.options.customWidth=100,o.options.defaultWidth=r.width(),(o._color._alpha<1\|\|-1!=o._color.toString().indexOf("rgb"))&&r.width(parseInt(o.options.defaultWidth+o.options.customWidth)),t.each(i,function(t,r){o.controls[t]=r}),o.controls.square.css({"margin-right":"0"});var a=o.picker.width()-o.controls.square.width()-20,n=a/6,l=a/2-n;t.each(["aContainer","strip"],function(t,r){o.controls[r].width(l).css({"margin-left":n+"px"})}),o._initControls(),o._change()}},_initControls:function(){if(this._super(),this.options.alpha){var t=this;t.controls.aSlider.slider({orientation:"vertical",min:0,max:100,step:1,value:parseInt(100t._color._alpha),slide:function(o,r){t._color._alpha=parseFloat(r.value/100),t._change.apply(t,arguments)}})}},_change:function(){this._super();var t=this,r=t.element;if(this.options.alpha){var e=t.controls,i=parseInt(100t._color._alpha),a=t._color.toRgb(),n=["rgb("+a.r+","+a.g+","+a.b+") 0%","rgba("+a.r+","+a.g+","+a.b+", 0) 100%"],l=t.options.defaultWidth,s=t.options.customWidth,p=t.picker.closest(".wp-picker-container").find(".wp-color-result");e.aContainer.css({background:"linear-gradient(to bottom, "+n.join(", ")+"), url("+o+")"}),p.hasClass("wp-picker-open")&&(e.aSlider.slider("value",i),t._color._alpha<1?(e.strip.attr("style",e.strip.attr("style").replace(/rgba$([0-9]+,)(\s+)?([0-9]+,)(\s+)?([0-9]+)(,(\s+)?[0-9\.]+)$/g,"rgb($1$3$5)")),r.width(parseInt(l+s))):r.width(l))}(r.data("reset-alpha")\|\|!1)&&t.picker.find(".iris-palette-container").on("click.palette",".iris-palette",function(){t._color._alpha=1,t.active="external",t._change()})},_addInputListeners:function(t){var o=this,r=function(r){var e=new Color(t.val()),i=t.val();t.removeClass("iris-error"),e.error?""!==i&&t.addClass("iris-error"):e.toString()!==o._color.toString()&&("keyup"===r.type&&i.match(/^[0-9a-fA-F]{3}$/)\|\|o._setOption("color",e.toString()))};t.on("change",r).on("keyup",o._debounce(r,100)),o.options.hide&&t.on("focus",function(){o.show()})}})}(jQuery),
12	+ // Auto call with colo-picker class
13	+ jQuery(document).ready(function(t){t(".color-picker").wpColorPicker()});

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-colorpicker/assets/ui-colorpicker.scss CHANGED Viewed

@@ -3,96 +3,66 @@
             @import "../../../../assets/sass/lock";
             $font_size: 14px;
-            -
            .cherry-ui-elements-lock{
             	opacity: 0.5;
             	cursor: no-drop;
             	pointer-events: none;
             	filter: grayscale( 100% );
+            }
-            -
            .cherry-ui-container{
             	margin: 10px 0 20px 0;
+            }
-            -
            label.cherry-label{
             	margin: 0 0 5px 0;
             	display: block;
+            }
-            -
            .cherry-ui-colorpicker-wrapper{
-            -
            	background-color: $grey_color_3;
-            -
            	padding: 5px;
-            -
            	max-width: 230px;
-            -
            	height: 46px;
-            -
            	box-sizing: border-box;
-            -
            }
-            -
            .cherry-ui-colorpicker-wrapper, .customize-control-content{
-            -
            	& .wp-picker-container{
-            -
            		display: block;
-            -
            		position: relative;
-            -
            		z-index: 1000;
-            -
            		&:active{
-            -
            			display: block;
+            		}
-            -
            		> .wp-color-result{
-            -
            			margin: 0;
-            -
            			border-radius: $border_radius_extra_small;
-            -
            			display: block;
             			border: none;
-            -
            			box-shadow: none;
-            -
            			height: auto;
-            -
            			padding-left: 35px;
-            -
            			&:after{
-            -
            				padding:7px 0px;
-            -
            				font-size: $font_size;
-            -
            				border-left: none;
-            -
            			};
-            -
            			&:focus, &:active{
             				outline: none;
-            -
            				border: 1px solid rgba(41, 143, 252, .6);
-            -
            				box-shadow: 0px 0px 2px rgba(41,143,252,0.6);
+            			}
-            -
            		}
-            -
            		> .wp-picker-input-wrap{
-            -
            			display: none;
-            -
            			display: flex;
-            -
            			width: calc(100% - 40px);
-            -
            			max-width: calc(100% - 40px);
-            -
            			float: right;
-            -
            			&:after{
-            -
            				content: '.';
-            -
            				clear: both;
-            -
            				visibility: hidden;
-            -
            				height: 0;
-            -
            			};
-            -
            			input[type="text"]{
-            -
            				padding: 8px 10px 9px;
-            -
            				font-size: $font_size;
-            -
            				max-width: 100%;
-            -
            				flex-grow: 1;
-            -
            			}
-            -
            			input[type="button"]{
-            -
            				height: auto;
-            -
            				border: none;
-            -
            				border-radius: $border_radius_extra_small;
-            -
            				box-shadow: none;
-            -
            				padding: 6px 10px 7px;
-            -
            				font-size: $font_size;
-            -
            				margin-left: 5px;
-            -
            				flex-shrink: 0;
+            			}
+            		}
-            -
            		&.wp-picker-active{
-            -
            			> .wp-color-result{
-            -
            				height: 35px;
-            -
            				width: 0;
-            -
            				display: inline-block;
-            -
            				margin-right: 5px;
-            -
            				&:after{
-            -
            					display: none;
-            -
            				}
-            -
            			}
-            -
            			> .wp-picker-input-wrap{
-            -
            				display: inline-flex;
+            			}
+            		}
+            	}
+            }


3	@import "../../../../assets/sass/lock";
4
5	$font_size: 14px;
6	+
7	+ .cherry-ui-elements-lock {
8	opacity: 0.5;
9	cursor: no-drop;
10	pointer-events: none;
11	filter: grayscale( 100% );
12	}
13	+
14	+ .cherry-ui-container {
15	margin: 10px 0 20px 0;
16	}
17	+
18	+ label.cherry-label {
19	margin: 0 0 5px 0;
20	display: block;
21	}










22
23	+ .cherry-ui-colorpicker-wrapper {
24	+
25	+ .wp-picker-container {
26	+ padding: 3px;
27	+ border-radius: 3px;
28	+
29	+ .wp-color-result-text {
30	+ line-height: 18px;
31	+ text-align: right;
32	}
33	+
34	+ .wp-color-result {
35	+ width: 105px;
36	+ height: 26px;
37	+ padding: 0;
38	border: none;
39	+ margin: 0;
40	+ box-shadow: inset 0 0 0 3px white;
41	+ border: 1px solid #d5dadf;
42	+
43	+ &:focus {
44	+ border: 1px solid #9ba7b3;



45	outline: none;


46	}
47	+
48	+ &:after {
49	+ display: none;

























50	}
51	}
52	+
53	+ .wp-picker-input-wrap {
54	+ margin: 1px 0;
55	+ }
56	+
57	+ &.wp-picker-active {
58	+ .wp-color-result {
59	+ margin-right: 6px;




60	}
61	}
62	+
63	+ .iris-picker {
64	+ position: absolute;
65	+ z-index: 999;
66	+ }
67	}
68	}

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-colorpicker/assets/wp-color-picker-alpha.js ADDED Viewed

	@@ -0,0 +1,490 @@


1	+ /**!
2	+ * wp-color-picker-alpha
3	+ *
4	+ * Overwrite Automattic Iris for enabled Alpha Channel in wpColorPicker
5	+ * Only run in input and is defined data alpha in true
6	+ *
7	+ * Version: 2.1.2
8	+ * https://github.com/kallookoo/wp-color-picker-alpha
9	+ * Licensed under the GPLv2 license.
10	+ */
11	+ ( function( $ ) {
12	+ // Variable for some backgrounds ( grid )
13	+ var image = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAAHnlligAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNpi+P///4EDBxiAGMgCCCAGFB5AADGCRBgYDh48CCRZIJS9vT2QBAggFBkmBiSAogxFBiCAoHogAKIKAlBUYTELAiAmEtABEECk20G6BOmuIl0CIMBQ/IEMkO0myiSSraaaBhZcbkUOs0HuBwDplz5uFJ3Z4gAAAABJRU5ErkJggg==',
14	+ // html stuff for wpColorPicker copy of the original color-picker.js
15	+ _after = '<div class="wp-picker-holder" />',
16	+ _wrap = '<div class="wp-picker-container" />',
17	+ _button = '<input type="button" class="button button-small" />',
18	+ // Prevent CSS issues in < WordPress 4.9
19	+ _deprecated = ( wpColorPickerL10n.current !== undefined );
20	+ // Declare some global variables when is deprecated or not
21	+ if ( _deprecated ) {
22	+ var _before = '<a tabindex="0" class="wp-color-result" />';
23	+ } else {
24	+ var _before = '<button type="button" class="button wp-color-result" aria-expanded="false"><span class="wp-color-result-text"></span></button>',
25	+ _wrappingLabel = '<label></label>',
26	+ _wrappingLabelText = '<span class="screen-reader-text"></span>';
27	+ }
28	+ /**
29	+ * Overwrite Color
30	+ * for enable support rbga
31	+ */
32	+ Color.fn.toString = function() {
33	+ if ( this._alpha < 1 )
34	+ return this.toCSS( 'rgba', this._alpha ).replace( /\s+/g, '' );
35	+
36	+ var hex = parseInt( this._color, 10 ).toString( 16 );
37	+
38	+ if ( this.error )
39	+ return '';
40	+
41	+ if ( hex.length < 6 )
42	+ hex = ( '00000' + hex ).substr( -6 );
43	+
44	+ return '#' + hex;
45	+ };
46	+
47	+ /**
48	+ * Overwrite wpColorPicker
49	+ */
50	+ $.widget( 'wp.wpColorPicker', $.wp.wpColorPicker, {
51	+ /**
52	+ * @summary Creates the color picker.
53	+ *
54	+ * Creates the color picker, sets default values, css classes and wraps it all in HTML.
55	+ *
56	+ * @since 3.5.0
57	+ *
58	+ * @access private
59	+ *
60	+ * @returns {void}
61	+ */
62	+ _create: function() {
63	+ // Return early if Iris support is missing.
64	+ if ( ! $.support.iris ) {
65	+ return;
66	+ }
67	+
68	+ var self = this,
69	+ el = self.element;
70	+
71	+ // Override default options with options bound to the element.
72	+ $.extend( self.options, el.data() );
73	+
74	+ // Create a color picker which only allows adjustments to the hue.
75	+ if ( self.options.type === 'hue' ) {
76	+ return self._createHueOnly();
77	+ }
78	+
79	+ // Bind the close event.
80	+ self.close = $.proxy( self.close, self );
81	+
82	+ self.initialValue = el.val();
83	+
84	+ // Add a CSS class to the input field.
85	+ el.addClass( 'wp-color-picker' );
86	+
87	+ if ( _deprecated ) {
88	+ el.hide().wrap( _wrap );
89	+ self.wrap = el.parent();
90	+ self.toggler = $( _before )
91	+ .insertBefore( el )
92	+ .css( { backgroundColor : self.initialValue } )
93	+ .attr( 'title', wpColorPickerL10n.pick )
94	+ .attr( 'data-current', wpColorPickerL10n.current );
95	+ self.pickerContainer = $( _after ).insertAfter( el );
96	+ self.button = $( _button ).addClass('hidden');
97	+ } else {
98	+ /*
99	+ * Check if there's already a wrapping label, e.g. in the Customizer.
100	+ * If there's no label, add a default one to match the Customizer template.
101	+ */
102	+ if ( ! el.parent( 'label' ).length ) {
103	+ // Wrap the input field in the default label.
104	+ el.wrap( _wrappingLabel );
105	+ // Insert the default label text.
106	+ self.wrappingLabelText = $( _wrappingLabelText )
107	+ .insertBefore( el )
108	+ .text( wpColorPickerL10n.defaultLabel );
109	+ }
110	+
111	+ /*
112	+ * At this point, either it's the standalone version or the Customizer
113	+ * one, we have a wrapping label to use as hook in the DOM, let's store it.
114	+ */
115	+ self.wrappingLabel = el.parent();
116	+
117	+ // Wrap the label in the main wrapper.
118	+ self.wrappingLabel.wrap( _wrap );
119	+ // Store a reference to the main wrapper.
120	+ self.wrap = self.wrappingLabel.parent();
121	+ // Set up the toggle button and insert it before the wrapping label.
122	+ self.toggler = $( _before )
123	+ .insertBefore( self.wrappingLabel )
124	+ .css( { backgroundColor: self.initialValue } );
125	+ // Set the toggle button span element text.
126	+ self.toggler.find( '.wp-color-result-text' ).text( wpColorPickerL10n.pick );
127	+ // Set up the Iris container and insert it after the wrapping label.
128	+ self.pickerContainer = $( _after ).insertAfter( self.wrappingLabel );
129	+ // Store a reference to the Clear/Default button.
130	+ self.button = $( _button );
131	+ }
132	+
133	+ // Set up the Clear/Default button.
134	+ if ( self.options.defaultColor ) {
135	+ self.button.addClass( 'wp-picker-default' ).val( wpColorPickerL10n.defaultString );
136	+ if ( ! _deprecated ) {
137	+ self.button.attr( 'aria-label', wpColorPickerL10n.defaultAriaLabel );
138	+ }
139	+ } else {
140	+ self.button.addClass( 'wp-picker-clear' ).val( wpColorPickerL10n.clear );
141	+ if ( ! _deprecated ) {
142	+ self.button.attr( 'aria-label', wpColorPickerL10n.clearAriaLabel );
143	+ }
144	+ }
145	+
146	+ if ( _deprecated ) {
147	+ el.wrap( '<span class="wp-picker-input-wrap" />' ).after( self.button );
148	+ } else {
149	+ // Wrap the wrapping label in its wrapper and append the Clear/Default button.
150	+ self.wrappingLabel
151	+ .wrap( '<span class="wp-picker-input-wrap hidden" />' )
152	+ .after( self.button );
153	+
154	+ /*
155	+ * The input wrapper now contains the label+input+Clear/Default button.
156	+ * Store a reference to the input wrapper: we'll use this to toggle
157	+ * the controls visibility.
158	+ */
159	+ self.inputWrapper = el.closest( '.wp-picker-input-wrap' );
160	+ }
161	+
162	+ el.iris( {
163	+ target: self.pickerContainer,
164	+ hide: self.options.hide,
165	+ width: self.options.width,
166	+ mode: self.options.mode,
167	+ palettes: self.options.palettes,
168	+ /**
169	+ * @summary Handles the onChange event if one has been defined in the options.
170	+ *
171	+ * Handles the onChange event if one has been defined in the options and additionally
172	+ * sets the background color for the toggler element.
173	+ *
174	+ * @since 3.5.0
175	+ *
176	+ * @param {Event} event The event that's being called.
177	+ * @param {HTMLElement} ui The HTMLElement containing the color picker.
178	+ *
179	+ * @returns {void}
180	+ */
181	+ change: function( event, ui ) {
182	+ if ( self.options.alpha ) {
183	+ self.toggler.css( { 'background-image' : 'url(' + image + ')' } );
184	+ if ( _deprecated ) {
185	+ self.toggler.html( '<span class="color-alpha" />' );
186	+ } else {
187	+ self.toggler.css( {
188	+ 'position' : 'relative'
189	+ } );
190	+ if ( self.toggler.find('span.color-alpha').length == 0 ) {
191	+ self.toggler.append('<span class="color-alpha" />');
192	+ }
193	+ }
194	+
195	+ self.toggler.find( 'span.color-alpha' ).css( {
196	+ 'width' : '30px',
197	+ 'height' : '24px',
198	+ 'position' : 'absolute',
199	+ 'top' : 0,
200	+ 'left' : 0,
201	+ 'border-top-left-radius' : '2px',
202	+ 'border-bottom-left-radius' : '2px',
203	+ 'background' : ui.color.toString()
204	+ } );
205	+ } else {
206	+ self.toggler.css( { backgroundColor : ui.color.toString() } );
207	+ }
208	+
209	+ if ( $.isFunction( self.options.change ) ) {
210	+ self.options.change.call( this, event, ui );
211	+ }
212	+ }
213	+ } );
214	+
215	+ el.val( self.initialValue );
216	+ self._addListeners();
217	+
218	+ // Force the color picker to always be closed on initial load.
219	+ if ( ! self.options.hide ) {
220	+ self.toggler.click();
221	+ }
222	+ },
223	+ /**
224	+ * @summary Binds event listeners to the color picker.
225	+ *
226	+ * @since 3.5.0
227	+ *
228	+ * @access private
229	+ *
230	+ * @returns {void}
231	+ */
232	+ _addListeners: function() {
233	+ var self = this;
234	+
235	+ /**
236	+ * @summary Prevent any clicks inside this widget from leaking to the top and closing it.
237	+ *
238	+ * @since 3.5.0
239	+ *
240	+ * @param {Event} event The event that's being called.
241	+ *
242	+ * @returs {void}
243	+ */
244	+ self.wrap.on( 'click.wpcolorpicker', function( event ) {
245	+ event.stopPropagation();
246	+ });
247	+
248	+ /**
249	+ * @summary Open or close the color picker depending on the class.
250	+ *
251	+ * @since 3.5
252	+ */
253	+ self.toggler.click( function(){
254	+ if ( self.toggler.hasClass( 'wp-picker-open' ) ) {
255	+ self.close();
256	+ } else {
257	+ self.open();
258	+ }
259	+ });
260	+
261	+ /**
262	+ * @summary Checks if value is empty when changing the color in the color picker.
263	+ *
264	+ * Checks if value is empty when changing the color in the color picker.
265	+ * If so, the background color is cleared.
266	+ *
267	+ * @since 3.5.0
268	+ *
269	+ * @param {Event} event The event that's being called.
270	+ *
271	+ * @returns {void}
272	+ */
273	+ self.element.on( 'change', function( event ) {
274	+ // Empty or Error = clear
275	+ if ( $( this ).val() === '' \|\| self.element.hasClass( 'iris-error' ) ) {
276	+ if ( self.options.alpha ) {
277	+ if ( _deprecated ) {
278	+ self.toggler.removeAttr( 'style' );
279	+ }
280	+ self.toggler.find( 'span.color-alpha' ).css( 'backgroundColor', '' );
281	+ } else {
282	+ self.toggler.css( 'backgroundColor', '' );
283	+ }
284	+
285	+ // fire clear callback if we have one
286	+ if ( $.isFunction( self.options.clear ) )
287	+ self.options.clear.call( this, event );
288	+ }
289	+ } );
290	+
291	+ /**
292	+ * @summary Enables the user to clear or revert the color in the color picker.
293	+ *
294	+ * Enables the user to either clear the color in the color picker or revert back to the default color.
295	+ *
296	+ * @since 3.5.0
297	+ *
298	+ * @param {Event} event The event that's being called.
299	+ *
300	+ * @returns {void}
301	+ */
302	+ self.button.on( 'click', function( event ) {
303	+ if ( $( this ).hasClass( 'wp-picker-clear' ) ) {
304	+ self.element.val( '' );
305	+ if ( self.options.alpha ) {
306	+ if ( _deprecated ) {
307	+ self.toggler.removeAttr( 'style' );
308	+ }
309	+ self.toggler.find( 'span.color-alpha' ).css( 'backgroundColor', '' );
310	+ } else {
311	+ self.toggler.css( 'backgroundColor', '' );
312	+ }
313	+
314	+ if ( $.isFunction( self.options.clear ) )
315	+ self.options.clear.call( this, event );
316	+
317	+ } else if ( $( this ).hasClass( 'wp-picker-default' ) ) {
318	+ self.element.val( self.options.defaultColor ).change();
319	+ }
320	+ });
321	+ },
322	+ });
323	+
324	+ /**
325	+ * Overwrite iris
326	+ */
327	+ $.widget( 'a8c.iris', $.a8c.iris, {
328	+ _create: function() {
329	+ this._super();
330	+
331	+ // Global option for check is mode rbga is enabled
332	+ this.options.alpha = this.element.data( 'alpha' ) \|\| false;
333	+
334	+ // Is not input disabled
335	+ if ( ! this.element.is( ':input' ) )
336	+ this.options.alpha = false;
337	+
338	+ if ( typeof this.options.alpha !== 'undefined' && this.options.alpha ) {
339	+ var self = this,
340	+ el = self.element,
341	+ _html = '<div class="iris-strip iris-slider iris-alpha-slider"><div class="iris-slider-offset iris-slider-offset-alpha"></div></div>',
342	+ aContainer = $( _html ).appendTo( self.picker.find( '.iris-picker-inner' ) ),
343	+ aSlider = aContainer.find( '.iris-slider-offset-alpha' ),
344	+ controls = {
345	+ aContainer : aContainer,
346	+ aSlider : aSlider
347	+ };
348	+
349	+ if ( typeof el.data( 'custom-width' ) !== 'undefined' ) {
350	+ self.options.customWidth = parseInt( el.data( 'custom-width' ) ) \|\| 0;
351	+ } else {
352	+ self.options.customWidth = 100;
353	+ }
354	+
355	+ // Set default width for input reset
356	+ self.options.defaultWidth = el.width();
357	+
358	+ // Update width for input
359	+ if ( self._color._alpha < 1 \|\| self._color.toString().indexOf('rgb') != -1 )
360	+ el.width( parseInt( self.options.defaultWidth + self.options.customWidth ) );
361	+
362	+ // Push new controls
363	+ $.each( controls, function( k, v ) {
364	+ self.controls[k] = v;
365	+ } );
366	+
367	+ // Change size strip and add margin for sliders
368	+ self.controls.square.css( { 'margin-right': '0' } );
369	+ var emptyWidth = ( self.picker.width() - self.controls.square.width() - 20 ),
370	+ stripsMargin = ( emptyWidth / 6 ),
371	+ stripsWidth = ( ( emptyWidth / 2 ) - stripsMargin );
372	+
373	+ $.each( [ 'aContainer', 'strip' ], function( k, v ) {
374	+ self.controls[v].width( stripsWidth ).css( { 'margin-left' : stripsMargin + 'px' } );
375	+ } );
376	+
377	+ // Add new slider
378	+ self._initControls();
379	+
380	+ // For updated widget
381	+ self._change();
382	+ }
383	+ },
384	+ _initControls: function() {
385	+ this._super();
386	+
387	+ if ( this.options.alpha ) {
388	+ var self = this,
389	+ controls = self.controls;
390	+
391	+ controls.aSlider.slider({
392	+ orientation : 'vertical',
393	+ min : 0,
394	+ max : 100,
395	+ step : 1,
396	+ value : parseInt( self._color._alpha * 100 ),
397	+ slide : function( event, ui ) {
398	+ // Update alpha value
399	+ self._color._alpha = parseFloat( ui.value / 100 );
400	+ self._change.apply( self, arguments );
401	+ }
402	+ });
403	+ }
404	+ },
405	+ _change: function() {
406	+ this._super();
407	+
408	+ var self = this,
409	+ el = self.element;
410	+
411	+ if ( this.options.alpha ) {
412	+ var controls = self.controls,
413	+ alpha = parseInt( self._color._alpha * 100 ),
414	+ color = self._color.toRgb(),
415	+ gradient = [
416	+ 'rgb(' + color.r + ',' + color.g + ',' + color.b + ') 0%',
417	+ 'rgba(' + color.r + ',' + color.g + ',' + color.b + ', 0) 100%'
418	+ ],
419	+ defaultWidth = self.options.defaultWidth,
420	+ customWidth = self.options.customWidth,
421	+ target = self.picker.closest( '.wp-picker-container' ).find( '.wp-color-result' );
422	+
423	+ // Generate background slider alpha, only for CSS3 old browser fuck!! :)
424	+ controls.aContainer.css( { 'background' : 'linear-gradient(to bottom, ' + gradient.join( ', ' ) + '), url(' + image + ')' } );
425	+
426	+ if ( target.hasClass( 'wp-picker-open' ) ) {
427	+ // Update alpha value
428	+ controls.aSlider.slider( 'value', alpha );
429	+
430	+ /**
431	+ * Disabled change opacity in default slider Saturation ( only is alpha enabled )
432	+ * and change input width for view all value
433	+ */
434	+ if ( self._color._alpha < 1 ) {
435	+ controls.strip.attr( 'style', controls.strip.attr( 'style' ).replace( /rgba$([0-9]+,)(\s+)?([0-9]+,)(\s+)?([0-9]+)(,(\s+)?[0-9\.]+)$/g, 'rgb($1$3$5)' ) );
436	+ el.width( parseInt( defaultWidth + customWidth ) );
437	+ } else {
438	+ el.width( defaultWidth );
439	+ }
440	+ }
441	+ }
442	+
443	+ var reset = el.data( 'reset-alpha' ) \|\| false;
444	+
445	+ if ( reset ) {
446	+ self.picker.find( '.iris-palette-container' ).on( 'click.palette', '.iris-palette', function() {
447	+ self._color._alpha = 1;
448	+ self.active = 'external';
449	+ self._change();
450	+ } );
451	+ }
452	+ },
453	+ _addInputListeners: function( input ) {
454	+ var self = this,
455	+ debounceTimeout = 100,
456	+ callback = function( event ) {
457	+ var color = new Color( input.val() ),
458	+ val = input.val();
459	+
460	+ input.removeClass( 'iris-error' );
461	+ // we gave a bad color
462	+ if ( color.error ) {
463	+ // don't error on an empty input
464	+ if ( val !== '' )
465	+ input.addClass( 'iris-error' );
466	+ } else {
467	+ if ( color.toString() !== self._color.toString() ) {
468	+ // let's not do this on keyup for hex shortcodes
469	+ if ( ! ( event.type === 'keyup' && val.match( /^[0-9a-fA-F]{3}$/ ) ) )
470	+ self._setOption( 'color', color.toString() );
471	+ }
472	+ }
473	+ };
474	+
475	+ input.on( 'change', callback ).on( 'keyup', self._debounce( callback, debounceTimeout ) );
476	+
477	+ // If we initialized hidden, show on first focus. The rest is up to you.
478	+ if ( self.options.hide ) {
479	+ input.on( 'focus', function() {
480	+ self.show();
481	+ } );
482	+ }
483	+ }
484	+ } );
485	+ }( jQuery ) );
486	+
487	+ // Auto Call plugin is class is color-picker
488	+ jQuery( document ).ready( function( $ ) {
489	+ $( '.color-picker' ).wpColorPicker();
490	+ } );

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-colorpicker/ui-colorpicker.php CHANGED Viewed

	@@ -35,6 +35,7 @@ if ( ! class_exists( 'UI_Colorpicker' ) ) {
35	'label' => '',
36	'class' => '',
37	'master' => '',

38	'lock' => false,
39	);
40
	@@ -74,12 +75,18 @@ if ( ! class_exists( 'UI_Colorpicker' ) ) {
74	)
75	);
76






77	$html .= '<div class="cherry-ui-container ' . esc_attr( $class ) . '">';
78	if ( '' !== $this->settings['label'] ) {
79	$html .= '<label class="cherry-label" for="' . esc_attr( $this->settings['id'] ) . '">' . esc_html( $this->settings['label'] ) . '</label> ';
80	}
81	$html .= '<div class="cherry-ui-colorpicker-wrapper' . $this->lock_element->get_class() .'">';
82	- $html .= '<input type="text" id="' . esc_attr( $this->settings['id'] ) . '" class="cherry-ui-colorpicker" name="' . esc_attr( $this->settings['name'] ) . '" value="' . esc_html( $this->settings['value'] ) . '"' . $this->lock_element->get_disabled_attr() . '/>';
83	$html .= $this->lock_element->get_html();
84	$html .= '</div>';
85	$html .= '</div>';
	@@ -94,10 +101,18 @@ if ( ! class_exists( 'UI_Colorpicker' ) ) {
94	*/
95	public static function enqueue_assets() {
96








97	wp_enqueue_script(
98	'ui-colorpicker',
99	esc_url( Cherry_Core::base_url( 'inc/ui-elements/ui-colorpicker/assets/min/ui-colorpicker.min.js', Cherry_UI_Elements::$module_path ) ),
100	- array( 'jquery', ~~'wp-color-picker'~~ ),
101	Cherry_UI_Elements::$core_version,
102	true
103	);


35	'label' => '',
36	'class' => '',
37	'master' => '',
38	+ 'alpha' => false,
39	'lock' => false,
40	);
41

75	)
76	);
77
78	+ $alpha = '';
79	+
80	+ if ( true === $this->settings['alpha'] ) {
81	+ $alpha = ' data-alpha=true ';
82	+ }
83	+
84	$html .= '<div class="cherry-ui-container ' . esc_attr( $class ) . '">';
85	if ( '' !== $this->settings['label'] ) {
86	$html .= '<label class="cherry-label" for="' . esc_attr( $this->settings['id'] ) . '">' . esc_html( $this->settings['label'] ) . '</label> ';
87	}
88	$html .= '<div class="cherry-ui-colorpicker-wrapper' . $this->lock_element->get_class() .'">';
89	+ $html .= '<input type="text" id="' . esc_attr( $this->settings['id'] ) . '" class="cherry-ui-colorpicker" name="' . esc_attr( $this->settings['name'] ) . '"' . $alpha . 'value="' . esc_html( $this->settings['value'] ) . '"' . $this->lock_element->get_disabled_attr() . '/>';
90	$html .= $this->lock_element->get_html();
91	$html .= '</div>';
92	$html .= '</div>';

101	*/
102	public static function enqueue_assets() {
103
104	+ wp_enqueue_script(
105	+ 'wp-color-picker-alpha',
106	+ esc_url( Cherry_Core::base_url( 'inc/ui-elements/ui-colorpicker/assets/min/wp-color-picker-alpha.min.js', Cherry_UI_Elements::$module_path ) ),
107	+ array( 'wp-color-picker' ),
108	+ '1.2.2',
109	+ true
110	+ );
111	+
112	wp_enqueue_script(
113	'ui-colorpicker',
114	esc_url( Cherry_Core::base_url( 'inc/ui-elements/ui-colorpicker/assets/min/ui-colorpicker.min.js', Cherry_UI_Elements::$module_path ) ),
115	+ array( 'jquery' ),
116	Cherry_UI_Elements::$core_version,
117	true
118	);

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-dimensions/assets/min/ui-dimensions.min.css ADDED Viewed

	@@ -0,0 +1 @@

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-dimensions/assets/ui-dimensions.js ADDED Viewed

	@@ -0,0 +1,96 @@


1	+ /**
2	+ * Radio
3	+ */
4	+ (function($, CherryJsCore){
5	+ 'use strict';
6	+
7	+ CherryJsCore.utilites.namespace('ui_elements.dimensions');
8	+ CherryJsCore.ui_elements.dimensions = {
9	+ container: '.cherry-ui-dimensions',
10	+ isLinked: '.cherry-ui-dimensions__is-linked',
11	+ units: '.cherry-ui-dimensions__unit',
12	+ unitsInput: 'input[name*="[units]"]',
13	+ linkedInput: 'input[name*="[is_linked]"]',
14	+ valuesInput: '.cherry-ui-dimensions__val',
15	+
16	+ init: function() {
17	+ $( document ).on( 'ready', this.addEvents.bind( this ) );
18	+ this.triggers();
19	+ },
20	+
21	+ triggers: function( $target ) {
22	+
23	+ if ( $target ) {
24	+ $( document ).trigger( 'cherry-ui-elements-init', { 'target': $target } );
25	+ }
26	+
27	+ return this;
28	+ },
29	+
30	+ addEvents: function() {
31	+ $( 'body' )
32	+
33	+ // Delegate events
34	+ .on( 'click', this.isLinked, { 'self': this }, this.switchLinked )
35	+ .on( 'click', this.units, { 'self': this }, this.switchUnits )
36	+ .on( 'input', this.valuesInput + '.is-linked', { 'self': this }, this.changeLinked );
37	+
38	+ this.triggers();
39	+ },
40	+
41	+ switchLinked: function( event ) {
42	+
43	+ var self = event.data.self,
44	+ $this = $( this ),
45	+ $container = $this.closest( self.container ),
46	+ $input = $container.find( self.linkedInput ),
47	+ $values = $container.find( self.valuesInput ),
48	+ isLinked = $input.val();
49	+
50	+ if ( 0 === parseInt( isLinked ) ) {
51	+ $input.val(1);
52	+ $this.addClass( 'is-linked' );
53	+ $values.addClass( 'is-linked' );
54	+ } else {
55	+ $input.val(0);
56	+ $this.removeClass( 'is-linked' );
57	+ $values.removeClass( 'is-linked' );
58	+ }
59	+
60	+ },
61	+
62	+ switchUnits: function( event ) {
63	+ var self = event.data.self,
64	+ $this = $( this ),
65	+ unit = $this.data( 'unit' ),
66	+ $container = $this.closest( self.container ),
67	+ $input = $container.find( self.unitsInput ),
68	+ $values = $container.find( self.valuesInput ),
69	+ range = $container.data( 'range' );
70	+
71	+ if ( $this.hasClass( 'is-active' ) ) {
72	+ return;
73	+ }
74	+
75	+ $this.addClass( 'is-active' ).siblings( self.units ).removeClass( 'is-active' );
76	+ $input.val( unit );
77	+ $values.attr({
78	+ min: range[ unit ].min,
79	+ max: range[ unit ].max,
80	+ step: range[ unit ].step
81	+ });
82	+
83	+ },
84	+
85	+ changeLinked: function( event ) {
86	+ var self = event.data.self,
87	+ $this = $( this ),
88	+ $container = $this.closest( '.cherry-ui-dimensions__values' );
89	+
90	+ $( self.valuesInput, $container ).val( $this.val() )
91	+ }
92	+ };
93	+
94	+ CherryJsCore.ui_elements.dimensions.init();
95	+
96	+ }(jQuery, window.CherryJsCore));

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-dimensions/assets/ui-dimensions.scss ADDED Viewed

	@@ -0,0 +1,115 @@


1	+ @import "ui-kit/variables";
2	+ @import "ui-kit/mixins";
3	+ @import "../../../../assets/sass/lock";
4	+
5	+ .cherry-ui-elements-lock{
6	+ opacity: 0.5;
7	+ cursor: no-drop;
8	+ pointer-events: none;
9	+ filter: grayscale( 100% );
10	+ }
11	+ .cherry-ui-container{
12	+ margin: 10px 0 20px 0;
13	+ }
14	+ label.cherry-label{
15	+ margin: 0 0 5px 0;
16	+ display: block;
17	+ }
18	+
19	+ .cherry-ui-dimensions {
20	+ max-width: 300px;
21	+
22	+ &__units {
23	+ margin-right: 20%;
24	+ display: flex;
25	+ justify-content: flex-end;
26	+ }
27	+
28	+ &__unit {
29	+ color: #c2cbd2;
30	+ cursor: pointer;
31	+ font-size: 9px;
32	+ text-transform: uppercase;
33	+ margin: 0 2px;
34	+
35	+ &.is-active {
36	+ color: #6d7882;
37	+ text-decoration: underline;
38	+ }
39	+
40	+ }
41	+
42	+ &__values {
43	+ display: flex;
44	+ border: 1px solid #a4afb7;
45	+ border-radius: 3px;
46	+ }
47	+
48	+ &__value-item {
49	+ position: relative;
50	+ width: 20%;
51	+
52	+ input {
53	+ width: 100%;
54	+ margin: 0;
55	+ border: none;
56	+ box-shadow: none;
57	+ border-right: 1px solid #a4afb7;
58	+ font-size: 12px;
59	+
60	+ &:first-child {
61	+ border-radius: 3px 0 0 3px;
62	+ }
63	+
64	+ &:focus {
65	+ border-color: none;
66	+ }
67	+ }
68	+ }
69	+
70	+ &__value-label {
71	+ width: 100%;
72	+ display: block;
73	+ position: absolute;
74	+ bottom: -18px;
75	+ font-size: 9px;
76	+ text-transform: uppercase;
77	+ text-align: center;
78	+ color: #d5dadf;
79	+ }
80	+
81	+ &__is-linked {
82	+ width: 20%;
83	+ height: 28px;
84	+ background-color: white;
85	+ text-align: center;
86	+ color: #a4afb7;
87	+ cursor: pointer;
88	+ display: flex;
89	+ align-items: center;
90	+ justify-content: center;
91	+ border-radius: 0 3px 3px 0;
92	+
93	+ .link-icon {
94	+ display: none;
95	+ }
96	+
97	+ .unlink-icon {
98	+ display: block;
99	+ }
100	+
101	+ &.is-linked {
102	+ color: white;
103	+ background-color: #a4afb7;
104	+
105	+ .link-icon {
106	+ display: block;
107	+ }
108	+
109	+ .unlink-icon {
110	+ display: none;
111	+ }
112	+ }
113	+ }
114	+
115	+ }

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-dimensions/assets/ui-kit/_mixins.scss ADDED Viewed

	@@ -0,0 +1,15 @@


1	+ @mixin input() {
2	+ font-size: 14px;
3	+ line-height: 20px;
4	+ color: $dark_color;
5	+ background-color: $bg_color;
6	+ border-radius: $border_radius_extra_small;
7	+ padding: 10px 20px;
8	+ min-height: 50px;
9	+ border: 1px solid $border_color;
10	+ box-shadow: none;
11	+ &:focus{
12	+ border-color: rgba(41, 143, 252, .6);
13	+ box-shadow: 0 0 2px rgba(41, 143, 252, .6);
14	+ }
15	+ }

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-dimensions/assets/ui-kit/_variables.scss ADDED Viewed

	@@ -0,0 +1,7 @@


1	+ $light_color: #ffffff;
2	+ $dark_color: #23282d;
3	+
4	+ $bg_color: #f1f1f1;
5	+ $border_color: #dcdcdc;
6	+
7	+ $border_radius_extra_small: 2px;

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-dimensions/ui-dimensions.php ADDED Viewed

	@@ -0,0 +1,260 @@


1	+ <?php
2	+ /**
3	+ * Class for the building ui-dimensions elements.
4	+ *
5	+ * @package Cherry_Framework
6	+ * @subpackage Class
7	+ * @author Cherry Team <support@cherryframework.com>
8	+ * @copyright Copyright (c) 2012 - 2015, Cherry Team
9	+ * @link http://www.cherryframework.com/
10	+ * @license http://www.gnu.org/licenses/gpl-3.0.en.html
11	+ */
12	+
13	+ // If this file is called directly, abort.
14	+ if ( ! defined( 'WPINC' ) ) {
15	+ die;
16	+ }
17	+
18	+ if ( ! class_exists( 'UI_Dimensions' ) ) {
19	+
20	+ /**
21	+ * Class for the building ui-dimensions elements.
22	+ */
23	+ class UI_Dimensions extends UI_Element implements I_UI {
24	+
25	+ /**
26	+ * Default settings.
27	+ *
28	+ * @since 1.0.0
29	+ * @var array
30	+ */
31	+ private $defaults_settings = array(
32	+ 'type' => 'dimensions',
33	+ 'id' => 'cherry-ui-dimensions-id',
34	+ 'name' => 'cherry-ui-dimensions-name',
35	+ 'value' => array(),
36	+ 'range' => array(
37	+ 'px' => array(
38	+ 'min' => 0,
39	+ 'max' => 100,
40	+ 'step' => 1,
41	+ ),
42	+ ),
43	+ 'label' => '',
44	+ 'dimension_labels' => array(
45	+ 'top' => 'Top',
46	+ 'right' => 'Right',
47	+ 'bottom' => 'Bottom',
48	+ 'left' => 'Left',
49	+ ),
50	+ 'class' => '',
51	+ 'master' => '',
52	+ 'required' => false,
53	+ 'lock' => false,
54	+ );
55	+
56	+ protected $default_value = array(
57	+ 'units' => 'px',
58	+ 'is_linked' => true,
59	+ 'top' => '',
60	+ 'right' => '',
61	+ 'bottom' => '',
62	+ 'left' => '',
63	+ );
64	+
65	+ /**
66	+ * Instance of this Cherry5_Lock_Element class.
67	+ *
68	+ * @since 1.0.0
69	+ * @var object
70	+ * @access private
71	+ */
72	+ private $lock_element = null;
73	+
74	+ /**
75	+ * Constructor method for the UI_Text class.
76	+ *
77	+ * @since 1.0.0
78	+ */
79	+ function __construct( $args = array() ) {
80	+
81	+ $this->defaults_settings['id'] = 'cherry-ui-dimensions-' . uniqid();
82	+ $this->settings = wp_parse_args( $args, $this->defaults_settings );
83	+
84	+ $this->lock_element = new Cherry5_Lock_Element( $this->settings );
85	+
86	+ add_action( 'admin_enqueue_scripts', array( __CLASS__, 'enqueue_assets' ) );
87	+ }
88	+
89	+ /**
90	+ * Get required attribute.
91	+ *
92	+ * @since 1.0.0
93	+ * @return string
94	+ */
95	+ public function get_required() {
96	+
97	+ if ( $this->settings['required'] ) {
98	+ return 'required="required"';
99	+ }
100	+
101	+ return '';
102	+ }
103	+
104	+ /**
105	+ * Render html UI_Text.
106	+ *
107	+ * @since 1.0.0
108	+ */
109	+ public function render() {
110	+ $html = '';
111	+ $class = implode( ' ',
112	+ array(
113	+ $this->settings['class'],
114	+ $this->settings['master'],
115	+ $this->lock_element->get_class(),
116	+ )
117	+ );
118	+
119	+ if ( empty( $this->settings['value'] ) ) {
120	+ $this->settings['value'] = $this->default_value;
121	+ } else {
122	+ $this->settings['value'] = array_merge( $this->default_value, $this->settings['value'] );
123	+ }
124	+
125	+ $html .= '<div class="cherry-ui-container ' . esc_attr( $class ) . '">';
126	+
127	+ if ( '' !== $this->settings['label'] ) {
128	+ $html .= '<label class="cherry-label" for="' . esc_attr( $this->settings['id'] ) . '">' . esc_html( $this->settings['label'] ) . '</label> ';
129	+ }
130	+
131	+ $html .= $this->get_fields();
132	+ $html .= $this->lock_element->get_html();
133	+ $html .= '</div>';
134	+ return $html;
135	+ }
136	+
137	+ /**
138	+ * Return UI fileds
139	+ * @return [type] [description]
140	+ */
141	+ public function get_fields() {
142	+
143	+ $hidden = '<input type="hidden" name="%1$s" id="%3$s" value="%2$s">';
144	+ $number = '<div class="cherry-ui-dimensions__value-item"><input type="number" name="%1$s" id="%3$s" value="%2$s" min="%4$s" max="%5$s" step="%6$s" class="cherry-ui-dimensions__val%7$s"><span class="cherry-ui-dimensions__value-label">%8$s</span></div>';
145	+
146	+ $value = $this->settings['value'];
147	+ $value = array_merge( $this->default_value, $value );
148	+
149	+ $result = sprintf(
150	+ '<div class="cherry-ui-dimensions" data-range=\'%s\'>',
151	+ json_encode( $this->settings['range'] )
152	+ );
153	+
154	+ foreach ( array( 'units', 'is_linked' ) as $field ) {
155	+ $result .= sprintf(
156	+ $hidden,
157	+ $this->get_name_attr( $field ), $value[ $field ], $this->get_id_attr( $field )
158	+ );
159	+ }
160	+ $result .= $this->get_units();
161	+ $result .= '<div class="cherry-ui-dimensions__values">';
162	+
163	+ $value['is_linked'] = filter_var( $value['is_linked'], FILTER_VALIDATE_BOOLEAN );
164	+
165	+ foreach ( array( 'top', 'right', 'bottom', 'left' ) as $field ) {
166	+ $result .= sprintf(
167	+ $number,
168	+ $this->get_name_attr( $field ),
169	+ $value[ $field ],
170	+ $this->get_id_attr( $field ),
171	+ $this->settings['range'][ $value['units'] ]['min'],
172	+ $this->settings['range'][ $value['units'] ]['max'],
173	+ $this->settings['range'][ $value['units'] ]['step'],
174	+ ( true === $value['is_linked'] ? ' is-linked' : '' ),
175	+ $this->settings['dimension_labels'][ $field ]
176	+ );
177	+ }
178	+ $result .= sprintf(
179	+ '<div class="cherry-ui-dimensions__is-linked%s"><span class="dashicons dashicons-admin-links link-icon"></span><span class="dashicons dashicons-editor-unlink unlink-icon"></span></div>',
180	+ ( true === $value['is_linked'] ? ' is-linked' : '' )
181	+ );
182	+ $result .= '</div>';
183	+ $result .= '</div>';
184	+
185	+ return $result;
186	+ }
187	+
188	+ /**
189	+ * Returns units selector
190	+ *
191	+ * @return string
192	+ */
193	+ public function get_units() {
194	+
195	+ $units = array_keys( $this->settings['range'] );
196	+ $switcher = 'can-switch';
197	+
198	+ if ( 1 === count( $units ) ) {
199	+ $switcher = '';
200	+ }
201	+
202	+ $item = '<span class="cherry-ui-dimensions__unit%2$s" data-unit="%1$s">%1$s</span>';
203	+ $result = '';
204	+
205	+ foreach ( $units as $unit ) {
206	+ $result .= sprintf(
207	+ $item,
208	+ $unit,
209	+ ( $this->settings['value']['units'] === $unit ? ' is-active' : '' )
210	+ );
211	+ }
212	+
213	+ return sprintf( '<div class="cherry-ui-dimensions__units">%s</div>', $result );
214	+ }
215	+
216	+ /**
217	+ * Retrurn full name attibute by name
218	+ *
219	+ * @param [type] $name [description]
220	+ * @return [type] [description]
221	+ */
222	+ public function get_name_attr( $name = '' ) {
223	+ return sprintf( '%s[%s]', esc_attr( $this->settings['name'] ), esc_attr( $name ) );
224	+ }
225	+
226	+ /**
227	+ * Retrurn full ID attibute by name
228	+ *
229	+ * @param [type] $name [description]
230	+ * @return [type] [description]
231	+ */
232	+ public function get_id_attr( $name = '' ) {
233	+ return sprintf( '%s_%s', esc_attr( $this->settings['name'] ), esc_attr( $name ) );
234	+ }
235	+
236	+ /**
237	+ * Enqueue javascript and stylesheet UI_Text.
238	+ *
239	+ * @since 1.0.0
240	+ */
241	+ public static function enqueue_assets() {
242	+ wp_enqueue_style(
243	+ 'ui-dimensions',
244	+ esc_url( Cherry_Core::base_url( 'inc/ui-elements/ui-dimensions/assets/min/ui-dimensions.min.css', Cherry_UI_Elements::$module_path ) ),
245	+ array(),
246	+ Cherry_UI_Elements::$core_version,
247	+ 'all'
248	+ );
249	+
250	+ wp_enqueue_script(
251	+ 'ui-dimensions',
252	+ esc_url( Cherry_Core::base_url( 'inc/ui-elements/ui-dimensions/assets/ui-dimensions.js', Cherry_UI_Elements::$module_path ) ),
253	+ array( 'jquery' ),
254	+ Cherry_UI_Elements::$core_version,
255	+ true
256	+ );
257	+
258	+ }
259	+ }
260	+ }

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-iconpicker/assets/min/ui-iconpicker.min.css CHANGED Viewed

@@ -1 +1 @@

- .cherry-lock-element{user-select:none;cursor:no-drop;position:relative;filter:grayscale(100%)}.cherry-lock-element.inline-block{display:inline-block}.cherry-lock-element label{position:relative}.cherry-lock-element .cherry-lable-content,.cherry-lock-element .cherry-checkbox-item,.cherry-lock-element .select2-container,.cherry-lock-element>*:first-child{opacity:0.5;pointer-events:none}.cherry-lock-element a.cherry-lock-element__area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2000;cursor:no-drop}.cherry-lock-element a.cherry-lock-element__area:focus{outline:none;box-shadow:none}.cherry-lock-element a.cherry-lock-element__area:hover .cherry-lock-element__label{animation-name:lock_show;animation-duration:450ms;animation-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}.cherry-lock-element__label{opacity:0;display:inline-block;background-color:rgba(0,0,0,0.9);border-radius:5px;color:#fff;padding:8px 10px;position:absolute;white-space:nowrap;top:-10px;left:50%;box-shadow:2px 2px 5px 0px rgba(0,0,0,0.5);will-change:auto;pointer-events:none;font-size:14px;line-height:16px;animation-name:lock_hide;animation-duration:200ms;animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-fill-mode:both;transform-origin:0% 0%}.cherry-lock-element__label *+*{margin-right:5px}.cherry-lock-element__label:after{border:solid;border-color:rgba(0,0,0,0.9) transparent;border-width:6px 6px 0 6px;bottom:-5px;margin-left:-6px;content:"";left:50%;position:absolute}@keyframes lock_show{0%{opacity:0;filter:blur(5px);transform:scale(0) translate(-50%, 200%)}60%{opacity:0.8;transform:scale(1.1) translate(-50%, -130%)}100%{opacity:1;filter:blur(0px);transform:scale(1) translate(-50%, -100%)}}@keyframes lock_hide{0%{opacity:1;filter:blur(0px);transform:scale(1) translate(-50%, -100%)}100%{opacity:0;filter:blur(3px);transform:scale(0) translate(-50%, 200%)}}.cherry-ui-elements-lock{opacity:0.5;cursor:no-drop;pointer-events:none~~;-webkit-filter:grayscale(100%)~~;filter:grayscale(100%)}.cherry-ui-iconpicker-group{position:relative}.full .cherry-ui-iconpicker-group{max-width:100%}.fixed .cherry-ui-iconpicker-group{max-width:~~230px~~}.cherry-ui-iconpicker-group .input-group-addon{position:absolute;width:~~36px~~;height:~~36px~~;left:0px;top:0px;background:#f1f1f1;font-size:14px;line-height:~~36px~~;text-align:center;border-radius:3px 0 0 3px;border-right:1px solid #dddcdc;margin:~~7px~~}.cherry-ui-iconpicker-group .input-group-addon .fa{line-height:~~36px~~}.cherry-ui-iconpicker-group .cherry-ui-text{font-size:~~14px~~;line-height:~~20px~~;color:#23282d;background-color:#f1f1f1;border-radius:2px;~~padding:10px 20px;~~min-height:~~50px~~;border:1px solid #f1f1f1;box-shadow:none;padding~~-left~~:~~60px~~}.cherry-ui-iconpicker-group .cherry-ui-text:focus{border-color:rgba(41,143,252,0.6);box-shadow:0 0 2px rgba(41,143,252,0.6)}.iconpicker-popover.popover{position:absolute;top:0;left:0;display:none;max-width:none;padding:1px;text-align:left;width:242px;background:#f0f0f0;z-index:999}.iconpicker-popover.popover.top,.iconpicker-popover.popover.topLeftCorner,.iconpicker-popover.popover.topLeft,.iconpicker-popover.popover.topRight,.iconpicker-popover.popover.topRightCorner{margin-top:-10px}.iconpicker-popover.popover.right,.iconpicker-popover.popover.rightTop,.iconpicker-popover.popover.rightBottom{margin-left:10px}.iconpicker-popover.popover.bottom,.iconpicker-popover.popover.bottomRightCorner,.iconpicker-popover.popover.bottomRight,.iconpicker-popover.popover.bottomLeft,.iconpicker-popover.popover.bottomLeftCorner{margin-top:10px}.iconpicker-popover.popover.left,.iconpicker-popover.popover.leftBottom,.iconpicker-popover.popover.leftTop{margin-left:-10px}.iconpicker-popover.popover.inline{margin:0 0 14px 0;position:relative;display:inline-block;opacity:1;top:auto;left:auto;bottom:auto;right:auto;max-width:100%;box-shadow:none;z-index:auto;vertical-align:top}.iconpicker-popover.popover.inline>.arrow{display:none}.dropdown-menu .iconpicker-popover.inline{margin:0;border:none}.dropdown-menu.iconpicker-container{padding:0}.iconpicker-popover.popover .popover-title{padding:14px;font-size:14px;line-height:16px;border-bottom:1px solid #ebebeb;background-color:#f0f0f0}.iconpicker-popover.popover .popover-title input[type=search].iconpicker-search{margin:0 0 2px 0}.iconpicker-popover.popover .popover-title-text ~ input[type=search].iconpicker-search{margin-top:14px}.iconpicker-popover.popover .popover-content{padding:0px;text-align:center}.iconpicker-popover .popover-footer{float:none;clear:both;padding:14px;text-align:right;margin:0;border-top:1px solid #ebebeb;background-color:#f0f0f0}.iconpicker-popover .popover-footer:before,.iconpicker-popover .popover-footer:after{content:" ";display:table}.iconpicker-popover .popover-footer:after{clear:both}.iconpicker-popover .popover-footer .iconpicker-btn{margin-left:10px}.iconpicker-popover .popover-footer input[type=search].iconpicker-search{margin-bottom:14px}.iconpicker-popover.popover>.arrow,.iconpicker-popover.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.iconpicker-popover.popover>.arrow{border-width:11px}.iconpicker-popover.popover>.arrow:after{border-width:10px;content:""}.iconpicker-popover.popover.top>.arrow,.iconpicker-popover.popover.topLeft>.arrow,.iconpicker-popover.popover.topRight>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#f0f0f0;bottom:-11px}.iconpicker-popover.popover.top>.arrow:after,.iconpicker-popover.popover.topLeft>.arrow:after,.iconpicker-popover.popover.topRight>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#ffffff}.iconpicker-popover.popover.topLeft>.arrow{left:14px;margin-left:0}.iconpicker-popover.popover.topRight>.arrow{left:auto;right:14px;margin-left:0}.iconpicker-popover.popover.right>.arrow,.iconpicker-popover.popover.rightTop>.arrow,.iconpicker-popover.popover.rightBottom>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#f0f0f0}.iconpicker-popover.popover.right>.arrow:after,.iconpicker-popover.popover.rightTop>.arrow:after,.iconpicker-popover.popover.rightBottom>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#ffffff}.iconpicker-popover.popover.rightTop>.arrow{top:auto;bottom:14px;margin-top:0}.iconpicker-popover.popover.rightBottom>.arrow{top:14px;margin-top:0}.iconpicker-popover.popover.bottom>.arrow,.iconpicker-popover.popover.bottomRight>.arrow,.iconpicker-popover.popover.bottomLeft>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#f0f0f0;top:-11px}.iconpicker-popover.popover.bottom>.arrow:after,.iconpicker-popover.popover.bottomRight>.arrow:after,.iconpicker-popover.popover.bottomLeft>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#f0f0f0}.iconpicker-popover.popover.bottomLeft>.arrow{left:14px;margin-left:0}.iconpicker-popover.popover.bottomRight>.arrow{left:auto;right:14px;margin-left:0}.iconpicker-popover.popover.left>.arrow,.iconpicker-popover.popover.leftBottom>.arrow,.iconpicker-popover.popover.leftTop>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#f0f0f0}.iconpicker-popover.popover.left>.arrow:after,.iconpicker-popover.popover.leftBottom>.arrow:after,.iconpicker-popover.popover.leftTop>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#ffffff;bottom:-10px}.iconpicker-popover.popover.leftBottom>.arrow{top:14px;margin-top:0}.iconpicker-popover.popover.leftTop>.arrow{top:auto;bottom:14px;margin-top:0}.iconpicker{position:relative;text-align:left;text-shadow:none;line-height:0;display:block;margin:0;overflow:hidden}.iconpicker *{box-sizing:content-box;position:relative}.iconpicker:before,.iconpicker:after{content:" ";display:table}.iconpicker:after{clear:both}.iconpicker .iconpicker-items{position:relative;clear:both;float:none;padding:10px 0 0 10px;background:#fff;margin:0;overflow:hidden;overflow-y:auto;min-height:55px;max-height:275px}.iconpicker .iconpicker-items:before,.iconpicker .iconpicker-items:after{content:" ";display:table}.iconpicker .iconpicker-items:after{clear:both}.iconpicker .iconpicker-item{float:left;width:28px;height:28px;line-height:28px;margin:0 7px 7px 0;text-align:center;cursor:pointer;border-radius:3px;font-size:18px;color:#444;box-shadow:0 0 0 1px #dddddd}.iconpicker .iconpicker-item .fa{line-height:28px}.iconpicker .iconpicker-item:hover:not(.iconpicker-selected){background-color:#eeeeee}.iconpicker .iconpicker-item.iconpicker-selected{box-shadow:none;background:#ddd}.iconpicker-component{cursor:pointer}

+ .cherry-lock-element{user-select:none;cursor:no-drop;position:relative;filter:grayscale(100%)}.cherry-lock-element.inline-block{display:inline-block}.cherry-lock-element label{position:relative}.cherry-lock-element .cherry-lable-content,.cherry-lock-element .cherry-checkbox-item,.cherry-lock-element .select2-container,.cherry-lock-element>*:first-child{opacity:0.5;pointer-events:none}.cherry-lock-element a.cherry-lock-element__area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2000;cursor:no-drop}.cherry-lock-element a.cherry-lock-element__area:focus{outline:none;box-shadow:none}.cherry-lock-element a.cherry-lock-element__area:hover .cherry-lock-element__label{animation-name:lock_show;animation-duration:450ms;animation-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}.cherry-lock-element__label{opacity:0;display:inline-block;background-color:rgba(0,0,0,0.9);border-radius:5px;color:#fff;padding:8px 10px;position:absolute;white-space:nowrap;top:-10px;left:50%;box-shadow:2px 2px 5px 0px rgba(0,0,0,0.5);will-change:auto;pointer-events:none;font-size:14px;line-height:16px;animation-name:lock_hide;animation-duration:200ms;animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-fill-mode:both;transform-origin:0% 0%}.cherry-lock-element__label *+*{margin-right:5px}.cherry-lock-element__label:after{border:solid;border-color:rgba(0,0,0,0.9) transparent;border-width:6px 6px 0 6px;bottom:-5px;margin-left:-6px;content:"";left:50%;position:absolute}@keyframes lock_show{0%{opacity:0;filter:blur(5px);transform:scale(0) translate(-50%, 200%)}60%{opacity:0.8;transform:scale(1.1) translate(-50%, -130%)}100%{opacity:1;filter:blur(0px);transform:scale(1) translate(-50%, -100%)}}@keyframes lock_hide{0%{opacity:1;filter:blur(0px);transform:scale(1) translate(-50%, -100%)}100%{opacity:0;filter:blur(3px);transform:scale(0) translate(-50%, 200%)}}.cherry-ui-elements-lock{opacity:0.5;cursor:no-drop;pointer-events:none;filter:grayscale(100%)}.cherry-ui-iconpicker-group{position:relative}.full .cherry-ui-iconpicker-group{max-width:100%}.fixed .cherry-ui-iconpicker-group{max-width:150px}.cherry-ui-iconpicker-group .input-group-addon{position:absolute;width:20px;height:20px;left:0px;top:0px;background:#f1f1f1;font-size:14px;line-height:20px;text-align:center;border-radius:3px 0 0 3px;border-right:1px solid #dddcdc;margin:3px}.cherry-ui-iconpicker-group .input-group-addon .fa{line-height:20px}.cherry-ui-iconpicker-group .cherry-ui-text{font-size:12px;line-height:16px;color:#23282d;background-color:#f1f1f1;border-radius:2px;min-height:26px;border:1px solid #f1f1f1;box-shadow:none;padding:0px 0px 0px 30px}.cherry-ui-iconpicker-group .cherry-ui-text:focus{border-color:rgba(41,143,252,0.6);box-shadow:0 0 2px rgba(41,143,252,0.6)}.iconpicker-popover.popover{position:absolute;top:0;left:0;display:none;max-width:none;padding:1px;text-align:left;width:242px;background:#f0f0f0;z-index:999}.iconpicker-popover.popover.top,.iconpicker-popover.popover.topLeftCorner,.iconpicker-popover.popover.topLeft,.iconpicker-popover.popover.topRight,.iconpicker-popover.popover.topRightCorner{margin-top:-10px}.iconpicker-popover.popover.right,.iconpicker-popover.popover.rightTop,.iconpicker-popover.popover.rightBottom{margin-left:10px}.iconpicker-popover.popover.bottom,.iconpicker-popover.popover.bottomRightCorner,.iconpicker-popover.popover.bottomRight,.iconpicker-popover.popover.bottomLeft,.iconpicker-popover.popover.bottomLeftCorner{margin-top:10px}.iconpicker-popover.popover.left,.iconpicker-popover.popover.leftBottom,.iconpicker-popover.popover.leftTop{margin-left:-10px}.iconpicker-popover.popover.inline{margin:0 0 14px 0;position:relative;display:inline-block;opacity:1;top:auto;left:auto;bottom:auto;right:auto;max-width:100%;box-shadow:none;z-index:auto;vertical-align:top}.iconpicker-popover.popover.inline>.arrow{display:none}.dropdown-menu .iconpicker-popover.inline{margin:0;border:none}.dropdown-menu.iconpicker-container{padding:0}.iconpicker-popover.popover .popover-title{padding:14px;font-size:14px;line-height:16px;border-bottom:1px solid #ebebeb;background-color:#f0f0f0}.iconpicker-popover.popover .popover-title input[type=search].iconpicker-search{margin:0 0 2px 0}.iconpicker-popover.popover .popover-title-text ~ input[type=search].iconpicker-search{margin-top:14px}.iconpicker-popover.popover .popover-content{padding:0px;text-align:center}.iconpicker-popover .popover-footer{float:none;clear:both;padding:14px;text-align:right;margin:0;border-top:1px solid #ebebeb;background-color:#f0f0f0}.iconpicker-popover .popover-footer:before,.iconpicker-popover .popover-footer:after{content:" ";display:table}.iconpicker-popover .popover-footer:after{clear:both}.iconpicker-popover .popover-footer .iconpicker-btn{margin-left:10px}.iconpicker-popover .popover-footer input[type=search].iconpicker-search{margin-bottom:14px}.iconpicker-popover.popover>.arrow,.iconpicker-popover.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.iconpicker-popover.popover>.arrow{border-width:11px}.iconpicker-popover.popover>.arrow:after{border-width:10px;content:""}.iconpicker-popover.popover.top>.arrow,.iconpicker-popover.popover.topLeft>.arrow,.iconpicker-popover.popover.topRight>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#f0f0f0;bottom:-11px}.iconpicker-popover.popover.top>.arrow:after,.iconpicker-popover.popover.topLeft>.arrow:after,.iconpicker-popover.popover.topRight>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#ffffff}.iconpicker-popover.popover.topLeft>.arrow{left:14px;margin-left:0}.iconpicker-popover.popover.topRight>.arrow{left:auto;right:14px;margin-left:0}.iconpicker-popover.popover.right>.arrow,.iconpicker-popover.popover.rightTop>.arrow,.iconpicker-popover.popover.rightBottom>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#f0f0f0}.iconpicker-popover.popover.right>.arrow:after,.iconpicker-popover.popover.rightTop>.arrow:after,.iconpicker-popover.popover.rightBottom>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#ffffff}.iconpicker-popover.popover.rightTop>.arrow{top:auto;bottom:14px;margin-top:0}.iconpicker-popover.popover.rightBottom>.arrow{top:14px;margin-top:0}.iconpicker-popover.popover.bottom>.arrow,.iconpicker-popover.popover.bottomRight>.arrow,.iconpicker-popover.popover.bottomLeft>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#f0f0f0;top:-11px}.iconpicker-popover.popover.bottom>.arrow:after,.iconpicker-popover.popover.bottomRight>.arrow:after,.iconpicker-popover.popover.bottomLeft>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#f0f0f0}.iconpicker-popover.popover.bottomLeft>.arrow{left:14px;margin-left:0}.iconpicker-popover.popover.bottomRight>.arrow{left:auto;right:14px;margin-left:0}.iconpicker-popover.popover.left>.arrow,.iconpicker-popover.popover.leftBottom>.arrow,.iconpicker-popover.popover.leftTop>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#f0f0f0}.iconpicker-popover.popover.left>.arrow:after,.iconpicker-popover.popover.leftBottom>.arrow:after,.iconpicker-popover.popover.leftTop>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#ffffff;bottom:-10px}.iconpicker-popover.popover.leftBottom>.arrow{top:14px;margin-top:0}.iconpicker-popover.popover.leftTop>.arrow{top:auto;bottom:14px;margin-top:0}.iconpicker{position:relative;text-align:left;text-shadow:none;line-height:0;display:block;margin:0;overflow:hidden}.iconpicker *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;position:relative}.iconpicker:before,.iconpicker:after{content:" ";display:table}.iconpicker:after{clear:both}.iconpicker .iconpicker-items{position:relative;clear:both;float:none;padding:10px 0 0 10px;background:#fff;margin:0;overflow:hidden;overflow-y:auto;min-height:55px;max-height:275px}.iconpicker .iconpicker-items:before,.iconpicker .iconpicker-items:after{content:" ";display:table}.iconpicker .iconpicker-items:after{clear:both}.iconpicker .iconpicker-item{float:left;width:28px;height:28px;line-height:28px;margin:0 7px 7px 0;text-align:center;cursor:pointer;border-radius:3px;font-size:18px;color:#444;box-shadow:0 0 0 1px #dddddd}.iconpicker .iconpicker-item .fa{line-height:28px}.iconpicker .iconpicker-item:hover:not(.iconpicker-selected){background-color:#eeeeee}.iconpicker .iconpicker-item.iconpicker-selected{box-shadow:none;background:#ddd}.iconpicker-component{cursor:pointer}

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-iconpicker/assets/ui-iconpicker.scss CHANGED Viewed

	@@ -15,28 +15,29 @@
15	max-width: 100%;
16	}
17	.fixed &{
18	- max-width: ~~230px~~;
19	}
20	.input-group-addon {
21	position: absolute;
22	- width: ~~36px~~;
23	- height: ~~36px~~;
24	left: 0px;
25	top: 0px;
26	background: $grey_color_3;
27	font-size: 14px;
28	- line-height: ~~36px~~;
29	text-align: center;
30	border-radius: 3px 0 0 3px;
31	border-right: 1px solid #dddcdc;
32	- margin: ~~7px~~;

33	.fa {
34	- line-height: ~~36px~~;
35	}
36	}
37	.cherry-ui-text{
38	@include input();
39	- padding~~-left~~: ~~60px~~;
40	}
41	}
42


15	max-width: 100%;
16	}
17	.fixed &{
18	+ max-width: 150px;
19	}
20	.input-group-addon {
21	position: absolute;
22	+ width: 20px;
23	+ height: 20px;
24	left: 0px;
25	top: 0px;
26	background: $grey_color_3;
27	font-size: 14px;
28	+ line-height: 20px;
29	text-align: center;
30	border-radius: 3px 0 0 3px;
31	border-right: 1px solid #dddcdc;
32	+ margin: 3px;
33	+
34	.fa {
35	+ line-height: 20px;
36	}
37	}
38	.cherry-ui-text{
39	@include input();
40	+ padding: 0px 0px 0px 30px;
41	}
42	}
43

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-iconpicker/assets/ui-kit/_mixins.scss CHANGED Viewed

	@@ -59,13 +59,12 @@
59	}
60
61	@mixin input() {
62	- font-size: ~~14px~~;
63	- line-height: ~~20px~~;
64	color: $dark_color_1;
65	background-color: $grey_color_3;
66	border-radius: $border_radius_extra_small;
67	- ~~padding~~: ~~10px 20px~~;
68	- min-height: 50px;
69	border: 1px solid $grey_color_3;
70	box-shadow: none;
71	&:focus{


59	}
60
61	@mixin input() {
62	+ font-size: 12px;
63	+ line-height: 16px;
64	color: $dark_color_1;
65	background-color: $grey_color_3;
66	border-radius: $border_radius_extra_small;
67	+ min-height: 26px;

68	border: 1px solid $grey_color_3;
69	box-shadow: none;
70	&:focus{

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-media/assets/min/ui-media.min.css CHANGED Viewed

@@ -1 +1 @@

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-media/assets/ui-kit/_mixins.scss CHANGED Viewed

	@@ -1,12 +1,11 @@
1	@mixin button_base() {
2	position: relative;
3	display: inline-block;
4	- font-size: ~~12px~~;
5	line-height: 18px;
6	font-weight: 900;
7	- letter-spacing: 0.5px;
8	text-decoration: none;
9	- padding: ~~15px~~ ~~20px~~;
10	color: $dark_color;
11	text-transform: uppercase;
12	border-radius: $border_radius_small;


1	@mixin button_base() {
2	position: relative;
3	display: inline-block;
4	+ font-size: 11px;
5	line-height: 18px;
6	font-weight: 900;

7	text-decoration: none;
8	+ padding: 4px 22px;
9	color: $dark_color;
10	text-transform: uppercase;
11	border-radius: $border_radius_small;

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-media/assets/ui-media.scss CHANGED Viewed

	@@ -16,71 +16,91 @@ label.cherry-label {
16	display: block;
17	}
18	.cherry-ui-media-wrap {
19	- ~~.cherry-upload-preview{~~

20	display: block;
21	margin: 0 0 5px 0;

22	.cherry-image-wrap {
23	position: relative;
24	display: inline-block;
25	vertical-align: top;
26	- width: ~~120px~~;
27	- height: ~~120px~~;

28	.inner {
29	width: 110px;
30	height: 110px;
31	margin: 3px;
32	position: relative;
33	- border: ~~2px~~ solid ~~$blue_color~~;
34	- ~~border-radius~~: ~~$border_radius_extra_small~~;
35	overflow: hidden;

36	.preview-holder {
37	width: 100%;
38	height: 100%;
39	position: relative;
40	background: $bg_color;
41	box-sizing: border-box;
42	- ~~.centered {~~
43	- ~~position:~~ ~~absolute;~~
44	- ~~width~~: ~~100%;~~
45	- ~~height~~: 100%;
46	- ~~top~~: 0;
47	- ~~left~~: 0;
48	- ~~transform~~: ~~translate(50%,50%)~~;
49	- }
50	- ~~img {~~
51	- ~~max-width: 100%;~~
52	- ~~height:~~ ~~auto;~~
53	- ~~transform~~: ~~translate(-50%,-50%);~~
54	- }
55	- ~~span~~ {
56	- ~~width: auto;~~
57	- ~~height: auto;~~
58	- ~~font-size:~~ ~~60px;~~
59	- ~~transform~~: ~~translate(-50%,-50%)~~;
60	- }



61	}

62	.title {
63	position: absolute;
64	- ~~width~~: ~~100%;~~
65	- ~~padding~~: ~~5px 0~~;


66	bottom: 0;
67	left: 0;
68	color: #fff;
69	- background: ~~rgba(41, 143, 252, 0.8)~~;
70	text-align: center;
71	font-size: 11px;
72	overflow: hidden;
73	}
74	}

75	&:hover {








76	.cherry-remove-image {
77	display: block;
78	}
79	}
80	}

81	.cherry-media-thumb-sortable-placeholder {
82	- width: ~~112px~~;
83	- height: ~~112px~~;
84	margin: 3px;
85	vertical-align: top;
86	border: 1px dashed $border_color;
	@@ -88,30 +108,35 @@ label.cherry-label {
88	background-color: $bg_color;
89	}
90	}

91	.upload-button {
92	float: left;
93	}

94	.cherry-remove-image {
95	- width: ~~30px~~;
96	- height: ~~30px~~;
97	color: $remove_color;
98	display: block;
99	position: absolute;
100	- top: 0;
101	- right: 0;
102	cursor: pointer;
103	text-decoration: none;
104	outline: 0;
105	display: none;
106	- ~~i {~~
107	- ~~width:~~ ~~30px;~~
108	- ~~height~~: ~~30px~~;
109	- ~~font-size~~: ~~30px~~;
110	- }
111	- ~~&:hover {~~
112	- ~~color: darken( $remove_color, 10% );~~
113	- }


114	}

115	.cherry-bgsetting {
116	float: left;
117	width: 32%;


16	display: block;
17	}
18	.cherry-ui-media-wrap {
19	+
20	+ .cherry-upload-preview {
21	display: block;
22	margin: 0 0 5px 0;
23	+
24	.cherry-image-wrap {
25	position: relative;
26	display: inline-block;
27	vertical-align: top;
28	+ width: 128px;
29	+ height: 128px;
30	+
31	.inner {
32	width: 110px;
33	height: 110px;
34	margin: 3px;
35	position: relative;
36	+ border: 1px solid #d5dadf;
37	+ padding: 5px;
38	overflow: hidden;
39	+
40	.preview-holder {
41	width: 100%;
42	height: 100%;
43	position: relative;
44	background: $bg_color;
45	box-sizing: border-box;
46	+
47	+ .centered {
48	+ position: absolute;
49	+ width: 100%;
50	+ height: 100%;
51	+ top: 0;
52	+ left: 0;
53	+ transform: translate(50%,50%);
54	+ }
55	+
56	+ img {
57	+ max-width: 100%;
58	+ height: auto;
59	+ transform: translate(-50%,-50%);
60	+ }
61	+
62	+ span {
63	+ width: auto;
64	+ height: auto;
65	+ font-size: 60px;
66	+ transform: translate(-50%,-50%);
67	+ }
68	}
69	+
70	.title {
71	position: absolute;
72	+ display: none;
73	+ width: 100px;
74	+ padding: 5px;
75	+ margin: 5px;
76	bottom: 0;
77	left: 0;
78	color: #fff;
79	+ background: #a4afb7;
80	text-align: center;
81	font-size: 11px;
82	overflow: hidden;
83	}
84	}
85	+
86	&:hover {
87	+ .inner {
88	+ border-color: #d5dadf;
89	+ }
90	+
91	+ .title {
92	+ display: block;
93	+ }
94	+
95	.cherry-remove-image {
96	display: block;
97	}
98	}
99	}
100	+
101	.cherry-media-thumb-sortable-placeholder {
102	+ width: 120px;
103	+ height: 120px;
104	margin: 3px;
105	vertical-align: top;
106	border: 1px dashed $border_color;

108	background-color: $bg_color;
109	}
110	}
111	+
112	.upload-button {
113	float: left;
114	}
115	+
116	.cherry-remove-image {
117	+ width: 25px;
118	+ height: 25px;
119	color: $remove_color;
120	display: block;
121	position: absolute;
122	+ top: 5px;
123	+ right: 5px;
124	cursor: pointer;
125	text-decoration: none;
126	outline: 0;
127	display: none;
128	+
129	+ i {
130	+ width: 25px;
131	+ height: 25px;
132	+ font-size: 25px;
133	+ }
134	+
135	+ &:hover {
136	+ color: darken( $remove_color, 10% );
137	+ }
138	}
139	+
140	.cherry-bgsetting {
141	float: left;
142	width: 32%;

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-radio/assets/min/ui-radio.min.css CHANGED Viewed

@@ -1 +1 @@

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-radio/assets/ui-radio.scss CHANGED Viewed

	@@ -17,38 +17,44 @@ input.cherry-radio-input{
17	}
18	.cherry-radio-item{
19	margin-bottom: 10px;

20	&:last-child{
21	margin-bottom: 0;
22	}
23	- ~~label{~~

24	display: inline-block;
25	- font-size: ~~14px~~;
26	- line-height: ~~22px~~;
27	color: $dark_color_1;
28	}
29	- ~~span.cherry-radio-item{~~
30	- ~~width:~~ ~~25px;~~
31	- ~~height~~: ~~25px~~;

32	border-radius: 25px;
33	margin-right: 10px;
34	cursor: pointer;
35	position: relative;
36	- background-color: ~~$grey_color_3~~;
37	display: inline-block;
38	float: left;
39	- i{
40	- ~~width: 13px;~~
41	- ~~height:~~ ~~13px;~~
42	- ~~background-color~~: ~~$blue_color~~;
43	- ~~margin~~: ~~6px~~;
44	- ~~border~~-~~radius~~: ~~20px~~;
45	- ~~display~~: ~~inline-block~~;
46	- ~~transform~~: ~~scale(0)~~;
47	- ~~transition~~: ~~all 0.4s cubic~~-~~bezier(0.77, 0, 0.175, 1)~~;
48	- }


49	}
50	}
51	- ~~.cherry-radio-item{~~

52	.cherry-radio-input:checked{
53	& + label{
54	span{
	@@ -59,15 +65,24 @@ input.cherry-radio-input{
59	}
60	}
61	}

62	.cherry-radio-img {
63	float: left;
64	margin: 10px 5px 0 5px;
65	text-align: center;
66	- max-width: ~~80px~~;

67	position: relative;






68	label{
69	display: inline-block;
70	}

71	img {
72	width: 100%;
73	height: auto;
	@@ -83,7 +98,7 @@ input.cherry-radio-input{
83	display: block;
84	}
85	img{
86	- box-shadow: 0 0 0 2px rgba(255, 254, 255, 1), 0 0 0 5px ~~$blue_color~~;
87	}
88	}
89	}


17	}
18	.cherry-radio-item{
19	margin-bottom: 10px;
20	+
21	&:last-child{
22	margin-bottom: 0;
23	}
24	+
25	+ label {
26	display: inline-block;
27	+ font-size: 12px;
28	+ line-height: 14px;
29	color: $dark_color_1;
30	}
31	+
32	+ span.cherry-radio-item {
33	+ width: 16px;
34	+ height: 16px;
35	border-radius: 25px;
36	margin-right: 10px;
37	cursor: pointer;
38	position: relative;
39	+ background-color: white;
40	display: inline-block;
41	float: left;
42	+ box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
43	+
44	+ i {
45	+ width: 8px;
46	+ height: 8px;
47	+ background-color: #495159;
48	+ margin: 4px;
49	+ border-radius: 20px;
50	+ display: inline-block;
51	+ transform: scale(0);
52	+ transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
53	+ }
54	}
55	}
56	+
57	+ .cherry-radio-item {
58	.cherry-radio-input:checked{
59	& + label{
60	span{

65	}
66	}
67	}
68	+
69	.cherry-radio-img {
70	float: left;
71	margin: 10px 5px 0 5px;
72	text-align: center;
73	+ max-width: 60px;
74	+ font-size: 12px;
75	position: relative;
76	+
77	+ .cherry-lable-content {
78	+ display: flex;
79	+ flex-flow: column;
80	+ }
81	+
82	label{
83	display: inline-block;
84	}
85	+
86	img {
87	width: 100%;
88	height: auto;

98	display: block;
99	}
100	img{
101	+ box-shadow: 0 0 0 2px rgba(255, 254, 255, 1), 0 0 0 5px #49c66a;
102	}
103	}
104	}

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-select/assets/min/ui-select.min.css CHANGED Viewed

@@ -1 +1 @@

+ .cherry-lock-element{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:no-drop;position:relative;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.cherry-lock-element.inline-block{display:inline-block}.cherry-lock-element label{position:relative}.cherry-lock-element .cherry-lable-content,.cherry-lock-element .cherry-checkbox-item,.cherry-lock-element .select2-container,.cherry-lock-element>*:first-child{opacity:0.5;pointer-events:none}.cherry-lock-element a.cherry-lock-element__area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2000;cursor:no-drop}.cherry-lock-element a.cherry-lock-element__area:focus{outline:none;box-shadow:none}.cherry-lock-element a.cherry-lock-element__area:hover .cherry-lock-element__label{-webkit-animation-name:lock_show;animation-name:lock_show;-webkit-animation-duration:450ms;animation-duration:450ms;-webkit-animation-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);animation-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}.cherry-lock-element__label{opacity:0;display:inline-block;background-color:rgba(0,0,0,0.9);border-radius:5px;color:#fff;padding:8px 10px;position:absolute;white-space:nowrap;top:-10px;left:50%;box-shadow:2px 2px 5px 0px rgba(0,0,0,0.5);will-change:auto;pointer-events:none;font-size:14px;line-height:16px;-webkit-animation-name:lock_hide;animation-name:lock_hide;-webkit-animation-duration:200ms;animation-duration:200ms;-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%}.cherry-lock-element__label *+*{margin-right:5px}.cherry-lock-element__label:after{border:solid;border-color:rgba(0,0,0,0.9) transparent;border-width:6px 6px 0 6px;bottom:-5px;margin-left:-6px;content:"";left:50%;position:absolute}@-webkit-keyframes lock_show{0%{opacity:0;-webkit-filter:blur(5px);filter:blur(5px);-webkit-transform:scale(0) translate(-50%, 200%);transform:scale(0) translate(-50%, 200%)}60%{opacity:0.8;-webkit-transform:scale(1.1) translate(-50%, -130%);transform:scale(1.1) translate(-50%, -130%)}100%{opacity:1;-webkit-filter:blur(0px);filter:blur(0px);-webkit-transform:scale(1) translate(-50%, -100%);transform:scale(1) translate(-50%, -100%)}}@keyframes lock_show{0%{opacity:0;-webkit-filter:blur(5px);filter:blur(5px);-webkit-transform:scale(0) translate(-50%, 200%);transform:scale(0) translate(-50%, 200%)}60%{opacity:0.8;-webkit-transform:scale(1.1) translate(-50%, -130%);transform:scale(1.1) translate(-50%, -130%)}100%{opacity:1;-webkit-filter:blur(0px);filter:blur(0px);-webkit-transform:scale(1) translate(-50%, -100%);transform:scale(1) translate(-50%, -100%)}}@-webkit-keyframes lock_hide{0%{opacity:1;-webkit-filter:blur(0px);filter:blur(0px);-webkit-transform:scale(1) translate(-50%, -100%);transform:scale(1) translate(-50%, -100%)}100%{opacity:0;-webkit-filter:blur(3px);filter:blur(3px);-webkit-transform:scale(0) translate(-50%, 200%);transform:scale(0) translate(-50%, 200%)}}@keyframes lock_hide{0%{opacity:1;-webkit-filter:blur(0px);filter:blur(0px);-webkit-transform:scale(1) translate(-50%, -100%);transform:scale(1) translate(-50%, -100%)}100%{opacity:0;-webkit-filter:blur(3px);filter:blur(3px);-webkit-transform:scale(0) translate(-50%, 200%);transform:scale(0) translate(-50%, 200%)}}.cherry-ui-container{margin:10px 0 20px 0}label.cherry-label{margin:0 0 5px 0;display:block}.hide{display:none !important}select.cherry-ui-select{width:100%;outline:0 none;font-size:12px;line-height:16px;border-radius:3px;padding:3px 5px;min-height:28px;border:1px solid #d5dadf;box-shadow:none}select.cherry-ui-select:focus{border-color:#9ba7b3;box-shadow:none}select.cherry-ui-select:focus{box-shadow:none}select.select2-hidden-accessible{display:none}.cherry-ui-select-wrapper .select2{color:#ddd;background-color:white;border-radius:3px;border:1px solid #d5dadf}.cherry-ui-select-wrapper .select2 .selection .select2-selection.select2-selection--single{background-color:transparent;border:none;border-radius:3px;height:28px}.cherry-ui-select-wrapper .select2 .selection .select2-selection.select2-selection--single .select2-selection__rendered{padding:5px;font-size:12px;line-height:18px}.cherry-ui-select-wrapper .select2 .selection .select2-selection.select2-selection--single .select2-selection__arrow{height:24px}.cherry-ui-select-wrapper .select2 .selection .select2-selection.select2-selection--multiple{background-color:transparent;border:none;border-radius:3px;min-height:26px}.cherry-ui-select-wrapper .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered{font-size:12px;line-height:14px;padding:0;display:block}.cherry-ui-select-wrapper .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered:focus{outline:none}.cherry-ui-select-wrapper .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice{line-height:14px;margin:2px;border:none;background-color:#e4e4e4;border-radius:3px;color:#5e5e5e;padding:4px}.cherry-ui-select-wrapper .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{color:#f6121c;margin-right:5px;font-size:14px}.cherry-ui-select-wrapper .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search{margin:0}.cherry-ui-select-wrapper .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search .select2-search__field{padding:0;border:none;box-shadow:none;line-height:20px}.cherry-ui-select-wrapper .select2-container .select2-dropdown{background-color:white;border:1px solid #d5dadf;border-radius:3px;box-shadow:0px 5px 21px rgba(0,0,0,0.1);margin-top:1px;z-index:500001}.cherry-ui-select-wrapper .select2-container .select2-dropdown .select2-search__field{border:1px solid #d5dadf;box-shadow:none;border-radius:3px;margin:0;height:25px}.cherry-ui-select-wrapper .select2-container .select2-dropdown .select2-search__field:focus{outline:none}.cherry-ui-select-wrapper .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected=true]{color:#5e5e5e;background-color:#ddd}.cherry-ui-select-wrapper .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted{color:#fff;background-color:#48c569}.cherry-ui-select-wrapper .select2-container .select2-dropdown .select2-results .select2-results__options .li[aria-disabled=true]{display:none}

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-select/assets/ui-kit/_mixins.scss CHANGED Viewed

@@ -1,15 +1,14 @@
             @mixin input() {
-            -
            	font-size: 14px;
-            -
            	line-height: 20px;
-            -
            	color: $dark_color;
-            -
            	background-color: $bg_color;
             	border-radius: $border_radius_extra_small;
-            -
            	padding: 10px 20px;
-            -
            	min-height: 50px;
             	border: 1px solid $border_color;
             	box-shadow: none;
-            -
            		&:focus{
-            -
            			border-color: rgba(41, 143, 252, .6);
-            -
            			box-shadow: 0 0 2px rgba(41, 143, 252, .6);
-            -
            		}
+            }


1	@mixin input() {
2	+ font-size: 12px;
3	+ line-height: 16px;


4	border-radius: $border_radius_extra_small;
5	+ padding: 3px 5px;
6	+ min-height: 28px;
7	border: 1px solid $border_color;
8	box-shadow: none;
9	+
10	+ &:focus{
11	+ border-color: darken( $border_color, 20% );
12	+ box-shadow: none;
13	+ }
14	}

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-select/assets/ui-kit/_variables.scss CHANGED Viewed

	@@ -1,11 +1,11 @@
1	$light_color: #ffffff;
2	- $dark_color: #~~23282d~~;
3
4	$bg_color: #f1f1f1;
5	$bg_color_2: #e5e5e5;
6	- $border_color: #~~dcdcdc~~;
7
8	- $remove_color: #~~e64545~~;
9	- $primary_color: #~~2a90fc~~;
10
11	- $border_radius_extra_small: ~~2px~~;


1	$light_color: #ffffff;
2	+ $dark_color: #dddddd;
3
4	$bg_color: #f1f1f1;
5	$bg_color_2: #e5e5e5;
6	+ $border_color: #d5dadf;
7
8	+ $remove_color: #f6121c;
9	+ $primary_color: #48c569;
10
11	+ $border_radius_extra_small: 3px;

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-select/assets/ui-select.scss CHANGED Viewed

@@ -15,112 +15,133 @@ label.cherry-label{
             select.cherry-ui-select{
             	width: 100%;
             	outline: 0 none;
-            -
            	color: $dark_color;
             	@include input();
             	&:focus{
-            -
            		border-color: none;
             		box-shadow: none;
+            	}
+            }
             select.select2-hidden-accessible{
             	display: none;
+            }
-            -
            .select2{
-            -
            	color: $dark_color;
-            -
            	background-color: $bg_color;
-            -
            	border-radius: $border_radius_extra_small;
-            -
            	border: 1px solid $border_color;
-            -
            	.selection{
-            -
            		.select2-selection{
-            -
            			&.select2-selection--single{
-            -
            				background-color: transparent;
-            -
            				border: none;
-            -
            				border-radius: $border_radius_extra_small;
-            -
            				height: 50px;
-            -
            				.select2-selection__rendered{
-            -
            					padding: 15px 20px;
-            -
            					font-size: 14px;
-            -
            					line-height: 20px;
-            -
            				}
-            -
            				.select2-selection__arrow{
-            -
            					height: 50px;
-            -
            				}
-            -
            			}
-            -
            			&.select2-selection--multiple{
-            -
            				background-color: transparent;
-            -
            				border: none;
-            -
            				border-radius: $border_radius_extra_small;
-            -
            				.select2-selection__rendered{
-            -
            					font-size: 14px;
-            -
            					line-height: 20px;
-            -
            					padding: 0;
-            -
            					display: block;
-            -
            					.select2-selection__choice{
-            -
            						line-height: 20px;
-            -
            						margin: 5px;
-            -
            						border: none;
-            -
            						background-color: $dark_color;
-            -
            						border-radius: $border_radius_extra_small;
-            -
            						color: #fff;
-            -
            						padding: 10px;
-            -
            						.select2-selection__choice__remove{
-            -
            							color: $remove_color;
-            -
            							margin-right: 10px;
-            -
            						}
+            					}
-            -
            					.select2-selection__clear{
+            					}
-            -
            					.select2-search{
-            -
            						margin: 0;
-            -
            						.select2-search__field{
-            -
            							padding: 0;
-            -
            							margin: 15px 10px;
             							border: none;
-            -
            							box-shadow: none;
-            -
            							line-height: 20px;
+            						}
+            					}
+            				}
+            			}
+            		}
+            	}
-            -
            }
-            -
            .select2-container{
-            -
            	.select2-dropdown{
-            -
            		background-color: $bg_color_2;
-            -
            		border: none;
-            -
            		border-radius: $border_radius_extra_small;
-            -
            		margin: 5px 0;
-            -
            		box-shadow: 0px 5px 21px rgba(0,0,0,0.1);
-            -
            		z-index: 500001;
-            -
            		&.select2-container--open, &.select2-dropdown--below{}
-            -
            		.select2-search__field{
-            -
            			border: none;
-            -
            			box-shadow: none;
             			border-radius: $border_radius_extra_small;
-            -
            			margin: 0;
-            -
            			&:focus{
-            -
            				outline: none;
+            			}
-            -
            		}
-            -
            		.select2-results{
-            -
            			.select2-results__options{
-            -
            				.select2-results__option{
-            -
            					&[aria-selected=true]{
-            -
            						color: #fff;
-            -
            						background-color: $primary_color;
+            					}
-            -
            					&--highlighted{
-            -
            						color: #fff;
-            -
            						background-color: $dark_color;
+            					}
+            				}
-            -
            				.li[aria-disabled=true]{
-            -
            					display: none;
-            -
            				}
+            			}
+            		}
+            	}


15	select.cherry-ui-select{
16	width: 100%;
17	outline: 0 none;

18	@include input();
19	+
20	&:focus{

21	box-shadow: none;
22	}
23
24	}
25	+
26	select.select2-hidden-accessible{
27	display: none;
28	}
29	+
30	+ .cherry-ui-select-wrapper {
31	+ .select2{
32	+ color: $dark_color;
33	+ background-color: white;
34	+ border-radius: $border_radius_extra_small;
35	+ border: 1px solid $border_color;
36	+
37	+ .selection{
38	+ .select2-selection{
39	+ &.select2-selection--single{
40	+ background-color: transparent;
41	+ border: none;
42	+ border-radius: $border_radius_extra_small;
43	+ height: 28px;
44	+
45	+ .select2-selection__rendered{
46	+ padding: 5px;
47	+ font-size: 12px;
48	+ line-height: 18px;






















49	}

50
51	+ .select2-selection__arrow{
52	+ height: 24px;
53	}
54	+ }
55	+ &.select2-selection--multiple{
56	+ background-color: transparent;
57	+ border: none;
58	+ border-radius: $border_radius_extra_small;
59	+ min-height: 26px;
60	+
61	+ .select2-selection__rendered{
62	+ font-size: 12px;
63	+ line-height: 14px;
64	+ padding: 0;
65	+ display: block;
66	+
67	+ &:focus {
68	+ outline: none;
69	+ }
70	+
71	+ .select2-selection__choice{
72	+ line-height: 14px;
73	+ margin: 2px;
74	border: none;
75	+ background-color: #e4e4e4;
76	+ border-radius: $border_radius_extra_small;
77	+ color: darken( $dark_color, 50% );
78	+ padding: 4px;
79	+
80	+ .select2-selection__choice__remove{
81	+ color: $remove_color;
82	+ margin-right: 5px;
83	+ font-size: 14px;
84	+ }
85	+ }
86	+
87	+ .select2-selection__clear{
88	+
89	+ }
90	+
91	+ .select2-search{
92	+ margin: 0;
93	+ .select2-search__field{
94	+ padding: 0;
95	+ border: none;
96	+ box-shadow: none;
97	+ line-height: 20px;
98	+ }
99	}
100	}
101	}
102	}
103	}
104	}
105	+ .select2-container{
106	+ .select2-dropdown{
107	+ background-color: white;
108	+ border: 1px solid $border_color;









109	border-radius: $border_radius_extra_small;
110	+ box-shadow: 0px 5px 21px rgba(0,0,0,0.1);
111	+ margin-top: 1px;
112	+ z-index: 500001;
113	+
114	+ .select2-search__field{
115	+ border: 1px solid $border_color;
116	+ box-shadow: none;
117	+ border-radius: $border_radius_extra_small;
118	+ margin: 0;
119	+ height: 25px;
120	+
121	+ &:focus{
122	+ outline: none;
123	+ }
124	}




125
126	+ .select2-results {
127	+ .select2-results__options{
128	+ .select2-results__option{
129	+
130	+ &[aria-selected=true]{
131	+ color: darken( $dark_color, 50% );
132	+ background-color: $dark_color;
133	+ }
134	+
135	+ &--highlighted{
136	+ color: #fff;
137	+ background-color: $primary_color;
138	+ }
139	}
140	+
141	+ .li[aria-disabled=true]{
142	+ display: none;
143	}
144	}



145	}
146	}
147	}

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-slider/assets/min/ui-slider.min.css CHANGED Viewed

@@ -1 +1 @@

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-slider/assets/ui-slider.scss CHANGED Viewed

	@@ -18,23 +18,26 @@ label.cherry-label{
18	margin: 0 0 5px 0;
19	display: block;
20	}

21	.cherry-slider-wrap{
22	display: flex;
23	flex-wrap: wrap;

24	.cherry-slider-input{
25	flex: 0 1 10%;
26	min-width: 100px;
27	max-width: 200px;
28	}

29	.cherry-slider-holder{
30	flex: 0 1 90%;
31	min-width: 200px;
32	max-width: 300px;
33	- margin-right: ~~20px~~;
34	input[type=range] {
35	-webkit-appearance: none;
36	width: 100%;
37	- margin: ~~20px~~ 0;
38	}
39	input[type=range]:focus {
40	outline: none;
	@@ -44,53 +47,40 @@ label.cherry-label{
44	height: 5px;
45	cursor: pointer;
46	box-shadow: none;
47	- background: ~~$green_color~~;
48	border-radius: 25px;
49	border: none;
50	}
51	input[type=range]::-webkit-slider-thumb {
52	- box-shadow: ~~5px~~ ~~5px~~ ~~13px~~ rgba(0, 0, 0, 0.18);
53	- ~~border~~: ~~5px solid $green_color~~;
54	- ~~height~~: ~~20px~~;
55	- ~~width~~: ~~20px~~;
56	- margin-top: -7px;
57	border-radius: 15px;
58	- background: ~~$green_color~~;
59	cursor: pointer;
60	-webkit-appearance: none;
61	transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
62	}
63	- input[type=range]:focus::-webkit-slider-thumb {
64	- background: $grey_color_3;
65	- height: 28px;
66	- width: 28px;
67	- margin-top: -11.5px;
68	- }
69	- input[type=range]:hover::-webkit-slider-thumb {
70	- background: $grey_color_3;
71	- height: 28px;
72	- width: 28px;
73	- margin-top: -11.5px;
74	- }
75	input[type=range]:focus::-webkit-slider-runnable-track {
76	- background: ~~$green_color~~;
77	}
78	input[type=range]::-moz-range-track {
79	width: 100%;
80	height: 5px;
81	cursor: pointer;
82	box-shadow: none;
83	- background: ~~$green_color~~;
84	border-radius: 25px;
85	border: none;
86	}
87	input[type=range]::-moz-range-thumb {
88	box-shadow: none;
89	border: none;
90	- height: ~~28px~~;
91	- width: ~~28px~~;
92	border-radius: 15px;
93	- background: ~~$green_color~~;
94	cursor: pointer;
95	}
96	input[type=range]::-ms-track {


18	margin: 0 0 5px 0;
19	display: block;
20	}
21	+
22	.cherry-slider-wrap{
23	display: flex;
24	flex-wrap: wrap;
25	+
26	.cherry-slider-input{
27	flex: 0 1 10%;
28	min-width: 100px;
29	max-width: 200px;
30	}
31	+
32	.cherry-slider-holder{
33	flex: 0 1 90%;
34	min-width: 200px;
35	max-width: 300px;
36	+ margin-right: 10px;
37	input[type=range] {
38	-webkit-appearance: none;
39	width: 100%;
40	+ margin: 10px 0;
41	}
42	input[type=range]:focus {
43	outline: none;

47	height: 5px;
48	cursor: pointer;
49	box-shadow: none;
50	+ background: #a4afb7;
51	border-radius: 25px;
52	border: none;
53	}
54	input[type=range]::-webkit-slider-thumb {
55	+ box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
56	+ height: 16px;
57	+ width: 16px;
58	+ margin-top: -6px;

59	border-radius: 15px;
60	+ background: white;
61	cursor: pointer;
62	-webkit-appearance: none;
63	transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
64	}












65	input[type=range]:focus::-webkit-slider-runnable-track {
66	+ background: #a4afb7;
67	}
68	input[type=range]::-moz-range-track {
69	width: 100%;
70	height: 5px;
71	cursor: pointer;
72	box-shadow: none;
73	+ background: #a4afb7;
74	border-radius: 25px;
75	border: none;
76	}
77	input[type=range]::-moz-range-thumb {
78	box-shadow: none;
79	border: none;
80	+ height: 16px;
81	+ width: 16px;
82	border-radius: 15px;
83	+ background: #a4afb7;
84	cursor: pointer;
85	}
86	input[type=range]::-ms-track {

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-stepper/assets/min/ui-stepper.min.css CHANGED Viewed

@@ -1 +1 @@

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-stepper/assets/ui-kit/_mixins.scss CHANGED Viewed

	@@ -1,15 +1,16 @@
1	@mixin input() {
2	- font-size: ~~14px~~;
3	- line-height: ~~20px~~;
4	color: $dark_color;
5	background-color: $bg_color;
6	border-radius: $border_radius_extra_small;
7	- padding: ~~10px~~;
8	- min-height: ~~50px~~;
9	border: 1px solid $border_color;
10	box-shadow: none;
11	- ~~&:focus{~~
12	- ~~border-color: rgba(41, 143, 252, .6);~~
13	- ~~box~~-~~shadow~~: ~~0 0 2px rgba~~(~~41,~~ ~~143~~, ~~252,~~ .6);
14	- }

15	}


1	@mixin input() {
2	+ font-size: 12px;
3	+ line-height: 16px;
4	color: $dark_color;
5	background-color: $bg_color;
6	border-radius: $border_radius_extra_small;
7	+ padding: 5px;
8	+ min-height: 28px;
9	border: 1px solid $border_color;
10	box-shadow: none;
11	+
12	+ &:focus{
13	+ border-color: darken( $border_color, 20% );
14	+ box-shadow: none;
15	+ }
16	}

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-stepper/assets/ui-kit/_variables.scss CHANGED Viewed

	@@ -1,7 +1,7 @@
1	$light_color: #ffffff;
2	- $dark_color: #~~23282d~~;
3
4	- $bg_color: ~~#f1f1f1~~;
5	- $border_color: #~~dcdcdc~~;
6
7	- $border_radius_extra_small: ~~2px~~;


1	$light_color: #ffffff;
2	+ $dark_color: #495157;
3
4	+ $bg_color: white;
5	+ $border_color: #d5dadf;
6
7	+ $border_radius_extra_small: 3px;

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-stepper/assets/ui-stepper.scss CHANGED Viewed

	@@ -24,7 +24,7 @@ label.cherry-label{
24
25	}
26	.cherry-ui-stepper-input{
27	- min-width: ~~90px~~;
28	- max-width: ~~90px~~;
29	- text-align: ~~center~~;
30	}


24
25	}
26	.cherry-ui-stepper-input{
27	+ min-width: 70px;
28	+ max-width: 70px;
29	+ text-align: left;
30	}

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-switcher/assets/min/ui-switcher.min.css CHANGED Viewed

@@ -1 +1 @@

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-switcher/assets/ui-switcher.scss CHANGED Viewed

@@ -12,113 +12,98 @@ label.cherry-label{
             	display: none !important;
+            }
             .cherry-switcher-wrap{
-            -
            	height: 47px;
             	border-radius: 25px;
             	display: inline-block;
             	overflow: hidden;
             	position: relative;
             	cursor: pointer;
             	user-select: none;
-            -
            	border: 1px solid $switcher_border_color;
             	label{
-            -
            		background-color: $switcher_bg_color;
             		display: block;
             		float: left;
             		transition: all 0.4s ease;
             		span{
-            -
            			font-size: 12px;
-            -
            			line-height: 18px;
-            -
            			font-weight: 900;
             			text-transform: uppercase;
-            -
            			color: $dark_color;
             			text-align: center;
             			display: block;
             			opacity: 1;
             			transition: all 0.4s ease;
+            		}
+            	}
             	.sw-enable{
-            -
            		padding: 15px 10px 15px 20px;
             		span{
             			opacity: 0;
+            		}
+            	}
             	.sw-disable{
-            -
            		padding: 15px 20px 15px 10px;
             		span{
             			opacity: 1;
+            		}
+            	}
             	.state-marker{
-            -
            		background-color: $false_state_gradint_2;
             		display: block;
             		position: absolute;
-            -
            		width: 41px;
-            -
            		height: 41px;
-            -
            		margin: 3px;
             		top: 0;
             		left: 0;
-            -
            		margin-left: 4px;
-            -
            		border-radius: 25px;
-            -
            		border-style: solid;
-            -
            		border-width: 1px;
-            -
            		border-color: $false_state_outset_1 $false_state_outset_2 $false_state_outset_2 $false_state_outset_1;
             		transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
             		box-sizing: border-box;
-            -
            		&:before {
-            -
            			position: absolute;
-            -
            			display: block;
-            -
            			width: 100%;
-            -
            			height: 100%;
-            -
            			top: 0;
-            -
            			left: 0;
-            -
            			border-radius: 50%;
-            -
            			background-image: linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
-            -
            			content: '';
-            -
            		}
+            	}
             	.cherry-input-switcher{
             		display: none;
+            	}
             	.cherry-input-switcher-true:checked{
             		~ .sw-enable{
-            -
            				span{
-            -
            					opacity: 1;
-            -
            				}
+            		}
             		~ .sw-disable{
-            -
            				span{
-            -
            					opacity: 0;
-            -
            				}
+            		}
             		~ .state-marker{
             			left: 100%;
-            -
            			margin-left: -45px;
-            -
            			border-color: $true_state_outset_1 $true_state_outset_2 $true_state_outset_2 $true_state_outset_1;
-            -
            			background-color: $true_state_gradint_2;
-            -
            		}
-            -
            	}
-            -
-            -
            	&.size-small{
-            -
            		height: 23px;
-            -
            		label{
-            -
            			height: 23px;
-            -
            			padding: 0;
-            -
            				span{
-            -
            					font-size: 10px;
-            -
            					line-height: 15px;
-            -
            					padding: 5px;
-            -
            				}
-            -
            		}
-            -
            		.state-marker{
-            -
            			width: 17px;
-            -
            			height: 17px;
-            -
            			margin-left: 4px;
-            -
            		}
-            -
            		.cherry-input-switcher-true:checked{
-            -
            			~ .state-marker{
-            -
            				margin-left: -22px;
-            -
            			}
+            		}
+            	}
+            }


12	display: none !important;
13	}
14	.cherry-switcher-wrap{
15	+ height: 20px;
16	border-radius: 25px;
17	display: inline-block;
18	overflow: hidden;
19	position: relative;
20	cursor: pointer;
21	user-select: none;
22	+ background-color: white;
23	+
24	+ &:after {
25	+ display: block;
26	+ position: absolute;
27	+ top: 0;
28	+ left: 0;
29	+ width: 100%;
30	+ height: 100%;
31	+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
32	+ pointer-events: none;
33	+ border-radius: 25px;
34	+ content: '';
35	+ }
36	+
37	label{

38	display: block;
39	float: left;
40	+ background-color: #eceeef;
41	transition: all 0.4s ease;
42	+
43	span{
44	+ font-size: 7px;
45	+ line-height: 12px;

46	text-transform: uppercase;
47	+ color: #a4afb7;
48	text-align: center;
49	display: block;
50	opacity: 1;
51	transition: all 0.4s ease;
52	}
53	}
54	+
55	.sw-enable{
56	+ padding: 4px 4px 4px 12px;
57	span{
58	opacity: 0;
59	}
60	}
61	+
62	.sw-disable{
63	+ padding: 4px 12px 4px 4px;
64	span{
65	opacity: 1;
66	}
67	}
68	+
69	.state-marker{
70	+ background-color: white;
71	display: block;
72	position: absolute;
73	+ width: 18px;
74	+ height: 18px;
75	+ margin: 1px;
76	top: 0;
77	left: 0;
78	+ border-radius: 50%;




79	transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
80	box-sizing: border-box;











81	}
82	.cherry-input-switcher{
83	display: none;
84	}
85	.cherry-input-switcher-true:checked{
86	+
87	+
88	~ .sw-enable{
89	+ background-color: #49c66a;
90	+
91	+ span{
92	+ opacity: 1;
93	+ color: white;
94	+ text-shadow: 0 1px rgba(0, 0, 0, 0.2);
95	+ }
96	}
97	~ .sw-disable{
98	+ background-color: #49c66a;
99	+
100	+ span{
101	+ opacity: 0;
102	+ }
103	}
104	~ .state-marker{
105	left: 100%;
106	+ margin-left: -19px;

























107	}
108	}
109	}

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-text/assets/min/ui-text.min.css CHANGED Viewed

@@ -1 +1 @@

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-text/assets/ui-kit/_mixins.scss CHANGED Viewed

	@@ -1,15 +1,16 @@
1	@mixin input() {
2	- font-size: ~~14px~~;
3	- line-height: ~~20px~~;
4	color: $dark_color;
5	background-color: $bg_color;
6	border-radius: $border_radius_extra_small;
7	- padding: ~~10px 20px~~;
8	- min-height: ~~50px~~;
9	border: 1px solid $border_color;
10	box-shadow: none;
11	- ~~&:focus{~~
12	- ~~border-color: rgba(41, 143, 252, .6);~~
13	- ~~box~~-~~shadow~~: ~~0 0 2px rgba~~(~~41,~~ ~~143~~, ~~252,~~ .6);
14	- }

15	}


1	@mixin input() {
2	+ font-size: 12px;
3	+ line-height: 16px;
4	color: $dark_color;
5	background-color: $bg_color;
6	border-radius: $border_radius_extra_small;
7	+ padding: 5px;
8	+ min-height: 28px;
9	border: 1px solid $border_color;
10	box-shadow: none;
11	+
12	+ &:focus{
13	+ border-color: darken( $border_color, 20% );
14	+ box-shadow: none;
15	+ }
16	}

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-text/assets/ui-kit/_variables.scss CHANGED Viewed

	@@ -1,7 +1,7 @@
1	$light_color: #ffffff;
2	- $dark_color: #~~23282d~~;
3
4	- $bg_color: ~~#f1f1f1~~;
5	- $border_color: #~~dcdcdc~~;
6
7	- $border_radius_extra_small: ~~2px~~;


1	$light_color: #ffffff;
2	+ $dark_color: #495157;
3
4	+ $bg_color: white;
5	+ $border_color: #d5dadf;
6
7	+ $border_radius_extra_small: 3px;

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-textarea/assets/min/ui-textarea.min.css CHANGED Viewed

@@ -1 +1 @@

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-textarea/assets/ui-kit/_mixins.scss CHANGED Viewed

	@@ -1,15 +1,16 @@
1	@mixin input() {
2	- font-size: ~~14px~~;
3	- line-height: ~~20px~~;
4	color: $dark_color;
5	background-color: $bg_color;
6	border-radius: $border_radius_extra_small;
7	- padding: ~~10px 20px~~;
8	- min-height: ~~50px~~;
9	border: 1px solid $border_color;
10	box-shadow: none;
11	- ~~&:focus{~~
12	- ~~border-color: rgba(41, 143, 252, .6);~~
13	- ~~box~~-~~shadow~~: ~~0 0 2px rgba~~(~~41,~~ ~~143~~, ~~252,~~ .6);
14	- }

15	}


1	@mixin input() {
2	+ font-size: 12px;
3	+ line-height: 16px;
4	color: $dark_color;
5	background-color: $bg_color;
6	border-radius: $border_radius_extra_small;
7	+ padding: 5px;
8	+ min-height: 28px;
9	border: 1px solid $border_color;
10	box-shadow: none;
11	+
12	+ &:focus{
13	+ border-color: darken( $border_color, 20% );
14	+ box-shadow: none;
15	+ }
16	}

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-textarea/assets/ui-kit/_variables.scss CHANGED Viewed

	@@ -1,7 +1,7 @@
1	$light_color: #ffffff;
2	- $dark_color: #~~23282d~~;
3
4	- $bg_color: ~~#f1f1f1~~;
5	- $border_color: #~~dcdcdc~~;
6
7	- $border_radius_extra_small: ~~2px~~;


1	$light_color: #ffffff;
2	+ $dark_color: #495157;
3
4	+ $bg_color: white;
5	+ $border_color: #d5dadf;
6
7	+ $border_radius_extra_small: 3px;

cherry-framework/modules/cherry-ui-elements/inc/ui-elements/ui-textarea/assets/ui-textarea.scss CHANGED Viewed

	@@ -18,5 +18,5 @@ label.cherry-label{
18	textarea.cherry-ui-textarea{
19	width: 100%;
20	@include input();
21	- height: ~~200px~~;
22	}


18	textarea.cherry-ui-textarea{
19	width: 100%;
20	@include input();
21	+ height: 100px;
22	}

cherry-framework/modules/cherry5-interface-builder/cherry5-interface-builder.php ADDED Viewed

	@@ -0,0 +1,495 @@


1	+ <?php
2	+ /**
3	+ * Module Name: Interface Builder
4	+ * Description: The module for the creation of interfaces in the WordPress admin panel
5	+ * Author: Cherry Team
6	+ * Author URI: http://www.cherryframework.com/
7	+ * License: GPLv3
8	+ * License URI: http://www.gnu.org/licenses/gpl-3.0.html
9	+ *
10	+ * @package Cherry_Framework
11	+ * @subpackage Modules
12	+ * @author Cherry Team <cherryframework@gmail.com>
13	+ * @copyright Copyright (c) 2012 - 2017, Cherry Team
14	+ * @link http://www.cherryframework.com/
15	+ * @license http://www.gnu.org/licenses/gpl-3.0.html
16	+ */
17	+
18	+ // If this file is called directly, abort.
19	+ if ( ! defined( 'WPINC' ) ) {
20	+ die;
21	+ }
22	+
23	+ if ( ! class_exists( 'Cherry5_Interface_Builder' ) ) {
24	+
25	+ /**
26	+ * Class Cherry Interface Builder.
27	+ *
28	+ * @since 1.0.0
29	+ */
30	+ class Cherry5_Interface_Builder {
31	+
32	+ /**
33	+ * Core version.
34	+ *
35	+ * @since 1.5.0
36	+ * @access public
37	+ * @var string
38	+ */
39	+ public $core_version = '';
40	+
41	+ /**
42	+ * Module directory path.
43	+ *
44	+ * @since 1.5.0
45	+ * @access protected
46	+ * @var srting.
47	+ */
48	+ protected $module_path;
49	+
50	+ /**
51	+ * Module settings.
52	+ *
53	+ * @since 1.0.0
54	+ * @access private
55	+ * @var array
56	+ */
57	+ private $args = array(
58	+ 'views' => array(
59	+ 'section' => 'inc/views/section.php',
60	+ 'component-tab-vertical' => 'inc/views/component-tab-vertical.php',
61	+ 'component-tab-horizontal' => 'inc/views/component-tab-horizontal.php',
62	+ 'component-toggle' => 'inc/views/component-toggle.php',
63	+ 'component-accordion' => 'inc/views/component-accordion.php',
64	+ 'component-repeater' => 'inc/views/component-repeater.php',
65	+ 'settings' => 'inc/views/settings.php',
66	+ 'control' => 'inc/views/control.php',
67	+ 'settings-children-title' => 'inc/views/settings-children-title.php',
68	+ 'tab-children-title' => 'inc/views/tab-children-title.php',
69	+ 'toggle-children-title' => 'inc/views/toggle-children-title.php',
70	+ 'form' => 'inc/views/form.php',
71	+ 'html' => 'inc/views/html.php',
72	+ ),
73	+ 'views_args' => array(
74	+ 'parent' => '',
75	+ 'type' => '',
76	+ 'view' => '',
77	+ 'view_wrapping' => true,
78	+ 'html' => '',
79	+ 'scroll' => false,
80	+ 'master' => false,
81	+ 'title' => '',
82	+ 'description' => '',
83	+ ),
84	+ );
85	+
86	+ /**
87	+ * A reference to an instance of this class.
88	+ *
89	+ * @since 1.0.0
90	+ * @access private
91	+ * @var object
92	+ */
93	+ private static $instance = null;
94	+
95	+ /**
96	+ * UI element instance.
97	+ *
98	+ * @since 1.0.0
99	+ * @access public
100	+ * @var object
101	+ */
102	+ public $ui_elements = null;
103	+
104	+ /**
105	+ * The structure of the interface elements.
106	+ *
107	+ * @since 1.0.0
108	+ * @access private
109	+ * @var array
110	+ */
111	+ private $structure = array();
112	+
113	+ /**
114	+ * Cherry_Interface_Builder constructor.
115	+ *
116	+ * @since 1.0.0
117	+ * @access public
118	+ * @return void
119	+ */
120	+ public function __construct( $core, array $args = array() ) {
121	+ $this->args = array_merge_recursive(
122	+ $args,
123	+ $this->args
124	+ );
125	+
126	+ $this->core_version = $core->get_core_version();
127	+ $this->module_path = $args['module_path'];
128	+ $this->ui_elements = $core->init_module( 'cherry-ui-elements' );
129	+
130	+ add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_assets' ) );
131	+ }
132	+
133	+ /**
134	+ * Register element type section.
135	+ *
136	+ * @since 1.0.0
137	+ * @access public
138	+ * @param array $args Options section.
139	+ * @return void
140	+ */
141	+ public function register_section( array $args = array() ) {
142	+ $this->add_new_element( $args, 'section' );
143	+ }
144	+
145	+ /**
146	+ * Register element type component.
147	+ *
148	+ * @since 1.0.0
149	+ * @access public
150	+ * @param array $args Options component.
151	+ * @return void
152	+ */
153	+ public function register_component( array $args = array() ) {
154	+ $this->add_new_element( $args, 'component' );
155	+ }
156	+
157	+ /**
158	+ * Register element type settings.
159	+ *
160	+ * @since 1.0.0
161	+ * @access public
162	+ * @param array $args Options settings.
163	+ * @return void
164	+ */
165	+ public function register_settings( array $args = array() ) {
166	+ $this->add_new_element( $args, 'settings' );
167	+ }
168	+
169	+ /**
170	+ * Register element type control.
171	+ *
172	+ * @since 1.0.0
173	+ * @access public
174	+ * @param array $args Options control.
175	+ * @return void
176	+ */
177	+ public function register_control( array $args = array() ) {
178	+ $this->add_new_element( $args, 'control' );
179	+ }
180	+
181	+ /**
182	+ * Register element type form.
183	+ *
184	+ * @since 1.0.0
185	+ * @access public
186	+ * @param array $args Options form.
187	+ * @return void
188	+ */
189	+ public function register_form( array $args = array() ) {
190	+ $this->add_new_element( $args, 'form' );
191	+ }
192	+
193	+ /**
194	+ * Register element type html.
195	+ *
196	+ * @since 1.0.0
197	+ * @access public
198	+ * @param array $args Options control.
199	+ * @return void
200	+ */
201	+ public function register_html( array $args = array() ) {
202	+ $this->add_new_element( $args, 'html' );
203	+ }
204	+
205	+ /**
206	+ * This function adds a new element to the structure.
207	+ *
208	+ * @since 1.0.0
209	+ * @access protected
210	+ * @param array $args Options new element.
211	+ * @param string $type Type new element.
212	+ * @return void
213	+ */
214	+ protected function add_new_element( array $args = array(), $type = 'section' ) {
215	+
216	+ if ( ! isset( $args[0] ) && ! is_array( current( $args ) ) ) {
217	+
218	+ if ( 'control' !== $type && 'component' !== $type ) {
219	+ $args['type'] = $type;
220	+ }
221	+
222	+ $this->structure[ $args['id'] ] = $args;
223	+
224	+ } else {
225	+ foreach ( $args as $key => $value ) {
226	+
227	+ if ( 'control' !== $type && 'component' !== $type ) {
228	+ $value['type'] = $type;
229	+ }
230	+
231	+ $this->structure[ $key ] = $value;
232	+ }
233	+ }
234	+ }
235	+
236	+ /**
237	+ * Sorts the elements of the structure, adding child items to the parent.
238	+ *
239	+ * @since 1.0.0
240	+ * @access protected
241	+ * @param array $structure The original structure of the elements.
242	+ * @param string $parent_key The key of the parent element.
243	+ * @return array
244	+ */
245	+ protected function sort_structure( array $structure = array(), $parent_key = null ) {
246	+ $new_array = array();
247	+
248	+ foreach ( $structure as $key => $value ) {
249	+ if (
250	+ ( null === $parent_key && ! isset( $value['parent'] ) )
251	+ \|\| null === $parent_key && ! isset( $structure[ $value['parent'] ] )
252	+ \|\| ( isset( $value['parent'] ) && $value['parent'] === $parent_key )
253	+ ) {
254	+
255	+ if ( ! isset( $value['id'] ) ) {
256	+ $value['id'] = $key;
257	+ }
258	+ if ( ! isset( $value['name'] ) ) {
259	+ $value['name'] = $key;
260	+ }
261	+ $new_array[ $key ] = $value;
262	+
263	+ $children = $this->sort_structure( $structure, $key );
264	+ if ( ! empty( $children ) ) {
265	+ $new_array[ $key ]['children'] = $children;
266	+ }
267	+ }
268	+ }
269	+
270	+ return $new_array;
271	+ }
272	+
273	+ /**
274	+ * Reset structure array.
275	+ * Call this method only after render.
276	+ *
277	+ * @since 1.0.1
278	+ * @return void
279	+ */
280	+ public function reset_structure() {
281	+ $this->structure = array();
282	+ }
283	+
284	+ /**
285	+ * Get view for interface elements.
286	+ *
287	+ * @since 1.0.0
288	+ * @access protected
289	+ * @param string $type View type.
290	+ * @param array $args Input data.
291	+ * @return string
292	+ */
293	+ protected function get_view( $type = 'control', array $args = array() ) {
294	+
295	+ if ( empty( $args['view'] ) ) {
296	+ $path = ( array_key_exists( $type, $this->args['views'] ) ) ? $this->args['views'][ $type ] : $this->args['views']['control'];
297	+
298	+ $path = is_array( $path ) ? $path[0] : $path;
299	+ $path = file_exists( $path ) ? $path : $this->module_path . $path;
300	+
301	+ } else {
302	+ $path = $args['view'];
303	+ }
304	+
305	+ return Cherry_Toolkit::render_view( $path, $args );
306	+ }
307	+
308	+ /**
309	+ * Render HTML elements.
310	+ *
311	+ * @since 1.0.0
312	+ * @access public
313	+ * @param bool $echo Input data.
314	+ * @param array $args The original structure of the elements.
315	+ * @return string
316	+ */
317	+ public function render( $echo = true, array $args = array() ) {
318	+
319	+ if ( empty( $args ) ) {
320	+ $args = $this->structure;
321	+ }
322	+
323	+ if ( empty( $args ) ) {
324	+ return false;
325	+ }
326	+
327	+ $sorted_structure = $this->sort_structure( $args );
328	+
329	+ $output = $this->build( $sorted_structure );
330	+ $output = str_replace( array( "\r\n", "\r", "\n", "\t" ), '', $output );
331	+
332	+ $this->reset_structure();
333	+
334	+ return $this->output_method( $output, $echo );
335	+ }
336	+
337	+ /**
338	+ * Render HTML elements.
339	+ *
340	+ * @since 1.0.0
341	+ * @access protected
342	+ * @param array $args Input data.
343	+ * @return string
344	+ */
345	+ protected function build( array $args = array() ) {
346	+ $output = '';
347	+ $views = $this->args['views'];
348	+
349	+ foreach ( $args as $key => $value ) {
350	+ $value = wp_parse_args(
351	+ $value,
352	+ $this->args['views_args']
353	+ );
354	+
355	+ $value['class'] = isset( $value['class'] ) ? $value['class'] . ' ' : '';
356	+ $value['class'] .= $value['id'] . ' ';
357	+
358	+ if ( $value['scroll'] ) {
359	+ $value['class'] .= 'cherry-scroll ';
360	+ }
361	+
362	+ if ( $value['master'] ) {
363	+ $value['class'] .= $value['master'] . ' ';
364	+ }
365	+
366	+ $type = array_key_exists( $value['type'], $views ) ? $value['type'] : 'field';
367	+ $has_child = isset( $value['children'] ) && is_array( $value['children'] ) && ! empty( $value['children'] );
368	+
369	+ switch ( $type ) {
370	+ case 'component-tab-vertical':
371	+ case 'component-tab-horizontal':
372	+ if ( $has_child ) {
373	+ $value['tabs'] = '';
374	+
375	+ foreach ( $value['children'] as $key_children => $value_children ) {
376	+ $value['tabs'] .= $this->get_view( 'tab-children-title', $value_children );
377	+
378	+ unset( $value['children'][ $key_children ]['title'] );
379	+ }
380	+ }
381	+ break;
382	+
383	+ case 'component-toggle':
384	+ case 'component-accordion':
385	+ if ( $has_child ) {
386	+ foreach ( $value['children'] as $key_children => $value_children ) {
387	+ $value['children'][ $key_children ]['title_in_view'] = $this->get_view( 'toggle-children-title', $value_children );
388	+ }
389	+ }
390	+ break;
391	+
392	+ case 'settings':
393	+ if ( isset( $value['title'] ) && $value['title'] ) {
394	+ $value['title'] = isset( $value['title_in_view'] ) ? $value['title_in_view'] : $this->get_view( 'settings-children-title', $value );
395	+ }
396	+ break;
397	+
398	+ case 'html':
399	+ $value['children'] = $value['html'];
400	+ break;
401	+
402	+ case 'form':
403	+ $value['accept-charset'] = isset( $value['accept-charset'] ) ? $value['accept-charset'] : 'utf-8';
404	+ $value['action'] = isset( $value['action'] ) ? $value['action'] : '' ;
405	+ $value['autocomplete'] = isset( $value['autocomplete'] ) ? $value['autocomplete'] : 'on';
406	+ $value['enctype'] = isset( $value['enctype'] ) ? $value['enctype'] : 'application/x-www-form-urlencoded';
407	+ $value['method'] = isset( $value['method'] ) ? $value['method'] : 'post';
408	+ $value['novalidate'] = ( isset( $value['novalidate'] ) && $value['novalidate'] ) ? 'novalidate' : '';
409	+ $value['target'] = isset( $value['target'] ) ? $value['target'] : '';
410	+ break;
411	+
412	+ case 'field':
413	+ $ui_args = $value;
414	+
415	+ $ui_args['class'] = isset( $ui_args['child_class'] ) ? $ui_args['child_class'] : '' ;
416	+
417	+ if ( isset( $ui_args['options_callback'] ) ) {
418	+ $ui_args['options'] = call_user_func( $ui_args['options_callback'] );
419	+ }
420	+
421	+ unset( $ui_args['master'] );
422	+
423	+ $value['children'] = $this->ui_elements->get_ui_element_instance( $ui_args['type'], $ui_args )->render();
424	+ break;
425	+ }
426	+
427	+ if ( $has_child ) {
428	+ $value['children'] = $this->build( $value['children'] );
429	+ }
430	+
431	+ $output .= ( $value['view_wrapping'] ) ? $this->get_view( $type, $value ) : $value['children'];
432	+ }
433	+
434	+ return $output;
435	+ }
436	+
437	+ /**
438	+ * Output HTML.
439	+ *
440	+ * @since 1.0.0
441	+ * @access protected
442	+ * @param string $output Output HTML.
443	+ * @param boolean $echo Output type.
444	+ * @return string
445	+ */
446	+ protected function output_method( $output = '', $echo = true ) {
447	+ if ( ! filter_var( $echo, FILTER_VALIDATE_BOOLEAN ) ) {
448	+ return $output;
449	+ } else {
450	+ echo $output;
451	+ }
452	+ }
453	+
454	+ /**
455	+ * Enqueue javascript and stylesheet interface builder.
456	+ *
457	+ * @since 4.0.0
458	+ * @access public
459	+ * @return void
460	+ */
461	+ public function enqueue_assets() {
462	+ wp_enqueue_script(
463	+ 'cherry-interface-builder',
464	+ esc_url( Cherry_Core::base_url( 'inc/assets/min/cherry-interface-builder.min.js', $this->module_path ) ),
465	+ array( 'jquery' ),
466	+ $this->core_version,
467	+ true
468	+ );
469	+ wp_enqueue_style(
470	+ 'cherry-interface-builder',
471	+ esc_url( Cherry_Core::base_url( 'inc/assets/min/cherry-interface-builder.min.css', $this->module_path ) ),
472	+ array(),
473	+ $this->core_version,
474	+ 'all'
475	+ );
476	+ }
477	+
478	+ /**
479	+ * Returns the instance.
480	+ *
481	+ * @since 1.0.0
482	+ * @access public
483	+ * @return object
484	+ */
485	+ public static function get_instance( $core, $args ) {
486	+
487	+ // If the single instance hasn't been set, set it now.
488	+ if ( null == self::$instance ) {
489	+ self::$instance = new self( $core, $args );
490	+ }
491	+
492	+ return self::$instance;
493	+ }
494	+ }
495	+ }

cherry-framework/modules/cherry5-interface-builder/inc/assets/_use-in-js.scss ADDED Viewed

	@@ -0,0 +1,17 @@


1	+ .cherry-ui-kit{
2	+ button{
3	+ *{
4	+ pointer-events: none;
5	+ }
6	+ }
7	+ }
8	+ .cherry-component{
9	+ &__content{
10	+ .cherry-settings__content{
11	+ display: none;
12	+ &.show{
13	+ display: inherit;
14	+ }
15	+ }
16	+ }
17	+ }

cherry-framework/modules/cherry5-interface-builder/inc/assets/cherry-interface-builder.css ADDED Viewed

	@@ -0,0 +1 @@

+ .cherry-ui-kit button *{pointer-events:none}.cherry-component__content .cherry-settings__content{display:none}.cherry-component__content .cherry-settings__content.show{display:inherit}html{font-size:13px}.cherry-ui-kit h1{font-weight:700;font-size:2.308rem;line-height:2.308rem}.cherry-ui-kit h1 .dashicons{font-size:3rem;line-height:inherit;width:20px;margin:0 20px 0 -5px}.cherry-ui-kit h2{font-weight:600;font-size:1.538rem;line-height:1.538rem}.cherry-ui-kit h2 .dashicons{font-size:2rem;line-height:inherit;width:20px;margin-right:20px}.cherry-ui-kit h3{font-weight:600;font-size:1.231rem;line-height:1.231rem}.cherry-ui-kit h3 .dashicons{font-size:1.7rem;line-height:inherit;margin-right:5px}.cherry-ui-kit h4{font-weight:500;font-size:1.077rem;line-height:1.077rem}.cherry-ui-kit h5{font-weight:500;font-size:1.077rem;line-height:1.077rem}.cherry-ui-kit h6{font-weight:400;font-size:1rem;line-height:1rem}.cherry-ui-kit a{color:#298ffc;text-decoration:none}.cherry-ui-kit a:hover{color:#23282d}.cherry-ui-kit a:focus{outline:1px solid rgba(41,143,252,0.6);box-shadow:0px 0px 2px rgba(41,143,252,0.6)}.cherry-ui-kit__description{font-size:0.9rem;color:#96989a;margin:10px 0}.cherry-ui-kit__title{margin:20px 0}.cherry-ui-kit.hide{display:none}.cherry-control+.cherry-control,.cherry-settings+.cherry-control{border-top:1px solid rgba(0,0,0,0.1)}.cherry-section{padding:10px;background-color:#fff;margin-left:-10px}.cherry-section__title,.cherry-section__description{margin:10px 0 0 0}.cherry-section+.cherry-ui-kit{border-top:1px solid rgba(0,0,0,0.1)}@media (min-width: 783px){.cherry-section{box-shadow:0px 5px 21px rgba(0,0,0,0.1);border-radius:5px;border:1px solid rgba(0,0,0,0.1);padding:15px;margin:15px 15px 0 0}.cherry-section__holder{background-color:#efefef;border-radius:5px;padding:15px}.cherry-section__info{background-color:#fff;border-radius:5px;padding:15px;box-shadow:0px 5px 21px rgba(0,0,0,0.1);margin-bottom:15px}.cherry-section .cherry-settings{box-shadow:0px 5px 21px rgba(0,0,0,0.1);border-radius:5px;border:1px solid rgba(0,0,0,0.1);background-color:#fff;margin-top:15px}.cherry-section .cherry-settings:first-child{margin-top:0}}@media (min-width: 961px){.cherry-section{padding:30px;margin:20px 20px 0 0}.cherry-section__info{padding:30px;margin-bottom:30px}.cherry-section__holder{padding:30px}.cherry-section .cherry-settings{margin-top:30px}}.cherry-component{padding:20px 0}@media (min-width: 783px){.cherry-component{padding:15px}}@media (min-width: 961px){.cherry-component{padding:30px}}.cherry-component+*{border-top:1px solid rgba(0,0,0,0.1)}.cherry-component__title{margin-top:0}.cherry-component .cherry-component__content .cherry-settings{padding:0;border-top:none}.cherry-component__button{display:block;min-height:45px;-webkit-transition:all 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19);transition:all 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19)}.cherry-component__button .cherry-ui-kit__title{color:inherit}.cherry-component__button.active,.cherry-component__button:hover{color:#298ffc;-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.cherry-component__button:focus{outline:none;box-shadow:inset 0px 0px 10px rgba(41,143,252,0.5);-webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275);transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)}.cherry-component.cherry-accordion .cherry-component__button,.cherry-component.cherry-toggle .cherry-component__button{width:100%;padding:15px 20px;border:0;background:none;cursor:pointer;position:relative}.widget .cherry-component.cherry-accordion .cherry-component__button,.widget .cherry-component.cherry-toggle .cherry-component__button{background-color:#495159;color:#fff}.cherry-component.cherry-accordion .cherry-component__button .cherry-toggle__title,.cherry-component.cherry-toggle .cherry-component__button .cherry-toggle__title{font-weight:700;font-size:14px;float:left;margin:0}.cherry-component.cherry-accordion .cherry-component__button>span[class*="icon"],.cherry-component.cherry-toggle .cherry-component__button>span[class*="icon"]{position:absolute;top:50%;right:5px;margin-top:-10px;font-size:25px;color:#b4b7ba;padding:5px 5px;width:10px;height:9px;text-align:left;overflow:hidden}.widget .cherry-component.cherry-accordion .cherry-component__button>span[class*="icon"],.widget .cherry-component.cherry-toggle .cherry-component__button>span[class*="icon"]{color:#fff}.cherry-component.cherry-accordion .cherry-component__button>span[class*="icon"].hide-icon,.cherry-component.cherry-toggle .cherry-component__button>span[class*="icon"].hide-icon{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275)}.cherry-component.cherry-accordion .cherry-component__button>span[class*="icon"].hide-icon:before,.cherry-component.cherry-toggle .cherry-component__button>span[class*="icon"].hide-icon:before{position:relative;top:-8px;left:-9px}.cherry-component.cherry-accordion .cherry-component__button>span[class*="icon"].show-icon,.cherry-component.cherry-toggle .cherry-component__button>span[class*="icon"].show-icon{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1)}.cherry-component.cherry-accordion .cherry-component__button>span[class*="icon"].show-icon:before,.cherry-component.cherry-toggle .cherry-component__button>span[class*="icon"].show-icon:before{position:relative;top:-7px;left:-9px}.cherry-component.cherry-accordion .cherry-component__button.active>span[class*="icon"].show-icon,.cherry-component.cherry-toggle .cherry-component__button.active>span[class*="icon"].show-icon{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275);transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)}.cherry-component.cherry-accordion .cherry-component__button.active>span[class*="icon"].hide-icon,.cherry-component.cherry-toggle .cherry-component__button.active>span[class*="icon"].hide-icon{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.cherry-component.cherry-accordion .cherry-component__button+.cherry-settings__content,.cherry-component.cherry-toggle .cherry-component__button+.cherry-settings__content{border-top:1px solid rgba(0,0,0,0.1)}.cherry-component.cherry-accordion>.cherry-ui-kit__content>.cherry-settings+.cherry-settings,.cherry-component.cherry-toggle>.cherry-ui-kit__content>.cherry-settings+.cherry-settings{margin-top:10px}.cherry-component.cherry-accordion>.cherry-ui-kit__content>.cherry-settings,.cherry-component.cherry-toggle>.cherry-ui-kit__content>.cherry-settings{box-shadow:0px 5px 21px rgba(0,0,0,0.1);border-radius:5px;border:1px solid rgba(0,0,0,0.1)}.widget .cherry-component.cherry-accordion>.cherry-ui-kit__content>.cherry-settings,.widget .cherry-component.cherry-toggle>.cherry-ui-kit__content>.cherry-settings{box-shadow:none;border-radius:0;border-left:0;border-right:0}.cherry-component.cherry-tab .cherry-tab__tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;border-bottom:1px solid rgba(0,0,0,0.1)}.cherry-component.cherry-tab .cherry-tab__tabs .cherry-component__button{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0;-webkit-box-flex:0;-webkit-flex:0 1 100%;-ms-flex:0 1 100%;flex:0 1 100%;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;padding:15px 20px;border:0;background:none;cursor:pointer}.cherry-component.cherry-tab .cherry-tab__tabs .cherry-component__button.active{-ms-box-shadow:inset 0px -3px 0px 0px #298ffc;box-shadow:inset 0px -3px 0px 0px #298ffc}.cherry-component.cherry-tab .cherry-tab__tabs .cherry-component__button .cherry-tab__title{font-weight:700;font-size:14px;float:left;margin:0}.cherry-component.cherry-tab .cherry-tab__tabs .cherry-component__button+button{border-top:1px solid rgba(0,0,0,0.1)}.cherry-component.cherry-tab .cherry-tab__body{box-shadow:0px 5px 21px rgba(0,0,0,0.1);border-radius:5px;border:1px solid rgba(0,0,0,0.1);background-color:#fff}.cherry-component.cherry-tab .cherry-tab__body .cherry-settings{box-shadow:none;border-radius:0;border:none;background-color:inherit;margin:0}@media (min-width: 783px){.cherry-component.cherry-tab .cherry-tab__tabs{border:solid 1px rgba(0,0,0,0.1)}.cherry-component.cherry-tab .cherry-tab__tabs .cherry-component__button+button{border-top:none}.cherry-component.cherry-tab .cherry-tab__body{border:none}.cherry-component.cherry-tab .cherry-tab__body .cherry-tab__content{border:1px solid rgba(0,0,0,0.1)}.cherry-component.cherry-tab--horizontal>.cherry-tab__body{border-radius:none}.cherry-component.cherry-tab--horizontal>.cherry-tab__body>.cherry-tab__tabs{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;border-radius:5px 5px 0 0;border-bottom:none}.cherry-component.cherry-tab--horizontal>.cherry-tab__body>.cherry-tab__tabs .cherry-component__button{-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.cherry-component.cherry-tab--horizontal>.cherry-tab__body>.cherry-tab__content{border-radius:0 0 5px 5px}.cherry-component.cherry-tab--vertical>.cherry-tab__body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-radius:none}.cherry-component.cherry-tab--vertical>.cherry-tab__body>.cherry-tab__tabs{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:0;-webkit-flex:0 1 25%;-ms-flex:0 1 25%;flex:0 1 25%;border-radius:5px 0 0 5px;border-right:none}.cherry-component.cherry-tab--vertical>.cherry-tab__body>.cherry-tab__tabs .cherry-component__button{text-align:right}.cherry-component.cherry-tab--vertical>.cherry-tab__body>.cherry-tab__tabs .cherry-component__button .cherry-tab__title{width:100%}.cherry-component.cherry-tab--vertical>.cherry-tab__body>.cherry-tab__tabs .cherry-component__button.active{box-shadow:inset -3px 0px 0px #298ffc}.cherry-component.cherry-tab--vertical>.cherry-tab__body>.cherry-tab__content{-webkit-box-flex:0;-webkit-flex:0 1 75%;-ms-flex:0 1 75%;flex:0 1 75%;border-radius:0 5px 5px 0}}@media (min-width: 1200px){.cherry-component.cherry-tab--vertical .cherry-tab__tabs{-webkit-box-flex:0;-webkit-flex:0 1 20%;-ms-flex:0 1 20%;flex:0 1 20%}.cherry-component.cherry-tab--vertical .cherry-tab__content{-webkit-box-flex:0;-webkit-flex:0 1 80%;-ms-flex:0 1 80%;flex:0 1 80%}}.widget .cherry-component{padding:0}.widget .cherry-component__content{margin:0 -15px 20px}.widget .cherry-component__content .cherry-control{padding:15px 20px}.cherry-settings+.cherry-settings{border-top:1px solid rgba(0,0,0,0.1)}.cherry-settings .cherry-settings__title{margin-bottom:10px}.cherry-settings__description,.cherry-settings .cherry-settings__title{margin-left:10px}@media (min-width: 783px){.cherry-settings__description,.cherry-settings .cherry-settings__title{margin-left:15px}}@media (min-width: 961px){.cherry-settings__description,.cherry-settings .cherry-settings__title{margin-left:30px}}.cherry-control{padding:15px 20px}.cherry-control__title{margin:0 0 10px 0}.cherry-control__description{margin-top:0}.cherry-control .cherry-ui-container{margin:0}@media (min-width: 783px){.cherry-control{padding:15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.cherry-control__info{-webkit-box-flex:0;-webkit-flex:0 1 30%;-ms-flex:0 1 30%;flex:0 1 30%;padding-right:15px}.cherry-control__content{-webkit-box-flex:0;-webkit-flex:0 1 70%;-ms-flex:0 1 70%;flex:0 1 70%}}@media (min-width: 961px){.cherry-control{padding:30px}}.widget .cherry-control{padding:15px 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.widget .cherry-control__content{-webkit-box-flex:0;-webkit-flex:0 1 100%;-ms-flex:0 1 100%;flex:0 1 100%}.widget .cherry-control__info{-webkit-box-flex:0;-webkit-flex:0 1 100%;-ms-flex:0 1 100%;flex:0 1 100%;padding-right:0}@media (min-width: 783px){.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner,.cherry-tab__content>.cherry-scroll,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content{max-height:700px;overflow-y:auto;position:relative}.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar{width:10px;height:10px}.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar-button,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar-button,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-button,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-button{width:0px;height:0px}.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar-thumb,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar-thumb,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-thumb,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-thumb{background-color:#298ffc;border:none;border-radius:5px}.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar-thumb:hover,.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar-thumb:active,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar-thumb:hover,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar-thumb:active,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-thumb:hover,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-thumb:active,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-thumb:hover,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-thumb:active{background:#206ff4}.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar-track,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar-track,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-track,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-track{background-color:#fff;border:none;border-radius:5px}.cherry-section.cherry-scroll>.cherry-section__holder>.cherry-section__inner::-webkit-scrollbar-corner,.cherry-tab__content>.cherry-scroll::-webkit-scrollbar-corner,.cherry-accordion__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-corner,.cherry-toggle__content>.cherry-scroll>.cherry-settings__content::-webkit-scrollbar-corner{background:transparent}}

cherry-framework/modules/cherry5-interface-builder/inc/assets/cherry-interface-builder.js ADDED Viewed

	@@ -0,0 +1,193 @@


1	+ /**
2	+ * Interface Builder
3	+ */
4	+ ;( function( $, CherryJsCore ) {
5	+ 'use strict';
6	+
7	+ CherryJsCore.utilites.namespace( 'interfaceBuilder' );
8	+
9	+ CherryJsCore.interfaceBuilder = {
10	+ init: function() {
11	+ this.component.init();
12	+
13	+ $( document )
14	+ .on( 'cherryInterfaceBuilder', this.component.init.bind( this.component ) );
15	+ },
16	+ component: {
17	+ tabClass: '.cherry-tab',
18	+ accordionClass: '.cherry-accordion',
19	+ toggleClass: '.cherry-toggle',
20	+
21	+ buttonClass: '.cherry-component__button',
22	+ contentClass: '.cherry-settings__content',
23	+
24	+ buttonActiveClass: 'active',
25	+ showClass: 'show',
26	+
27	+ localStorage: {},
28	+
29	+ init: function () {
30	+ this.localStorage = this.getState() \|\| {};
31	+
32	+ this.componentInit( this.tabClass );
33	+ this.componentInit( this.accordionClass );
34	+ this.componentInit( this.toggleClass );
35	+
36	+ this.addEvent();
37	+ },
38	+
39	+ addEvent: function() {
40	+ $( 'body' )
41	+ .off( 'click.cherryInterfaceBuilder' )
42	+ .on( 'click.cherryInterfaceBuilder',
43	+ this.tabClass + ' ' + this.buttonClass + ', ' +
44	+ this.toggleClass + ' ' + this.buttonClass + ', ' +
45	+ this.accordionClass + ' ' + this.buttonClass,
46	+
47	+ this.componentClick.bind( this )
48	+ );
49	+ },
50	+
51	+ componentInit: function( componentClass ) {
52	+ var _this = this,
53	+ components = $( componentClass ),
54	+ componentId = null,
55	+ button = null,
56	+ contentId = null,
57	+ notShow = '';
58	+
59	+ components.each( function( index, component ) {
60	+ component = $( component );
61	+ componentId = component.data( 'compotent-id' );
62	+
63	+ switch ( componentClass ) {
64	+ case _this.toggleClass:
65	+ if ( _this.localStorage[ componentId ] && _this.localStorage[ componentId ].length ) {
66	+ notShow = _this.localStorage[ componentId ].join( ', ' );
67	+ }
68	+
69	+ $( _this.contentClass, component )
70	+ .not( notShow )
71	+ .addClass( _this.showClass )
72	+ .prevAll( _this.buttonClass )
73	+ .addClass( _this.buttonActiveClass );
74	+ break;
75	+
76	+ case _this.tabClass:
77	+ case _this.accordionClass:
78	+ if ( _this.localStorage[ componentId ] ) {
79	+ contentId = _this.localStorage[ componentId ][ 0 ];
80	+ button = $( '[data-content-id="' + contentId + '"]', component );
81	+ } else {
82	+ button = $( _this.buttonClass, component ).eq( 0 );
83	+ contentId = button.data( 'content-id' );
84	+ }
85	+
86	+ _this.showElement( button, component, contentId );
87	+ break;
88	+ }
89	+ } );
90	+ },
91	+
92	+ componentClick: function( event ) {
93	+ var $target = $( event.target ),
94	+ $parent = $target.closest( this.tabClass + ', ' + this.accordionClass + ', ' + this.toggleClass ),
95	+ expr = new RegExp( this.tabClass + '\|' + this.accordionClass + '\|' + this.toggleClass ),
96	+ componentName = $parent[0].className.match( expr )[ 0 ].replace( ' ', '.' ),
97	+ contentId = $target.data( 'content-id' ),
98	+ componentId = $parent.data( 'compotent-id' ),
99	+ activeFlag = $target.hasClass( this.buttonActiveClass ),
100	+ itemClosed;
101	+
102	+ switch ( componentName ) {
103	+ case this.tabClass:
104	+ if ( ! activeFlag ) {
105	+ this.hideElement( $parent );
106	+ this.showElement( $target, $parent, contentId );
107	+
108	+ this.localStorage[ componentId ] = new Array( contentId );
109	+ this.setState();
110	+ }
111	+ break;
112	+
113	+ case this.accordionClass:
114	+ this.hideElement( $parent );
115	+
116	+ if ( ! activeFlag ) {
117	+ this.showElement( $target, $parent, contentId );
118	+
119	+ this.localStorage[ componentId ] = new Array( contentId );
120	+ } else {
121	+ this.localStorage[ componentId ] = {};
122	+ }
123	+ this.setState();
124	+ break;
125	+
126	+ case this.toggleClass:
127	+ $target
128	+ .toggleClass( this.buttonActiveClass )
129	+ .nextAll( contentId )
130	+ .toggleClass( this.showClass );
131	+
132	+ if ( Array.isArray( this.localStorage[ componentId ] ) ) {
133	+ itemClosed = this.localStorage[ componentId ].indexOf( contentId );
134	+
135	+ if ( -1 !== itemClosed ) {
136	+ this.localStorage[ componentId ].splice( itemClosed, 1 );
137	+ } else {
138	+ this.localStorage[ componentId ].push( contentId );
139	+ }
140	+
141	+ } else {
142	+ this.localStorage[ componentId ] = new Array( contentId );
143	+ }
144	+
145	+ this.setState();
146	+ break;
147	+ }
148	+ $target.blur();
149	+
150	+ return false;
151	+ },
152	+
153	+ showElement: function ( button, holder, contentId ) {
154	+ button
155	+ .addClass( this.buttonActiveClass );
156	+
157	+ holder
158	+ .data( 'content-id', contentId );
159	+
160	+ $( contentId, holder )
161	+ .addClass( this.showClass );
162	+ },
163	+
164	+ hideElement: function ( holder ) {
165	+ var contsntId = holder.data( 'content-id' );
166	+
167	+ $( '[data-content-id="' + contsntId + '"]', holder )
168	+ .removeClass( this.buttonActiveClass );
169	+
170	+ $( contsntId, holder )
171	+ .removeClass( this.showClass );
172	+ },
173	+
174	+ getState: function() {
175	+ try {
176	+ return JSON.parse( localStorage.getItem( 'interface-builder' ) );
177	+ } catch ( e ) {
178	+ return false;
179	+ }
180	+ },
181	+
182	+ setState: function() {
183	+ try {
184	+ localStorage.setItem( 'interface-builder', JSON.stringify( this.localStorage ) );
185	+ } catch ( e ) {
186	+ return false;
187	+ }
188	+ }
189	+ }
190	+ };
191	+
192	+ CherryJsCore.interfaceBuilder.init();
193	+ }( jQuery, window.CherryJsCore ) );

cherry-framework/modules/cherry5-interface-builder/inc/assets/cherry-interface-builder.scss ADDED Viewed

	@@ -0,0 +1,511 @@


1	+ $color-1: #fff; // Background color.
2	+ $widget-bg: #495159; // Background color in widgets.
3	+ $color-2: #efefef; // Background color.
4	+ $color-3: #96989a; // Description color and tabs button text color.
5	+ $color-4: #b4b7ba; //
6	+ $color-5: #f1f1f1; // Scrollbar background
7	+ $color-6: #e5e5e5; // Hover scrollbar background
8	+ $color-7: #206ff4; // Scrollbar track background
9	+ $link-color: #298ffc; // link color.
10	+ $link-hover-color: #23282d; // link hover color.
11	+
12	+ $shadow: 2px 2px 5px rgba(0,0,0,0.05); //Shadow.
13	+ $border: 1px solid rgba(0, 0, 0, 0.1) ;
14	+
15	+ $br-radius: 3px; // Border radius.
16	+
17	+ $padding: 5px;
18	+ $margin: 5px;
19	+ $max-heught: 700px;
20	+
21	+ @import "use-in-js";
22	+
23	+ html{
24	+ font-size: 13px;
25	+ }
26	+ .cherry-ui-kit{
27	+ h1{
28	+ font-weight: 700;
29	+ font-size: 2.308rem;
30	+ line-height: 2.308rem;
31	+ .dashicons{
32	+ font-size: 3rem;
33	+ line-height: inherit;
34	+ width: 20px;
35	+ margin: 0 $margin * 2 0 $margin * -0.5;
36	+ }
37	+ }
38	+ h2{
39	+ font-weight: 600;
40	+ font-size: 1.538rem;
41	+ line-height: 1.538rem;
42	+ .dashicons{
43	+ font-size: 2rem;
44	+ line-height: inherit;
45	+ width: 20px;
46	+ margin-right: $margin * 2;
47	+ }
48	+ }
49	+ h3{
50	+ font-weight: 600;
51	+ font-size: 1.231rem;
52	+ line-height: 1.231rem;
53	+ .dashicons{
54	+ font-size: 1.7rem;
55	+ line-height: inherit;
56	+ margin-right: $margin * 0.5;
57	+ }
58	+ }
59	+ h4{
60	+ font-weight: 500;
61	+ font-size: 1.077rem;
62	+ line-height: 1.077rem;
63	+
64	+ }
65	+ h5{
66	+ font-weight: 500;
67	+ font-size: 1.077rem;
68	+ line-height: 1.077rem;
69	+ }
70	+ h6{
71	+ font-weight: 400;
72	+ font-size: 1rem;
73	+ line-height: 1rem;
74	+ }
75	+ a{
76	+ color: $link-color;
77	+ text-decoration: none;
78	+ &:hover{
79	+ color: $link-hover-color;
80	+ }
81	+ &:focus{
82	+ outline: 1px solid rgba(41, 143, 252, .6);
83	+ box-shadow: 0px 0px 2px rgba(41,143,252,0.6);
84	+ }
85	+ }
86	+ &__description{
87	+ font-size: 0.9rem;
88	+ color: $color-3;
89	+ margin: $margin 0;
90	+ }
91	+ &__title{
92	+ margin: $margin*2 0;
93	+ }
94	+ &.hide{
95	+ display: none;
96	+ }
97	+ }
98	+
99	+ .cherry-control + .cherry-control, .cherry-settings + .cherry-control{
100	+ border-top: $border;
101	+ }
102	+
103	+ .cherry-section{
104	+ padding: $padding;
105	+ background-color: $color-1;
106	+ margin-left: -10px;
107	+ &__title, &__description{
108	+ margin: $margin 0 0 0;
109	+ }
110	+ & + .cherry-ui-kit {
111	+ border-top: $border;
112	+ }
113	+ @media ( min-width: 783px ) {
114	+ box-shadow:$shadow;
115	+ border-radius: $br-radius;
116	+ border: $border;
117	+ padding: $padding * 1.5;
118	+ margin: $margin * 1.5 $margin * 1.5 0 0;
119	+ &__holder{
120	+ background-color: $color-2;
121	+ border-radius: $br-radius;
122	+ padding: $padding * 1.5;
123	+ }
124	+ &__inner{
125	+
126	+ }
127	+ &__info{
128	+ background-color: $color-1;
129	+ border-radius: $br-radius;
130	+ padding: $padding * 1.5;
131	+ box-shadow: $shadow;
132	+ margin-bottom: $padding * 1.5;
133	+ }
134	+ .cherry-settings{
135	+ box-shadow: $shadow;
136	+ border-radius: $br-radius;
137	+ border: $border;
138	+ background-color: $color-1;
139	+ margin-top: $padding * 1.5;
140	+ &:first-child{
141	+ margin-top: 0;
142	+ }
143	+ }
144	+ }
145	+ @media ( min-width: 961px ) {
146	+ padding: $padding * 3;
147	+ margin: $margin * 2 $margin * 2 0 0;
148	+ &__info{
149	+ padding: $padding * 3;
150	+ margin-bottom: $padding * 3;
151	+ }
152	+ &__holder{
153	+ padding: $padding * 3;
154	+ }
155	+ .cherry-settings{
156	+ margin-top: $padding * 3;
157	+ }
158	+ }
159	+ }
160	+
161	+ .cherry-component{
162	+ padding: $padding * 2 0;
163	+ @media ( min-width: 783px ) {
164	+ padding: $padding * 1.5;
165	+ }
166	+ @media ( min-width: 961px ) {
167	+ padding: $padding * 3;
168	+ }
169	+ & + * {
170	+ border-top: $border;
171	+ }
172	+ &__title{
173	+ margin-top: 0;
174	+ }
175	+ & &__content{
176	+ .cherry-settings{
177	+ padding: 0;
178	+ border-top: none;
179	+ }
180	+ }
181	+ &__button{
182	+ display: block;
183	+ min-height: 45px;
184	+ .cherry-ui-kit__title {
185	+ color: inherit;
186	+ }
187	+ &.active, &:hover{
188	+ color: $link-color;
189	+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
190	+ }
191	+ &:focus{
192	+ outline: none;
193	+ box-shadow: inset 0 0 1px 0 rgba(41,143,252,0.5);
194	+ transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
195	+ }
196	+ transition: all 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
197	+ }
198	+ &.cherry-accordion, &.cherry-toggle{
199	+ .cherry-component__button{
200	+ width: 100%;
201	+ padding: $padding * 1.5 $padding * 2;
202	+ border:0;
203	+ background: none;
204	+ cursor: pointer;
205	+ position: relative;
206	+ .widget &{
207	+ background-color: $widget-bg;
208	+ color: $color-1;
209	+ }
210	+ .cherry-toggle__title {
211	+ font-weight: 700;
212	+ font-size: 14px;
213	+ float: left;
214	+ margin: 0;
215	+ }
216	+ >span[class*="icon"]{
217	+ position: absolute;
218	+ top: 50%;
219	+ right: 5px;
220	+ margin-top: -10px;
221	+
222	+ font-size: 25px;
223	+ color: $color-4;
224	+ padding: 5px 5px;
225	+ width: 10px;
226	+ height: 9px;
227	+ text-align: left;
228	+ overflow: hidden;
229	+ .widget &{
230	+ color: $color-1;
231	+ }
232	+ &.hide-icon{
233	+ &:before{
234	+ position: relative;
235	+ top: -8px;
236	+ left: -9px;
237	+ }
238	+ transform:scaleX(1);
239	+ transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
240	+ }
241	+ &.show-icon{
242	+ &:before{
243	+ position: relative;
244	+ top: -7px;
245	+ left: -9px;
246	+ }
247	+ transform:scaleX(0);
248	+ transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
249	+ }
250	+ }
251	+ &.active{
252	+ >span[class*="icon"]{
253	+ &.show-icon{
254	+ transform:scaleX(1);
255	+ transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
256	+ }
257	+ &.hide-icon{
258	+ transform:scaleX(0);
259	+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
260	+ }
261	+ }
262	+ }
263	+ }
264	+ .cherry-component__button + .cherry-settings__content{
265	+ border-top: $border;
266	+ }
267	+ > .cherry-ui-kit__content{
268	+ & > .cherry-settings + .cherry-settings{
269	+ margin-top: $margin;
270	+ }
271	+ > .cherry-settings{
272	+ box-shadow:$shadow;
273	+ border-radius: $br-radius;
274	+ border: $border;
275	+ .widget &{
276	+ box-shadow:none;
277	+ border-radius: 0;
278	+ border-left: 0;
279	+ border-right: 0;
280	+ }
281	+ }
282	+ }
283	+ }
284	+ &.cherry-tab{
285	+ .cherry-tab__tabs{
286	+ display: flex;
287	+ flex-flow: row wrap;
288	+ justify-content: flex-start;
289	+ align-items: flex-start;
290	+ align-content: flex-start;
291	+ border-bottom: $border;
292	+ .cherry-component__button{
293	+ order: 0;
294	+ flex: 0 1 100%;
295	+ align-self: auto;
296	+ padding: $padding * 1.5 $padding * 2;
297	+ border: 0;
298	+ background: none;
299	+ cursor: pointer;
300	+ &.active{
301	+ -ms-box-shadow: inset 0px -3px 0px 0px $link-color;
302	+ box-shadow: inset 0px -3px 0px 0px $link-color;
303	+ }
304	+ .cherry-tab__title {
305	+ font-weight: 700;
306	+ font-size: 14px;
307	+ float: left;
308	+ margin: 0;
309	+ }
310	+ & + button{
311	+ border-top: $border;
312	+ }
313	+ }
314	+ }
315	+ .cherry-tab__body{
316	+ box-shadow:$shadow;
317	+ border-radius: $br-radius;
318	+ border: $border;
319	+ background-color: $color-1;
320	+ .cherry-settings{
321	+ box-shadow: none;
322	+ border-radius: 0;
323	+ border: none;
324	+ background-color: inherit;
325	+ margin: 0;
326	+ }
327	+ }
328	+ @media ( min-width: 783px ) {
329	+ .cherry-tab__tabs{
330	+ border: solid 1px rgba(0,0,0,0.1);
331	+ .cherry-component__button{
332	+ & + button{
333	+ border-top: none;
334	+ }
335	+ }
336	+ }
337	+ .cherry-tab__body{
338	+ border: none;
339	+ .cherry-tab__content{
340	+ border: $border;
341	+ }
342	+ }
343	+ &--horizontal{
344	+ >.cherry-tab__body{
345	+ border-radius: none;
346	+ >.cherry-tab__tabs{
347	+ flex-wrap: nowrap;
348	+ flex-direction: row;
349	+ border-radius:$br-radius $br-radius 0 0;
350	+ border-bottom: none;
351	+ .cherry-component__button{
352	+ flex: 0 1 auto;
353	+ }
354	+ }
355	+ >.cherry-tab__content{
356	+ border-radius: 0 0 $br-radius $br-radius;
357	+ }
358	+ }
359	+ }
360	+ &--vertical{
361	+ >.cherry-tab__body{
362	+ display: flex;
363	+ border-radius: none;
364	+ >.cherry-tab__tabs{
365	+ flex-direction: row;
366	+ -webkit-box-flex: 0;
367	+ flex: 0 1 20%;
368	+ border-radius:$br-radius 0 0 $br-radius;
369	+ border-right: none;
370	+ .cherry-component__button{
371	+ text-align: right;
372	+ .cherry-tab__title {
373	+ width: 100%;
374	+ }
375	+ &.active{
376	+ box-shadow: inset -3px 0px 0px $link-color;
377	+ }
378	+ }
379	+ }
380	+ >.cherry-tab__content{
381	+ -webkit-box-flex: 0;
382	+ flex: 0 1 80%;
383	+ border-radius: 0 $br-radius $br-radius 0;
384	+ }
385	+ }
386	+ }
387	+ }
388	+ @media ( min-width: 1200px ) {
389	+ &--vertical{
390	+ .cherry-tab__tabs{
391	+ flex: 0 1 20%;
392	+ }
393	+ .cherry-tab__content{
394	+ flex: 0 1 80%;
395	+ }
396	+ }
397	+ }
398	+ }
399	+ .widget &{
400	+ padding: 0;
401	+ &__content{
402	+ margin: 0 $margin * -1.5 $margin * 2;
403	+ .cherry-control{
404	+ padding: $padding * 1.5 $padding * 2;
405	+ }
406	+ }
407	+ }
408	+ }
409	+ .cherry-settings{
410	+ & + & {
411	+ border-top: $border;
412	+ }
413	+ & &__title{
414	+ margin-bottom: $margin;
415	+ }
416	+ &__description, & &__title{
417	+ margin-left: $margin;
418	+ @media ( min-width: 783px ) {
419	+ margin-left: $margin * 1.5;
420	+ }
421	+ @media ( min-width: 961px ) {
422	+ margin-left: $margin * 3;
423	+ }
424	+ }
425	+ }
426	+ .cherry-control{
427	+ padding: $padding * 3 0;
428	+ margin: 0 $margin;
429	+
430	+ &__title{
431	+ margin: 0 0 $margin 0 ;
432	+ }
433	+ &__description{
434	+ margin-top: 0;
435	+ }
436	+ .cherry-ui-container {
437	+ margin: 0;
438	+ }
439	+
440	+ @media (min-width: 783px) {
441	+ padding: $padding * 4;
442	+ margin: 0 $margin * 1.5;
443	+
444	+ display: flex;
445	+ flex-flow: row nowrap;
446	+ &__info{
447	+ -webkit-box-flex: 0;
448	+ flex: 0 1 30%;
449	+ padding-right: $padding * 1.5;
450	+ }
451	+ &__content{
452	+ -webkit-box-flex: 0;
453	+ flex: 0 1 70%;
454	+ }
455	+ }
456	+
457	+ @media ( min-width: 961px ) {
458	+ padding: $padding * 6 0;
459	+ margin: 0 $margin * 3;
460	+ }
461	+
462	+ .widget & {
463	+ padding: $padding * 1.5 0;
464	+ flex-direction: column;
465	+ &__content{
466	+ -webkit-box-flex: 0;
467	+ flex: 0 1 100%;
468	+ }
469	+ &__info{
470	+ -webkit-box-flex: 0;
471	+ flex: 0 1 100%;
472	+ padding-right: 0;
473	+ }
474	+ }
475	+ }
476	+
477	+ .cherry-section.cherry-scroll > .cherry-section__holder > .cherry-section__inner,
478	+ .cherry-tab__content > .cherry-scroll,
479	+ .cherry-accordion__content > .cherry-scroll > .cherry-settings__content,
480	+ .cherry-toggle__content > .cherry-scroll > .cherry-settings__content,
481	+ {
482	+ @media ( min-width: 783px ) {
483	+ max-height: $max-heught;
484	+ overflow-y: auto;
485	+ position: relative;
486	+ &::-webkit-scrollbar {
487	+ width: 10px;
488	+ height: 10px;
489	+ &-button {
490	+ width: 0px;
491	+ height: 0px;
492	+ }
493	+ &-thumb {
494	+ background-color: $link-color;
495	+ border: none;
496	+ border-radius: $br-radius;
497	+ &:hover, &:active {
498	+ background: $color-7;
499	+ }
500	+ }
501	+ &-track {
502	+ background-color: $color-1;
503	+ border: none;
504	+ border-radius: $br-radius;
505	+ }
506	+ &-corner {
507	+ background: transparent;
508	+ }
509	+ }
510	+ }
511	+ }

cherry-framework/modules/cherry5-interface-builder/inc/assets/min/cherry-interface-builder.min.css ADDED Viewed

	@@ -0,0 +1 @@

cherry-framework/modules/cherry5-interface-builder/inc/assets/min/cherry-interface-builder.min.js ADDED Viewed

	@@ -0,0 +1 @@

+ !function(t,s){"use strict";s.utilites.namespace("interfaceBuilder"),s.interfaceBuilder={init:function(){this.component.init(),t(document).on("cherryInterfaceBuilder",this.component.init.bind(this.component))},component:{tabClass:".cherry-tab",accordionClass:".cherry-accordion",toggleClass:".cherry-toggle",buttonClass:".cherry-component__button",contentClass:".cherry-settings__content",buttonActiveClass:"active",showClass:"show",localStorage:{},init:function(){this.localStorage=this.getState()||{},this.componentInit(this.tabClass),this.componentInit(this.accordionClass),this.componentInit(this.toggleClass),this.addEvent()},addEvent:function(){t("body").off("click.cherryInterfaceBuilder").on("click.cherryInterfaceBuilder",this.tabClass+" "+this.buttonClass+", "+this.toggleClass+" "+this.buttonClass+", "+this.accordionClass+" "+this.buttonClass,this.componentClick.bind(this))},componentInit:function(s){var e=this,a=t(s),o=null,i=null,n=null,l="";a.each(function(a,c){switch(c=t(c),o=c.data("compotent-id"),s){case e.toggleClass:e.localStorage[o]&&e.localStorage[o].length&&(l=e.localStorage[o].join(", ")),t(e.contentClass,c).not(l).addClass(e.showClass).prevAll(e.buttonClass).addClass(e.buttonActiveClass);break;case e.tabClass:case e.accordionClass:e.localStorage[o]?(n=e.localStorage[o][0],i=t('[data-content-id="'+n+'"]',c)):(i=t(e.buttonClass,c).eq(0),n=i.data("content-id")),e.showElement(i,c,n)}})},componentClick:function(s){var e,a=t(s.target),o=a.closest(this.tabClass+", "+this.accordionClass+", "+this.toggleClass),i=new RegExp(this.tabClass+"|"+this.accordionClass+"|"+this.toggleClass),n=o[0].className.match(i)[0].replace(" ","."),l=a.data("content-id"),c=o.data("compotent-id"),r=a.hasClass(this.buttonActiveClass);switch(n){case this.tabClass:r||(this.hideElement(o),this.showElement(a,o,l),this.localStorage[c]=new Array(l),this.setState());break;case this.accordionClass:this.hideElement(o),r?this.localStorage[c]={}:(this.showElement(a,o,l),this.localStorage[c]=new Array(l)),this.setState();break;case this.toggleClass:a.toggleClass(this.buttonActiveClass).nextAll(l).toggleClass(this.showClass),Array.isArray(this.localStorage[c])?(e=this.localStorage[c].indexOf(l),-1!==e?this.localStorage[c].splice(e,1):this.localStorage[c].push(l)):this.localStorage[c]=new Array(l),this.setState()}return a.blur(),!1},showElement:function(s,e,a){s.addClass(this.buttonActiveClass),e.data("content-id",a),t(a,e).addClass(this.showClass)},hideElement:function(s){var e=s.data("content-id");t('[data-content-id="'+e+'"]',s).removeClass(this.buttonActiveClass),t(e,s).removeClass(this.showClass)},getState:function(){try{return JSON.parse(localStorage.getItem("interface-builder"))}catch(t){return!1}},setState:function(){try{localStorage.setItem("interface-builder",JSON.stringify(this.localStorage))}catch(t){return!1}}}},s.interfaceBuilder.init()}(jQuery,window.CherryJsCore);

cherry-framework/modules/cherry5-interface-builder/inc/views/component-accordion.php ADDED Viewed

	@@ -0,0 +1,30 @@


1	+ <?php
2	+ /**
3	+ * Accordion template.
4	+ *
5	+ * @package Cherry_Interface_Builder
6	+ * @subpackage Views
7	+ * @author Cherry Team <cherryframework@gmail.com>
8	+ * @copyright Copyright (c) 2012 - 2017, Cherry Team
9	+ * @link http://www.cherryframework.com/
10	+ * @license http://www.gnu.org/licenses/gpl-3.0.html
11	+ */
12	+
13	+ // If this file is called directly, abort.
14	+ if ( ! defined( 'WPINC' ) ) {
15	+ die;
16	+ }
17	+ ?>
18	+ <div class="cherry-ui-kit cherry-component cherry-accordion <?php echo esc_attr( $__data['class'] ); ?>" data-compotent-id="#<?php echo esc_attr( $__data['id'] ) ?>">
19	+ <?php if ( ! empty( $__data['title'] ) ) { ?>
20	+ <h2 class="cherry-ui-kit__title cherry-component__title" role="banner" ><?php echo wp_kses_post( $__data['title'] ); ?></h2>
21	+ <?php } ?>
22	+ <?php if ( ! empty( $__data['description'] ) ) { ?>
23	+ <div class="cherry-ui-kit__description cherry-component__description" role="note" ><?php echo wp_kses_post( $__data['description'] ); ?></div>
24	+ <?php } ?>
25	+ <?php if ( ! empty( $__data['children'] ) ) { ?>
26	+ <div class="cherry-ui-kit__content cherry-component__content cherry-accordion__content" role="group" >
27	+ <?php echo $__data['children'] ?>
28	+ </div>
29	+ <?php } ?>
30	+ </div>

cherry-framework/modules/cherry5-interface-builder/inc/views/component-repeater.php ADDED Viewed

	@@ -0,0 +1,30 @@


1	+ <?php
2	+ /**
3	+ * Repeater template.
4	+ *
5	+ * @package Cherry_Interface_Builder
6	+ * @subpackage Views
7	+ * @author Cherry Team <cherryframework@gmail.com>
8	+ * @copyright Copyright (c) 2012 - 2017, Cherry Team
9	+ * @link http://www.cherryframework.com/
10	+ * @license http://www.gnu.org/licenses/gpl-3.0.html
11	+ */
12	+
13	+ // If this file is called directly, abort.
14	+ if ( ! defined( 'WPINC' ) ) {
15	+ die;
16	+ }
17	+ ?>
18	+ <div class="cherry-ui-kit cherry-component cherry-repeater <?php echo esc_attr( $__data['class'] ); ?>" data-compotent-id="#<?php echo esc_attr( $__data['id'] ); ?>">
19	+ <?php if ( ! empty( $__data['title'] ) ) { ?>
20	+ <h2 class="cherry-ui-kit__title cherry-component__title" role="banner" ><?php echo wp_kses_post( $__data['title'] ); ?></h2>
21	+ <?php } ?>
22	+ <?php if ( ! empty( $__data['description'] ) ) { ?>
23	+ <div class="cherry-ui-kit__description cherry-component__description" role="note" ><?php echo wp_kses_post( $__data['description'] ); ?></div>
24	+ <?php } ?>
25	+ <?php if ( ! empty( $__data['children'] ) ) { ?>
26	+ <div class="cherry-ui-kit__content cherry-component__content" role="group" >
27	+ <?php echo $__data['children']; ?>
28	+ </div>
29	+ <?php } ?>
30	+ </div>

cherry-framework/modules/cherry5-interface-builder/inc/views/component-tab-horizontal.php ADDED Viewed

	@@ -0,0 +1,35 @@


1	+ <?php
2	+ /**
3	+ * Horizontal tab template.
4	+ *
5	+ * @package Cherry_Interface_Builder
6	+ * @subpackage Views
7	+ * @author Cherry Team <cherryframework@gmail.com>
8	+ * @copyright Copyright (c) 2012 - 2017, Cherry Team
9	+ * @link http://www.cherryframework.com/
10	+ * @license http://www.gnu.org/licenses/gpl-3.0.html
11	+ */
12	+
13	+ // If this file is called directly, abort.
14	+ if ( ! defined( 'WPINC' ) ) {
15	+ die;
16	+ }
17	+ ?>
18	+ <div class="cherry-ui-kit cherry-component cherry-tab cherry-tab--horizontal <?php echo esc_attr( $__data['class'] ) ?>" data-compotent-id="#<?php echo esc_attr( $__data['id'] ); ?>">
19	+ <?php if ( ! empty( $__data['title'] ) ) { ?>
20	+ <h2 class="cherry-ui-kit__title cherry-component__title" role="banner" ><?php echo wp_kses_post( $__data['title'] ); ?></h2>
21	+ <?php } ?>
22	+ <?php if ( ! empty( $__data['description'] ) ) { ?>
23	+ <div class="cherry-ui-kit__description cherry-component__description" role="note" ><?php echo wp_kses_post( $__data['description'] ); ?></div>
24	+ <?php } ?>
25	+ <?php if ( ! empty( $__data['children'] ) ) { ?>
26	+ <div class="cherry-tab__body" >
27	+ <div class="cherry-tab__tabs" role="navigation" >
28	+ <?php echo $__data['tabs']; ?>
29	+ </div>
30	+ <div class="cherry-ui-kit__content cherry-component__content cherry-tab__content" role="group" >
31	+ <?php echo $__data['children']; ?>
32	+ </div>
33	+ </div>
34	+ <?php } ?>
35	+ </div>

cherry-framework/modules/cherry5-interface-builder/inc/views/component-tab-vertical.php ADDED Viewed

	@@ -0,0 +1,35 @@


1	+ <?php
2	+ /**
3	+ * Verticall tab template.
4	+ *
5	+ * @package Cherry_Interface_Builder
6	+ * @subpackage Views
7	+ * @author Cherry Team <cherryframework@gmail.com>
8	+ * @copyright Copyright (c) 2012 - 2017, Cherry Team
9	+ * @link http://www.cherryframework.com/
10	+ * @license http://www.gnu.org/licenses/gpl-3.0.html
11	+ */
12	+
13	+ // If this file is called directly, abort.
14	+ if ( ! defined( 'WPINC' ) ) {
15	+ die;
16	+ }
17	+ ?>
18	+ <div class="cherry-ui-kit cherry-component cherry-tab cherry-tab--vertical <?php echo esc_attr( $__data['class'] ); ?>" data-compotent-id="#<?php echo esc_attr( $__data['id'] ); ?>">
19	+ <?php if ( ! empty( $__data['title'] ) ) { ?>
20	+ <h2 class="cherry-ui-kit__title cherry-component__title" role="banner" ><?php echo wp_kses_post( $__data['title'] ); ?></h2>
21	+ <?php } ?>
22	+ <?php if ( ! empty( $__data['description'] ) ) { ?>
23	+ <div class="cherry-ui-kit__description cherry-component__description" role="note" ><?php echo wp_kses_post( $__data['description'] ); ?></div>
24	+ <?php } ?>
25	+ <?php if ( ! empty( $__data['children'] ) ) { ?>
26	+ <div class="cherry-tab__body" >
27	+ <div class="cherry-tab__tabs" role="navigation" >
28	+ <?php echo $__data['tabs']; ?>
29	+ </div>
30	+ <div class="cherry-ui-kit__content cherry-component__content cherry-tab__content" role="group" >
31	+ <?php echo $__data['children']; ?>
32	+ </div>
33	+ </div>
34	+ <?php } ?>
35	+ </div>

cherry-framework/modules/cherry5-interface-builder/inc/views/component-toggle.php ADDED Viewed

	@@ -0,0 +1,30 @@


1	+ <?php
2	+ /**
3	+ * Toggle template.
4	+ *
5	+ * @package Cherry_Interface_Builder
6	+ * @subpackage Views
7	+ * @author Cherry Team <cherryframework@gmail.com>
8	+ * @copyright Copyright (c) 2012 - 2017, Cherry Team
9	+ * @link http://www.cherryframework.com/
10	+ * @license http://www.gnu.org/licenses/gpl-3.0.html
11	+ */
12	+
13	+ // If this file is called directly, abort.
14	+ if ( ! defined( 'WPINC' ) ) {
15	+ die;
16	+ }
17	+ ?>
18	+ <div class="cherry-ui-kit cherry-component cherry-toggle <?php echo esc_attr( $__data['class'] ); ?>" data-compotent-id="#<?php echo esc_attr( $__data['id'] ); ?>">
19	+ <?php if ( ! empty( $__data['title'] ) ) { ?>
20	+ <h2 class="cherry-ui-kit__title cherry-component__title" role="banner" ><?php echo wp_kses_post( $__data['title'] ); ?></h2>
21	+ <?php } ?>
22	+ <?php if ( ! empty( $__data['description'] ) ) { ?>
23	+ <div class="cherry-ui-kit__description cherry-component__description" role="note" ><?php echo wp_kses_post( $__data['description'] ); ?></div>
24	+ <?php } ?>
25	+ <?php if ( ! empty( $__data['children'] ) ) { ?>
26	+ <div class="cherry-ui-kit__content cherry-component__content cherry-toggle__content" role="group" >
27	+ <?php echo $__data['children']; ?>
28	+ </div>
29	+ <?php } ?>
30	+ </div>

cherry-framework/modules/cherry5-interface-builder/inc/views/control.php ADDED Viewed

	@@ -0,0 +1,34 @@


1	+ <?php
2	+ /**
3	+ * Control template.
4	+ *
5	+ * @package Cherry_Interface_Builder
6	+ * @subpackage Views
7	+ * @author Cherry Team <cherryframework@gmail.com>
8	+ * @copyright Copyright (c) 2012 - 2017, Cherry Team
9	+ * @link http://www.cherryframework.com/
10	+ * @license http://www.gnu.org/licenses/gpl-3.0.html
11	+ */
12	+
13	+ // If this file is called directly, abort.
14	+ if ( ! defined( 'WPINC' ) ) {
15	+ die;
16	+ }
17	+ ?>
18	+ <div class="cherry-ui-kit cherry-control <?php echo esc_attr( $__data['class'] ); ?>">
19	+ <?php if ( ! empty( $__data['title'] ) \|\| ! empty( $__data['description'] ) ) { ?>
20	+ <div class="cherry-control__info">
21	+ <?php if ( ! empty( $__data['title'] ) ) { ?>
22	+ <h4 class="cherry-ui-kit__title cherry-control__title" role="banner" ><?php echo wp_kses_post( $__data['title'] ); ?></h4>
23	+ <?php } ?>
24	+ <?php if ( ! empty( $__data['description'] ) ) { ?>
25	+ <div class="cherry-ui-kit__description cherry-control__description" role="note" ><?php echo wp_kses_post( $__data['description'] ); ?></div>
26	+ <?php } ?>
27	+ </div>
28	+ <?php } ?>
29	+ <?php if ( ! empty( $__data['children'] ) ) { ?>
30	+ <div class="cherry-ui-kit__content cherry-control__content" role="group" >
31	+ <?php echo $__data['children']; ?>
32	+ </div>
33	+ <?php } ?>
34	+ </div>

cherry-framework/modules/cherry5-interface-builder/inc/views/form.php ADDED Viewed

	@@ -0,0 +1,24 @@


1	+ <?php
2	+ /**
3	+ * Form template.
4	+ *
5	+ * @package Cherry_Interface_Builder
6	+ * @subpackage Views
7	+ * @author Cherry Team <cherryframework@gmail.com>
8	+ * @copyright Copyright (c) 2012 - 2017, Cherry Team
9	+ * @link http://www.cherryframework.com/
10	+ * @license http://www.gnu.org/licenses/gpl-3.0.html
11	+ */
12	+
13	+ // If this file is called directly, abort.
14	+ if ( ! defined( 'WPINC' ) ) {
15	+ die;
16	+ }
17	+ ?>
18	+ <form class="cherry-form <?php echo esc_attr( $__data['class'] ); ?>" id="<?php echo esc_attr( $__data['id'] ); ?>" name="<?php echo esc_attr( $__data['id'] ); ?>" accept-charset="<?php echo esc_attr( $__data['accept-charset'] ); ?>" action="<?php echo esc_attr( $__data['action'] ); ?>" autocomplete="<?php echo esc_attr( $__data['autocomplete'] ); ?>" enctype="<?php echo esc_attr( $__data['enctype'] ); ?>" method="<?php echo esc_attr( $__data['method'] ); ?>" target="<?php echo esc_attr( $__data['target'] ); ?>" <?php echo esc_attr( $__data['novalidate'] ); ?> >
19	+ <?php
20	+ if ( ! empty( $__data['children'] ) ) {
21	+ echo $__data['children'];
22	+ }
23	+ ?>
24	+ </form>

cherry-framework/modules/cherry5-interface-builder/inc/views/html.php ADDED Viewed

	@@ -0,0 +1,24 @@


1	+ <?php
2	+ /**
3	+ * HTML template.
4	+ *
5	+ * @package Cherry_Interface_Builder
6	+ * @subpackage Views
7	+ * @author Cherry Team <cherryframework@gmail.com>
8	+ * @copyright Copyright (c) 2012 - 2017, Cherry Team
9	+ * @link http://www.cherryframework.com/
10	+ * @license http://www.gnu.org/licenses/gpl-3.0.html
11	+ */
12	+
13	+ // If this file is called directly, abort.
14	+ if ( ! defined( 'WPINC' ) ) {
15	+ die;
16	+ }
17	+ ?>
18	+ <div class="cherry-ui-kit <?php echo esc_attr( $__data['class'] ); ?>">
19	+ <?php if ( ! empty( $__data['children'] ) ) { ?>
20	+ <div class="cherry-ui-kit__content" role="group" >
21	+ <?php echo $__data['children']; ?>
22	+ </div>
23	+ <?php } ?>
24	+ </div>

cherry-framework/modules/cherry5-interface-builder/inc/views/section.php ADDED Viewed

	@@ -0,0 +1,36 @@


1	+ <?php
2	+ /**
3	+ * Section template.
4	+ *
5	+ * @package Cherry_Interface_Builder
6	+ * @subpackage Views
7	+ * @author Cherry Team <cherryframework@gmail.com>
8	+ * @copyright Copyright (c) 2012 - 2017, Cherry Team
9	+ * @link http://www.cherryframework.com/
10	+ * @license http://www.gnu.org/licenses/gpl-3.0.html
11	+ */
12	+
13	+ // If this file is called directly, abort.
14	+ if ( ! defined( 'WPINC' ) ) {
15	+ die;
16	+ }
17	+ ?>
18	+ <div class="cherry-ui-kit cherry-section <?php echo esc_attr( $__data['class'] ); ?>" onclick="void(0)">
19	+ <div class="cherry-section__holder">
20	+ <div class="cherry-section__inner">
21	+ <div class="cherry-section__info">
22	+ <?php if ( ! empty( $__data['title'] ) ) { ?>
23	+ <h1 class="cherry-ui-kit__title cherry-section__title" role="banner" ><?php echo wp_kses_post( $__data['title'] ); ?></h1>
24	+ <?php } ?>
25	+ <?php if ( ! empty( $__data['description'] ) ) { ?>
26	+ <div class="cherry-ui-kit__description cherry-section__description " role="note" ><?php echo wp_kses_post( $__data['description'] ); ?></div>
27	+ <?php } ?>
28	+ </div>
29	+ <?php if ( ! empty( $__data['children'] ) ) { ?>
30	+ <div class="cherry-ui-kit__content cherry-section__content" role="group" >
31	+ <?php echo $__data['children']; ?>
32	+ </div>
33	+ <?php } ?>
34	+ </div>
35	+ </div>
36	+ </div>

cherry-framework/modules/cherry5-interface-builder/inc/views/settings-children-title.php ADDED Viewed

	@@ -0,0 +1,18 @@


1	+ <?php
2	+ /**
3	+ * Settings title template.
4	+ *
5	+ * @package Cherry_Interface_Builder
6	+ * @subpackage Views
7	+ * @author Cherry Team <cherryframework@gmail.com>
8	+ * @copyright Copyright (c) 2012 - 2017, Cherry Team
9	+ * @link http://www.cherryframework.com/
10	+ * @license http://www.gnu.org/licenses/gpl-3.0.html
11	+ */
12	+
13	+ // If this file is called directly, abort.
14	+ if ( ! defined( 'WPINC' ) ) {
15	+ die;
16	+ }
17	+ ?>
18	+ <h3 class="cherry-ui-kit__title cherry-settings__title" role="banner" ><?php echo wp_kses_post( $__data['title'] ); ?></h3>

cherry-framework/modules/cherry5-interface-builder/inc/views/settings.php ADDED Viewed

	@@ -0,0 +1,32 @@


1	+ <?php
2	+ /**
3	+ * Settings template.
4	+ *
5	+ * @package Cherry_Interface_Builder
6	+ * @subpackage Views
7	+ * @author Cherry Team <cherryframework@gmail.com>
8	+ * @copyright Copyright (c) 2012 - 2017, Cherry Team
9	+ * @link http://www.cherryframework.com/
10	+ * @license http://www.gnu.org/licenses/gpl-3.0.html
11	+ */
12	+
13	+ // If this file is called directly, abort.
14	+ if ( ! defined( 'WPINC' ) ) {
15	+ die;
16	+ }
17	+ ?>
18	+ <div class="cherry-ui-kit cherry-settings <?php echo esc_attr( $__data['class'] ); ?>">
19	+ <?php if ( ! empty( $__data['title'] ) ) {
20	+ echo $__data['title'];
21	+ } ?>
22	+ <?php if ( ! empty( $__data['children'] ) \|\| ! empty( $__data['description'] ) ) { ?>
23	+ <div class="cherry-ui-kit__content cherry-settings__content" role="group" id="<?php echo esc_attr( $__data['id'] ); ?>" >
24	+ <?php if ( ! empty( $__data['description'] ) ) { ?>
25	+ <div class="cherry-ui-kit__description cherry-settings__description" role="note" ><?php echo wp_kses_post( $__data['description'] ); ?></div>
26	+ <?php } ?>
27	+ <?php if ( ! empty( $__data['children'] ) ) { ?>
28	+ <?php echo $__data['children']; ?>
29	+ <?php } ?>
30	+ </div>
31	+ <?php } ?>
32	+ </div>

cherry-framework/modules/cherry5-interface-builder/inc/views/tab-children-title.php ADDED Viewed

	@@ -0,0 +1,20 @@


1	+ <?php
2	+ /**
3	+ * Tabs title template.
4	+ *
5	+ * @package Cherry_Interface_Builder
6	+ * @subpackage Views
7	+ * @author Cherry Team <cherryframework@gmail.com>
8	+ * @copyright Copyright (c) 2012 - 2017, Cherry Team
9	+ * @link http://www.cherryframework.com/
10	+ * @license http://www.gnu.org/licenses/gpl-3.0.html
11	+ */
12	+
13	+ // If this file is called directly, abort.
14	+ if ( ! defined( 'WPINC' ) ) {
15	+ die;
16	+ }
17	+ ?>
18	+ <button class="cherry-tab__button cherry-component__button" role="button" title="<?php echo esc_attr( $__data['title'] ); ?>" aria-expanded="false" data-content-id="#<?php echo esc_attr( $__data['id'] ); ?>">
19	+ <h3 class="cherry-ui-kit__title cherry-tab__title" aria-grabbed="true" role="banner" ><?php echo wp_kses_post( $__data['title'] ); ?></h3>
20	+ </button>

cherry-framework/modules/cherry5-interface-builder/inc/views/toggle-children-title.php ADDED Viewed

	@@ -0,0 +1,22 @@


1	+ <?php
2	+ /**
3	+ * Toggle title template.
4	+ *
5	+ * @package Cherry_Interface_Builder
6	+ * @subpackage Views
7	+ * @author Cherry Team <cherryframework@gmail.com>
8	+ * @copyright Copyright (c) 2012 - 2017, Cherry Team
9	+ * @link http://www.cherryframework.com/
10	+ * @license http://www.gnu.org/licenses/gpl-3.0.html
11	+ */
12	+
13	+ // If this file is called directly, abort.
14	+ if ( ! defined( 'WPINC' ) ) {
15	+ die;
16	+ }
17	+ ?>
18	+ <button class="cherry-toggle__header cherry-component__button" role="button" aria-expanded="false" data-content-id="#<?php echo esc_attr( $__data['id'] ); ?>">
19	+ <h3 class="cherry-ui-kit__title cherry-toggle__title" aria-grabbed="true" role="banner" ><?php echo wp_kses_post( $__data['title'] ); ?></h3>
20	+ <span class="dashicons dashicons-arrow-down hide-icon"></span>
21	+ <span class="dashicons dashicons-arrow-up show-icon"></span>
22	+ </button>

cherry-team-members.php CHANGED Viewed

	@@ -3,7 +3,7 @@
3	* Plugin Name: Cherry Team Members
4	* Plugin URI:
5	* Description: Cherry Team Members plugin allows you to showcase your team and personnel.
6	- * Version: 1.4.~~4.3~~
7	* Author: Zemez
8	* Author URI: https://zemez.io/wordpress/
9	* Text Domain: cherry-team
	@@ -45,7 +45,7 @@ if ( ! class_exists( 'Cherry_Team_Members' ) ) {
45	*
46	* @var string
47	*/
48	- private $version = '1.4.~~4.2~~';
49
50	/**
51	* Plugin dir URL


3	* Plugin Name: Cherry Team Members
4	* Plugin URI:
5	* Description: Cherry Team Members plugin allows you to showcase your team and personnel.
6	+ * Version: 1.4.5
7	* Author: Zemez
8	* Author URI: https://zemez.io/wordpress/
9	* Text Domain: cherry-team

45	*
46	* @var string
47	*/
48	+ private $version = '1.4.5';
49
50	/**
51	* Plugin dir URL

public/assets/js/cherry-team.js CHANGED Viewed

	@@ -1,6 +1,6 @@
1	( function( $ ) {
2
3	- "use strict";
4
5	var teamMembersPublic = {
6
	@@ -39,9 +39,15 @@
39	render: function ( self ) {
40
41	$( self.settings.selectors.main ).each( function() {
42	- ~~self.initFilters(~~ $( this ) );
43	- ~~self.initLoadMore( $( this ) );~~
44	- ~~self.initPager~~( $( ~~this~~ ) );






45	} );
46
47	$( window ).on( 'elementor/frontend/init', self.initElementorWidget );
	@@ -58,15 +64,13 @@
58
59	if ( $container.length ) {
60
61	- if ( ~~window~~.~~elementorFrontend.isEditMode~~() ) {
62	- ~~teamMembersPublic~~.~~settings.state.filters~~ = ~~false~~;
63	- teamMembersPublic.settings.state.more = false;
64	- teamMembersPublic.settings.state.pager = false;
65	- }
66
67	- teamMembersPublic.initFilters( $container );
68	- teamMembersPublic.initLoadMore( $container );
69	- teamMembersPublic.initPager( $container );

70
71	}
72
	@@ -98,16 +102,10 @@
98
99	initFilters: function( $item ) {
100
101	- if ( false !== teamMembersPublic.settings.state.filters ) {
102	- return;
103	- }
104	-
105	- teamMembersPublic.settings.state.filters = true;
106	-
107	var $filter = $item.find( teamMembersPublic.settings.selectors.filter ),
108	$result = $item.find( teamMembersPublic.settings.selectors.result ),
109	$container = $item.find( teamMembersPublic.settings.selectors.container ),
110	- data = ~~new Object()~~;
111
112	$filter.on( 'click', teamMembersPublic.settings.selectors.filterLink, function( event ) {
113
	@@ -163,19 +161,13 @@
163
164	initLoadMore: function( $item ) {
165
166	- if ( false !== teamMembersPublic.settings.state.more ) {
167	- return;
168	- }
169	-
170	- teamMembersPublic.settings.state.more = true;
171	-
172	$item.on( 'click', teamMembersPublic.settings.selectors.loadMore, function( event ) {
173
174	var $this = $( this ),
175	$result = $item.find( teamMembersPublic.settings.selectors.result ),
176	$container = $item.find( teamMembersPublic.settings.selectors.container ),
177	pages = $container.data( 'pages' ),
178	- data = ~~new Object()~~;
179
180	event.preventDefault();
181
	@@ -210,19 +202,13 @@
210
211	initPager: function( $item ) {
212
213	- if ( false !== teamMembersPublic.settings.state.pager ) {
214	- return;
215	- }
216	-
217	- teamMembersPublic.settings.state.pager = true;
218	-
219	$item.on( 'click', teamMembersPublic.settings.selectors.pager + ' a.page-numbers', function( event ) {
220
221	var $this = $( this ),
222	$result = $item.find( teamMembersPublic.settings.selectors.result ),
223	$container = $item.find( teamMembersPublic.settings.selectors.container ),
224	pages = $container.data( 'pages' ),
225	- data = ~~new Object()~~;
226
227	event.preventDefault();
228


1	( function( $ ) {
2
3	+ 'use strict';
4
5	var teamMembersPublic = {
6

39	render: function ( self ) {
40
41	$( self.settings.selectors.main ).each( function() {
42	+ var $this = $( this );
43	+
44	+ if ( ! $this.data( 'inited' ) ) {
45	+ $this.data( 'inited', 'true' );
46	+
47	+ self.initFilters( $( this ) );
48	+ self.initLoadMore( $( this ) );
49	+ self.initPager( $( this ) );
50	+ }
51	} );
52
53	$( window ).on( 'elementor/frontend/init', self.initElementorWidget );

64
65	if ( $container.length ) {
66
67	+ if ( ! $container.data( 'inited' ) ) {
68	+ $container.data( 'inited', 'true' );



69
70	+ teamMembersPublic.initFilters( $container );
71	+ teamMembersPublic.initLoadMore( $container );
72	+ teamMembersPublic.initPager( $container );
73	+ }
74
75	}
76

102
103	initFilters: function( $item ) {
104






105	var $filter = $item.find( teamMembersPublic.settings.selectors.filter ),
106	$result = $item.find( teamMembersPublic.settings.selectors.result ),
107	$container = $item.find( teamMembersPublic.settings.selectors.container ),
108	+ data = {};
109
110	$filter.on( 'click', teamMembersPublic.settings.selectors.filterLink, function( event ) {
111

161
162	initLoadMore: function( $item ) {
163






164	$item.on( 'click', teamMembersPublic.settings.selectors.loadMore, function( event ) {
165
166	var $this = $( this ),
167	$result = $item.find( teamMembersPublic.settings.selectors.result ),
168	$container = $item.find( teamMembersPublic.settings.selectors.container ),
169	pages = $container.data( 'pages' ),
170	+ data = {};
171
172	event.preventDefault();
173

202
203	initPager: function( $item ) {
204






205	$item.on( 'click', teamMembersPublic.settings.selectors.pager + ' a.page-numbers', function( event ) {
206
207	var $this = $( this ),
208	$result = $item.find( teamMembersPublic.settings.selectors.result ),
209	$container = $item.find( teamMembersPublic.settings.selectors.container ),
210	pages = $container.data( 'pages' ),
211	+ data = {};
212
213	event.preventDefault();
214

readme.txt CHANGED Viewed

	@@ -4,7 +4,7 @@ Contributors: TemplateMonster 2002
4	Tags: custom post type, team, cherry-framework, elementor, elementor builder
5	Requires at least: 4.7
6	Tested up to: 4.9
7	- Stable tag: 1.4.~~4.3~~
8	License: GPLv3 or later
9	License URI: http://www.gnu.org/licenses/gpl-3.0.html
10


4	Tags: custom post type, team, cherry-framework, elementor, elementor builder
5	Requires at least: 4.7
6	Tested up to: 4.9
7	+ Stable tag: 1.4.5
8	License: GPLv3 or later
9	License URI: http://www.gnu.org/licenses/gpl-3.0.html
10