(function ($) { "use strict"; function filter_utility(selector, group, subgroup, attribute, refresh, multiplying_selector, rule_selector, personal_transition) { if (attribute === 'data-hover' || attribute === 'data-reveal') { if (personal_transition) { transition_utility(selector, group, subgroup, refresh); } else { transition_utility(selector, "Transition parameters", false, refresh); } } var default_filter = "blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(100%) sepia(0%)"; azh.controls_options = azh.controls_options.concat([ { "refresh": refresh, "type": "integer-style", "selector": selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "filter", "pattern": /(.*blur\()(\d+)(px\).*)/, "default": default_filter, "min": 0, "max": 100, "step": 1, "control_class": "azh-filter azh-blur-filter", "control_type": "blur-filter", "control_text": "Blur" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "filter", "pattern": /(.*brightness\()(\d+)(%\).*)/, "default": default_filter, "min": 0, "max": 100, "step": 1, "control_class": "azh-filter azh-brightness-filter", "control_type": "brightness-filter", "control_text": "Brightness" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "filter", "pattern": /(.*contrast\()(\d+)(%\).*)/, "default": default_filter, "min": 0, "max": 100, "step": 1, "control_class": "azh-filter azh-contrast-filter", "control_type": "contrast-filter", "control_text": "Contrast" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "filter", "pattern": /(.*grayscale\()(\d+)(%\).*)/, "default": default_filter, "min": 0, "max": 100, "step": 1, "control_class": "azh-filter azh-grayscale-filter", "control_type": "grayscale-filter", "control_text": "Grayscale" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "filter", "pattern": /(.*hue-rotate\()(-?\d+)(deg\).*)/, "default": default_filter, "min": -180, "max": 180, "step": 1, "control_class": "azh-filter azh-hue-rotate-filter", "control_type": "hue-rotate-filter", "control_text": "HUE rotate" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "filter", "pattern": /(.*invert\()(\d+)(%\).*)/, "default": default_filter, "min": 0, "max": 100, "step": 1, "control_class": "azh-filter azh-invert-filter", "control_type": "invert-filter", "control_text": "Invert" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "filter", "pattern": /(.*opacity\()(\d+)(%\).*)/, "default": default_filter, "min": 0, "max": 100, "step": 1, "control_class": "azh-filter azh-opacity-filter", "control_type": "opacity-filter", "control_text": "Opacity" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "filter", "pattern": /(.*saturate\()(\d+)(%\).*)/, "default": default_filter, "min": 0, "max": 100, "step": 1, "control_class": "azh-filter azh-saturate-filter", "control_type": "saturate-filter", "control_text": "Saturate" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "filter", "pattern": /(.*sepia\()(\d+)(%\).*)/, "default": default_filter, "min": 0, "max": 100, "step": 1, "control_class": "azh-filter azh-sepia-filter", "control_type": "sepia-filter", "control_text": "Sepia" }, ]); } function absolute_position_utility(selector, group, subgroup, attribute, refresh, multiplying_selector, rule_selector, personal_transition) { if (attribute === 'data-hover' || attribute === 'data-reveal') { if (personal_transition) { transition_utility(selector, group, subgroup, refresh); } else { transition_utility(selector, "Transition parameters", false, refresh); } } azh.controls_options = azh.controls_options.concat([ { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "top", "responsive": true, "units": { "%": { "min": "-100", "max": "100", "step": "1" }, "px": { "min": "-500", "max": "500", "step": "1" } }, "control_class": "azh-top", "control_type": "top", "control_text": "Top" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "bottom", "responsive": true, "units": { "%": { "min": "-100", "max": "100", "step": "1" }, "px": { "min": "-500", "max": "500", "step": "1" } }, "control_class": "azh-bottom", "control_type": "bottom", "control_text": "Bottom" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "left", "responsive": true, "units": { "%": { "min": "-100", "max": "100", "step": "1" }, "px": { "min": "-500", "max": "500", "step": "1" } }, "control_class": "azh-left", "control_type": "left", "control_text": "Left" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "right", "responsive": true, "units": { "%": { "min": "-100", "max": "100", "step": "1" }, "px": { "min": "-500", "max": "500", "step": "1" } }, "control_class": "azh-right", "control_type": "right", "control_text": "Right" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "height", "responsive": true, "units": { "%": { "min": "0", "max": "100", "step": "1" }, "px": { "min": "0", "max": "500", "step": "1" } }, "control_class": "azh-height", "control_type": "height", "control_text": "Height" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "width", "responsive": true, "units": { "%": { "min": "0", "max": "100", "step": "1" }, "px": { "min": "0", "max": "500", "step": "1" } }, "control_class": "azh-width", "control_type": "width", "control_text": "Width" }, ]); } function transition_utility(selector, group, subgroup, refresh, rule_selector) { azh.controls_options = azh.controls_options.concat([ { "type": "integer-style", "selector": selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "min": "0", "max": "1", "step": "0.05", "units": "s", "control_class": "azh-transition-duration", "control_type": "transition-duration", "control_text": "Transition duration", "property": "transition-duration" }, { "type": "integer-style", "selector": selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "min": "0", "max": "1", "step": "0.05", "units": "s", "control_class": "azh-transition-delay", "control_type": "transition-delay", "control_text": "Transition delay", "property": "transition-delay" }, { "refresh": refresh, "type": "dropdown-style", "selector": selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "options": { "linear": "linear", "ease": "ease", "ease-in": "ease-in", "ease-out": "ease-out", "cubic-bezier(0.2, 0.7, 0, 1)": "ease-out-1", "ease-in-out": "ease-in-out", "cubic-bezier(0.5, 0, 0.2, 1)": "ease-in-out-1", "cubic-bezier(0.7, 0, 0.3, 1)": "ease-in-out-2", "cubic-bezier(0.8, 0, 0.2, 1)": "ease-in-out-3" }, "property": "transition-timing-function", "control_class": "azh-transition-timing-function", "control_type": "transition-timing-function", "control_text": "Transition timing function" } ]); } function background_utility(selector, group, subgroup, attribute, refresh, multiplying_selector, rule_selector, personal_transition) { background_menu('utility', selector, group, subgroup, attribute, refresh, multiplying_selector, rule_selector, personal_transition); } function background_menu(menu, selector, group, subgroup, attribute, refresh, multiplying_selector, rule_selector, personal_transition) { if (attribute === 'data-hover' || attribute === 'data-reveal') { if (personal_transition) { transition_utility(selector, group, subgroup, refresh); } else { transition_utility(selector, "Transition parameters", false, refresh); } } azh.controls_options = azh.controls_options.concat([ { "refresh": refresh, "type": "dropdown-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "options": { "": "Default", "normal": "normal", "multiply": "multiply", "screen": "screen", "overlay": "overlay", "darken": "darken", "lighten": "lighten", "color-dodge": "color-dodge", "color-burn": "color-burn", "difference": "difference", "exclusion": "exclusion", "hue": "hue", "saturation": "saturation", "color": "color", "luminosity": "luminosity" }, "property": "mix-blend-mode", "control_class": "azh-mix-blend-mode", "control_type": "mix-blend-mode", "control_text": "Blend mode" }, { "refresh": refresh, "type": "exists-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "isolation", "value": "isolate", "control_class": "azh-toggle azh-isolation", "control_type": "isolation", "control_text": "Blend isolation" }, { "refresh": function ($control, $element) { $control.parent().find('.azh-control').trigger('azh-init'); if ($control.attr('data-value') === 'classic') { $control.parent().find('.azh-background-image img').trigger('contextmenu'); } if ($control.attr('data-value') === 'gradient') { $control.parent().find('.azh-background-gradient-type select').trigger('change'); } }, "type": "radio-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "options": { "classic": "Classic", "gradient": "Gradient" }, "property": "background-type", "control_class": "azh-background-type", "control_type": "background-type", "control_text": "Background type" }, { "refresh": refresh, "type": "color-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "background-color", "control_class": "azh-background-color", "control_type": "background-color", "control_text": "Background color" }, { "refresh": refresh, "type": "background-image", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "control_class": "azh-background-image", "control_type": "background-image", "control_text": "Background image" }, { "refresh": refresh, "type": "dropdown-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "responsive": true, "options": { "": "Default", "top left": "Top Left", "top center": "Top Center", "top right": "Top Right", "center left": "Center Left", "center center": "Center Center", "center right": "Center Right", "bottom left": "Bottom Left", "bottom center": "Bottom Center", "bottom right": "Bottom Right", "0% 0%": "Custom" }, "property": "background-position", "control_class": "azh-background-position", "control_type": "background-position", "control_text": "Position" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "background-position", "responsive": true, "pattern": /()(-?\d+[%px]+)( -?\d+[%px]+)/, "default": "0% 0%", "slider": true, "units": { "%": { "min": "0", "max": "100", "step": "1" }, "px": { "min": "-500", "max": "500", "step": "1" } }, "control_class": "azh-x-position", "control_type": "x-position", "control_text": "X position" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "background-position", "responsive": true, "pattern": /(-?\d+[%px]+ )(-?\d+[%px]+)()/, "default": "0% 0%", "slider": true, "units": { "%": { "min": "0", "max": "100", "step": "1" }, "px": { "min": "-500", "max": "500", "step": "1" } }, "control_class": "azh-y-position", "control_type": "y-position", "control_text": "Y position" }, { "refresh": refresh, "type": "dropdown-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "options": { "": "Default", "scroll": "Scroll", "fixed": "Fixed" }, "property": "background-attachment", "control_class": "azh-background-attachment", "control_type": "background-attachment", "control_text": "Attachment" }, { "refresh": refresh, "type": "dropdown-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "options": { "": "Default", "no-repeat": "No repeat", "repeat": "Repeat", "repeat-x": "Repeat-x", "repeat-y": "Repeat-y" }, "property": "background-repeat", "control_class": "azh-background-repeat", "control_type": "background-repeat", "control_text": "Repeat" }, { "refresh": refresh, "type": "dropdown-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "options": { "": "Default", "auto": "Auto", "cover": "Cover", "contain": "Contain", "100% 100%": "Custom" }, "property": "background-size", "responsive": true, "control_class": "azh-background-size", "control_type": "background-size", "control_text": "Size" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "background-size", "responsive": true, "pattern": /()(\d+[%px]+)( \d+[%px]+)/, "default": "100% 100%", "slider": true, "units": { "%": { "min": "0", "max": "100", "step": "1" }, "px": { "min": "0", "max": "500", "step": "1" } }, "control_class": "azh-width", "control_type": "background-width", "control_text": "Width" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "background-size", "responsive": true, "pattern": /(\d+[%px]+ )(\d+[%px]+)()/, "default": "100% 100%", "slider": true, "units": { "%": { "min": "0", "max": "100", "step": "1" }, "px": { "min": "0", "max": "500", "step": "1" } }, "control_class": "azh-height", "control_type": "background-height", "control_text": "Height" }, { "refresh": function ($control, $element) { $control.parent().find('.azh-control').trigger('azh-init'); }, "type": "dropdown-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "options": { "linear-gradient": "Linear", "radial-gradient": "Radial" }, "property": "background-image", "pattern": /()([-\w]+)(\(\d+deg, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%\))/, "default": "linear-gradient(180deg, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "control_class": "azh-background-gradient-type", "control_type": "background-gradient-type", "control_text": "Type" }, { "refresh": refresh, "type": "dropdown-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "options": { "top left": "Top Left", "top center": "Top Center", "top right": "Top Right", "center left": "Center Left", "center center": "Center Center", "center right": "Center Right", "bottom left": "Bottom Left", "bottom center": "Bottom Center", "bottom right": "Bottom Right" }, "property": "background-image", "pattern": /(radial-gradient\(at )([ \w]+)(, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%\))/, "default": "radial-gradient(at center center, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "control_class": "azh-background-radial-gradient-position", "control_type": "background-radial-gradient-position", "control_text": "Position" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "background-image", "pattern": /(linear-gradient\()(\d+)(deg, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%\))/, "default": "linear-gradient(180deg, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "min": 0, "max": 360, "step": 1, "control_class": "azh-background-linear-gradient-angle", "control_type": "background-linear-gradient-angle", "control_text": "Angle" }, { "refresh": refresh, "type": "color-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "background-image", "pattern": /(linear-gradient\(\d+deg, )(rgba\(\d+,\d+,\d+,\d.?\d*\))( \d+%, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%\))/, "default": "linear-gradient(180deg, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "min": 0, "max": 100, "step": 1, "control_class": "azh-background-linear-gradient-color", "control_type": "background-linear-gradient-first-color", "control_text": "First color" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "background-image", "pattern": /(linear-gradient\(\d+deg, rgba\(\d+,\d+,\d+,\d.?\d*\) )(\d+)(%, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%\))/, "default": "linear-gradient(180deg, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "min": 0, "max": 100, "step": 1, "control_class": "azh-background-linear-gradient-location", "control_type": "background-linear-gradient-first-location", "control_text": "First location" }, { "refresh": refresh, "type": "color-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "background-image", "pattern": /(linear-gradient\(\d+deg, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%, )(rgba\(\d+,\d+,\d+,\d.?\d*\))( \d+%\))/, "default": "linear-gradient(180deg, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "min": 0, "max": 100, "step": 1, "control_class": "azh-background-linear-gradient-color", "control_type": "background-linear-gradient-second-color", "control_text": "Second color" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "background-image", "pattern": /(linear-gradient\(\d+deg, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%, rgba\(\d+,\d+,\d+,\d.?\d*\) )(\d+)(%\))/, "default": "linear-gradient(180deg, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "min": 0, "max": 100, "step": 1, "control_class": "azh-background-linear-gradient-location", "control_type": "background-linear-gradient-second-location", "control_text": "Second location" }, { "refresh": refresh, "type": "color-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "background-image", "pattern": /(radial-gradient\(at [ \w]+, )(rgba\(\d+,\d+,\d+,\d.?\d*\))( \d+%, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%\))/, "default": "radial-gradient(at center center, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "min": 0, "max": 100, "step": 1, "control_class": "azh-background-radial-gradient-color", "control_type": "background-radial-gradient-first-color", "control_text": "First color" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "background-image", "pattern": /(radial-gradient\(at [ \w]+, rgba\(\d+,\d+,\d+,\d.?\d*\) )(\d+)(%, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%\))/, "default": "radial-gradient(at center center, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "min": 0, "max": 100, "step": 1, "control_class": "azh-background-radial-gradient-location", "control_type": "background-radial-gradient-first-location", "control_text": "First location" }, { "refresh": refresh, "type": "color-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "background-image", "pattern": /(radial-gradient\(at [ \w]+, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%, )(rgba\(\d+,\d+,\d+,\d.?\d*\))( \d+%\))/, "default": "radial-gradient(at center center, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "min": 0, "max": 100, "step": 1, "control_class": "azh-background-radial-gradient-color", "control_type": "background-radial-gradient-second-color", "control_text": "Second color" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "background-image", "pattern": /(radial-gradient\(at [ \w]+, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%, rgba\(\d+,\d+,\d+,\d.?\d*\) )(\d+)(%\))/, "default": "radial-gradient(at center center, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "min": 0, "max": 100, "step": 1, "control_class": "azh-background-radial-gradient-location", "control_type": "background-radial-gradient-second-location", "control_text": "Second location" } ]); } function background_image_settings(menu, selector, group, subgroup, attribute, refresh, multiplying_selector, rule_selector, personal_transition) { if (attribute === 'data-hover' || attribute === 'data-reveal') { if (personal_transition) { transition_utility(selector, group, subgroup, refresh); } else { transition_utility(selector, "Transition parameters", false, refresh); } } azh.controls_options = azh.controls_options.concat([ { "refresh": refresh, "type": "background-image", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "control_class": "azh-background-image", "control_type": "background-image", "control_text": "Background image" }, { "refresh": refresh, "type": "dropdown-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "responsive": true, "options": { "": "Default", "top left": "Top Left", "top center": "Top Center", "top right": "Top Right", "center left": "Center Left", "center center": "Center Center", "center right": "Center Right", "bottom left": "Bottom Left", "bottom center": "Bottom Center", "bottom right": "Bottom Right", "0% 0%": "Custom" }, "property": "background-position", "control_class": "azh-background-position", "control_type": "background-position", "control_text": "Position" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "background-position", "responsive": true, "pattern": /()(-?\d+[%px]+)( -?\d+[%px]+)/, "default": "0% 0%", "slider": true, "units": { "%": { "min": "0", "max": "100", "step": "1" }, "px": { "min": "-500", "max": "500", "step": "1" } }, "control_class": "azh-x-position", "control_type": "x-position", "control_text": "X position" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "background-position", "responsive": true, "pattern": /(-?\d+[%px]+ )(-?\d+[%px]+)()/, "default": "0% 0%", "slider": true, "units": { "%": { "min": "0", "max": "100", "step": "1" }, "px": { "min": "-500", "max": "500", "step": "1" } }, "control_class": "azh-y-position", "control_type": "y-position", "control_text": "Y position" }, { "refresh": refresh, "type": "dropdown-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "options": { "": "Default", "scroll": "Scroll", "fixed": "Fixed" }, "property": "background-attachment", "control_class": "azh-background-attachment", "control_type": "background-attachment", "control_text": "Attachment" }, { "refresh": refresh, "type": "dropdown-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "options": { "": "Default", "no-repeat": "No repeat", "repeat": "Repeat", "repeat-x": "Repeat-x", "repeat-y": "Repeat-y" }, "property": "background-repeat", "control_class": "azh-background-repeat", "control_type": "background-repeat", "control_text": "Repeat" }, { "refresh": refresh, "type": "dropdown-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "options": { "": "Default", "auto": "Auto", "cover": "Cover", "contain": "Contain", "100% 100%": "Custom" }, "property": "background-size", "responsive": true, "control_class": "azh-background-size", "control_type": "background-size", "control_text": "Size" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "background-size", "responsive": true, "pattern": /()(\d+[%px]+)( \d+[%px]+)/, "default": "100% 100%", "slider": true, "units": { "%": { "min": "0", "max": "100", "step": "1" }, "px": { "min": "0", "max": "500", "step": "1" } }, "control_class": "azh-width", "control_type": "background-width", "control_text": "Width" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "background-size", "responsive": true, "pattern": /(\d+[%px]+ )(\d+[%px]+)()/, "default": "100% 100%", "slider": true, "units": { "%": { "min": "0", "max": "100", "step": "1" }, "px": { "min": "0", "max": "500", "step": "1" } }, "control_class": "azh-height", "control_type": "background-height", "control_text": "Height" } ]); } function border_utility(selector, group, subgroup, attribute, refresh, multiplying_selector, rule_selector, personal_transition) { border_menu('utility', selector, group, subgroup, attribute, refresh, multiplying_selector, rule_selector, personal_transition); } function border_menu(menu, selector, group, subgroup, attribute, refresh, multiplying_selector, rule_selector, personal_transition) { if (attribute === 'data-hover' || attribute === 'data-reveal') { if (personal_transition) { transition_utility(selector, group, subgroup, refresh); } else { transition_utility(selector, "Transition parameters", false, refresh); } } azh.controls_options = azh.controls_options.concat([ { "refresh": refresh, "type": "dropdown-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": menu, "group": group, "subgroup": subgroup, "attribute": attribute, "options": { "none": "None", "solid": "Solid", "double": "Double", "dotted": "Dotted", "dashed": "Dashed" }, "property": "border-style", "control_class": "azh-border-style", "control_type": "border-style", "control_text": "Border type" }, { "refresh": refresh, "type": "color-style", "menu": menu, "group": group, "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "subgroup": subgroup, "attribute": attribute, "property": "border-color", "control_class": "azh-border-color", "control_type": "border-color", "control_text": "Border color" }, { "refresh": refresh, "type": "integer-list-style", "menu": menu, "group": group, "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "subgroup": subgroup, "attribute": attribute, "responsive": true, "properties": { "border-top-width": "Top", "border-right-width": "Right", "border-bottom-width": "Bottom", "border-left-width": "Left" }, "min": "0", "max": "100", "step": "1", "units": "px", "control_class": "azh-border-width", "control_type": "border-width", "control_text": "Border width" }, { "refresh": refresh, "type": "integer-list-style", "menu": menu, "group": group, "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "subgroup": subgroup, "attribute": attribute, "responsive": true, "properties": { "border-top-left-radius": "Top Left", "border-top-right-radius": "Top Right", "border-bottom-left-radius": "Bottom Left", "border-bottom-right-radius": "Bottom Right" }, "slider": true, "units": { "px": { "min": "0", "max": "100", "step": "1" }, "%": { "min": "0", "max": "50", "step": "1" } }, "control_class": "azh-border-radius", "control_type": "border-radius", "control_text": "Border radius" } ]); } function text_stroke_utility(selector, group, subgroup, attribute, refresh, multiplying_selector, rule_selector, personal_transition) { if (attribute === 'data-hover' || attribute === 'data-reveal') { if (personal_transition) { transition_utility(selector, group, subgroup, refresh); } else { transition_utility(selector, "Transition parameters", false, refresh); } } azh.controls_options = azh.controls_options.concat([ { "refresh": refresh, "type": "color-style", "menu": "utility", "group": group, "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "subgroup": subgroup, "attribute": attribute, "property": "text-stroke-color", "prefixes": ['-webkit-'], "control_class": "azh-text-stroke-color", "control_type": "text-stroke-color", "control_text": "Text stroke color" }, { "refresh": refresh, "type": "integer-style", "menu": "utility", "group": group, "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "subgroup": subgroup, "attribute": attribute, "property": "text-stroke-width", "prefixes": ['-webkit-'], "min": "0", "max": "100", "step": "1", "units": "px", "control_class": "azh-text-stroke-width", "control_type": "text-stroke-width", "control_text": "Text stroke width" }, ]); } function top_bottom_border_utility(selector, group, subgroup, attribute, refresh, multiplying_selector, rule_selector, personal_transition) { if (attribute === 'data-hover' || attribute === 'data-reveal') { if (personal_transition) { transition_utility(selector, group, subgroup, refresh); } else { transition_utility(selector, "Transition parameters", false, refresh); } } azh.controls_options = azh.controls_options.concat([ { "refresh": refresh, "type": "dropdown-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "options": { "none": "None", "solid": "Solid", "double": "Double", "dotted": "Dotted", "dashed": "Dashed" }, "property": "border-style", "control_class": "azh-border-style", "control_type": "border-style", "control_text": "Border type" }, { "refresh": refresh, "type": "color-style", "menu": "utility", "group": group, "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "subgroup": subgroup, "attribute": attribute, "property": "border-color", "control_class": "azh-border-color", "control_type": "border-color", "control_text": "Border color" }, { "refresh": refresh, "type": "integer-list-style", "menu": "utility", "group": group, "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "subgroup": subgroup, "attribute": attribute, "responsive": true, "properties": { "border-top-width": "Top", "border-bottom-width": "Bottom" }, "min": "0", "max": "100", "step": "1", "units": "px", "control_class": "azh-border-width", "control_type": "border-width", "control_text": "Border width" } ]); } function box_shadow_utility(selector, group, subgroup, attribute, refresh, multiplying_selector, rule_selector, personal_transition) { if (attribute === 'data-hover' || attribute === 'data-reveal') { if (personal_transition) { transition_utility(selector, group, subgroup, refresh); } else { transition_utility(selector, "Transition parameters", false, refresh); } } azh.controls_options = azh.controls_options.concat([ { "refresh": refresh, "type": "exists-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "box-shadow", "value": "0px 0px 0px 0px rgba(0,0,0,1)", "control_class": "azh-toggle azh-box-shadow", "control_type": "box-shadow", "control_text": "Box shadow" }, { "refresh": refresh, "type": "color-style", "menu": "utility", "group": group, "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "subgroup": subgroup, "attribute": attribute, "property": "box-shadow", "pattern": /(-?\d+px -?\d+px \d+px -?\d+px )(rgba\(\d+,\d+,\d+,\d.?\d*\))()/, "default": "0px 0px 0px 0px rgba(0,0,0,1)", "control_class": "azh-box-shadow-color", "control_type": "box-shadow-color", "control_text": "Color" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "box-shadow", "pattern": /(-?\d+px -?\d+px )(\d+)(px -?\d+px rgba\(\d+,\d+,\d+,\d.?\d*\))/, "default": "0px 0px 0px 0px rgba(0,0,0,1)", "min": 0, "max": 100, "step": 1, "control_class": "azh-box-shadow-blur", "control_type": "box-shadow-blur", "control_text": "Blur" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "box-shadow", "pattern": /(-?\d+px -?\d+px \d+px )(-?\d+)(px rgba\(\d+,\d+,\d+,\d.?\d*\))/, "default": "0px 0px 0px 0px rgba(0,0,0,1)", "min": -100, "max": 100, "step": 1, "control_class": "azh-box-shadow-spread", "control_type": "box-shadow-spread", "control_text": "Spread" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "box-shadow", "pattern": /()(-?\d+)(px -?\d+px \d+px -?\d+px rgba\(\d+,\d+,\d+,\d.?\d*\))/, "default": "0px 0px 0px 0px rgba(0,0,0,1)", "min": -100, "max": 100, "step": 1, "control_class": "azh-box-shadow-horizontal", "control_type": "box-shadow-horizontal", "control_text": "Horizontal" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "box-shadow", "pattern": /(-?\d+px )(-?\d+)(px \d+px -?\d+px rgba\(\d+,\d+,\d+,\d.?\d*\))/, "default": "0px 0px 0px 0px rgba(0,0,0,1)", "min": -100, "max": 100, "step": 1, "control_class": "azh-box-shadow-vertical", "control_type": "box-shadow-vertical", "control_text": "Vertical" } ]); } function font_utility(selector, group, subgroup, attribute, refresh, multiplying_selector, rule_selector, personal_transition) { if (attribute === 'data-hover' || attribute === 'data-reveal') { if (personal_transition) { transition_utility(selector, group, subgroup, refresh); } else { transition_utility(selector, "Transition parameters", false, refresh); } } azh.controls_options = azh.controls_options.concat([ { "refresh": refresh, "type": "font-family", "menu": "utility", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "font-family", "control_class": "azh-font-family", "control_type": "font-family", "control_text": "Font family" }, { "refresh": refresh, "type": "integer-style", "menu": "utility", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "font-size", "responsive": true, "slider": true, "units": { "px": { "min": "1", "max": "200", "step": "1" }, "em": { "min": "0.1", "max": "10", "step": "0.1" }, "rem": { "min": "0.1", "max": "10", "step": "0.1" } }, "control_class": "azh-integer", "control_type": "font-size", "control_text": "Font size" }, { "refresh": refresh, "type": "dropdown-style", "menu": "utility", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "font-weight", "options": { "100": "100", "200": "200", "300": "300", "400": "400", "500": "500", "600": "600", "700": "700", "800": "800", "900": "900" }, "control_class": "azh-dropdown", "control_type": "font-weight", "control_text": "Font weight" }, { "refresh": refresh, "type": "dropdown-style", "menu": "utility", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "font-style", "options": { "": "Default", "normal": "Normal", "italic": "Italic", "oblique": "Oblique" }, "control_class": "azh-dropdown", "control_type": "font-style", "control_text": "Font style" }, { "refresh": refresh, "type": "dropdown-style", "menu": "utility", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "text-decoration", "options": { "": "Default", "line-through": "Line-through", "overline": "Overline", "underline": "Underline", "none": "Normal" }, "control_class": "azh-dropdown", "control_type": "text-decoration", "control_text": "Decoration" }, { "refresh": refresh, "type": "dropdown-style", "menu": "utility", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "text-transform", "options": { "": "Default", "uppercase": "Uppercase", "lowercase": "Lowercase", "capitalize": "Capitalize", "none": "Normal" }, "control_class": "azh-dropdown", "control_type": "text-transform", "control_text": "Transform" }, { "refresh": refresh, "type": "color-style", "menu": "utility", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "group": group, "subgroup": subgroup, "attribute": attribute, "property": "color", "control_class": "azh-color", "control_type": "color", "control_text": "Color" } ]); } function text_utility(selector, group, subgroup, attribute, refresh, multiplying_selector, rule_selector, personal_transition) { if (attribute === 'data-hover' || attribute === 'data-reveal') { if (personal_transition) { transition_utility(selector, group, subgroup, refresh); } else { transition_utility(selector, "Transition parameters", false, refresh); } } azh.controls_options = azh.controls_options.concat([ { "refresh": refresh, "type": "integer-style", "menu": "utility", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "group": group, "subgroup": subgroup, "attribute": attribute, "responsive": true, "property": "line-height", "slider": true, "units": { "px": { "min": "1", "max": "100", "step": "1" }, "%": { "min": "1", "max": "300", "step": "1" }, "em": { "min": "0.1", "max": "10", "step": "0.1" } }, "control_class": "azh-integer", "control_type": "line-height", "control_text": "Line height" }, { "refresh": refresh, "type": "radio-style", "menu": "utility", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "group": group, "subgroup": subgroup, "attribute": attribute, "responsive": true, "property": "text-align", "options": { "left": "Left", "center": "Center", "right": "Right", "justify": "Justify" }, "control_class": "azh-text-align", "control_type": "text-align", "control_text": "Text align" }, { "refresh": refresh, "type": "integer-style", "menu": "utility", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "group": group, "subgroup": subgroup, "attribute": attribute, "responsive": true, "property": "word-spacing", "min": "-20", "max": "50", "step": "1", "units": "px", "control_class": "azh-integer", "control_type": "word-spacing", "control_text": "Word-spacing" }, { "refresh": refresh, "type": "integer-style", "menu": "utility", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "group": group, "subgroup": subgroup, "attribute": attribute, "responsive": true, "property": "letter-spacing", "min": "-5", "max": "10", "step": "0.1", "units": "px", "control_class": "azh-integer", "control_type": "letter-spacing", "control_text": "Letter-spacing" } ]); } function text_shadow_utility(selector, group, subgroup, attribute, refresh, multiplying_selector, rule_selector, personal_transition) { if (attribute === 'data-hover' || attribute === 'data-reveal') { if (personal_transition) { transition_utility(selector, group, subgroup, refresh); } else { transition_utility(selector, "Transition parameters", false, refresh); } } azh.controls_options = azh.controls_options.concat([ { "refresh": refresh, "type": "exists-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "text-shadow", "value": "0px 0px 0px rgba(0,0,0,1)", "control_class": "azh-toggle azh-text-shadow", "control_type": "text-shadow", "control_text": "Text shadow" }, { "refresh": refresh, "type": "color-style", "menu": "utility", "group": group, "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "subgroup": subgroup, "attribute": attribute, "property": "text-shadow", "pattern": /(-?\d+px -?\d+px \d+px )(rgba\(\d+,\d+,\d+,\d.?\d*\))()/, "default": "0px 0px 0px rgba(0,0,0,1)", "control_class": "azh-text-shadow-color", "control_type": "text-shadow-color", "control_text": "Color" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "text-shadow", "pattern": /(-?\d+px -?\d+px )(\d+)(px rgba\(\d+,\d+,\d+,\d.?\d*\))/, "default": "0px 0px 0px rgba(0,0,0,1)", "min": 0, "max": 100, "step": 1, "control_class": "azh-text-shadow-blur", "control_type": "text-shadow-blur", "control_text": "Blur" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "text-shadow", "pattern": /()(-?\d+)(px -?\d+px \d+px rgba\(\d+,\d+,\d+,\d.?\d*\))/, "default": "0px 0px 0px rgba(0,0,0,1)", "min": -100, "max": 100, "step": 1, "control_class": "azh-text-shadow-horizontal", "control_type": "text-shadow-horizontal", "control_text": "Horizontal" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "text-shadow", "pattern": /(-?\d+px )(-?\d+)(px \d+px rgba\(\d+,\d+,\d+,\d.?\d*\))/, "default": "0px 0px 0px rgba(0,0,0,1)", "min": -100, "max": 100, "step": 1, "control_class": "azh-text-shadow-vertical", "control_type": "text-shadow-vertical", "control_text": "Vertical" } ]); } function transform_utility(selector, group, subgroup, attribute, refresh, multiplying_selector, rule_selector, personal_transition) { if (attribute === 'data-hover' || attribute === 'data-reveal') { if (personal_transition) { transition_utility(selector, group, subgroup, refresh); } else { transition_utility(selector, "Transition parameters", false, refresh); } } azh.controls_options = azh.controls_options.concat([ // { // "refresh": refresh, // "type": "exists-style", // "selector": selector, // "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, // "menu": "utility", // "group": group, // "subgroup": subgroup, // "attribute": attribute, // "property": "transform", // "value": "transform: translate(0px, 0px) rotate(0deg) scale(1)", // "control_class": "azh-toggle azh-transform", // "control_type": "transform", // "control_text": "Transform" // }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "transform", "pattern": /(translate\()(-?\d+[px%]+)(, -?\d+[px%]+\) rotate\(-?\d+deg\) scale\(\d.?\d*\))/, "default": "translate(0px, 0px) rotate(0deg) scale(1)", "responsive": true, "units": { "%": { "min": "-100", "max": "100", "step": "1" }, "px": { "min": "-500", "max": "500", "step": "1" } }, "control_class": "azh-transform-translate-x", "control_type": "transform-translate-x", "control_text": "Translate X" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "transform", "pattern": /(translate\(-?\d+[px%]+, )(-?\d+[px%]+)(\) rotate\(-?\d+deg\) scale\(\d.?\d*\))/, "default": "translate(0px, 0px) rotate(0deg) scale(1)", "responsive": true, "units": { "%": { "min": "-100", "max": "100", "step": "1" }, "px": { "min": "-500", "max": "500", "step": "1" } }, "control_class": "azh-transform-translate-y", "control_type": "transform-translate-y", "control_text": "Translate Y" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "transform", "pattern": /(translate\(-?\d+px, -?\d+px\) rotate\()(-?\d+)(deg\) scale\(\d.?\d*\))/, "default": "translate(0px, 0px) rotate(0deg) scale(1)", "responsive": true, "min": -180, "max": 180, "step": 1, "control_class": "azh-transform-rotate", "control_type": "transform-rotate", "control_text": "Rotate (deg)" }, { "refresh": refresh, "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "subgroup": subgroup, "attribute": attribute, "property": "transform", "pattern": /(translate\(-?\d+px, -?\d+px\) rotate\(-?\d+deg\) scale\()(\d.?\d*)(\))/, "default": "translate(0px, 0px) rotate(0deg) scale(1)", "responsive": true, "min": 0.1, "max": 10, "step": 0.1, "control_class": "azh-transform-scale", "control_type": "transform-scale", "control_text": "Scale" } ]); } function background_effects_utility(selector, group, video, parallax) { var types = { "classic": "Classic", "gradient": "Gradient" }; if (video) { types["video"] = "Video"; } azh.controls_options = azh.controls_options.concat([ { "refresh": function ($control, $element) { $control.parent().find('.azh-control').trigger('azh-init'); if ($control.attr('data-value') === 'classic') { $control.parent().find('.azh-background-image img').trigger('contextmenu'); } if ($control.attr('data-value') === 'gradient') { $control.parent().find('.azh-background-gradient-type select').trigger('change'); } }, "type": "radio-attribute", "selector": selector, "menu": "utility", "group": group, "options": types, "attribute": "data-background-type", "control_class": "azh-background-type", "control_type": "background-type", "control_text": "Background type" }, { "type": "color-style", "selector": selector, "menu": "utility", "group": group, "property": "background-color", "control_class": "azh-background-color", "control_type": "background-color", "control_text": "Background color" }, { "type": "background-image", "selector": selector, "menu": "utility", "group": group, "control_class": "azh-background-image", "control_type": "background-image", "control_text": "Background image" } ]); if (parallax) { azh.controls_options = azh.controls_options.concat([ { "refresh": true, "type": "toggle-attribute", "selector": selector, "menu": "utility", "group": group, "attribute": "data-parallax", "control_class": "azh-parallax azh-toggle", "control_type": "parallax", "control_text": "Parallax" }, { "refresh": true, "type": "integer-attribute", "selector": selector, "menu": "utility", "group": group, "min": "0", "max": "100", "step": "1", "attribute": "data-parallax-speed", "control_class": "azh-parallax-speed", "control_type": "parallax-speed", "control_text": "Parallax speed" } ]); } azh.controls_options = azh.controls_options.concat([ { "type": "dropdown-style", "selector": selector, "menu": "utility", "group": group, "options": { "": "Default", "top left": "Top Left", "top center": "Top Center", "top right": "Top Right", "center left": "Center Left", "center center": "Center Center", "center right": "Center Right", "bottom left": "Bottom Left", "bottom center": "Bottom Center", "bottom right": "Bottom Right", "0% 0%": "Custom" }, "property": "background-position", "control_class": "azh-background-position", "control_type": "background-position", "control_text": "Position" }, { "type": "integer-style", "selector": selector, "menu": "utility", "group": group, "property": "background-position", "responsive": true, "pattern": /()(-?\d+[%px]+)( -?\d+[%px]+)/, "default": "0% 0%", "slider": true, "units": { "%": { "min": "0", "max": "100", "step": "1" }, "px": { "min": "-500", "max": "500", "step": "1" } }, "control_class": "azh-x-position", "control_type": "x-position", "control_text": "X position" }, { "type": "integer-style", "selector": selector, "menu": "utility", "group": group, "property": "background-position", "responsive": true, "pattern": /(-?\d+[%px]+ )(-?\d+[%px]+)()/, "default": "0% 0%", "slider": true, "units": { "%": { "min": "0", "max": "100", "step": "1" }, "px": { "min": "-500", "max": "500", "step": "1" } }, "control_class": "azh-y-position", "control_type": "y-position", "control_text": "Y position" }, { "type": "dropdown-style", "selector": selector, "menu": "utility", "group": group, "options": { "": "Default", "scroll": "Scroll", "fixed": "Fixed" }, "property": "background-attachment", "control_class": "azh-background-attachment", "control_type": "background-attachment", "control_text": "Attachment" }, { "type": "dropdown-style", "selector": selector, "menu": "utility", "group": group, "options": { "": "Default", "no-repeat": "No repeat", "repeat": "Repeat", "repeat-x": "Repeat-x", "repeat-y": "Repeat-y" }, "property": "background-repeat", "control_class": "azh-background-repeat", "control_type": "background-repeat", "control_text": "Repeat" }, { "type": "dropdown-style", "selector": selector, "menu": "utility", "group": group, "options": { "": "Default", "auto": "Auto", "cover": "Cover", "contain": "Contain", "100% 100%": "Custom" }, "property": "background-size", "responsive": true, "control_class": "azh-background-size", "control_type": "background-size", "control_text": "Size" }, { "type": "integer-style", "selector": selector, "menu": "utility", "group": group, "property": "background-size", "responsive": true, "pattern": /()(\d+[%px]+)( \d+[%px]+)/, "default": "100% 100%", "slider": true, "units": { "%": { "min": "0", "max": "100", "step": "1" }, "px": { "min": "0", "max": "500", "step": "1" } }, "control_class": "azh-width", "control_type": "background-width", "control_text": "Width" }, { "type": "integer-style", "selector": selector, "menu": "utility", "group": group, "property": "background-size", "responsive": true, "pattern": /(\d+[%px]+ )(\d+[%px]+)()/, "default": "100% 100%", "slider": true, "units": { "%": { "min": "0", "max": "100", "step": "1" }, "px": { "min": "0", "max": "500", "step": "1" } }, "control_class": "azh-height", "control_type": "background-height", "control_text": "Height" }, { "refresh": function ($control, $element) { $control.parent().find('.azh-control').trigger('azh-init'); }, "type": "dropdown-style", "selector": selector, "menu": "utility", "group": group, "options": { "linear-gradient": "Linear", "radial-gradient": "Radial" }, "property": "background-image", "pattern": /()([-\w]+)(\(\d+deg, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%\))/, "default": "linear-gradient(180deg, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "control_class": "azh-background-gradient-type", "control_type": "background-gradient-type", "control_text": "Type" }, { "type": "dropdown-style", "selector": selector, "menu": "utility", "group": group, "options": { "top left": "Top Left", "top center": "Top Center", "top right": "Top Right", "center left": "Center Left", "center center": "Center Center", "center right": "Center Right", "bottom left": "Bottom Left", "bottom center": "Bottom Center", "bottom right": "Bottom Right" }, "property": "background-image", "pattern": /(radial-gradient\(at )([ \w]+)(, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%\))/, "default": "radial-gradient(at center center, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "control_class": "azh-background-radial-gradient-position", "control_type": "background-radial-gradient-position", "control_text": "Position" }, { "type": "integer-style", "selector": selector, "menu": "utility", "group": group, "property": "background-image", "pattern": /(linear-gradient\()(\d+)(deg, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%\))/, "default": "linear-gradient(180deg, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "min": 0, "max": 360, "step": 1, "control_class": "azh-background-linear-gradient-angle", "control_type": "background-linear-gradient-angle", "control_text": "Angle" }, { "type": "color-style", "selector": selector, "menu": "utility", "group": group, "property": "background-image", "pattern": /(linear-gradient\(\d+deg, )(rgba\(\d+,\d+,\d+,\d.?\d*\))( \d+%, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%\))/, "default": "linear-gradient(180deg, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "min": 0, "max": 100, "step": 1, "control_class": "azh-background-linear-gradient-color", "control_type": "background-linear-gradient-first-color", "control_text": "First color" }, { "type": "integer-style", "selector": selector, "menu": "utility", "group": group, "property": "background-image", "pattern": /(linear-gradient\(\d+deg, rgba\(\d+,\d+,\d+,\d.?\d*\) )(\d+)(%, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%\))/, "default": "linear-gradient(180deg, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "min": 0, "max": 100, "step": 1, "control_class": "azh-background-linear-gradient-location", "control_type": "background-linear-gradient-first-location", "control_text": "First location" }, { "type": "color-style", "selector": selector, "menu": "utility", "group": group, "property": "background-image", "pattern": /(linear-gradient\(\d+deg, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%, )(rgba\(\d+,\d+,\d+,\d.?\d*\))( \d+%\))/, "default": "linear-gradient(180deg, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "min": 0, "max": 100, "step": 1, "control_class": "azh-background-linear-gradient-color", "control_type": "background-linear-gradient-second-color", "control_text": "Second color" }, { "type": "integer-style", "selector": selector, "menu": "utility", "group": group, "property": "background-image", "pattern": /(linear-gradient\(\d+deg, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%, rgba\(\d+,\d+,\d+,\d.?\d*\) )(\d+)(%\))/, "default": "linear-gradient(180deg, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "min": 0, "max": 100, "step": 1, "control_class": "azh-background-linear-gradient-location", "control_type": "background-linear-gradient-second-location", "control_text": "Second location" }, { "type": "color-style", "selector": selector, "menu": "utility", "group": group, "property": "background-image", "pattern": /(radial-gradient\(at [ \w]+, )(rgba\(\d+,\d+,\d+,\d.?\d*\))( \d+%, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%\))/, "default": "radial-gradient(at center center, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "min": 0, "max": 100, "step": 1, "control_class": "azh-background-radial-gradient-color", "control_type": "background-radial-gradient-first-color", "control_text": "First color" }, { "type": "integer-style", "selector": selector, "menu": "utility", "group": group, "property": "background-image", "pattern": /(radial-gradient\(at [ \w]+, rgba\(\d+,\d+,\d+,\d.?\d*\) )(\d+)(%, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%\))/, "default": "radial-gradient(at center center, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "min": 0, "max": 100, "step": 1, "control_class": "azh-background-radial-gradient-location", "control_type": "background-radial-gradient-first-location", "control_text": "First location" }, { "type": "color-style", "selector": selector, "menu": "utility", "group": group, "property": "background-image", "pattern": /(radial-gradient\(at [ \w]+, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%, )(rgba\(\d+,\d+,\d+,\d.?\d*\))( \d+%\))/, "default": "radial-gradient(at center center, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "min": 0, "max": 100, "step": 1, "control_class": "azh-background-radial-gradient-color", "control_type": "background-radial-gradient-second-color", "control_text": "Second color" }, { "type": "integer-style", "selector": selector, "menu": "utility", "group": group, "property": "background-image", "pattern": /(radial-gradient\(at [ \w]+, rgba\(\d+,\d+,\d+,\d.?\d*\) \d+%, rgba\(\d+,\d+,\d+,\d.?\d*\) )(\d+)(%\))/, "default": "radial-gradient(at center center, rgba(255,0,0,1) 50%, rgba(0,255,0,1) 50%)", "min": 0, "max": 100, "step": 1, "control_class": "azh-background-radial-gradient-location", "control_type": "background-radial-gradient-second-location", "control_text": "Second location" } ]); if (video) { azh.controls_options = azh.controls_options.concat([ { "refresh": true, "type": "input-attribute", "input_type": "text", "selector": selector, "menu": "utility", "group": group, "control_text": "Video URL", "control_class": "azh-background-video", "control_type": "background-video", "attribute": "data-background-video", "description": "Insert YouTube link or mp4 video file" } ]); } } function box_utility(selector, group, multiplying_selector, rule_selector) { azh.controls_options = azh.controls_options.concat([ { "type": "integer-list-style", "menu": "utility", "group": group, "responsive": true, "properties": { "margin-top": "Top", "margin-right": "Right", "margin-bottom": "Bottom", "margin-left": "left" }, "min": "-300", "max": "300", "step": "1", "units": "px", "control_class": "azh-integer-list", "control_type": "box-margin", "control_text": "Margin", "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "selector": selector }, { "type": "integer-list-style", "menu": "utility", "group": group, "responsive": true, "properties": { "padding-top": "Top", "padding-right": "Right", "padding-bottom": "Bottom", "padding-left": "Left" }, "min": "0", "max": "300", "step": "1", "units": "px", "control_class": "azh-integer-list", "control_type": "box-padding", "control_text": "Padding", "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "selector": selector }, { "type": "integer-style", "selector": selector, "multiplying_selector": multiplying_selector, "rule_selector": rule_selector, "menu": "utility", "group": group, "property": "height", "responsive": true, "slider": true, "units": "px", "min": "0", "max": "500", "step": "1", "control_class": "azh-height", "control_type": "height", "control_text": "Height" }, ]); } function element_box_utility() { box_utility('[data-element]:not([data-element=""]):not([data-element=" "])', "Element-box styles"); azh.controls_options = azh.controls_options.concat([ { "refresh": true, "type": "exists-class", "menu": "utility", "control_text": "Element pack", "control_class": "azh-toggle", "control_type": "pack", "selector": '[data-element]:not([data-element=""]):not([data-element=" "])', "class": "az-pack" } ]); } function animation_utility(group, selector) { var in_animation_types = { "none": "No animation", "bounceIn": "bounceIn", "bounceInDown": "bounceInDown", "bounceInLeft": "bounceInLeft", "bounceInRight": "bounceInRight", "bounceInUp": "bounceInUp", "fadeIn": "fadeIn", "fadeInDown": "fadeInDown", "fadeInDownBig": "fadeInDownBig", "fadeInLeft": "fadeInLeft", "fadeInLeftBig": "fadeInLeftBig", "fadeInRight": "fadeInRight", "fadeInRightBig": "fadeInRightBig", "fadeInUp": "fadeInUp", "fadeInUpBig": "fadeInUpBig", "rotateIn": "rotateIn", "rotateInDownLeft": "rotateInDownLeft", "rotateInDownRight": "rotateInDownRight", "rotateInUpLeft": "rotateInUpLeft", "rotateInUpRight": "rotateInUpRight", "slideInUp": "slideInUp", "slideInDown": "slideInDown", "slideInLeft": "slideInLeft", "slideInRight": "slideInRight", "zoomIn": "zoomIn", "zoomInDown": "zoomInDown", "zoomInLeft": "zoomInLeft", "zoomInRight": "zoomInRight", "zoomInUp": "zoomInUp", "flipInX": "flipInX", "flipInY": "flipInY", "lightSpeedIn": "lightSpeedIn", }; var out_animation_types = { "none": "No animation", "bounceOut": "bounceOut", "bounceOutDown": "bounceOutDown", "bounceOutLeft": "bounceOutLeft", "bounceOutRight": "bounceOutRight", "bounceOutUp": "bounceOutUp", "fadeOut": "fadeOut", "fadeOutDown": "fadeOutDown", "fadeOutDownBig": "fadeOutDownBig", "fadeOutLeft": "fadeOutLeft", "fadeOutLeftBig": "fadeOutLeftBig", "fadeOutRight": "fadeOutRight", "fadeOutRightBig": "fadeOutRightBig", "fadeOutUp": "fadeOutUp", "fadeOutUpBig": "fadeOutUpBig", "rotateOut": "rotateOut", "rotateOutDownLeft": "rotateOutDownLeft", "rotateOutDownRight": "rotateOutDownRight", "rotateOutUpLeft": "rotateOutUpLeft", "rotateOutUpRight": "rotateOutUpRight", "slideOutUp": "slideOutUp", "slideOutDown": "slideOutDown", "slideOutLeft": "slideOutLeft", "slideOutRight": "slideOutRight", "zoomOut": "zoomOut", "zoomOutDown": "zoomOutDown", "zoomOutLeft": "zoomOutLeft", "zoomOutRight": "zoomOutRight", "zoomOutUp": "zoomOutUp", "flipOutX": "flipOutX", "flipOutY": "flipOutY", "lightSpeedOut": "lightSpeedOut", }; var timing = { "linear": "linear", "ease": "ease", "ease-in": "ease-in", "ease-out": "ease-out", "ease-in-out": "ease-in-out", }; azh.controls_options = azh.controls_options.concat([ { "type": "dropdown-attribute", "menu": "utility", "group": group, "subgroup": "In animation", "control_text": "Type", "control_class": "azh-in-animation-type", "control_type": "in-animation-type", "attribute": "data-in-animation-type", "options": in_animation_types, "selector": selector }, { "type": "integer-attribute", "menu": "utility", "group": group, "subgroup": "In animation", "control_text": "Duration (milliseconds)", "control_class": "azh-in-animation-duration", "control_type": "in-animation-duration", "attribute": "data-in-animation-duration", "min": "0", "max": "1000", "step": "100", "selector": selector }, { "type": "integer-attribute", "menu": "utility", "group": group, "subgroup": "In animation", "control_text": "Delay (milliseconds)", "control_class": "azh-in-animation-delay", "control_type": "in-animation-delay", "attribute": "data-in-animation-delay", "min": "0", "max": "1000", "step": "100", "selector": selector }, { "type": "dropdown-attribute", "menu": "utility", "group": group, "subgroup": "In animation", "control_text": "Timing function", "control_class": "azh-in-animation-timing", "control_type": "in-animation-timing", "attribute": "data-in-animation-timing", "options": timing, "selector": selector }, { "type": "dropdown-attribute", "menu": "utility", "group": group, "subgroup": "Out animation", "control_text": "Type", "control_class": "azh-out-animation-type", "control_type": "out-animation-type", "attribute": "data-out-animation-type", "options": out_animation_types, "selector": selector }, { "type": "integer-attribute", "menu": "utility", "group": group, "subgroup": "Out animation", "control_text": "Duration (milliseconds)", "control_class": "azh-out-animation-duration", "control_type": "out-animation-duration", "attribute": "data-out-animation-duration", "min": "0", "max": "1000", "step": "100", "selector": selector }, { "type": "integer-attribute", "menu": "utility", "group": group, "subgroup": "Out animation", "control_text": "Delay (milliseconds)", "control_class": "azh-out-animation-delay", "control_type": "out-animation-delay", "attribute": "data-out-animation-delay", "min": "0", "max": "1000", "step": "100", "selector": selector }, { "type": "dropdown-attribute", "menu": "utility", "group": group, "subgroup": "Out animation", "control_text": "Timing function", "control_class": "azh-out-animation-timing", "control_type": "out-animation-timing", "attribute": "data-out-animation-timing", "options": timing, "selector": selector }, ]); } function image_size_options() { return { "pico": "16x16", "icon": "32x32", "thumb": "50x50", "small": "100x100", "compact": "160x160", "medium": "240x240", "large": "480x480", "grande": "600x600", "1024x1024": "1024x1024", "2048x2048": "2048x2048", "master": "largest image" }; } function image_crop_options() { return { "top": "top", "center": "center", "bottom": "bottom", "left": "left", "right": "right" }; } function image_scale_options() { return { "": "No scale", "2": "x2", "3": "x3" }; } function button_utility(button_class) { azh.controls_options = azh.controls_options.concat([ { "type": "radio-classes", "menu": "utility", "selector": button_class, "rule_selector": " button", "classes": { "az-left": "Left", "az-center": "Center", "az-right": "Right", "az-full-width": "Full width", }, "control_class": "azh-horizontal-align", "control_type": "horizontal-align", "control_text": "Button horizontal align" } ]); font_utility(button_class, 'Font styles', 'Normal', false, false, false, ' button'); font_utility(button_class, 'Font styles', 'Hover', false, false, false, ' button:hover'); text_utility(button_class, 'Text styles', false, false, false, false, ' button'); background_utility(button_class, 'Background', 'Normal', false, false, false, ' button'); background_utility(button_class, 'Background', 'Hover', false, false, false, ' button:hover'); border_utility(button_class, 'Border', 'Normal', false, false, false, ' button'); border_utility(button_class, 'Border', 'Hover', false, false, false, ' button:hover'); box_shadow_utility(button_class, 'Shadow', 'Normal', false, false, false, ' button'); box_shadow_utility(button_class, 'Shadow', 'Hover', false, false, false, ' button:hover'); transition_utility(button_class, "Transition parameters", false, false, ' button'); box_utility(button_class, "Button-box styles", false, ' button'); } function link_utility(link_class) { font_utility(link_class, 'Font styles', 'Normal', false, false, false, ' a'); font_utility(link_class, 'Font styles', 'Hover', false, false, false, ' a:hover'); text_utility(link_class, 'Text styles', false, false, false, false, ' a'); background_utility(link_class, 'Background', 'Normal', false, false, false, ' a'); background_utility(link_class, 'Background', 'Hover', false, false, false, ' a:hover'); border_utility(link_class, 'Border', 'Normal', false, false, false, ' a'); border_utility(link_class, 'Border', 'Hover', false, false, false, ' a:hover'); box_shadow_utility(link_class, 'Shadow', 'Normal', false, false, false, ' a'); box_shadow_utility(link_class, 'Shadow', 'Hover', false, false, false, ' a:hover'); transition_utility(link_class, "Transition parameters", false, false, ' a'); box_utility(link_class, "Link-box styles", false, ' a'); } function articles_utility() { function title() { azh.standard_elements_start_classes['.az-article-title'] = true; azh.controls_options = azh.controls_options.concat([ { "type": "dropdown-attribute", "selector": ".az-article-title script", "menu": "utility", "options": { "h1": "H1", "h2": "H2", "h3": "H3", "h4": "H4", "h5": "H5", "h6": "H6" }, "attribute": "data-title_tag", "control_class": "azh-title_tag", "control_type": "title_tag", "control_text": "Title tag" }, ]); font_utility('.az-article-title', 'Font styles', false, false, false, false, ' > div > h1 a, > div > h2 a, > div > h3 a, > div > h4 a, > div > h5 a, > div > h6 a'); text_utility('.az-article-title', 'Text styles', false, false, false, false, ' > div > h1 a, > div > h2 a, > div > h3 a, > div > h4 a, > div > h5 a, > div > h6 a'); } function image() { azh.standard_elements_start_classes['.az-article-image'] = true; azh.controls_options = azh.controls_options.concat([ { "type": "dropdown-attribute", "selector": ".az-article-image script", "menu": "utility", "options": image_size_options(), "attribute": "data-article_image_size", "control_class": "azh-article_image_size", "control_type": "article_image_size", "control_text": "Image size" }, { "type": "dropdown-attribute", "selector": ".az-article-image script", "menu": "utility", "options": image_crop_options(), "attribute": "data-article_image_crop", "control_class": "azh-article_image_crop", "control_type": "article_image_crop", "control_text": "Image crop" }, { "type": "dropdown-attribute", "selector": ".az-article-image script", "menu": "utility", "options": image_scale_options(), "attribute": "data-article_image_scale", "control_class": "azh-article_image_scale", "control_type": "article_image_scale", "control_text": "Image scale" }, { "type": "radio-style", "menu": "utility", "group": "Image", "selector": '.az-article-image div', "responsive": true, "property": "text-align", "options": { "left": "Left", "center": "Center", "right": "Right" }, "control_class": "azh-text-align", "control_type": "text-align", "control_text": "Image alignment" }, { "type": "integer-style", "menu": "utility", "group": "Image", "responsive": true, "property": "max-width", "slider": true, "units": { "%": { "min": "0", "max": "100", "step": "1" }, "px": { "min": "0", "max": "500", "step": "1" } }, "control_class": "azh-size", "control_type": "size", "control_text": "Size", "rule_selector": " img", "selector": '.az-article-image' }, { "type": "integer-style", "menu": "utility", "group": "Image", "min": "0", "max": "1", "step": "0.01", "control_class": "azh-opacity", "control_type": "opacity", "control_text": "Opacity", "property": "opacity", "rule_selector": " img", "selector": '.az-article-image' } ]); border_utility('.az-article-image', 'Border', false, false, false, false, ' img'); box_shadow_utility('.az-article-image img', 'Shadow', false, false, false, false, ' img'); filter_utility('.az-article-image', 'Image filters', false, false, false, false, ' img'); } function excerpt() { azh.standard_elements_start_classes['.az-article-excerpt'] = true; font_utility('.az-article-excerpt', 'Font styles', false, false, false, false, ' > div'); text_utility('.az-article-excerpt', 'Text styles', false, false, false, false, ' > div'); } function tags() { azh.standard_elements_start_classes['.az-article-tags'] = true; link_utility('.az-article-tags'); } function date() { azh.standard_elements_start_classes['.az-article-date'] = true; azh.controls_options = azh.controls_options.concat([ { "type": "input-attribute", "input_type": "text", "attribute": "data-date_format", "selector": ".az-article-date script", "menu": "utility", "control_text": "Date format", "control_class": "azh-date_format", "control_type": "date_format" } ]); } function more() { azh.standard_elements_start_classes['.az-article-read-more'] = true; azh.controls_options = azh.controls_options.concat([ { "type": "input-attribute", "input_type": "text", "attribute": "data-read_more_text", "selector": ".az-article-read-more script", "menu": "utility", "control_text": "Button text", "control_class": "azh-read_more_text", "control_type": "read_more_text" }, ]); button_utility('.az-article-read-more'); } azh.controls_options = azh.controls_options.concat([ { "type": "ajax-dropdown-attribute", "menu": "utility", "attribute": "data-shopify-blog-id", "selector": "[data-shopify-blog-id]", "ajaxurl": azh.ajaxurl + "?action=ajax-dropdown&type=blogs&field=id", "control_class": "azh-dropdown", "control_type": "shopify-blog-id", "control_text": "Shopify blog" }, ]); title(); image(); excerpt(); tags(); date(); more(); } function products_utility() { azh.standard_elements_start_classes['.az-product'] = true; function title() { azh.standard_elements_start_classes['.az-product-title'] = true; azh.controls_options = azh.controls_options.concat([ { "type": "dropdown-attribute", "selector": ".az-product-title script", "menu": "utility", "options": { "h1": "H1", "h2": "H2", "h3": "H3", "h4": "H4", "h5": "H5", "h6": "H6" }, "attribute": "data-title_tag", "control_class": "azh-title_tag", "control_type": "title_tag", "control_text": "Title tag" }, { "type": "toggle-attribute", "menu": "utility", "attribute": "data-title_product_link", "control_class": "azh-title_product_link azh-toggle", "control_type": "title_product_link", "control_text": "Title product link", "selector": '.az-product-title script' }, ]); font_utility('.az-product-title', 'Font styles', false, false, false, false, ' > div > h1, > div > h2, > div > h3, > div > h4, > div > h5, > div > h6, > div > h1 a, > div > h2 a, > div > h3 a, > div > h4 a, > div > h5 a, > div > h6 a'); text_utility('.az-product-title', 'Text styles', false, false, false, false, ' > div > h1, > div > h2, > div > h3, > div > h4, > div > h5, > div > h6, > div > h1 a, > div > h2 a, > div > h3 a, > div > h4 a, > div > h5 a, > div > h6 a'); } function excerpt() { azh.standard_elements_start_classes['.az-product-excerpt'] = true; font_utility('.az-product-excerpt', 'Font styles', false, false, false, false, ' > div'); text_utility('.az-product-excerpt', 'Text styles', false, false, false, false, ' > div'); } function cart_button() { azh.standard_elements_start_classes['.az-product-cart-button'] = true; azh.controls_options = azh.controls_options.concat([ { "type": "dropdown-attribute", "selector": ".az-product-cart-button", "menu": "utility", "options": { "none": "No redirect", "cart": "Cart", "checkout": "Checkout", "custom": "Custom" }, "attribute": "data-redirect", "control_class": "azh-redirect", "control_type": "redirect", "control_text": "Redirect" }, { "type": "url-attribute", "input_type": "text", "attribute": "data-redirect-url", "selector": ".az-product-cart-button", "menu": "utility", "control_text": "Custom redirect URL", "control_class": "azh-redirect-url", "control_type": "redirect-url" }, { "type": "input-attribute", "input_type": "text", "attribute": "data-cart_button_text", "selector": ".az-product-cart-button script", "menu": "utility", "control_text": "Button text", "control_class": "azh-cart_button_text", "control_type": "cart_button_text" }, { "type": "input-attribute", "input_type": "text", "attribute": "data-ajax-text", "selector": ".az-product-cart-button", "menu": "utility", "control_text": "AJAX Text", "control_class": "azh-ajax-text", "control_type": "ajax-text" }, { "type": "input-attribute", "input_type": "text", "attribute": "data-thankyou-text", "selector": ".az-product-cart-button", "menu": "utility", "control_text": "Thankyou Text", "control_class": "azh-thankyou-text", "control_type": "thankyou-text" }, ]); button_utility('.az-product-cart-button'); } function image() { azh.standard_elements_start_classes['.az-product-image'] = true; azh.controls_options = azh.controls_options.concat([ { "type": "toggle-attribute", "menu": "utility", "attribute": "data-image_product_link", "control_class": "azh-image_product_link azh-toggle", "control_type": "image_product_link", "control_text": "Image product link", "selector": '.az-product-image script' }, { "type": "dropdown-attribute", "selector": ".az-product-image script", "menu": "utility", "options": image_size_options(), "attribute": "data-product_image_size", "control_class": "azh-product_image_size", "control_type": "product_image_size", "control_text": "Image size" }, { "type": "dropdown-attribute", "selector": ".az-product-image script", "menu": "utility", "options": image_crop_options(), "attribute": "data-product_image_crop", "control_class": "azh-product_image_crop", "control_type": "product_image_crop", "control_text": "Image crop" }, { "type": "dropdown-attribute", "selector": ".az-product-image script", "menu": "utility", "options": image_scale_options(), "attribute": "data-product_image_scale", "control_class": "azh-product_image_scale", "control_type": "product_image_scale", "control_text": "Image scale" }, { "type": "radio-style", "menu": "utility", "group": "Image", "selector": '.az-product-image div', "responsive": true, "property": "text-align", "options": { "left": "Left", "center": "Center", "right": "Right" }, "control_class": "azh-text-align", "control_type": "text-align", "control_text": "Image alignment" }, { "type": "integer-style", "menu": "utility", "group": "Image", "responsive": true, "property": "max-width", "slider": true, "units": { "%": { "min": "0", "max": "100", "step": "1" }, "px": { "min": "0", "max": "500", "step": "1" } }, "control_class": "azh-size", "control_type": "size", "control_text": "Size", "rule_selector": " img", "selector": '.az-product-image' }, { "type": "integer-style", "menu": "utility", "group": "Image", "min": "0", "max": "1", "step": "0.01", "control_class": "azh-opacity", "control_type": "opacity", "control_text": "Opacity", "property": "opacity", "rule_selector": " img", "selector": '.az-product-image' } ]); border_utility('.az-product-image', 'Border', false, false, false, false, ' img'); box_shadow_utility('.az-product-image', 'Shadow', false, false, false, false, ' img'); filter_utility('.az-product-image', 'Image filters', false, false, false, false, ' img'); } function price() { azh.standard_elements_start_classes['.az-product-price'] = true; azh.controls_options = azh.controls_options.concat([ { "type": "toggle-attribute", "menu": "utility", "attribute": "data-compare_price", "control_class": "azh-compare_price azh-toggle", "control_type": "compare_price", "control_text": "Compare price", "selector": '.az-product-price script' }, { "type": "toggle-attribute", "menu": "utility", "attribute": "data-price_unit", "control_class": "azh-price_unit azh-toggle", "control_type": "price_unit", "control_text": "Price unit", "selector": '.az-product-price script' }, { "type": "toggle-attribute", "menu": "utility", "attribute": "data-percent_discount", "control_class": "azh-percent_discount azh-toggle", "control_type": "percent_discount", "control_text": "Percent discount", "selector": '.az-product-price script' }, { "type": "input-attribute", "input_type": "text", "attribute": "data-before_percent_discount", "selector": ".az-product-price script", "menu": "utility", "control_text": "Before percent discount", "control_class": "azh-before_percent_discount", "control_type": "before_percent_discount" }, { "type": "input-attribute", "input_type": "text", "attribute": "data-after_percent_discount", "selector": ".az-product-price script", "menu": "utility", "control_text": "After percent discount", "control_class": "azh-after_percent_discount", "control_type": "after_percent_discount" }, ]); font_utility('.az-product-price', 'Prices font', false, false, false, false, ' .az-product-prices'); text_utility('.az-product-price', 'Prices text', false, false, false, false, ' .az-product-prices'); font_utility('.az-product-price', 'Sale price font', false, false, false, false, ' .az-sale-price'); text_utility('.az-product-price', 'Sale price text', false, false, false, false, ' .az-sale-price'); font_utility('.az-product-price', 'Discount font', false, false, false, false, ' .az-discount'); text_utility('.az-product-price', 'Discount text', false, false, false, false, ' .az-discount'); } function quantity() { azh.standard_elements_start_classes['.az-product-quantity'] = true; azh.controls_options = azh.controls_options.concat([ { "type": "dropdown-attribute", "selector": ".az-product-quantity script", "menu": "utility", "options": { "simple": "Simple", "big_plus_minus": "Big plus/minus" }, "attribute": "data-quantity_style", "control_class": "azh-quantity_style", "control_type": "quantity_style", "control_text": "Quantity style" }, { "type": "input-attribute", "input_type": "text", "attribute": "data-quantity_label", "selector": ".az-product-quantity script", "menu": "utility", "control_text": "Quantity label", "control_class": "azh-quantity_label", "control_type": "quantity_label" }, { "type": "color-style", "selector": ".az-product-quantity", "rule_selector": " svg", "menu": "utility", "property": "fill", "control_class": "azh-plus-minus-color", "control_type": "plus-minus-color", "control_text": "Plus/Minus color" }, { "type": "color-style", "selector": ".az-product-quantity", "rule_selector": " .az-quantity-plus:hover svg, .az-quantity-minus:hover svg", "menu": "utility", "property": "fill", "control_class": "azh-plus-minus-hover-color", "control_type": "plus-minus-hover-color", "control_text": "Plus/Minus hover color" }, ]); font_utility('.az-product-quantity', 'Font styles', false, false, false, false, ' input'); text_utility('.az-product-quantity', 'Text styles', false, false, false, false, ' input'); background_utility('.az-product-quantity', 'Background', 'Normal', false, false, false, ' input'); background_utility('.az-product-quantity', 'Background', 'Focus', false, false, false, ' input:focus'); border_utility('.az-product-quantity', 'Border', 'Normal', false, false, false, ' input'); border_utility('.az-product-quantity', 'Border', 'Focus', false, false, false, ' input:focus'); box_shadow_utility('.az-product-quantity', 'Shadow', 'Normal', false, false, false, ' input'); box_shadow_utility('.az-product-quantity', 'Shadow', 'Focus', false, false, false, ' input:focus'); box_utility('.az-product-quantity', "Quantity-box styles", false, ' input'); background_utility('.az-product-quantity', 'Plus/Minus background', 'Normal', false, false, false, ' .az-quantity-plus, .az-quantity-minus'); background_utility('.az-product-quantity', 'Plus/Minus background', 'Hover', false, false, false, ' .az-quantity-plus:hover, .az-quantity-minus:hover'); border_utility('.az-product-quantity', 'Plus/Minus border', 'Normal', false, false, false, ' .az-quantity-plus, .az-quantity-minus'); border_utility('.az-product-quantity', 'Plus/Minus border', 'Hover', false, false, false, ' .az-quantity-plus:hover, .az-quantity-minus:hover'); transition_utility('.az-product-quantity', "Transition parameters", false, false, ' .az-quantity-plus, .az-quantity-minus, .az-quantity-plus svg, .az-quantity-minus svg'); } function variants() { azh.standard_elements_start_classes['.az-product-variants'] = true; azh.controls_options = azh.controls_options.concat([ { "type": "dropdown-attribute", "selector": ".az-product-variants script", "menu": "utility", "options": { "together": "Together", "separately": "Separately" }, "attribute": "data-variants_group", "control_class": "azh-variants_group", "control_type": "variants_group", "control_text": "Variants group" }, { "type": "toggle-attribute", "menu": "utility", "attribute": "data-variants_label", "control_class": "azh-variants_label azh-toggle", "control_type": "variants_label", "control_text": "Variants label", "selector": '.az-product-variants script' }, { "type": "input-attribute", "input_type": "text", "attribute": "data-soldout_text", "selector": ".az-product-variants script", "menu": "utility", "control_text": "Soldout text", "control_class": "azh-soldout_text", "control_type": "soldout_text" }, ]); font_utility('.az-product-variants', 'Label font styles', false, false, false, false, ' label'); text_utility('.az-product-variants', 'Label text styles', false, false, false, false, ' label'); font_utility('.az-product-variants', 'Dropdown font styles', false, false, false, false, ' select'); text_utility('.az-product-variants', 'Dropdown text styles', false, false, false, false, ' select'); background_utility('.az-product-variants', 'Dropdown background', 'Normal', false, false, false, ' select'); background_utility('.az-product-variants', 'Dropdown background', 'Focus', false, false, false, ' select:focus'); border_utility('.az-product-variants', 'Dropdown border', 'Normal', false, false, false, ' select'); border_utility('.az-product-variants', 'Dropdown border', 'Focus', false, false, false, ' select:focus'); box_shadow_utility('.az-product-variants', 'Dropdown shadow', 'Normal', false, false, false, ' select'); box_shadow_utility('.az-product-variants', 'Dropdown shadow', 'Focus', false, false, false, ' select:focus'); box_utility('.az-product-variants', "Dropdown-box styles", false, ' select'); } function images_list() { azh.standard_elements_start_classes['.az-product-images-list'] = true; azh.controls_options = azh.controls_options.concat([ { "type": "dropdown-attribute", "selector": ".az-product-images-list script", "menu": "utility", "options": image_size_options(), "attribute": "data-product_image_size", "control_class": "azh-product_image_size", "control_type": "product_image_size", "control_text": "Image size" }, { "type": "dropdown-attribute", "selector": ".az-product-images-list script", "menu": "utility", "options": image_crop_options(), "attribute": "data-product_image_crop", "control_class": "azh-product_image_crop", "control_type": "product_image_crop", "control_text": "Image crop" }, { "type": "dropdown-attribute", "selector": ".az-product-images-list script", "menu": "utility", "options": image_scale_options(), "attribute": "data-product_image_scale", "control_class": "azh-product_image_scale", "control_type": "product_image_scale", "control_text": "Image scale" }, { "type": "toggle-attribute", "selector": ".az-product-images-list script", "menu": "utility", "attribute": "data-enable_zoom", "control_class": "azh-zoom azh-toggle", "control_type": "zoom", "control_text": "Zoom" }, ]); border_utility('.az-product-images-list', 'Image border', false, false, false, false, ' .az-product-single-photo-wrapper img'); box_shadow_utility('.az-product-images-list', 'Image shadow', false, false, false, false, ' .az-product-single-photo-wrapper img'); filter_utility('.az-product-images-list', 'Image filters', false, false, false, false, ' .az-product-single-photo-wrapper img'); border_utility('.az-product-images-list', 'Thumbnail border', 'Normal', false, false, false, ' .az-product-single-thumbnail img'); border_utility('.az-product-images-list', 'Thumbnail border', 'Active', false, false, false, ' .az-product-single-thumbnail.az-active-thumb img'); box_shadow_utility('.az-product-images-list', 'Thumbnail shadow', 'Normal', false, false, false, ' .az-product-single-thumbnail img'); box_shadow_utility('.az-product-images-list', 'Thumbnail shadow', 'Active', false, false, false, ' .az-product-single-thumbnail.az-active-thumb img'); filter_utility('.az-product-images-list', 'Thumbnail filters', 'Normal', false, false, false, ' .az-product-single-thumbnail img'); filter_utility('.az-product-images-list', 'Thumbnail filters', 'Active', false, false, false, ' .az-product-single-thumbnail.az-active-thumb img'); } function view_more() { azh.standard_elements_start_classes['.az-product-view-more'] = true; azh.controls_options = azh.controls_options.concat([ { "type": "dropdown-attribute", "selector": ".az-product-view-more script", "menu": "utility", "options": { "_blank": "Blank", "_self": "Self" }, "attribute": "data-view_more_target", "control_class": "azh-view_more_target", "control_type": "view_more_target", "control_text": "View more click target" }, { "type": "input-attribute", "input_type": "text", "attribute": "data-view_more_text", "selector": ".az-product-view-more script", "menu": "utility", "control_text": "View more text", "control_class": "azh-view_more_text", "control_type": "view_more_text" }, ]); link_utility('.az-product-view-more'); } function payment_button() { azh.standard_elements_start_classes['.az-product-payment-button'] = true; button_utility('.az-product-payment-button'); } function stock_counter() { //az-product-stock-counter //data-quantity-source="auto" //data-remaining-percentage="20" //data-variant-id="" //data-fix-auto-remaining-quantity="-1" //data-remaining-quantity="5" //data-template="HURRY! ONLY %number% LEFT" //data-out-of-stock="Out of stock" //data-always-show-up="true" //data-scarcity-thresold="20" //data-show-icon="false" //data-choose-icon="???" azh.controls_options = azh.controls_options.concat([ ]); } function swatches() { //az-product-swatches //data-swatches_label="true" azh.controls_options = azh.controls_options.concat([ ]); } function metafield() { azh.standard_elements_start_classes['.az-product-metafield'] = true; azh.controls_options = azh.controls_options.concat([ { "type": "input-attribute", "input_type": "text", "attribute": "data-meta_namespace", "selector": ".az-product-metafield script", "menu": "utility", "control_text": "Metafield namespace", "control_class": "azh-meta_namespace", "control_type": "meta_namespace" }, { "type": "input-attribute", "input_type": "text", "attribute": "data-meta_key", "selector": ".az-product-metafield script", "menu": "utility", "control_text": "Metafield key", "control_class": "azh-meta_key", "control_type": "meta_key" }, ]); font_utility('.az-product-metafield', 'Font styles', false, false, false, false, ' > div'); text_utility('.az-product-metafield', 'Text styles', false, false, false, false, ' > div'); } function tags() { azh.standard_elements_start_classes['.az-product-tags'] = true; link_utility('.az-product-tags'); } function collections() { azh.standard_elements_start_classes['.az-product-collections'] = true; link_utility('.az-product-collections'); } var variants_options = function ($control, $element, callback) { $element.data('azh-variants-control', $control); var handle = $control.closest('.azh-control').parent().find('[data-type="shopify-product-handle"]').attr('data-value'); if(!handle) { handle = $element.closest('[data-shopify-product-handle]').attr('data-shopify-product-handle'); } if(!handle) { handle = azh.any_product.handle; } if (handle) { $.get(azh.ajaxurl + '?action=get_products&limit=1&field=handle&value=' + handle, function (data) { var product = JSON.parse(data); if (product && product.length) { product = product[0]; var options = {}; $(product.variants).each(function () { options[this.id] = this.title; }); callback(options); } }); } return {}; }; azh.controls_options = azh.controls_options.concat([ { "type": "ajax-dropdown-attribute", "menu": "utility", "attribute": "data-shopify-products-collection-id", "selector": "[data-shopify-products-collection-id]", "ajaxurl": azh.ajaxurl + "?action=ajax-dropdown&type=custom_collections|smart_collections&field=id", "control_class": "azh-dropdown", "control_type": "shopify-collection-id", "control_text": "Shopify collection" }, { "refresh": function ($control, $element) { $element.find('> .az-liquid-container > script[data-default_variant_id]').each(function () { var $this = azh.$(this); if ($this.data('azh-variants-control')) { $this.data('azh-variants-control').trigger('azh-init'); } }); }, "type": "ajax-dropdown-attribute", "menu": "utility", "attribute": "data-shopify-product-handle", "selector": "[data-shopify-product-handle]", "ajaxurl": azh.ajaxurl + "?action=ajax-dropdown&type=products&field=handle", "control_class": "azh-dropdown", "control_type": "shopify-product-handle", "control_text": "Shopify product" }, { "type": "dropdown-attribute", "menu": "utility", "attribute": "data-default_variant_id", "selector": ".az-product > .az-liquid-container > script[data-default_variant_id]", "options": variants_options, "control_class": "azh-default_variant_id", "control_type": "default_variant_id", "control_text": "Product default variant" }, ]); title(); excerpt(); cart_button(); image(); price(); quantity(); variants(); images_list(); view_more(); payment_button(); metafield(); tags(); collections(); } function collections_utility() { azh.standard_elements_start_classes['.az-collections-list'] = true; function title() { azh.standard_elements_start_classes['.az-collection-title'] = true; azh.controls_options = azh.controls_options.concat([ { "type": "dropdown-attribute", "selector": ".az-collection-title script", "menu": "utility", "options": { "h1": "H1", "h2": "H2", "h3": "H3", "h4": "H4", "h5": "H5", "h6": "H6" }, "attribute": "data-title_tag", "control_class": "azh-title_tag", "control_type": "title_tag", "control_text": "Title tag" } ]); font_utility('.az-collection-title', 'Font styles', false, false, false, false, ' > div > h1, > div > h2, > div > h3, > div > h4, > div > h5, > div > h6'); text_utility('.az-collection-title', 'Text styles', false, false, false, false, ' > div > h1, > div > h2, > div > h3, > div > h4, > div > h5, > div > h6'); } function image() { azh.standard_elements_start_classes['.az-collection-image'] = true; azh.controls_options = azh.controls_options.concat([ { "type": "dropdown-attribute", "selector": ".az-collection-image script", "menu": "utility", "options": image_size_options(), "attribute": "data-collection_image_size", "control_class": "azh-collection_image_size", "control_type": "collection_image_size", "control_text": "Image size" }, { "type": "dropdown-attribute", "selector": ".az-collection-image script", "menu": "utility", "options": image_crop_options(), "attribute": "data-collection_image_crop", "control_class": "azh-collection_image_crop", "control_type": "collection_image_crop", "control_text": "Image crop" }, { "type": "dropdown-attribute", "selector": ".az-collection-image script", "menu": "utility", "options": image_scale_options(), "attribute": "data-collection_image_scale", "control_class": "azh-collection_image_scale", "control_type": "collection_image_scale", "control_text": "Image scale" }, { "type": "radio-style", "menu": "utility", "group": "Image", "selector": '.az-collection-image div', "responsive": true, "property": "text-align", "options": { "left": "Left", "center": "Center", "right": "Right" }, "control_class": "azh-text-align", "control_type": "text-align", "control_text": "Image alignment" }, { "type": "integer-style", "menu": "utility", "group": "Image", "responsive": true, "property": "max-width", "slider": true, "units": { "%": { "min": "0", "max": "100", "step": "1" }, "px": { "min": "0", "max": "500", "step": "1" } }, "control_class": "azh-size", "control_type": "size", "control_text": "Size", "rule_selector": " img", "selector": '.az-collection-image' }, { "type": "integer-style", "menu": "utility", "group": "Image", "min": "0", "max": "1", "step": "0.01", "control_class": "azh-opacity", "control_type": "opacity", "control_text": "Opacity", "property": "opacity", "rule_selector": " img", "selector": '.az-collection-image' } ]); border_utility('.az-collection-image', 'Border', false, false, false, false, ' img'); box_shadow_utility('.az-collection-image', 'Shadow', false, false, false, false, ' img'); filter_utility('.az-collection-image', 'Image filters', false, false, false, false, ' img'); } title(); image(); azh.controls_options = azh.controls_options.concat([ { "type": "dropdown-attribute", "menu": "utility", "attribute": "data-collections_list_sort", "selector": ".az-collections-list > .az-liquid-container > script[data-collections_list_sort]", "options": { 'all_products_count': 'All products count', 'published_at': 'Published at' }, "control_class": "azh-collections_list_sort", "control_type": "collections_list_sort", "control_text": "Collections sort" }, ]); } function form_utility() { //azh.standard_elements_start_classes['.az-contact-form'] = true; azh.controls_options = azh.controls_options.concat([ { "type": "input-attribute", "input_type": "text", "attribute": "data-form_id", "selector": ".az-contact-form script:first-child, .az-customer-form script:first-child, .az-create-customer-form script:first-child", "menu": "utility", "control_text": "Form ID", "control_class": "azh-form_id", "control_type": "form_id" }, { "type": "input-attribute", "input_type": "text", "attribute": "data-success_message", "selector": ".az-contact-form script:first-child, .az-customer-form script:first-child, .az-create-customer-form script:first-child", "menu": "utility", "control_text": "Success message", "control_class": "azh-success_message", "control_type": "success_message" }, ]); font_utility('.az-contact-form', 'Message font styles', false, false, false, false, ' .az-success-message'); text_utility('.az-contact-form', 'Message text styles', false, false, false, false, ' .az-success-message'); box_utility('.az-contact-form', "Message-box styles", false, ' .az-success-message'); font_utility('.az-customer-form', 'Message font styles', false, false, false, false, ' .az-success-message'); text_utility('.az-customer-form', 'Message text styles', false, false, false, false, ' .az-success-message'); box_utility('.az-customer-form', "Message-box styles", false, ' .az-success-message'); font_utility('.az-create-customer-form', 'Message font styles', false, false, false, false, ' .az-success-message'); text_utility('.az-create-customer-form', 'Message text styles', false, false, false, false, ' .az-success-message'); box_utility('.az-create-customer-form', "Message-box styles", false, ' .az-success-message'); setTimeout(function(){ var name_controls = []; var name_control = {}; $.each(azh.controls_options, function () { // if ('attribute' in this && this.attribute === 'name') { // this.type = "dropdown-attribute"; // this.options = { // 'contact[email]': 'email', // 'contact[first_name]': 'first_name', // 'contact[last_name]': 'last_name', // 'contact[company]': 'company', // 'contact[address1]': 'address1', // 'contact[address2]': 'address2', // 'contact[city]': 'city', // 'contact[province]': 'province', // 'contact[province_code]': 'province_code', // 'contact[country]': 'country', // 'contact[country_code]': 'country_code', // 'contact[zip]': 'zip', // 'contact[phone]': 'phone', // 'contact[accepts_marketing]': 'accepts_marketing', // //'contact[tags][yourtagname]': '', // 'contact[note]': 'note', // }; // } if ('attribute' in this && this.attribute === 'name' && (!('pattern' in this) && !('default' in this) || 'default' in this && this.default === 'checkbox[]')) { var selectors = this.selector.split(','); name_control = $.extend({}, this); name_control.pattern = /(contact\[)(.*)(\])/; name_control.default = "contact[text]"; name_control.selector = selectors.map(function (s) { return '.az-contact-form ' + s; }).join(','); name_controls.push(name_control); name_control = $.extend({}, this); name_control.pattern = /(contact\[)(.*)(\])/; name_control.default = "contact[text]"; name_control.selector = selectors.map(function (s) { return '.az-customer-form ' + s; }).join(','); name_controls.push(name_control); name_control = $.extend({}, this); name_control.pattern = /(contact\[)(.*)(\])/; name_control.default = "contact[text]"; name_control.selector = selectors.map(function (s) { return '.az-create-customer-form ' + s; }).join(','); name_controls.push(name_control); } }); azh.controls_options = name_controls.concat(azh.controls_options); }); } function grid_utility() { azh.standard_elements_start_classes['.az-grid'] = true; azh.controls_options = azh.controls_options.concat([ { "type": "dropdown-attribute", "menu": "utility", "attribute": "data-columns", "control_class": "azh-columns", "control_type": "columns", "options": { "1": "1", "2": "2", "3": "3", "4": "4", "5": "5", }, "control_text": "Columns", "selector": '.az-grid' }, { "type": "dropdown-attribute", "menu": "utility", "attribute": "data-gap", "control_class": "azh-gap", "control_type": "gap", "options": { "0": "0px", "1": "1px", "2": "2px", "3": "3px", "4": "4px", "5": "5px", "10": "10px", "15": "15px", "20": "20px", "25": "25px", "30": "30px", }, "control_text": "Gap", "selector": '.az-grid' }, ]); } function social_sharing_utility() { azh.standard_elements_start_classes['.az-social-sharing'] = true; azh.controls_options = azh.controls_options.concat([ ]); background_utility('.az-social-sharing', 'Background', 'Normal', false, false, false, ' a'); background_utility('.az-social-sharing', 'Background', 'Hover', false, false, false, ' a:hover'); filter_utility('.az-social-sharing', 'Background filters', 'Normal', false, false, false, ' a'); filter_utility('.az-social-sharing', 'Background filters', 'Hover', false, false, false, ' a:hover'); border_utility('.az-social-sharing', 'Border', 'Normal', false, false, false, ' a'); border_utility('.az-social-sharing', 'Border', 'Hover', false, false, false, ' a:hover'); box_shadow_utility('.az-social-sharing', 'Shadow', 'Normal', false, false, false, ' a'); box_shadow_utility('.az-social-sharing', 'Shadow', 'Hover', false, false, false, ' a:hover'); font_utility('.az-social-sharing', 'Font styles', 'Normal', false, false, false, ' a span'); font_utility('.az-social-sharing', 'Font styles', 'Hover', false, false, false, ' a:hover span'); text_utility('.az-social-sharing', 'Text styles', false, false, false, false, ' a'); transition_utility('.az-social-sharing', "Transition parameters", false, false, ' a'); box_utility('.az-social-sharing', "Link-box styles", false, 'a'); } function paginated_utility() { azh.standard_elements_start_classes['.az-paginated-sorting'] = true; azh.controls_options = azh.controls_options.concat([ { "type": "input-attribute", "input_type": "text", "attribute": "data-sort_by_label", "selector": ".az-paginated-sorting [data-sort_by_label]", "menu": "utility", "control_text": "Sort by label", "control_class": "azh-sort_by_label", "control_type": "sort_by_label" }, { "type": "input-attribute", "input_type": "text", "attribute": "data-filter_by_label", "selector": ".az-paginated-filters [data-filter_by_label]", "menu": "utility", "control_text": "Filter by label", "control_class": "azh-filter_by_label", "control_type": "filter_by_label" }, { "type": "input-attribute", "input_type": "text", "attribute": "data-products_label", "selector": ".az-paginated-count [data-products_label]", "menu": "utility", "control_text": "Products label", "control_class": "azh-products_label", "control_type": "products_label" }, { "type": "input-attribute", "input_type": "text", "attribute": "data-all_products_label", "selector": ".az-paginated-filters [data-all_products_label]", "menu": "utility", "control_text": "All products label", "control_class": "azh-all_products_label", "control_type": "all_products_label" }, ]); font_utility('.az-paginated-sorting, .az-paginated-filters, .az-paginated-count', 'Label font styles', false, false, false, false, ' span'); text_utility('.az-paginated-sorting, .az-paginated-filters, .az-paginated-count', 'Label text styles', false, false, false, false, ' span'); font_utility('.az-paginated-sorting, .az-paginated-filters', 'Dropdown font styles', false, false, false, false, ' select'); text_utility('.az-paginated-sorting, .az-paginated-filters', 'Dropdown text styles', false, false, false, false, ' select'); background_utility('.az-paginated-sorting, .az-paginated-filters', 'Dropdown background', false, false, false, false, ' select'); border_utility('.az-paginated-sorting, .az-paginated-filters', 'Dropdown border', false, false, false, false, ' select'); box_shadow_utility('.az-paginated-sorting, .az-paginated-filters', 'Dropdown shadow', false, false, false, false, ' select'); box_utility('.az-paginated-sorting, .az-paginated-filters', "Dropdown-box styles", false, ' select'); background_utility('.az-pagination:not(.az-pagination-bullets)', 'Item background', 'Normal', false, false, false, ' > div div a'); background_utility('.az-pagination:not(.az-pagination-bullets)', 'Item background', 'Hover', false, false, false, ' > div div a:hover'); background_utility('.az-pagination:not(.az-pagination-bullets)', 'Item background', 'Active', false, false, false, ' > div div a[href]'); filter_utility('.az-pagination:not(.az-pagination-bullets)', 'Item background filters', 'Normal', false, false, false, ' > div div a'); filter_utility('.az-pagination:not(.az-pagination-bullets)', 'Item background filters', 'Hover', false, false, false, ' > div div a:hover'); filter_utility('.az-pagination:not(.az-pagination-bullets)', 'Item background filters', 'Active', false, false, false, ' > div div a[href]'); border_utility('.az-pagination:not(.az-pagination-bullets)', 'Item border', 'Normal', false, false, false, ' > div div a'); border_utility('.az-pagination:not(.az-pagination-bullets)', 'Item border', 'Hover', false, false, false, ' > div div a:hover'); border_utility('.az-pagination:not(.az-pagination-bullets)', 'Item border', 'Active', false, false, false, ' > div div a[href]'); box_shadow_utility('.az-pagination:not(.az-pagination-bullets)', 'Item shadow', 'Normal', false, false, false, ' > div div a'); box_shadow_utility('.az-pagination:not(.az-pagination-bullets)', 'Item shadow', 'Hover', false, false, false, ' > div div a:hover'); box_shadow_utility('.az-pagination:not(.az-pagination-bullets)', 'Item shadow', 'Active', false, false, false, ' > div div a[href]'); font_utility('.az-pagination:not(.az-pagination-bullets)', 'Item font styles', 'Normal', false, false, false, ' > div div a'); font_utility('.az-pagination:not(.az-pagination-bullets)', 'Item font styles', 'Hover', false, false, false, ' > div div a:hover'); font_utility('.az-pagination:not(.az-pagination-bullets)', 'Item font styles', 'Active', false, false, false, ' > div div a[href]'); text_utility('.az-pagination:not(.az-pagination-bullets)', 'Item text styles', false, false, false, false, ' > div div a'); transition_utility('.az-pagination:not(.az-pagination-bullets)', "Item transition parameters", false, false, ' > div div a'); box_utility('.az-pagination:not(.az-pagination-bullets)', "Item link-box styles", false, ' > div div a'); } function page_title_utility() { azh.standard_elements_start_classes['.az-page-title'] = true; azh.controls_options = azh.controls_options.concat([ { "type": "dropdown-attribute", "selector": ".az-page-title script", "menu": "utility", "options": { "h1": "H1", "h2": "H2", "h3": "H3", "h4": "H4", "h5": "H5", "h6": "H6" }, "attribute": "data-page_title_tag", "control_class": "azh-page_title_tag", "control_type": "page_title_tag", "control_text": "Title tag" }, ]); font_utility('.az-page-title', 'Font styles', false, false, false, false, ' > div > h1, > div > h2, > div > h3, > div > h4, > div > h5, > div > h6'); text_utility('.az-page-title', 'Text styles', false, false, false, false, ' > div > h1, > div > h2, > div > h3, > div > h4, > div > h5, > div > h6'); } function currency_selector() { azh.standard_elements_start_classes['.az-currency-selector'] = true; font_utility('.az-currency-selector', 'Dropdown font styles', false, false, false, false, ' select'); text_utility('.az-currency-selector', 'Dropdown text styles', false, false, false, false, ' select'); background_utility('.az-currency-selector', 'Dropdown background', 'Normal', false, false, false, ' select'); background_utility('.az-currency-selector', 'Dropdown background', 'Focus', false, false, false, ' select:focus'); border_utility('.az-currency-selector', 'Dropdown border', 'Normal', false, false, false, ' select'); border_utility('.az-currency-selector', 'Dropdown border', 'Focus', false, false, false, ' select:focus'); box_shadow_utility('.az-currency-selector', 'Dropdown shadow', 'Normal', false, false, false, ' select'); box_shadow_utility('.az-currency-selector', 'Dropdown shadow', 'Focus', false, false, false, ' select:focus'); box_utility('.az-currency-selector', "Dropdown-box styles", false, ' select'); } function menu_utility() { azh.standard_elements_start_classes['.az-menu-element'] = true; var options = {}; if (azh.menus) { for (var handle in azh.menus) { options[handle] = azh.menus[handle].title; } } azh.controls_options = azh.controls_options.concat([ { "type": "dropdown-attribute", "selector": ".az-menu-element script", "menu": "utility", "options": options, "attribute": "data-menu_handle", "control_class": "azh-menu_handle", "control_type": "menu_handle", "control_text": "Menu" }, { "type": "exists-class", "selector": ".az-menu-element", "menu": "utility", "attribute": "data-vertical", "control_class": "azh-vertical azh-toggle", "control_type": "vertical", "control_text": "Vertical menu", "class": "az-vertical" }, { "type": "dropdown-attribute", "menu": "utility", "options": "data-variants", "selector": ".az-menu-element [data-variant]", "attribute": "data-variant", "select2": true, "control_class": "azh-dropdown", "control_type": "variant", "control_text": "Variant" }, { "type": "integer-attribute", "menu": "utility", "selector": '[data-mega-menu]', "attribute": "data-mega-menu", "min": "1", "max": "50", "step": "1", "control_class": "azh-integer", "control_type": "mega-menu", "control_text": "Mega menu threshold" }, { "type": "color-style", "menu": "utility", "selector": '.az-menu-element', "rule_selector": [ ' .az-menu-wrapper .az-menu-root > .az-menu-item:hover.az-has-children > .az-menu-link::after', ' .az-menu-wrapper .az-menu-root > .az-menu-item:hover > .az-menu-link', ' .az-menu-wrapper .az-sub-menu > .az-menu-item:hover > .az-menu-link', ' .az-menu-wrapper .az-menu-root > .az-menu-item > .az-sub-menu > .az-menu-item:hover.az-has-children::after', ' .az-menu-wrapper .az-sub-menu > .az-menu-item > .az-sub-menu > .az-menu-item:hover.az-has-children::after', ' .az-menu-wrapper .az-menu-root > .az-menu-item > .az-sub-menu > .az-menu-item:hover > .az-menu-link', ' .az-menu-wrapper .az-sub-menu > .az-menu-item > .az-sub-menu > .az-menu-item:hover > .az-menu-link' ].join(','), "property": "color", "control_class": "azh-color", "control_type": "color", "control_text": "Brand font color" }, { "type": "color-style", "menu": "utility", "selector": '.az-menu-element', "rule_selector": [ '.az-mobile .az-menu-wrapper .az-menu-root .az-menu-item.az-current > .az-menu-link' ].join(','), "property": "background-color", "control_class": "azh-bg-color", "control_type": "bg-color", "control_text": "Brand BG color" }, { "type": "color-style", "menu": "utility", "selector": '.az-menu-element', "rule_selector": [ '.az-desktop .az-menu-wrapper .az-menu-root > .az-menu-item > .az-sub-menu', '.az-desktop .az-menu-wrapper .az-sub-menu > .az-menu-item > .az-sub-menu' ].join(','), "property": "background-color", "control_class": "azh-dropdown-bg-color", "control_type": "dropdown-bg-color", "control_text": "Dropdown BG color" }, { "type": "color-style", "menu": "utility", "selector": '.az-menu-element', "rule_selector": [ '.az-desktop .az-menu-wrapper .az-sub-menu > .az-menu-item:hover > .az-menu-link' ].join(','), "property": "background-color", "control_class": "azh-dropdown-hover-bg-color", "control_type": "dropdown-hover-bg-color", "control_text": "Dropdown hover BG color" }, { "type": "color-style", "menu": "utility", "selector": '.az-menu-element', "rule_selector": [ ' .az-menu-wrapper .az-menu-root > .az-menu-item.az-has-children > .az-menu-link::after', ' .az-menu-wrapper .az-menu-root > .az-menu-item.az-has-children::after', ' .az-menu-wrapper .az-menu-root > .az-menu-item > .az-sub-menu > .az-menu-item.az-has-children::after', ' .az-menu-wrapper .az-sub-menu > .az-menu-item > .az-sub-menu > .az-menu-item.az-has-children::after' ].join(','), "property": "color", "control_class": "azh-icons-color", "control_type": "icons-color", "control_text": "Icons color" }, { "type": "color-style", "menu": "utility", "selector": '.az-menu-element', "rule_selector": [ '.az-mobile .az-menu-wrapper' ].join(','), "property": "background-color", "control_class": "azh-background-color", "control_type": "background-color", "control_text": "Overlay background-color" }, { "type": "integer-list-style", "menu": "utility", "selector": '.az-menu-element', "rule_selector": [ '.az-desktop .az-menu-wrapper .az-menu-root > .az-menu-item > .az-sub-menu', '.az-desktop .az-menu-wrapper .az-sub-menu > .az-menu-item > .az-sub-menu', '.az-desktop .az-menu-wrapper .az-menu-root > .az-menu-item > .az-sub-menu > .az-menu-item > .az-sub-menu', '.az-desktop .az-menu-wrapper .az-sub-menu > .az-menu-item > .az-sub-menu > .az-menu-item > .az-sub-menu' ].join(','), "properties": { "border-top-left-radius": "Top Left", "border-top-right-radius": "Top Right", "border-bottom-left-radius": "Bottom Left", "border-bottom-right-radius": "Bottom Right" }, "slider": true, "units": { "px": { "min": "0", "max": "100", "step": "1" }, "%": { "min": "0", "max": "50", "step": "1" } }, "control_class": "azh-border-radius", "control_type": "border-radius", "control_text": "Border radius" }, { "type": "integer-list-style", "menu": "utility", "group": "Offsets", "properties": { "padding-top": "Top", "padding-right": "Right", "padding-bottom": "Bottom", "padding-left": "Left" }, "min": "0", "max": "300", "step": "1", "units": "px", "control_class": "azh-integer-list", "control_type": "box-padding", "control_text": "First level item padding", "rule_selector": [ '.az-desktop .az-menu-wrapper .az-menu-root > .az-menu-item > .az-menu-link' ].join(','), "selector": '.az-menu-element' }, { "type": "integer-list-style", "menu": "utility", "group": "Offsets", "properties": { "padding-top": "Top", "padding-right": "Right", "padding-bottom": "Bottom", "padding-left": "Left" }, "min": "0", "max": "100", "step": "1", "units": "px", "control_class": "azh-integer-list", "control_type": "box-padding", "control_text": "Dropdown item padding", "rule_selector": [ '.az-desktop .az-menu-wrapper .az-menu-root > .az-menu-item > .az-sub-menu > .az-menu-item > .az-menu-link', '.az-desktop .az-menu-wrapper .az-sub-menu > .az-menu-item > .az-sub-menu > .az-menu-item > .az-menu-link', '.az-desktop .az-menu-wrapper .az-menu-root > .az-menu-item > .az-sub-menu > .az-menu-item.az-has-children::after', '.az-desktop .az-menu-wrapper .az-sub-menu > .az-menu-item > .az-sub-menu > .az-menu-item.az-has-children::after' ].join(','), "selector": '.az-menu-element' }, { "type": "integer-list-style", "menu": "utility", "group": "Offsets", "properties": { "padding-top": "Top", "padding-bottom": "Bottom" }, "min": "0", "max": "100", "step": "1", "units": "px", "control_class": "azh-integer-list", "control_type": "box-padding", "control_text": "Dropdown padding", "rule_selector": [ '.az-desktop .az-menu-wrapper .az-menu-root > .az-menu-item > .az-sub-menu', '.az-desktop .az-menu-wrapper .az-sub-menu > .az-menu-item > .az-sub-menu' ].join(','), "selector": '.az-menu-element' }, { "type": "integer-style", "menu": "utility", "group": "Offsets", "selector": '.az-menu-element', "rule_selector": [ '.az-desktop .az-menu-wrapper .az-menu-root > .az-menu-item > .az-sub-menu' ].join(','), "property": "left", "min": "-50", "max": "50", "step": "1", "units": "px", "control_class": "azh-integer", "control_type": "left", "control_text": "Dropdown left offset" }, { "type": "integer-style", "menu": "utility", "group": "Offsets", "selector": '.az-menu-element', "rule_selector": [ '.az-desktop .az-menu-wrapper .az-menu-root > .az-menu-item > .az-sub-menu > .az-menu-item > .az-sub-menu', '.az-desktop .az-menu-wrapper .az-sub-menu > .az-menu-item > .az-sub-menu > .az-menu-item > .az-sub-menu' ].join(','), "property": "top", "min": "-50", "max": "50", "step": "1", "units": "px", "control_class": "azh-integer", "control_type": "top", "control_text": "Dropdown top offset" }, { "type": "integer-style", "menu": "utility", "group": "Offsets", "selector": '.az-menu-element', "rule_selector": [ '.az-desktop .az-menu-wrapper .az-menu-root > .az-menu-item > .az-sub-menu', '.az-desktop .az-menu-wrapper .az-sub-menu > .az-menu-item > .az-sub-menu' ].join(','), "property": "top", "min": "-50", "max": "50", "step": "1", "units": "px", "pattern": /(calc\(100% - )(\d+)(px\))/, "default": 'calc(100% - 0px)', "control_class": "azh-integer", "control_type": "top", "control_text": "Dropdown top shift" }, { "type": "integer-style", "menu": "utility", "group": "Offsets", "selector": '.az-menu-element', "rule_selector": [ '.az-desktop .az-menu-wrapper .az-menu-root > .az-menu-item > .az-sub-menu > .az-menu-item', '.az-desktop .az-menu-wrapper .az-sub-menu > .az-menu-item > .az-sub-menu > .az-menu-item' ].join(','), "property": "min-width", "min": "100", "max": "500", "step": "1", "units": "px", "control_class": "azh-integer", "control_type": "min-width", "control_text": "Dropdown min width" }, { "type": "integer-list-style", "menu": "utility", "group": "Offsets", "properties": { "padding-top": "Top", "padding-right": "Right", "padding-bottom": "Bottom", "padding-left": "Left" }, "min": "0", "max": "100", "step": "1", "units": "px", "control_class": "azh-integer-list", "control_type": "box-padding", "control_text": "Mega menu padding", "rule_selector": [ '.az-desktop .az-menu-wrapper .az-menu-root > .az-menu-item .az-sub-menu.az-mega-menu', ].join(','), "selector": '.az-menu-element' }, ]); var first_level_menu_link = [ '.az-desktop .az-menu-wrapper .az-menu-root > .az-menu-item > .az-menu-link' ]; first_level_menu_link = first_level_menu_link.join(','); font_utility('.az-menu-element', 'First level font', 'Normal', false, false, false, first_level_menu_link); text_utility('.az-menu-element', 'First level text', 'Normal', false, false, false, first_level_menu_link); first_level_menu_link = [ '.az-desktop .az-menu-wrapper .az-menu-root > .az-menu-item:hover > .az-menu-link' ]; first_level_menu_link = first_level_menu_link.join(','); font_utility('.az-menu-element', 'First level font', 'Hover', false, false, false, first_level_menu_link); text_utility('.az-menu-element', 'First level text', 'Hover', false, false, false, first_level_menu_link); var dropdown_menu_link = [ '.az-desktop .az-menu-wrapper .az-menu-root > .az-menu-item > .az-sub-menu > .az-menu-item > .az-menu-link', '.az-desktop .az-menu-wrapper .az-sub-menu > .az-menu-item > .az-sub-menu > .az-menu-item > .az-menu-link' ]; dropdown_menu_link = dropdown_menu_link.join(','); font_utility('.az-menu-element', 'Dropdown font styles', 'Normal', false, false, false, dropdown_menu_link); text_utility('.az-menu-element', 'Dropdown text styles', 'Normal', false, false, false, dropdown_menu_link); dropdown_menu_link = [ '.az-desktop .az-menu-wrapper .az-menu-root > .az-menu-item > .az-sub-menu > .az-menu-item:hover > .az-menu-link', '.az-desktop .az-menu-wrapper .az-sub-menu > .az-menu-item > .az-sub-menu > .az-menu-item:hover > .az-menu-link' ]; dropdown_menu_link = dropdown_menu_link.join(','); font_utility('.az-menu-element', 'Dropdown font styles', 'Hover', false, false, false, dropdown_menu_link); text_utility('.az-menu-element', 'Dropdown text styles', 'Hover', false, false, false, dropdown_menu_link); var dropdown_shadow = [ '.az-desktop .az-menu-wrapper .az-menu-root > .az-menu-item > .az-sub-menu', '.az-desktop .az-menu-wrapper .az-sub-menu > .az-menu-item > .az-sub-menu' ]; dropdown_shadow = dropdown_shadow.join(','); box_shadow_utility('.az-menu-element', 'Dropdown shadow', false, false, false, false, dropdown_shadow); var overlay_menu_link = [ '.az-mobile .az-menu-wrapper .az-menu-root .az-menu-item .az-menu-link' ]; overlay_menu_link = overlay_menu_link.join(','); font_utility('.az-menu-element', 'Overlay font styles', false, false, false, false, overlay_menu_link); text_utility('.az-menu-element', 'Overlay text styles', false, false, false, false, overlay_menu_link); } window.azh = $.extend({}, window.azh); window.azh.standard_elements_start_classes = $.extend({}, window.azh.standard_elements_start_classes); if (!('controls_options' in azh)) { azh.controls_options = []; } if (!('modal_options' in azh)) { azh.modal_options = []; } azh.controls_options = azh.controls_options.concat([ { "type": "integer-attribute", "menu": "utility", "control_text": "Limit", "control_class": "azh-shopify-limit", "control_type": "shopify-limit", "attribute": "data-shopify-limit", "selector": "[data-shopify-limit]", "min": "1", "max": "20", "step": "1" }, { "type": "integer-attribute", "menu": "utility", "control_text": "Excerpt words", "control_class": "azh-excerpt_words", "control_type": "excerpt_words", "attribute": "data-excerpt_words", "selector": "[data-excerpt_words]", "min": "1", "max": "100", "step": "1" }, { "type": "input-attribute", "menu": "utility", "attribute": "data-excerpt_ellipsis", "selector": "[data-excerpt_ellipsis]", "control_class": "azh-excerpt_ellipsis", "control_type": "excerpt_ellipsis", "control_text": "Excerpt ellipsis" }, { "type": "exists-class", "menu": "utility", "control_text": "Show side-cart", "control_class": "azh-toggle", "control_type": "cart-side", "selector": '#az-cart-side', "class": "open" }, ]); articles_utility(); products_utility(); collections_utility(); form_utility(); grid_utility(); social_sharing_utility(); paginated_utility(); page_title_utility(); menu_utility(); currency_selector(); $(function () { $.each(azh.controls_options, function () { if ('selector' in this && this.selector === '.az-isotope-items > .az-item') { this.selector = '.az-isotope-items:not(.az-liquid-container) > .az-item'; } if ('selector' in this && this.selector === '.az-hide') { this.not_selector = '.az-liquid-element .az-hide'; } if ('control_type' in this && this.control_type === 'pack') { this.not_selector = '.az-liquid-container [data-element]'; } if ('menu' in this && this.menu === 'context') { if ('not_selector' in this) { this.not_selector = this.not_selector + ', .az-liquid-element *'; } else { this.not_selector = '.az-liquid-element *'; } } if ('selector' in this && this.selector && this.selector.indexOf('form') === 0) { this.not_selector = '.az-liquid-element *'; } }); }); window.azh_get_options_strings = function () { var i18n = {}; for (var i = 0; i < azh.controls_options.length; i++) { var options = azh.controls_options[i]; i18n[options['control_text']] = true; i18n[options['description']] = true; i18n[options['group']] = true; i18n[options['subgroup']] = true; if (options['options'] && $.isPlainObject(options['options'])) { for (var key in options['options']) { i18n[options['options'][key]] = true; } } if (options['properties'] && $.isPlainObject(options['properties'])) { for (var key in options['properties']) { i18n[options['properties'][key]] = true; } } } for (var i = 0; i < azh.modal_options.length; i++) { var options = azh.modal_options[i]; i18n[options['button_text']] = true; i18n[options['title']] = true; i18n[options['desc']] = true; i18n[options['label']] = true; } var strings = []; for (var str in i18n) { str = str.replace(/'/g, "\\'"); strings.push("'" + str + "' => esc_html__('" + str + "', 'azh'),"); } return strings.join("\n"); }; $(window).on("azh-customizer-before-init", function (event, data) { if (azh.options_i18n) { for (var i = 0; i < azh.controls_options.length; i++) { var options = azh.controls_options[i]; if (options['control_text'] && azh.options_i18n[options['control_text']]) { options['control_text'] = azh.options_i18n[options['control_text']]; } if (options['description'] && azh.options_i18n[options['description']]) { options['description'] = azh.options_i18n[options['description']]; } if (options['group'] && azh.options_i18n[options['group']]) { options['group'] = azh.options_i18n[options['group']]; } if (options['subgroup'] && azh.options_i18n[options['subgroup']]) { options['subgroup'] = azh.options_i18n[options['subgroup']]; } if (options['options'] && $.isPlainObject(options['options'])) { for (var key in options['options']) { if (options['options'][key] && azh.options_i18n[options['options'][key]]) { options['options'][key] = azh.options_i18n[options['options'][key]]; } } } if (options['properties'] && $.isPlainObject(options['properties'])) { for (var key in options['properties']) { if (options['properties'][key] && azh.options_i18n[options['properties'][key]]) { options['properties'][key] = azh.options_i18n[options['properties'][key]]; } } } } for (var i = 0; i < azh.modal_options.length; i++) { var options = azh.modal_options[i]; if (options['button_text'] && azh.options_i18n[options['button_text']]) { options['button_text'] = azh.options_i18n[options['button_text']]; } if (options['title'] && azh.options_i18n[options['title']]) { options['title'] = azh.options_i18n[options['title']]; } if (options['desc'] && azh.options_i18n[options['desc']]) { options['desc'] = azh.options_i18n[options['desc']]; } if (options['label'] && azh.options_i18n[options['label']]) { options['label'] = azh.options_i18n[options['label']]; } } } }); })(window.jQuery);