jodit-pro 1.3.39 → 2.0.0-beta.10

package/es5/plugins/button-generator/button-generator.min.css

@@ -0,0 +1 @@
+.jodit-ui-button-generator{--jd-form-width:390px;padding:var(--jd-padding-default)}.jodit-ui-button-generator__generator{display:flex}@media (max-width:768px){.jodit-ui-button-generator__generator{flex-direction:column}}.jodit-ui-button-generator__form{width:var(--jd-form-width)}@media (max-width:480px){.jodit-ui-button-generator__form{width:100%}}.jodit-ui-button-generator__preview{flex:1;height:100%}.jodit-ui-preview-button-generator{background-color:#e6e6e6;margin-right:var(--jd-padding-default);padding:var(--jd-padding-default)}.jodit-ui-preview-button-generator__colors{display:flex;padding-top:var(--jd-padding-default)}.jodit-ui-preview-button-generator__colors>*{margin-right:var(--jd-padding-default)}.jodit-uig-button{height:300px}.jodit-uig-button_mode_library{background-color:#fff;border-color:#e1e1e1;border-style:solid;border-width:0 1px 2px;height:auto;margin:5px;padding:5px;width:150px}@media (max-width:480px){.jodit-uig-button_mode_library{width:calc(50% - 10px)}}.jodit-uig-button__wrapper{align-items:center;display:flex;height:100%;justify-content:center}.jodit-uig-button_mode_library .jodit-uig-button__wrapper{background-color:#f5f5f5;padding:15px 15px 13px;text-align:center;width:100%}.jodit-uig-button_mode_library .jodit-uig-button__button{display:block!important;font-size:15px!important;padding:9px 10px!important;width:100%}.jodit-uig-button:active .jodit-uig-button__button{position:relative;top:1px;transform:scale(.97)}.jodit-color-input{display:flex;flex-direction:column;margin-bottom:var(--jd-padding-default)}.jodit-color-input__input{appearance:none;background-color:var(--jd-color-white);border:0;border-radius:0;box-sizing:border-box;font-family:var(--jd-font-default);font-size:var(--jd-font-size-default);height:var(--jd-input-height);line-height:var(--jd-input-height);outline:none;padding:0 var(--jd-padding-default);width:100%}.jodit-color-input__input[disabled]{background-color:#f0f0f0;color:var(--jd-color-border)}.jodit-color-input__input_has-error_true{border-color:var(--jd-color-red)}.jodit-color-input__input:focus{outline:0}.jodit-color-input_theme_dark .jodit-color-input__input{background-color:var(--jd-color-gray)}.jodit-color-input_has-error_true .jodit-color-input__input{border-color:var(--jd-color-red)}.jodit-color-input__error,.jodit-color-input__label{color:var(--jd-color-label);display:block;font-size:.8em;margin-bottom:calc(var(--jd-padding-default)/4)}.jodit-color-input__error,.jodit-color-input_has-error_true .jodit-color-input__label{color:var(--jd-color-error)}.jodit-color-input__wrapper{align-items:center;background-color:var(--jd-color-white);border:1px solid var(--jd-color-border);display:flex;justify-content:stretch;min-width:200px}@media (max-width:480px){.jodit-color-input__wrapper{min-width:140px}}.jodit-color-input_theme_dark .jodit-color-input__wrapper{background-color:var(--jd-color-gray);border-color:var(--jd-color-border)}.jodit-color-input_focused_true .jodit-color-input__wrapper{border-color:var(--jd-color-border-selected)}.jodit-color-input__icon:not(:empty){align-items:center;display:flex;padding:0 var(--jd-padding-default)}.jodit-color-input__icon:not(:empty) svg{fill:var(--jd-color-border);height:16px;width:16px}.jodit-color-input__icon:not(:empty)+.jodit-color-input__input{padding-left:0}.jodit-color-input__clear{align-items:center;display:flex;opacity:.8;padding:0 var(--jd-padding-default) 0 0}.jodit-color-input__clear:active{opacity:1;transform:scale(1.1)}.jodit-color-input__clear svg{fill:var(--jd-color-border);height:12px;width:12px}.jodit-color-input_theme_dark .jodit-color-input__clear svg,.jodit-color-input_theme_dark .jodit-color-input__icon svg{fill:var(--jd-color-dark)}.jodit-color-input__trigger{background-color:var(--jd-color-panel);border:1px solid var(--jd-color-border);border-left:0;border-radius:0;box-sizing:content-box;height:calc(var(--jd-input-height) - 2px);width:var(--jd-input-height)}.jodit-color-input_slim_true .jodit-color-input__input,.jodit-color-input_slim_true .jodit-color-input__wrapper{color:transparent;height:24px;min-width:auto;width:24px}.jodit-color-input_slim_true .jodit-color-input__trigger,.jodit-color-input_trigger_false .jodit-color-input__trigger{display:none}.jodit-ui-form-button-generator{width:400px}@media (max-width:480px){.jodit-ui-form-button-generator{width:100%}}.jodit-ui-form-button-generator__row{display:flex}.jodit-ui-form-button-generator__col{padding-right:var(--jd-padding-default);width:calc(50% - var(--jd-padding-default)/2)}.jodit-ui-form-button-generator__col+.jodit-ui-form-button-generator__col{margin-left:var(--jd-padding-default)}.jodit-ui-form-button-generator__title{background:#f5f5f5;font-weight:700;margin-bottom:calc(var(--jd-padding-default)/2);padding:2px 4px}.jodit-ui-form-button-generator__group{margin-bottom:var(--jd-padding-default)}.jodit-ui-form-button-generator label,.jodit-ui-form-button-generator__title{align-items:center;display:flex;user-select:none}.jodit-ui-form-button-generator input[type=checkbox]{appearance:none;border:1px solid var(--jd-color-border);height:16px;width:16px}.jodit-ui-form-button-generator input[type=checkbox]:focus{outline:0}.jodit-ui-form-button-generator input[type=checkbox]:checked{background-color:var(--jd-color-background-selection);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.652 3.211a.747.747 0 0 0-1.061 0L9.41 14.34a.744.744 0 0 1-1.062 0L3.449 9.351a.743.743 0 0 0-1.062 0L.222 11.297a.751.751 0 0 0 .001 1.07l4.94 5.184c.292.296.771.776 1.062 1.07l2.124 2.141a.751.751 0 0 0 1.062 0l14.366-14.34a.762.762 0 0 0 0-1.071l-2.125-2.14z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100%}.jodit-ui-range{user-select:none}.jodit-ui-range__slider{background:#1e87f0;height:2px;margin:var(--jd-padding-default) 7px;position:relative;z-index:1}.jodit-ui-range__slider:after,.jodit-ui-range__slider:before{background:#1e87f0;content:"";height:2px;left:-6px;position:absolute;top:0;width:7px}.jodit-ui-range__slider:after{left:auto;right:-6px}.jodit-ui-range__handle{background:#28a5f5;border:1px solid #ccc;border-radius:50%;cursor:ew-resize;height:12px;position:absolute;top:-5px;transform:translateX(-50%);width:12px;z-index:2}.jodit-ui-range__handle:active{transform:translateX(-50%) scale(1.1)}.jodit-ui-range__label{color:var(--jd-color-label);display:flex;font-size:.8em;justify-content:space-between}.jodit-ui-range__log{color:#7f7272;font-weight:700}.jodit-ui-range_log_false .jodit-ui-range__log{display:none}

package/es5/plugins/button-generator/button-generator.min.js

@@ -0,0 +1,10 @@
+/*!
+ * jodit-pro - PRO Version of Jodit Editor
+ * Author: Chupurnov Valeriy <chupurnov@gmail.com>
+ * Version: v2.0.0-beta.10
+ * Url: https://xdsoft.net/jodit/pro/
+ * License(s): SEE LICENSE IN LICENSE.md
+ */
+
+
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var s=e();for(var r in s)("object"==typeof exports?exports:t)[r]=s[r]}}(self,(function(){return(self.webpackChunkjodit_pro=self.webpackChunkjodit_pro||[]).push([[881],{3334:function(t){t.exports='<svg stroke="black" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> <style type="text/css"> .st0{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} </style> <path class="st0" d="M29,23H3c-1.1,0-2-0.9-2-2V11c0-1.1,0.9-2,2-2h26c1.1,0,2,0.9,2,2v10C31,22.1,30.1,23,29,23z"/> <path class="st0" d="M13,19L13,19c-1.1,0-2-0.9-2-2v-2c0-1.1,0.9-2,2-2h0c1.1,0,2,0.9,2,2v2C15,18.1,14.1,19,13,19z"/> <line class="st0" x1="18" x2="18" y1="13" y2="19"/> <line class="st0" x1="21" x2="18" y1="13" y2="17"/> <line class="st0" x1="21" x2="19" y1="19" y2="16"/> </svg>'},28803:function(t){"use strict";"undefined"!=typeof self&&self,t.exports=function(t){var e={};function s(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,s),o.l=!0,o.exports}return s.m=t,s.c=e,s.d=function(t,e,r){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},s.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(s.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)s.d(r,o,function(e){return t[e]}.bind(null,o));return r},s.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="",s(s.s=1)}([function(t,e,s){var r=s(3);function o(t){return!0===r(t)&&"[object Object]"===Object.prototype.toString.call(t)}t.exports=function(t){var e,s;return!1!==o(t)&&"function"==typeof(e=t.constructor)&&!1!==o(s=e.prototype)&&!1!==s.hasOwnProperty("isPrototypeOf")}},function(t,e,s){Object.defineProperty(e,"__esModule",{value:!0}),e.VERSION=e.PALETTE_MATERIAL_CHROME=e.PALETTE_MATERIAL_500=e.COLOR_NAMES=e.getLuminance=e.intToRgb=e.rgbToInt=e.rgbToHsv=e.rgbToHsl=e.hslToRgb=e.rgbToHex=e.parseColor=e.parseColorToHsla=e.parseColorToHsl=e.parseColorToRgba=e.parseColorToRgb=e.from=e.createPicker=void 0;var r=function(){function t(t,e){for(var s=0;e.length>s;s++){var r=e[s];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,s,r){return s&&t(e.prototype,s),r&&t(e,r),e}}(),o=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var s=[],r=!0,o=!1,i=void 0;try{for(var a,n=t[Symbol.iterator]();!(r=(a=n.next()).done)&&(s.push(a.value),!e||s.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{!r&&n.return&&n.return()}finally{if(o)throw i}}return s}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")},i=s(2),a=l(s(0)),n=l(s(4));function l(t){return t&&t.__esModule?t:{default:t}}function p(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function c(t){if(Array.isArray(t)){for(var e=0,s=Array(t.length);t.length>e;e++)s[e]=t[e];return s}return Array.from(t)}var u="undefined"!=typeof window&&window.navigator.userAgent.indexOf("Edge")>-1,f="undefined"!=typeof window&&window.navigator.userAgent.indexOf("rv:")>-1,b={id:null,attachTo:"body",showHSL:!0,showRGB:!0,showHEX:!0,showAlpha:!1,color:"#ff0000",palette:null,paletteEditable:!1,useAlphaInPalette:"auto",slBarSize:[232,150],hueBarSize:[150,11],alphaBarSize:[150,11]},h="COLOR",d="RGBA_USER",x="HSLA_USER";function g(t,e,s){return t?t instanceof HTMLElement?t:t instanceof NodeList?t[0]:"string"==typeof t?document.querySelector(t):t.jquery?t.get(0):s?e:null:e}function v(t){var e=t.getContext("2d"),s=+t.width,r=+t.height,a=e.createLinearGradient(1,1,1,r-1);return a.addColorStop(0,"white"),a.addColorStop(1,"black"),{setHue:function(t){var o=e.createLinearGradient(1,0,s-1,0);o.addColorStop(0,"hsla("+t+", 100%, 50%, 0)"),o.addColorStop(1,"hsla("+t+", 100%, 50%, 1)"),e.fillStyle=a,e.fillRect(0,0,s,r),e.fillStyle=o,e.globalCompositeOperation="multiply",e.fillRect(0,0,s,r),e.globalCompositeOperation="source-over"},grabColor:function(t,s){return e.getImageData(t,s,1,1).data},findColor:function(t,e,a){var n=(0,i.rgbToHsv)(t,e,a),l=o(n,3);return[l[1]*s,r-l[2]*r]}}}function y(t,e,s){return null===t?e:/^\s*$/.test(t)?s:!!/true|yes|1/i.test(t)||!/false|no|0/i.test(t)&&e}function m(t,e,s){if(null===t)return e;if(/^\s*$/.test(t))return s;var r=t.split(",").map(Number);return 2===r.length&&r[0]&&r[1]?r:e}var w=function(){function t(e,s){if(p(this,t),s?(e=g(e),this.options=Object.assign({},b,s)):e&&(0,a.default)(e)?(this.options=Object.assign({},b,e),e=g(this.options.attachTo)):(this.options=Object.assign({},b),e=g((0,i.nvl)(e,this.options.attachTo))),!e)throw new Error("Container not found: "+this.options.attachTo);!function(t,e){var s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"acp-";if(e.hasAttribute(s+"show-hsl")&&(t.showHSL=y(e.getAttribute(s+"show-hsl"),b.showHSL,!0)),e.hasAttribute(s+"show-rgb")&&(t.showRGB=y(e.getAttribute(s+"show-rgb"),b.showRGB,!0)),e.hasAttribute(s+"show-hex")&&(t.showHEX=y(e.getAttribute(s+"show-hex"),b.showHEX,!0)),e.hasAttribute(s+"show-alpha")&&(t.showAlpha=y(e.getAttribute(s+"show-alpha"),b.showAlpha,!0)),e.hasAttribute(s+"palette-editable")&&(t.paletteEditable=y(e.getAttribute(s+"palette-editable"),b.paletteEditable,!0)),e.hasAttribute(s+"sl-bar-size")&&(t.slBarSize=m(e.getAttribute(s+"sl-bar-size"),b.slBarSize,[232,150])),e.hasAttribute(s+"hue-bar-size")&&(t.hueBarSize=m(e.getAttribute(s+"hue-bar-size"),b.hueBarSize,[150,11]),t.alphaBarSize=t.hueBarSize),e.hasAttribute(s+"palette")){var r=e.getAttribute(s+"palette");switch(r){case"PALETTE_MATERIAL_500":t.palette=i.PALETTE_MATERIAL_500;break;case"PALETTE_MATERIAL_CHROME":case"":t.palette=i.PALETTE_MATERIAL_CHROME;break;default:t.palette=r.split(/[;|]/)}}e.hasAttribute(s+"color")&&(t.color=e.getAttribute(s+"color"))}(this.options,e),this.H=0,this.S=0,this.L=0,this.R=0,this.G=0,this.B=0,this.A=1,this.palette={},this.element=document.createElement("div"),this.options.id&&(this.element.id=this.options.id),this.element.className="a-color-picker",this.element.innerHTML=n.default,e.appendChild(this.element);var r=this.element.querySelector(".a-color-picker-h");this.setupHueCanvas(r),this.hueBarHelper=v(r),this.huePointer=this.element.querySelector(".a-color-picker-h+.a-color-picker-dot");var o=this.element.querySelector(".a-color-picker-sl");this.setupSlCanvas(o),this.slBarHelper=v(o),this.slPointer=this.element.querySelector(".a-color-picker-sl+.a-color-picker-dot"),this.preview=this.element.querySelector(".a-color-picker-preview"),this.setupClipboard(this.preview.querySelector(".a-color-picker-clipbaord")),this.options.showHSL?(this.setupInput(this.inputH=this.element.querySelector(".a-color-picker-hsl>input[nameref=H]")),this.setupInput(this.inputS=this.element.querySelector(".a-color-picker-hsl>input[nameref=S]")),this.setupInput(this.inputL=this.element.querySelector(".a-color-picker-hsl>input[nameref=L]"))):this.element.querySelector(".a-color-picker-hsl").remove(),this.options.showRGB?(this.setupInput(this.inputR=this.element.querySelector(".a-color-picker-rgb>input[nameref=R]")),this.setupInput(this.inputG=this.element.querySelector(".a-color-picker-rgb>input[nameref=G]")),this.setupInput(this.inputB=this.element.querySelector(".a-color-picker-rgb>input[nameref=B]"))):this.element.querySelector(".a-color-picker-rgb").remove(),this.options.showHEX?this.setupInput(this.inputRGBHEX=this.element.querySelector("input[nameref=RGBHEX]")):this.element.querySelector(".a-color-picker-rgbhex").remove(),this.options.paletteEditable||this.options.palette&&this.options.palette.length>0?this.setPalette(this.paletteRow=this.element.querySelector(".a-color-picker-palette")):(this.paletteRow=this.element.querySelector(".a-color-picker-palette"),this.paletteRow.remove()),this.options.showAlpha?(this.setupAlphaCanvas(this.element.querySelector(".a-color-picker-a")),this.alphaPointer=this.element.querySelector(".a-color-picker-a+.a-color-picker-dot")):this.element.querySelector(".a-color-picker-alpha").remove(),this.element.style.width=this.options.slBarSize[0]+"px",this.onValueChanged(h,this.options.color)}return r(t,[{key:"setupHueCanvas",value:function(t){var e=this;t.width=this.options.hueBarSize[0],t.height=this.options.hueBarSize[1];for(var s=t.getContext("2d"),r=s.createLinearGradient(0,0,this.options.hueBarSize[0],0),o=0;1>=o;o+=1/360)r.addColorStop(o,"hsl("+360*o+", 100%, 50%)");s.fillStyle=r,s.fillRect(0,0,this.options.hueBarSize[0],this.options.hueBarSize[1]);var a=function(s){var r=(0,i.limit)(s.clientX-t.getBoundingClientRect().left,0,e.options.hueBarSize[0]),o=Math.round(360*r/e.options.hueBarSize[0]);e.huePointer.style.left=r-7+"px",e.onValueChanged("H",o)},n=function t(){document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",t)};t.addEventListener("mousedown",(function(t){a(t),document.addEventListener("mousemove",a),document.addEventListener("mouseup",n)}))}},{key:"setupSlCanvas",value:function(t){var e=this;t.width=this.options.slBarSize[0],t.height=this.options.slBarSize[1];var s=function(s){var r=(0,i.limit)(s.clientX-t.getBoundingClientRect().left,0,e.options.slBarSize[0]-1),o=(0,i.limit)(s.clientY-t.getBoundingClientRect().top,0,e.options.slBarSize[1]-1),a=e.slBarHelper.grabColor(r,o);e.slPointer.style.left=r-7+"px",e.slPointer.style.top=o-7+"px",e.onValueChanged("RGB",a)},r=function t(){document.removeEventListener("mousemove",s),document.removeEventListener("mouseup",t)};t.addEventListener("mousedown",(function(t){s(t),document.addEventListener("mousemove",s),document.addEventListener("mouseup",r)}))}},{key:"setupAlphaCanvas",value:function(t){var e=this;t.width=this.options.alphaBarSize[0],t.height=this.options.alphaBarSize[1];var s=t.getContext("2d"),r=s.createLinearGradient(0,0,t.width-1,0);r.addColorStop(0,"hsla(0, 0%, 50%, 0)"),r.addColorStop(1,"hsla(0, 0%, 50%, 1)"),s.fillStyle=r,s.fillRect(0,0,this.options.alphaBarSize[0],this.options.alphaBarSize[1]);var o=function(s){var r=(0,i.limit)(s.clientX-t.getBoundingClientRect().left,0,e.options.alphaBarSize[0]),o=+(r/e.options.alphaBarSize[0]).toFixed(2);e.alphaPointer.style.left=r-7+"px",e.onValueChanged("ALPHA",o)},a=function t(){document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",t)};t.addEventListener("mousedown",(function(t){o(t),document.addEventListener("mousemove",o),document.addEventListener("mouseup",a)}))}},{key:"setupInput",value:function(t){var e=this,s=+t.min,r=+t.max,o=t.getAttribute("nameref");t.hasAttribute("select-on-focus")&&t.addEventListener("focus",(function(){t.select()})),"text"===t.type?t.addEventListener("change",(function(){e.onValueChanged(o,t.value)})):((u||f)&&t.addEventListener("keydown",(function(a){"Up"===a.key?(t.value=(0,i.limit)(+t.value+1,s,r),e.onValueChanged(o,t.value),a.returnValue=!1):"Down"===a.key&&(t.value=(0,i.limit)(+t.value-1,s,r),e.onValueChanged(o,t.value),a.returnValue=!1)})),t.addEventListener("change",(function(){e.onValueChanged(o,(0,i.limit)(+t.value,s,r))})))}},{key:"setupClipboard",value:function(t){var e=this;t.title="click to copy",t.addEventListener("click",(function(){t.value=(0,i.parseColor)([e.R,e.G,e.B,e.A],"hexcss4"),t.select(),document.execCommand("copy")}))}},{key:"setPalette",value:function(t){var e=this,s="auto"===this.options.useAlphaInPalette?this.options.showAlpha:this.options.useAlphaInPalette,r=null;switch(this.options.palette){case"PALETTE_MATERIAL_500":r=i.PALETTE_MATERIAL_500;break;case"PALETTE_MATERIAL_CHROME":r=i.PALETTE_MATERIAL_CHROME;break;default:r=(0,i.ensureArray)(this.options.palette)}if(this.options.paletteEditable||r.length>0){var o=function(s,r,o){var i=t.querySelector('.a-color-picker-palette-color[data-color="'+s+'"]')||document.createElement("div");i.className="a-color-picker-palette-color",i.style.backgroundColor=s,i.setAttribute("data-color",s),i.title=s,t.insertBefore(i,r),e.palette[s]=!0,o&&e.onPaletteColorAdd(s)},a=function(s,r){s?(t.removeChild(s),e.palette[s.getAttribute("data-color")]=!1,r&&e.onPaletteColorRemove(s.getAttribute("data-color"))):(t.querySelectorAll(".a-color-picker-palette-color[data-color]").forEach((function(e){t.removeChild(e)})),Object.keys(e.palette).forEach((function(t){e.palette[t]=!1})),r&&e.onPaletteColorRemove())};if(r.map((function(t){return(0,i.parseColor)(t,s?"rgbcss4":"hex")})).filter((function(t){return!!t})).forEach((function(t){return o(t)})),this.options.paletteEditable){var n=document.createElement("div");n.className="a-color-picker-palette-color a-color-picker-palette-add",n.innerHTML="+",t.appendChild(n),t.addEventListener("click",(function(t){/a-color-picker-palette-add/.test(t.target.className)?t.shiftKey?a(null,!0):o(s?(0,i.parseColor)([e.R,e.G,e.B,e.A],"rgbcss4"):(0,i.rgbToHex)(e.R,e.G,e.B),t.target,!0):/a-color-picker-palette-color/.test(t.target.className)&&(t.shiftKey?a(t.target,!0):e.onValueChanged(h,t.target.getAttribute("data-color")))}))}else t.addEventListener("click",(function(t){/a-color-picker-palette-color/.test(t.target.className)&&e.onValueChanged(h,t.target.getAttribute("data-color"))}))}else t.style.display="none"}},{key:"updatePalette",value:function(t){this.paletteRow.innerHTML="",this.palette={},this.paletteRow.parentElement||this.element.appendChild(this.paletteRow),this.options.palette=t,this.setPalette(this.paletteRow)}},{key:"onValueChanged",value:function(t,e){var s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{silent:!1};switch(t){case"H":this.H=e;var r=(0,i.hslToRgb)(this.H,this.S,this.L),a=o(r,3);this.R=a[0],this.G=a[1],this.B=a[2],this.slBarHelper.setHue(e),this.updatePointerH(this.H),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGB(this.R,this.G,this.B),this.updateInputRGBHEX(this.R,this.G,this.B);break;case"S":this.S=e;var n=(0,i.hslToRgb)(this.H,this.S,this.L),l=o(n,3);this.R=l[0],this.G=l[1],this.B=l[2],this.updatePointerSL(this.H,this.S,this.L),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGB(this.R,this.G,this.B),this.updateInputRGBHEX(this.R,this.G,this.B);break;case"L":this.L=e;var p=(0,i.hslToRgb)(this.H,this.S,this.L),c=o(p,3);this.R=c[0],this.G=c[1],this.B=c[2],this.updatePointerSL(this.H,this.S,this.L),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGB(this.R,this.G,this.B),this.updateInputRGBHEX(this.R,this.G,this.B);break;case"R":this.R=e;var u=(0,i.rgbToHsl)(this.R,this.G,this.B),f=o(u,3);this.H=f[0],this.S=f[1],this.L=f[2],this.slBarHelper.setHue(this.H),this.updatePointerH(this.H),this.updatePointerSL(this.H,this.S,this.L),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGBHEX(this.R,this.G,this.B);break;case"G":this.G=e;var b=(0,i.rgbToHsl)(this.R,this.G,this.B),g=o(b,3);this.H=g[0],this.S=g[1],this.L=g[2],this.slBarHelper.setHue(this.H),this.updatePointerH(this.H),this.updatePointerSL(this.H,this.S,this.L),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGBHEX(this.R,this.G,this.B);break;case"B":this.B=e;var v=(0,i.rgbToHsl)(this.R,this.G,this.B),y=o(v,3);this.H=y[0],this.S=y[1],this.L=y[2],this.slBarHelper.setHue(this.H),this.updatePointerH(this.H),this.updatePointerSL(this.H,this.S,this.L),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGBHEX(this.R,this.G,this.B);break;case"RGB":var m=o(e,3);this.R=m[0],this.G=m[1],this.B=m[2];var w=(0,i.rgbToHsl)(this.R,this.G,this.B),S=o(w,3);this.H=S[0],this.S=S[1],this.L=S[2],this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGB(this.R,this.G,this.B),this.updateInputRGBHEX(this.R,this.G,this.B);break;case d:var A=o(e,4);this.R=A[0],this.G=A[1],this.B=A[2],this.A=A[3];var k=(0,i.rgbToHsl)(this.R,this.G,this.B),E=o(k,3);this.H=E[0],this.S=E[1],this.L=E[2],this.slBarHelper.setHue(this.H),this.updatePointerH(this.H),this.updatePointerSL(this.H,this.S,this.L),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGB(this.R,this.G,this.B),this.updateInputRGBHEX(this.R,this.G,this.B),this.updatePointerA(this.A);break;case x:var C=o(e,4);this.H=C[0],this.S=C[1],this.L=C[2],this.A=C[3];var F=(0,i.hslToRgb)(this.H,this.S,this.L),B=o(F,3);this.R=B[0],this.G=B[1],this.B=B[2],this.slBarHelper.setHue(this.H),this.updatePointerH(this.H),this.updatePointerSL(this.H,this.S,this.L),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGB(this.R,this.G,this.B),this.updateInputRGBHEX(this.R,this.G,this.B),this.updatePointerA(this.A);break;case"RGBHEX":var R=(0,i.cssColorToRgb)(e)||[this.R,this.G,this.B],H=o(R,3);this.R=H[0],this.G=H[1],this.B=H[2];var T=(0,i.rgbToHsl)(this.R,this.G,this.B),L=o(T,3);this.H=L[0],this.S=L[1],this.L=L[2],this.slBarHelper.setHue(this.H),this.updatePointerH(this.H),this.updatePointerSL(this.H,this.S,this.L),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGB(this.R,this.G,this.B);break;case h:var _=(0,i.parseColor)(e,"rgba")||[0,0,0,1],I=o(_,4);this.R=I[0],this.G=I[1],this.B=I[2],this.A=I[3];var G=(0,i.rgbToHsl)(this.R,this.G,this.B),D=o(G,3);this.H=D[0],this.S=D[1],this.L=D[2],this.slBarHelper.setHue(this.H),this.updatePointerH(this.H),this.updatePointerSL(this.H,this.S,this.L),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGB(this.R,this.G,this.B),this.updateInputRGBHEX(this.R,this.G,this.B),this.updatePointerA(this.A);break;case"ALPHA":this.A=e}this.preview.style.backgroundColor=1===this.A?"rgb("+this.R+","+this.G+","+this.B+")":"rgba("+this.R+","+this.G+","+this.B+","+this.A+")",s&&s.silent||this.onchange&&this.onchange(this.preview.style.backgroundColor)}},{key:"onPaletteColorAdd",value:function(t){this.oncoloradd&&this.oncoloradd(t)}},{key:"onPaletteColorRemove",value:function(t){this.oncolorremove&&this.oncolorremove(t)}},{key:"updateInputHSL",value:function(t,e,s){this.options.showHSL&&(this.inputH.value=t,this.inputS.value=e,this.inputL.value=s)}},{key:"updateInputRGB",value:function(t,e,s){this.options.showRGB&&(this.inputR.value=t,this.inputG.value=e,this.inputB.value=s)}},{key:"updateInputRGBHEX",value:function(t,e,s){this.options.showHEX&&(this.inputRGBHEX.value=(0,i.rgbToHex)(t,e,s))}},{key:"updatePointerH",value:function(t){this.huePointer.style.left=this.options.hueBarSize[0]*t/360-7+"px"}},{key:"updatePointerSL",value:function(t,e,s){var r=(0,i.hslToRgb)(t,e,s),a=o(r,3),n=this.slBarHelper.findColor(a[0],a[1],a[2]),l=o(n,2),p=l[0],c=l[1];p>=0&&(this.slPointer.style.left=p-7+"px",this.slPointer.style.top=c-7+"px")}},{key:"updatePointerA",value:function(t){this.options.showAlpha&&(this.alphaPointer.style.left=this.options.alphaBarSize[0]*t-7+"px")}}]),t}(),S=function(){function t(e){p(this,t),this.name=e,this.listeners=[]}return r(t,[{key:"on",value:function(t){t&&this.listeners.push(t)}},{key:"off",value:function(t){this.listeners=t?this.listeners.filter((function(e){return e!==t})):[]}},{key:"emit",value:function(t,e){for(var s=this.listeners.slice(0),r=0;s.length>r;r++)s[r].apply(e,t)}}]),t}();function A(t,e){var s=new w(t,e),r={change:new S("change"),coloradd:new S("coloradd"),colorremove:new S("colorremove")},a=!0,n={},l={get element(){return s.element},get rgb(){return[s.R,s.G,s.B]},set rgb(t){var e=o(t,3),r=e[0],a=e[1],n=e[2],l=[(0,i.limit)(r,0,255),(0,i.limit)(a,0,255),(0,i.limit)(n,0,255)];s.onValueChanged(d,[r=l[0],a=l[1],n=l[2],1])},get hsl(){return[s.H,s.S,s.L]},set hsl(t){var e=o(t,3),r=e[0],a=e[1],n=e[2],l=[(0,i.limit)(r,0,360),(0,i.limit)(a,0,100),(0,i.limit)(n,0,100)];s.onValueChanged(x,[r=l[0],a=l[1],n=l[2],1])},get rgbhex(){return this.all.hex},get rgba(){return[s.R,s.G,s.B,s.A]},set rgba(t){var e=o(t,4),r=e[0],a=e[1],n=e[2],l=e[3],p=[(0,i.limit)(r,0,255),(0,i.limit)(a,0,255),(0,i.limit)(n,0,255),(0,i.limit)(l,0,1)];s.onValueChanged(d,[r=p[0],a=p[1],n=p[2],l=p[3]])},get hsla(){return[s.H,s.S,s.L,s.A]},set hsla(t){var e=o(t,4),r=e[0],a=e[1],n=e[2],l=e[3],p=[(0,i.limit)(r,0,360),(0,i.limit)(a,0,100),(0,i.limit)(n,0,100),(0,i.limit)(l,0,1)];s.onValueChanged(x,[r=p[0],a=p[1],n=p[2],l=p[3]])},get color(){return this.all.toString()},set color(t){s.onValueChanged(h,t)},setColor:function(t){s.onValueChanged(h,t,{silent:arguments.length>1&&void 0!==arguments[1]&&arguments[1]})},get all(){if(a){var t=[s.R,s.G,s.B,s.A],e=1>s.A?"rgba("+s.R+","+s.G+","+s.B+","+s.A+")":i.rgbToHex.apply(void 0,t);(n=(0,i.parseColor)(t,n)).toString=function(){return e},a=!1}return Object.assign({},n)},get onchange(){return r.change&&r.change.listeners[0]},set onchange(t){this.off("change").on("change",t)},get oncoloradd(){return r.coloradd&&r.coloradd.listeners[0]},set oncoloradd(t){this.off("coloradd").on("coloradd",t)},get oncolorremove(){return r.colorremove&&r.colorremove.listeners[0]},set oncolorremove(t){this.off("colorremove").on("colorremove",t)},get palette(){return Object.keys(s.palette).filter((function(t){return s.palette[t]}))},set palette(t){s.updatePalette(t)},show:function(){s.element.classList.remove("hidden")},hide:function(){s.element.classList.add("hidden")},toggle:function(){s.element.classList.toggle("hidden")},on:function(t,e){return t&&r[t]&&r[t].on(e),this},off:function(t,e){return t&&r[t]&&r[t].off(e),this},destroy:function(){r.change.off(),r.coloradd.off(),r.colorremove.off(),s.element.remove(),r=null,s=null}};return s.onchange=function(){for(var t=arguments.length,e=Array(t),s=0;t>s;s++)e[s]=arguments[s];a=!0,r.change.emit([l].concat(e),l)},s.oncoloradd=function(){for(var t=arguments.length,e=Array(t),s=0;t>s;s++)e[s]=arguments[s];r.coloradd.emit([l].concat(e),l)},s.oncolorremove=function(){for(var t=arguments.length,e=Array(t),s=0;t>s;s++)e[s]=arguments[s];r.colorremove.emit([l].concat(e),l)},s.element.ctrl=l,l}if("undefined"!=typeof window&&!document.querySelector('head>style[data-source="a-color-picker"]')){var k=s(5).toString(),E=document.createElement("style");E.setAttribute("type","text/css"),E.setAttribute("data-source","a-color-picker"),E.innerHTML=k,document.querySelector("head").appendChild(E)}e.createPicker=A,e.from=function(t,e){var s=function(t){return t?Array.isArray(t)?t:t instanceof HTMLElement?[t]:t instanceof NodeList?[].concat(c(t)):"string"==typeof t?[].concat(c(document.querySelectorAll(t))):t.jquery?t.get():[]:[]}(t).map((function(t,s){var r=A(t,e);return r.index=s,r}));return s.on=function(t,e){return s.forEach((function(s){return s.on(t,e)})),this},s.off=function(t){return s.forEach((function(e){return e.off(t)})),this},s},e.parseColorToRgb=i.parseColorToRgb,e.parseColorToRgba=i.parseColorToRgba,e.parseColorToHsl=i.parseColorToHsl,e.parseColorToHsla=i.parseColorToHsla,e.parseColor=i.parseColor,e.rgbToHex=i.rgbToHex,e.hslToRgb=i.hslToRgb,e.rgbToHsl=i.rgbToHsl,e.rgbToHsv=i.rgbToHsv,e.rgbToInt=i.rgbToInt,e.intToRgb=i.intToRgb,e.getLuminance=i.getLuminance,e.COLOR_NAMES=i.COLOR_NAMES,e.PALETTE_MATERIAL_500=i.PALETTE_MATERIAL_500,e.PALETTE_MATERIAL_CHROME=i.PALETTE_MATERIAL_CHROME,e.VERSION="1.2.1"},function(t,e,s){Object.defineProperty(e,"__esModule",{value:!0}),e.nvl=e.ensureArray=e.limit=e.getLuminance=e.parseColor=e.parseColorToHsla=e.parseColorToHsl=e.cssHslaToHsla=e.cssHslToHsl=e.parseColorToRgba=e.parseColorToRgb=e.cssRgbaToRgba=e.cssRgbToRgb=e.cssColorToRgba=e.cssColorToRgb=e.intToRgb=e.rgbToInt=e.rgbToHsv=e.rgbToHsl=e.hslToRgb=e.rgbToHex=e.PALETTE_MATERIAL_CHROME=e.PALETTE_MATERIAL_500=e.COLOR_NAMES=void 0;var r=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var s=[],r=!0,o=!1,i=void 0;try{for(var a,n=t[Symbol.iterator]();!(r=(a=n.next()).done)&&(s.push(a.value),!e||s.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{!r&&n.return&&n.return()}finally{if(o)throw i}}return s}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")},o=function(t){return t&&t.__esModule?t:{default:t}}(s(0));function i(t){if(Array.isArray(t)){for(var e=0,s=Array(t.length);t.length>e;e++)s[e]=t[e];return s}return Array.from(t)}var a={aliceblue:"#F0F8FF",antiquewhite:"#FAEBD7",aqua:"#00FFFF",aquamarine:"#7FFFD4",azure:"#F0FFFF",beige:"#F5F5DC",bisque:"#FFE4C4",black:"#000000",blanchedalmond:"#FFEBCD",blue:"#0000FF",blueviolet:"#8A2BE2",brown:"#A52A2A",burlywood:"#DEB887",cadetblue:"#5F9EA0",chartreuse:"#7FFF00",chocolate:"#D2691E",coral:"#FF7F50",cornflowerblue:"#6495ED",cornsilk:"#FFF8DC",crimson:"#DC143C",cyan:"#00FFFF",darkblue:"#00008B",darkcyan:"#008B8B",darkgoldenrod:"#B8860B",darkgray:"#A9A9A9",darkgrey:"#A9A9A9",darkgreen:"#006400",darkkhaki:"#BDB76B",darkmagenta:"#8B008B",darkolivegreen:"#556B2F",darkorange:"#FF8C00",darkorchid:"#9932CC",darkred:"#8B0000",darksalmon:"#E9967A",darkseagreen:"#8FBC8F",darkslateblue:"#483D8B",darkslategray:"#2F4F4F",darkslategrey:"#2F4F4F",darkturquoise:"#00CED1",darkviolet:"#9400D3",deeppink:"#FF1493",deepskyblue:"#00BFFF",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1E90FF",firebrick:"#B22222",floralwhite:"#FFFAF0",forestgreen:"#228B22",fuchsia:"#FF00FF",gainsboro:"#DCDCDC",ghostwhite:"#F8F8FF",gold:"#FFD700",goldenrod:"#DAA520",gray:"#808080",grey:"#808080",green:"#008000",greenyellow:"#ADFF2F",honeydew:"#F0FFF0",hotpink:"#FF69B4","indianred ":"#CD5C5C","indigo ":"#4B0082",ivory:"#FFFFF0",khaki:"#F0E68C",lavender:"#E6E6FA",lavenderblush:"#FFF0F5",lawngreen:"#7CFC00",lemonchiffon:"#FFFACD",lightblue:"#ADD8E6",lightcoral:"#F08080",lightcyan:"#E0FFFF",lightgoldenrodyellow:"#FAFAD2",lightgray:"#D3D3D3",lightgrey:"#D3D3D3",lightgreen:"#90EE90",lightpink:"#FFB6C1",lightsalmon:"#FFA07A",lightseagreen:"#20B2AA",lightskyblue:"#87CEFA",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#B0C4DE",lightyellow:"#FFFFE0",lime:"#00FF00",limegreen:"#32CD32",linen:"#FAF0E6",magenta:"#FF00FF",maroon:"#800000",mediumaquamarine:"#66CDAA",mediumblue:"#0000CD",mediumorchid:"#BA55D3",mediumpurple:"#9370DB",mediumseagreen:"#3CB371",mediumslateblue:"#7B68EE",mediumspringgreen:"#00FA9A",mediumturquoise:"#48D1CC",mediumvioletred:"#C71585",midnightblue:"#191970",mintcream:"#F5FFFA",mistyrose:"#FFE4E1",moccasin:"#FFE4B5",navajowhite:"#FFDEAD",navy:"#000080",oldlace:"#FDF5E6",olive:"#808000",olivedrab:"#6B8E23",orange:"#FFA500",orangered:"#FF4500",orchid:"#DA70D6",palegoldenrod:"#EEE8AA",palegreen:"#98FB98",paleturquoise:"#AFEEEE",palevioletred:"#DB7093",papayawhip:"#FFEFD5",peachpuff:"#FFDAB9",peru:"#CD853F",pink:"#FFC0CB",plum:"#DDA0DD",powderblue:"#B0E0E6",purple:"#800080",rebeccapurple:"#663399",red:"#FF0000",rosybrown:"#BC8F8F",royalblue:"#4169E1",saddlebrown:"#8B4513",salmon:"#FA8072",sandybrown:"#F4A460",seagreen:"#2E8B57",seashell:"#FFF5EE",sienna:"#A0522D",silver:"#C0C0C0",skyblue:"#87CEEB",slateblue:"#6A5ACD",slategray:"#708090",slategrey:"#708090",snow:"#FFFAFA",springgreen:"#00FF7F",steelblue:"#4682B4",tan:"#D2B48C",teal:"#008080",thistle:"#D8BFD8",tomato:"#FF6347",turquoise:"#40E0D0",violet:"#EE82EE",wheat:"#F5DEB3",white:"#FFFFFF",whitesmoke:"#F5F5F5",yellow:"#FFFF00",yellowgreen:"#9ACD32"};function n(t,e,s){return t=+t,isNaN(t)||e>t?e:t>s?s:t}function l(t,e){return null==t?e:t}function p(t,e,s){var r=[n(t,0,255),n(e,0,255),n(s,0,255)];return"#"+("000000"+((t=r[0])<<16|(e=r[1])<<8|(s=r[2])).toString(16)).slice(-6)}function c(t,e,s){var r=void 0,o=void 0,i=void 0,a=[n(t,0,360)/360,n(e,0,100)/100,n(s,0,100)/100];if(t=a[0],s=a[2],0==(e=a[1]))r=o=i=s;else{var l=function(t,e,s){return 0>s&&(s+=1),s>1&&(s-=1),1/6>s?t+6*(e-t)*s:.5>s?e:2/3>s?t+(e-t)*(2/3-s)*6:t},p=.5>s?s*(1+e):s+e-s*e,c=2*s-p;r=l(c,p,t+1/3),o=l(c,p,t),i=l(c,p,t-1/3)}return[255*r,255*o,255*i].map(Math.round)}function u(t,e,s){var r=[n(t,0,255)/255,n(e,0,255)/255,n(s,0,255)/255];t=r[0],e=r[1],s=r[2];var o=Math.max(t,e,s),i=Math.min(t,e,s),a=void 0,l=void 0,p=(o+i)/2;if(o==i)a=l=0;else{var c=o-i;switch(l=p>.5?c/(2-o-i):c/(o+i),o){case t:a=(e-s)/c+(s>e?6:0);break;case e:a=(s-t)/c+2;break;case s:a=(t-e)/c+4}a/=6}return[360*a,100*l,100*p].map(Math.round)}function f(t,e,s){return t<<16|e<<8|s}function b(t){if(t){var e=a[t.toString().toLowerCase()],s=/^\s*#?((([0-9A-F])([0-9A-F])([0-9A-F]))|(([0-9A-F]{2})([0-9A-F]{2})([0-9A-F]{2})))\s*$/i.exec(e||t)||[],o=r(s,10),i=o[3],n=o[4],l=o[5],p=o[7],c=o[8],u=o[9];if(void 0!==i)return[parseInt(i+i,16),parseInt(n+n,16),parseInt(l+l,16)];if(void 0!==p)return[parseInt(p,16),parseInt(c,16),parseInt(u,16)]}}function h(t){if(t){var e=a[t.toString().toLowerCase()],s=/^\s*#?((([0-9A-F])([0-9A-F])([0-9A-F])([0-9A-F])?)|(([0-9A-F]{2})([0-9A-F]{2})([0-9A-F]{2})([0-9A-F]{2})?))\s*$/i.exec(e||t)||[],o=r(s,12),i=o[3],n=o[4],l=o[5],p=o[6],c=o[8],u=o[9],f=o[10],b=o[11];if(void 0!==i)return[parseInt(i+i,16),parseInt(n+n,16),parseInt(l+l,16),p?+(parseInt(p+p,16)/255).toFixed(2):1];if(void 0!==c)return[parseInt(c,16),parseInt(u,16),parseInt(f,16),b?+(parseInt(b,16)/255).toFixed(2):1]}}function d(t){if(t){var e=/^rgb\((\d+)[\s,](\d+)[\s,](\d+)\)/i.exec(t)||[],s=r(e,4),o=s[2],i=s[3];return s[0]?[n(s[1],0,255),n(o,0,255),n(i,0,255)]:void 0}}function x(t){if(t){var e=/^rgba?\((\d+)\s*[\s,]\s*(\d+)\s*[\s,]\s*(\d+)(\s*[\s,]\s*(\d*(.\d+)?))?\)/i.exec(t)||[],s=r(e,6),o=s[2],i=s[3],a=s[5];return s[0]?[n(s[1],0,255),n(o,0,255),n(i,0,255),n(l(a,1),0,1)]:void 0}}function g(t){if(Array.isArray(t))return[n(t[0],0,255),n(t[1],0,255),n(t[2],0,255),n(l(t[3],1),0,1)];var e=h(t)||x(t);return e&&3===e.length&&e.push(1),e}function v(t){if(t){var e=/^hsl\((\d+)[\s,](\d+)[\s,](\d+)\)/i.exec(t)||[],s=r(e,4),o=s[2],i=s[3];return s[0]?[n(s[1],0,360),n(o,0,100),n(i,0,100)]:void 0}}function y(t){if(t){var e=/^hsla?\((\d+)\s*[\s,]\s*(\d+)\s*[\s,]\s*(\d+)(\s*[\s,]\s*(\d*(.\d+)?))?\)/i.exec(t)||[],s=r(e,6),o=s[2],i=s[3],a=s[5];return s[0]?[n(s[1],0,255),n(o,0,255),n(i,0,255),n(l(a,1),0,1)]:void 0}}function m(t){if(Array.isArray(t))return[n(t[0],0,360),n(t[1],0,100),n(t[2],0,100),n(l(t[3],1),0,1)];var e=y(t);return e&&3===e.length&&e.push(1),e}function w(t,e){switch(e){case"rgb":default:return t.slice(0,3);case"rgbcss":return"rgb("+t[0]+", "+t[1]+", "+t[2]+")";case"rgbcss4":return"rgb("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+")";case"rgba":return t;case"rgbacss":return"rgba("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+")";case"hsl":return u.apply(void 0,i(t));case"hslcss":return"hsl("+(t=u.apply(void 0,i(t)))[0]+", "+t[1]+", "+t[2]+")";case"hslcss4":var s=u.apply(void 0,i(t));return"hsl("+s[0]+", "+s[1]+", "+s[2]+", "+t[3]+")";case"hsla":return[].concat(i(u.apply(void 0,i(t))),[t[3]]);case"hslacss":var r=u.apply(void 0,i(t));return"hsla("+r[0]+", "+r[1]+", "+r[2]+", "+t[3]+")";case"hex":return p.apply(void 0,i(t));case"hexcss4":return p.apply(void 0,i(t))+("00"+parseInt(255*t[3]).toString(16)).slice(-2);case"int":return f.apply(void 0,i(t))}}e.COLOR_NAMES=a,e.PALETTE_MATERIAL_500=["#F44336","#E91E63","#E91E63","#9C27B0","#9C27B0","#673AB7","#673AB7","#3F51B5","#3F51B5","#2196F3","#2196F3","#03A9F4","#03A9F4","#00BCD4","#00BCD4","#009688","#009688","#4CAF50","#4CAF50","#8BC34A","#8BC34A","#CDDC39","#CDDC39","#FFEB3B","#FFEB3B","#FFC107","#FFC107","#FF9800","#FF9800","#FF5722","#FF5722","#795548","#795548","#9E9E9E","#9E9E9E","#607D8B","#607D8B"],e.PALETTE_MATERIAL_CHROME=["#f44336","#e91e63","#9c27b0","#673ab7","#3f51b5","#2196f3","#03a9f4","#00bcd4","#009688","#4caf50","#8bc34a","#cddc39","#ffeb3b","#ffc107","#ff9800","#ff5722","#795548","#9e9e9e","#607d8b"],e.rgbToHex=p,e.hslToRgb=c,e.rgbToHsl=u,e.rgbToHsv=function(t,e,s){var r=[n(t,0,255)/255,n(e,0,255)/255,n(s,0,255)/255];t=r[0],e=r[1],s=r[2];var o,i=Math.max(t,e,s),a=Math.min(t,e,s),l=void 0,p=i,c=i-a;if(o=0===i?0:c/i,i==a)l=0;else{switch(i){case t:l=(e-s)/c+(s>e?6:0);break;case e:l=(s-t)/c+2;break;case s:l=(t-e)/c+4}l/=6}return[l,o,p]},e.rgbToInt=f,e.intToRgb=function(t){return[t>>16&255,t>>8&255,255&t]},e.cssColorToRgb=b,e.cssColorToRgba=h,e.cssRgbToRgb=d,e.cssRgbaToRgba=x,e.parseColorToRgb=function(t){return Array.isArray(t)?t=[n(t[0],0,255),n(t[1],0,255),n(t[2],0,255)]:b(t)||d(t)},e.parseColorToRgba=g,e.cssHslToHsl=v,e.cssHslaToHsla=y,e.parseColorToHsl=function(t){return Array.isArray(t)?t=[n(t[0],0,360),n(t[1],0,100),n(t[2],0,100)]:v(t)},e.parseColorToHsla=m,e.parseColor=function(t,e){if(e=e||"rgb",null!=t){var s=void 0;if((s=g(t))||(s=m(t))&&(s=[].concat(i(c.apply(void 0,i(s))),[s[3]])))return(0,o.default)(e)?["rgb","rgbcss","rgbcss4","rgba","rgbacss","hsl","hslcss","hslcss4","hsla","hslacss","hex","hexcss4","int"].reduce((function(t,e){return t[e]=w(s,e),t}),e||{}):w(s,e.toString().toLowerCase())}},e.getLuminance=function(t,e,s){return.2126*(t=.03928>(t/=255)?t/12.92:Math.pow((t+.055)/1.055,2.4))+.7152*(e=.03928>(e/=255)?e/12.92:Math.pow((e+.055)/1.055,2.4))+.0722*(.03928>(s/=255)?s/12.92:Math.pow((s+.055)/1.055,2.4))},e.limit=n,e.ensureArray=function(t){return t?Array.from(t):[]},e.nvl=l},function(t,e,s){t.exports=function(t){return null!=t&&"object"==typeof t&&!1===Array.isArray(t)}},function(t,e){t.exports='<div class="a-color-picker-row a-color-picker-stack a-color-picker-row-top"> <canvas class="a-color-picker-sl a-color-picker-transparent"></canvas> <div class=a-color-picker-dot></div> </div> <div class=a-color-picker-row> <div class="a-color-picker-stack a-color-picker-transparent a-color-picker-circle"> <div class=a-color-picker-preview> <input class=a-color-picker-clipbaord type=text> </div> </div> <div class=a-color-picker-column> <div class="a-color-picker-cell a-color-picker-stack"> <canvas class=a-color-picker-h></canvas> <div class=a-color-picker-dot></div> </div> <div class="a-color-picker-cell a-color-picker-alpha a-color-picker-stack" show-on-alpha> <canvas class="a-color-picker-a a-color-picker-transparent"></canvas> <div class=a-color-picker-dot></div> </div> </div> </div> <div class="a-color-picker-row a-color-picker-hsl" show-on-hsl> <label>H</label> <input nameref=H type=number maxlength=3 min=0 max=360 value=0> <label>S</label> <input nameref=S type=number maxlength=3 min=0 max=100 value=0> <label>L</label> <input nameref=L type=number maxlength=3 min=0 max=100 value=0> </div> <div class="a-color-picker-row a-color-picker-rgb" show-on-rgb> <label>R</label> <input nameref=R type=number maxlength=3 min=0 max=255 value=0> <label>G</label> <input nameref=G type=number maxlength=3 min=0 max=255 value=0> <label>B</label> <input nameref=B type=number maxlength=3 min=0 max=255 value=0> </div> <div class="a-color-picker-row a-color-picker-rgbhex a-color-picker-single-input" show-on-single-input> <label>HEX</label> <input nameref=RGBHEX type=text select-on-focus> </div> <div class="a-color-picker-row a-color-picker-palette"></div>'},function(t,e,s){var r=s(6);t.exports="string"==typeof r?r:r.toString()},function(t,e,s){(t.exports=s(7)(!1)).push([t.i,"/*!\n * a-color-picker\n * https://github.com/narsenico/a-color-picker\n *\n * Copyright (c) 2017-2018, Gianfranco Caldi.\n * Released under the MIT License.\n */.a-color-picker{background-color:#fff;padding:0;display:inline-flex;flex-direction:column;user-select:none;width:232px;font:400 10px Helvetica,Arial,sans-serif;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.25)}.a-color-picker,.a-color-picker-row,.a-color-picker input{box-sizing:border-box}.a-color-picker-row{padding:15px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;user-select:none}.a-color-picker-row-top{padding:0}.a-color-picker-row:not(:first-child){border-top:1px solid #f5f5f5}.a-color-picker-column{display:flex;flex-direction:column}.a-color-picker-cell{flex:1 1 auto;margin-bottom:4px}.a-color-picker-cell:last-child{margin-bottom:0}.a-color-picker-stack{position:relative}.a-color-picker-dot{position:absolute;width:14px;height:14px;top:0;left:0;background:#fff;pointer-events:none;border-radius:50px;z-index:1000;box-shadow:0 1px 2px rgba(0,0,0,.75)}.a-color-picker-a,.a-color-picker-h,.a-color-picker-sl{cursor:cell}.a-color-picker-a+.a-color-picker-dot,.a-color-picker-h+.a-color-picker-dot{top:-2px}.a-color-picker-a,.a-color-picker-h{border-radius:2px}.a-color-picker-preview{box-sizing:border-box;width:30px;height:30px;user-select:none;border-radius:15px}.a-color-picker-circle{border-radius:50px;border:1px solid #eee}.a-color-picker-hsl,.a-color-picker-rgb,.a-color-picker-single-input{justify-content:space-evenly}.a-color-picker-hsl>label,.a-color-picker-rgb>label,.a-color-picker-single-input>label{padding:0 8px;flex:0 0 auto;color:#969696}.a-color-picker-hsl>input,.a-color-picker-rgb>input,.a-color-picker-single-input>input{text-align:center;padding:2px 0;width:0;flex:1 1 auto;border:1px solid #e0e0e0;line-height:20px}.a-color-picker-hsl>input::-webkit-inner-spin-button,.a-color-picker-rgb>input::-webkit-inner-spin-button,.a-color-picker-single-input>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.a-color-picker-hsl>input:focus,.a-color-picker-rgb>input:focus,.a-color-picker-single-input>input:focus{border-color:#04a9f4;outline:none}.a-color-picker-transparent{background-image:linear-gradient(-45deg,#cdcdcd 25%,transparent 0),linear-gradient(45deg,#cdcdcd 25%,transparent 0),linear-gradient(-45deg,transparent 75%,#cdcdcd 0),linear-gradient(45deg,transparent 75%,#cdcdcd 0);background-size:11px 11px;background-position:0 0,0 -5.5px,-5.5px 5.5px,5.5px 0}.a-color-picker-sl{border-radius:3px 3px 0 0}.a-color-picker.hide-alpha [show-on-alpha],.a-color-picker.hide-hsl [show-on-hsl],.a-color-picker.hide-rgb [show-on-rgb],.a-color-picker.hide-single-input [show-on-single-input]{display:none}.a-color-picker-clipbaord{width:100%;height:100%;opacity:0;cursor:pointer}.a-color-picker-palette{flex-flow:wrap;flex-direction:row;justify-content:flex-start;padding:10px}.a-color-picker-palette-color{width:15px;height:15px;flex:0 1 15px;margin:3px;box-sizing:border-box;cursor:pointer;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.a-color-picker-palette-add{text-align:center;line-height:13px;color:#607d8b}.a-color-picker.hidden{display:none}",""])},function(t,e){t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var s=function(t,e){var s=t[1]||"",r=t[3];if(!r)return s;if(e&&"function"==typeof btoa){var o=function(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}(r),i=r.sources.map((function(t){return"/*# sourceURL="+r.sourceRoot+t+" */"}));return[s].concat(i).concat([o]).join("\n")}return[s].join("\n")}(e,t);return e[2]?"@media "+e[2]+"{"+s+"}":s})).join("")},e.i=function(t,s){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},o=0;this.length>o;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;t.length>o;o++){var a=t[o];"number"==typeof a[0]&&r[a[0]]||(s&&!a[2]?a[2]=s:s&&(a[2]="("+a[2]+") and ("+s+")"),e.push(a))}},e}}])},48163:function(t,e,s){"use strict";s.d(e,{W:function(){return l}});var r=s(97582),o=s(75004),i=s(50526),a=s(95582),n=s(23185),l=function(t){function e(e,s){var i=t.call(this,e,(0,r.pi)((0,r.pi)({},s),{type:"hidden"}))||this;return i.state=(0,r.pi)((0,r.pi)({},o.u3.defaultState),{min:0,max:100}),i.startValue=0,i.startX=0,i.width=100,Object.assign(i.state,s),i.appendUIRange(),i.onChangeSelfValue(),i}return(0,r.ZT)(e,t),e.prototype.className=function(){return"UIRange"},e.prototype.appendUIRange=function(){var t=this.j.create.div(this.getFullElName("slider"));this.container.appendChild(t);var e=this.j.create.div(this.getFullElName("handle"));t.appendChild(e);var s=this.j.create.div(this.getFullElName("log"));this.getElm("label").appendChild(s)},e.prototype.onDragStart=function(t){this.startValue=parseFloat(this.value)||0,this.startX=t.clientX;var e=this.getElm("slider");this.width=e.offsetWidth,this.j.e.on(this.j.ow,"mousemove",this.onDrag)},e.prototype.onDrag=function(t){var e,s=(e=this.state).min,r=e.max,o=this.startValue+(t.clientX-this.startX)/this.width*(this.state.max-this.state.min);s>o&&(o=s),o>r&&(o=r),this.value=o.toString()},e.prototype.onDragEnd=function(){this.j.e.off(this.j.ow,"mousemove",this.onDrag)},e.prototype.onChangeSelfValue=function(){var t=this.getElm("handle"),e=parseFloat(this.value)||0;(0,a.css)(t,{left:(e-this.state.min)/(this.state.max-this.state.min)*100+"%"}),this.getElm("log").innerText=e.toString()},e.prototype.destruct=function(){return this.onDragEnd(),t.prototype.destruct.call(this)},(0,r.gn)([(0,i.watch)(["handle:mousedown","handle:touchstart"])],e.prototype,"onDragStart",null),(0,r.gn)([n.ZP],e.prototype,"onDrag",null),(0,r.gn)([(0,i.watch)(["j.ow:mouseup","j.ow:touchend"])],e.prototype,"onDragEnd",null),(0,r.gn)([(0,i.watch)(":change")],e.prototype,"onChangeSelfValue",null),(0,r.gn)([i.component],e)}(o.u3)},64122:function(t,e,s){"use strict";s.r(e),s.d(e,{buttonGenerator:function(){return f}});var r=s(97582),o=s(7324),i=s(88292),a=s(50526),n=s(1875),l=s(44913),p=s(29788),c=s(7216),u=(s(76155),s(66629)),f=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.hasStyle=!i.y.fatMode,e.buttons=[{group:"form",name:"buttonGenerator"}],e}return(0,r.ZT)(e,t),e.prototype.afterInit=function(t){var e=this;t.e.on("toggleButtonGenerator",this.toggleButtonGenerator).on("isButtonGeneratorOpened",(function(){var t;return null===(t=e.__dialog)||void 0===t?void 0:t.isOpened}))},e.prototype.toggleButtonGenerator=function(t){var e=this;this.__dialog||(this.__dialog=new n.V({language:this.j.o.language,theme:this.j.o.theme}),this.__ui=new c.t(this.__dialog),this.__dialog.setHeader("Button Generator").setContent(this.__ui).setSize(730,700)),t&&!l.i.isTag(t,new Set(["button","a"]))&&(t=void 0);var s=this.__ui,r=this.__dialog;r.isOpened?r.close():(t&&u.L.extractStyle(s.state,t),s.target=t,s.update(),r.setFooter([(0,p.zx)(r,"cancel","Cancel","default").onAction((function(){return r.close()})),(0,p.zx)(r,"ok",t?"Update":"Insert","primary").onAction((function(){t||(t=e.j.createInside.element(s.state.href?"a":"button"),e.j.s.insertNode(t,!0,!1)),u.L.applyStyle(s.state,t),t.className=s.state.className||"",e.jodit.e.fire("synchro"),r.close()}))]).open())},e.prototype.onDblClick=function(t){l.i.isTag(t.target,"button")&&this.toggleButtonGenerator(t.target)},e.prototype.beforeDestruct=function(t){var e;null===(e=this.__dialog)||void 0===e||e.destruct()},e.requires=["license","color-picker"],(0,r.gn)([a.autobind],e.prototype,"toggleButtonGenerator",null),(0,r.gn)([(0,a.watch)(":dblclick")],e.prototype,"onDblClick",null),e}(o.S);i.y.plugins.add("button-generator",f)},76155:function(t,e,s){"use strict";var r=s(77628),o=s(71350);r.D.prototype.controls.buttonGenerator={tooltip:"Button generator",icon:s(3334),isActive:function(t){return Boolean(t.e.fire("isButtonGeneratorOpened"))},exec:function(t,e){t.e.fire("toggleButtonGenerator",e)}},r.D.prototype.popup.button=["buttonGenerator"],(0,o.kJ)(r.D.prototype.popup.a)&&r.D.prototype.popup.a.push("buttonGenerator")},66629:function(t,e,s){"use strict";s.d(e,{L:function(){return l}});var r=s(97582),o=s(75004),i=s(95582),a=s(50526),n=s(71350),l=function(t){function e(e,s){var r=t.call(this,e)||this;return r.style=s,r}var s;return(0,r.ZT)(e,t),s=e,e.prototype.className=function(){return"UIGButton"},e.prototype.updateStyles=function(){var t=this.style,e=this.getElm("button");this.getElm("wrapper").style.backgroundColor=t.previewBgColor,s.applyStyle(t,e)},e.applyStyle=function(t,e){var s=function(t){return(0,n.HD)(t)?t:t+"px"};e.innerText=t.text||"css",e.setAttribute("href",t.href),(0,i.css)(e,{background:t.solid?null:"linear-gradient(to bottom, ".concat(t.bgStart," 5%, ").concat(t.bgEnd," 100%)"),backgroundColor:t.bgStart,borderRadius:s(t.borderRadius),border:"".concat(s(t.borderSize)," solid ").concat(t.borderColor),display:"inline-block",cursor:"pointer",color:t.fontColor,fontFamily:t.fontFamily,fontSize:s(t.fontSize),fontWeight:t.fontWeight?"bold":null,fontStyle:t.fontItalic?"italic":null,padding:"".concat(s(t.paddingY)," ").concat(s(t.paddingX)),textDecoration:"none"}),(0,i.css)(e,{textShadow:t.textShadow?[t.textShadowOffsetX,t.textShadowOffsetY,t.textShadowBlurRadius,t.textShadowColor].map(s).join(" "):null}),(0,i.css)(e,{boxShadow:t.boxShadow?[t.boxShadowInset?"inset":"",t.boxShadowOffsetX,t.boxShadowOffsetY,t.boxShadowBlurRadius,t.boxShadowSpreadRadius,t.boxShadowColor].map(s).join(" "):null})},e.prototype.update=function(){this.updateStyles()},e.prototype.render=function(){return"<div>\n\t\t\t<div class='&__wrapper'>\n\t\t\t\t<button class='&__button'>css</button>\n\t\t\t</div>\n\t\t</div>"},e.extractStyle=function(t,e){var s,o,i,a,n=(null===(s=e.ownerDocument.defaultView)||void 0===s?void 0:s.getComputedStyle(e))||{},l=function(t,e,s,r){var o,i=n[s];return!i||["none","inherit","initial","unset"].includes(i)?((o={})[s]=!1,o):(i.replace(/,\s/g,",").split(/\s+/).forEach((function(s){if(/[0-9.]+(px|pt|em|%)/.test(s)){var o=t.shift();o&&(e[o]=s)}else"inset"===s?e.boxShadowInset=!0:e[r]=s})),e[s]=!0,e)};Object.assign(t,(0,r.pi)((0,r.pi)((0,r.pi)((0,r.pi)((0,r.pi)({text:e.innerText,className:e.className,href:e.getAttribute("href")||""},function(){var t,e,s={solid:!0,bgStart:null!==(t=n.backgroundColor)&&void 0!==t?t:"#44c767",bgEnd:null!==(e=n.backgroundColor)&&void 0!==e?e:"#44c767"},r=n.backgroundImage;if(r&&/linear-gradient/.test(r)){var o=/linear-gradient\((.+)\s+[0-9]+%,\s+(.+)\s+[0-9]+%\)/.exec(r);o&&(s.solid=!1,s.bgStart=o[1]||s.bgStart,s.bgEnd=o[2]||"#5cbf2a")}return s}()),{borderColor:null!==(o=null==n?void 0:n.borderColor)&&void 0!==o?o:"#18ab29",borderRadius:null!==(i=null==n?void 0:n.borderRadius)&&void 0!==i?i:0,borderSize:null!==(a=null==n?void 0:n.borderWidth)&&void 0!==a?a:1}),l(["boxShadowOffsetX","boxShadowOffsetY","boxShadowBlurRadius","boxShadowSpreadRadius"],{boxShadowBlurRadius:0,boxShadowColor:"#3dc21b",boxShadowInset:!1,boxShadowOffsetX:0,boxShadowOffsetY:0,boxShadowSpreadRadius:0},"boxShadow","boxShadowColor")),{fontColor:n.color,fontFamily:n.fontFamily,fontSize:n.fontSize,fontWeight:"bold"===n.fontWeight,fontItalic:"italic"===n.fontStyle,paddingX:n.paddingLeft,paddingY:n.paddingTop}),l(["textShadowOffsetX","textShadowOffsetY","textShadowBlurRadius"],{textShadowBlurRadius:0,textShadowColor:"#2f6627",textShadowOffsetX:0,textShadowOffsetY:1},"textShadow","textShadowColor")))},(0,r.gn)([(0,a.watch)("style")],e.prototype,"updateStyles",null),s=(0,r.gn)([a.component],e)}(o.u1)},53231:function(t,e,s){"use strict";s.d(e,{h:function(){return l}});var r=s(97582),o=s(75004),i=s(84621),a=s(44913),n=s(48163),l=(s(52378),function(t){function e(e,s,r){var l=t.call(this,e)||this;l.state=s,l.updateState=r,l.onUpdates=[];var p=function(t,e){return function(){var s=l.state[e.name];/px/.test(s.toString())&&(s=s.toString().replace(/px/,"")),s.toString()!==t.value&&(t.value=s)}};return(0,i.q)(l.container.querySelectorAll("input,select")).forEach((function(t){if(a.i.isTag(t,"select")){var e=new o.Cj(l.j,{options:(0,i.q)(t.options).map((function(t){return{text:t.innerText,value:t.value}})),onChange:function(e){l.updateState(t.name,e)}});return a.i.replace(t,e.container,l.j.create,!1,!0),void l.onUpdates.push(p(e,t))}if(a.i.isTag(t,"input"))switch(t.type){case"range":return e=new n.W(l.j,{label:t.placeholder,name:t.name,min:parseInt(t.min,0)||0,max:parseInt(t.max,0)||100,onChange:function(e){l.updateState(t.name,parseInt(e,10))}}),a.i.replace(t,e.container,l.j.create),void l.onUpdates.push(p(e,t));case"text":return e=new o.u3(l.j,{placeholder:t.placeholder,name:t.name,onChange:function(e){l.updateState(t.name,e)}}),a.i.replace(t,e.container,l.j.create),void l.onUpdates.push(p(e,t));case"checkbox":return t.onchange=function(){return l.updateState(t.name,t.checked)},void l.onUpdates.push((function(){t.checked=l.state[t.name]}))}})),l.update(),l}return(0,r.ZT)(e,t),e.prototype.className=function(){return"UIFormButtonGenerator"},e.prototype.update=function(){this.onUpdates.forEach((function(t){return t()}));var t=this.getElm("box-shadow"),e=this.getElm("text-shadow");t.style.display=this.state.boxShadow?"":"none",e.style.display=this.state.textShadow?"":"none"},e.prototype.render=function(){return"<div>\n\t\t\t<div class='&__group &__text'>\n\t\t\t\t<div class='&__title'>Text</div>\n\t\t\t\t<div class='&__row'>\n\t\t\t\t\t<div class='&__col'>\n\t\t\t\t\t\t<input type='text' name='text'/>\n\t\t\t\t\t\t<input type='text' name='className' placeholder='~Class name~'/>\n\t\t\t\t\t\t<input type='text' name='href' placeholder='~URL~'/>\n\t\t\t\t\t\t<select name='fontFamily'>\n \t\t\t\t\t\t\t<option value='Arial'>Arial</option>\n \t\t\t\t\t\t\t<option value='Courier New'>Courier New</option>\n \t\t\t\t\t\t\t<option value='Georgia'>Georgia</option>\n \t\t\t\t\t\t\t<option value='Impact'>Impact</option>\n \t\t\t\t\t\t\t<option value='Times New Roman'>Times New Roman</option>\n \t\t\t\t\t\t\t<option value='Trebuchet MS'>Trebuchet MS</option>\n \t\t\t\t\t\t\t<option value='Verdana'>Verdana</option>\n\t\t\t\t\t\t</select>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='&__col'>\n\t\t\t\t\t\t<input type='range' min='8' max='28' name='fontSize' placeholder='~Font Size~'/>\n\t\t\t\t\t\t<div class='&__checkboxes'>\n\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t<input type='checkbox' name='fontWeight'/> bold\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t<input type='checkbox' name='fontItalic'/> italic\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class='&__group &__sizes'>\n\t\t\t\t<div class='&__title'>~Size~</div>\n\t\t\t\t<div class='&__row'>\n\t\t\t\t\t<div class='&__col'>\n\t\t\t\t\t\t<input type='range' name='paddingX' min='0' max='32' placeholder='~Vertical size~'/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='&__col'>\n\t\t\t\t\t\t<input type='range' name='paddingY' min='0' max='76' placeholder='~Horizontal size~'/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class='&__group &__borders'>\n\t\t\t\t<div class='&__title'>~Border~</div>\n\t\t\t\t<div class='&__row'>\n\t\t\t\t\t<div class='&__col'>\n\t\t\t\t\t\t<input type='range' name='borderRadius' min='0' max='42' placeholder='~Border Radius~'/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='&__col'>\n\t\t\t\t\t\t<input type='range' name='borderSize' min='0' max='12' placeholder='~Border Size~'/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class='&__group'>\n\t\t\t\t<div class='&__title'>~Box Shadow~ <input type='checkbox' name='boxShadow'/></div>\n\t\t\t\t<div class='&__row &__box-shadow'>\n\t\t\t\t\t<div class='&__col'>\n\t\t\t\t\t\t<input type='range' name='boxShadowOffsetX' min='-50' max='50' placeholder='~Vertical Position~'/>\n\t\t\t\t\t\t<input type='range' name='boxShadowBlurRadius' min='0' max='50' placeholder='~Blur Radius~'/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='&__col'>\n\t\t\t\t\t\t<input type='range' name='boxShadowOffsetY' min='-50' max='50' placeholder='~Horizontal Position~'/>\n\t\t\t\t\t\t<input type='range' name='boxShadowSpreadRadius' min='-50' max='50' placeholder='~Spread Radius~'/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class='&__group'>\n\t\t\t\t<div class='&__title'>~Text Shadow~ <input type='checkbox' name='textShadow'/></div>\n\t\t\t\t<div class='&__row &__text-shadow'>\n\t\t\t\t\t<div class='&__col'>\n\t\t\t\t\t\t<input type='range' name='textShadowOffsetX' min='-50' max='50' placeholder='~Vertical Position~'/>\n\t\t\t\t\t\t<input type='range' name='textShadowBlurRadius' min='0' max='50' placeholder='~Blur Radius~'/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='&__col'>\n\t\t\t\t\t\t<input type='range' name='textShadowOffsetY' min='-50' max='50' placeholder='~Horizontal Position~'/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>"},e}(o.u1))},7216:function(t,e,s){"use strict";s.d(e,{t:function(){return c}});var r=s(97582),o=s(75004),i=s(50526),a=s(73314),n=s(66629),l=s(53231),p=(s(95582),s(93050)),c=function(t){function e(e){var s=t.call(this,e)||this;return s.state={text:"",className:"",href:"",bgEnd:"#5cbf2a",bgStart:"#44c767",borderColor:"#18ab29",borderRadius:28,borderSize:1,boxShadow:!1,boxShadowBlurRadius:0,boxShadowColor:"#3dc21b",boxShadowInset:!1,boxShadowOffsetX:0,boxShadowOffsetY:0,boxShadowSpreadRadius:0,fontColor:"#fff",fontFamily:"Arial",fontSize:17,fontStyle:!1,fontWeight:!1,fontItalic:!1,paddingX:31,paddingY:16,previewBgColor:"#f5f5f5",solid:!0,textShadow:!0,textShadowBlurRadius:0,textShadowColor:"#2f6627",textShadowOffsetX:0,textShadowOffsetY:1},s.preview=new a.o(s.j,s.state,s.updateState),s.form=new l.h(s.j,s.state,s.updateState),s.generateLibrary(),s.getElm("preview").appendChild(s.preview.container),s.getElm("form").appendChild(s.form.container),s}var s;return(0,r.ZT)(e,t),s=e,e.prototype.className=function(){return"UIButtonGenerator"},e.prototype.render=function(){return"<div>\n\t\t\t<div class='&__generator'>\n\t\t\t\t<div class='&__preview'></div>\n\t\t\t\t<div class='&__form'></div>\n\t\t\t</div>\n\t\t\t<div class='&__library'></div>\n\t\t</div>"},e.prototype.generateLibrary=function(){var t=this,e=new o.qe(this.j);p.map(s.mapKey).forEach((function(s){var r=new n.L(t.j,s);r.setMod("mode","library"),e.append(r),t.j.e.on(r.container,"click",(function(){var e=t.state.text;Object.assign(t.state,s),Object.assign(t.state,{className:"",text:e}),t.update()}))})),this.getElm("library").appendChild(e.container)},e.mapKey=function(t){return{bgEnd:t.be,bgStart:t.bs,borderColor:t.bc,borderRadius:t.br,borderSize:t.bse,boxShadow:t.bsh,boxShadowBlurRadius:t.bsbr,boxShadowColor:t.bsc,boxShadowInset:t.bsi,boxShadowOffsetX:t.bsox,boxShadowOffsetY:t.bsoy,boxShadowSpreadRadius:t.bssr,fontColor:t.fc,fontFamily:t.ff,fontSize:t.fs,fontStyle:t.fse,fontWeight:t.fw,paddingX:t.px,paddingY:t.py,previewBgColor:t.pbc,solid:t.s,text:t.t,textShadow:t.ts,textShadowBlurRadius:t.tsbr,textShadowColor:t.tsc,textShadowOffsetX:t.tsox,textShadowOffsetY:t.tsoy}},e.prototype.updateState=function(t,e){this.state[t]=e,this.update()},e.prototype.update=function(){this.isReady&&(this.form.update(),this.preview.update())},(0,r.gn)([i.autobind],e.prototype,"updateState",null),s=(0,r.gn)([i.component],e)}(o.u1)},73314:function(t,e,s){"use strict";s.d(e,{o:function(){return l}});var r=s(97582),o=s(75004),i=s(66629),a=s(50526),n=s(39445),l=(s(95582),function(t){function e(e,s,r){var o=t.call(this,e)||this;o.state=s,o.updateState=r,o.button=new i.L(o.j,o.state),o.lockUpdate=!1,o.colors=["bgStart","bgEnd","fontColor","borderColor","boxShadowColor","textShadowColor","previewBgColor"].map((function(t){return new n.T(o.j,{name:t,onChange:function(e){o.lockUpdate||("bgEnd"===t&&e!==o.state.bgStart&&o.updateState("solid",!1),o.updateState(t,e))}}).setMod("slim",!0)})),o.setMod("mode","default"),o.getElm("button").appendChild(o.button.container);var a=o.getElm("colors");return o.colors.forEach((function(t){a.appendChild(t.container)})),o.update(),o}return(0,r.ZT)(e,t),e.prototype.className=function(){return"UIPreviewButtonGenerator"},e.prototype.render=function(){return"<div>\n\t\t\t<div class='&__button'></div>\n\t\t\t<div class='&__colors'></div>\n\t\t</div>"},e.prototype.update=function(){var t=this;this.button.update(),this.lockUpdate=!0,this.colors.forEach((function(e){e.value!==t.state[e.state.name]&&(e.value=t.state[e.state.name])})),this.lockUpdate=!1},(0,r.gn)([a.component],e)}(o.u1))},39445:function(t,e,s){"use strict";s.d(e,{T:function(){return c}});var r=s(97582),o=s(75004),i=s(50526),a=s(95582),n=s(28803),l=s(8079),p=s(11612),c=function(t){function e(e,s){var r=t.call(this,e,s)||this,i=new o.GI(e);r.popup=i,r.trigger=(0,o.zx)(r.j,"ok"),r.getElm("wrapper").appendChild(r.trigger.container),r.trigger.container.classList.add(r.getFullElName("trigger")),r.trigger.onAction((function(){var t,e;null===(e=(t=r.state).onChange)||void 0===e||e.call(t,r.value),i.close()})),i.setMod("padding",!1).setMod("max-height",!1);var p=r.j.create.div(r.getFullElName("picker")),c=n.createPicker(p,{paletteEditable:!0,showAlpha:!0,palette:"PALETTE_MATERIAL_CHROME"}).on("change",(function(t,e){r.isFocused||(r.value=n.parseColor(e||"","hex"))}));return r.j.e.on(r,"change",(function(){n.parseColor(r.value,"hex")!==c.color&&(c.color=r.value)})),i.setContent(p),r.j.e.on(r.nativeInput,"click",(function(){i.parentElement=r,r.jodit instanceof l.Dialog&&i.setZIndex(r.jodit.getZIndex()+1),i.open((function(){return(0,a.position)(r.container)}))})),r.onChangeValue(),r.onChangeSelfValue(),r}return(0,r.ZT)(e,t),e.prototype.className=function(){return"ColorInput"},e.prototype.afterSetMode=function(t,e){"slim"===t&&e&&this.nativeInput.setAttribute("readonly","true")},e.prototype.onChangeSelfValue=function(){this.nativeInput.style.backgroundColor=this.value},e.prototype.onEscKeyDown=function(t){var e;t.key===p.KEY_ESC&&(null===(e=this.popup)||void 0===e||e.close())},(0,r.gn)([(0,i.watch)(":change")],e.prototype,"onChangeSelfValue",null),(0,r.gn)([(0,i.watch)("nativeInput:keydown")],e.prototype,"onEscKeyDown",null),(0,r.gn)([i.component],e)}(o.u3)},93050:function(t){"use strict";t.exports=JSON.parse('[{"be":"#5cbf2a","bs":"#44c767","bc":"#18ab29","br":"28px","bse":"1px","bsh":false,"bsbr":0,"bsc":"#3dc21b","bsi":false,"bsox":0,"bsoy":0,"bssr":0,"fc":"#fff","ff":"Arial","fs":"17px","fse":false,"fw":false,"px":"31px","py":"16px","pbc":"#f5f5f5","s":true,"t":"green","ts":true,"tsbr":0,"tsc":"#2f6627","tsox":0,"tsoy":"1px"},{"be":"#476e9e","bs":"#7892c2","bc":"#4e6096","br":"10px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#9fb4f2","bsi":false,"bsox":0,"bsoy":0,"bssr":"2px","fc":"#fff","ff":"Arial","fs":"19px","fse":false,"fw":false,"px":"37px","py":"12px","pbc":"#f5f5f5","s":false,"t":"blue","ts":true,"tsbr":0,"tsc":"#283966","tsox":0,"tsoy":"1px"},{"be":"#408c99","bs":"#599bb3","bc":"#29668f","br":"8px","bse":0,"bsh":true,"bsbr":"14px","bsc":"#276873","bsi":false,"bsox":0,"bsoy":"10px","bssr":"-7px","fc":"#fff","ff":"Arial","fs":"20px","fse":false,"fw":true,"px":"32px","py":"13px","pbc":"#f5f5f5","s":false,"t":"turquoise","ts":true,"tsbr":0,"tsc":"#3d768a","tsox":0,"tsoy":"1px"},{"be":"#6c7c7c","bs":"#768d87","bc":"#566963","br":"5px","bse":"1px","bsh":true,"bsbr":"3px","bsc":"#91b8b3","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"23px","py":"11px","pbc":"#e8e7e2","s":false,"t":"dark grey","ts":true,"tsbr":0,"tsc":"#2b665e","tsox":0,"tsoy":"-1px"},{"be":"#72b352","bs":"#77b55a","bc":"#4b8f29","br":"4px","bse":"1px","bsh":true,"bsbr":"14px","bsc":"#3e7327","bsi":false,"bsox":0,"bsoy":"10px","bssr":"-7px","fc":"#fff","ff":"Arial","fs":"13px","fse":false,"fw":true,"px":"12px","py":"6px","pbc":"#f5f5f5","s":false,"t":"green","ts":true,"tsbr":0,"tsc":"#5b8a3c","tsox":0,"tsoy":"1px"},{"be":"#eb675e","bs":"#e4685d","bc":"#fff","br":"4px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#e67a73","bsi":true,"bsox":0,"bsoy":"39px","bssr":"-24px","fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":false,"px":"15px","py":"6px","pbc":"#f2f2f2","s":true,"t":"light red","ts":true,"tsbr":0,"tsc":"#b23e35","tsox":0,"tsoy":"1px"},{"be":"#b34332","bs":"#a73f2d","bc":"#241d13","br":0,"bse":"1px","bsh":true,"bsbr":0,"bsc":"#b54b3a","bsi":true,"bsox":0,"bsoy":"34px","bssr":"-15px","fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"23px","py":"9px","pbc":"#2a2218","s":true,"t":"brown","ts":true,"tsbr":0,"tsc":"#7a2a1d","tsox":0,"tsoy":"-1px"},{"be":"#0688fa","bs":"#2dabf9","bc":"#0b0e07","br":"3px","bse":"1px","bsh":true,"bsbr":"7px","bsc":"#29bbff","bsi":true,"bsox":0,"bsoy":"-3px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":false,"px":"23px","py":"9px","pbc":"#1c1c1e","s":false,"t":"blue","ts":true,"tsbr":0,"tsc":"#263666","tsox":0,"tsoy":"1px"},{"be":"#415989","bs":"#2e466e","bc":"#1f2f47","br":"17px","bse":"1px","bsh":true,"bsbr":"15px","bsc":"#23395e","bsi":true,"bsox":0,"bsoy":0,"bssr":"3px","fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":false,"px":"13px","py":"6px","pbc":"#3f5c93","s":false,"t":"blue","ts":true,"tsbr":0,"tsc":"#263666","tsox":0,"tsoy":"1px"},{"be":"#bc3315","bs":"#d0451b","bc":"#942911","br":"3px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#cf866c","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"13px","fse":false,"fw":false,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"codecanyon","ts":true,"tsbr":0,"tsc":"#854629","tsox":0,"tsoy":"1px"},{"be":"#ccc2a6","bs":"#eae0c2","bc":"#333029","br":"15px","bse":"2px","bsh":true,"bsbr":0,"bsc":"#1c1b18","bsi":false,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#505739","ff":"Arial","fs":"14px","fse":false,"fw":true,"px":"16px","py":"12px","pbc":"#2d2e29","s":false,"t":"creme","ts":true,"tsbr":0,"tsc":"#fff","tsox":0,"tsoy":"1px"},{"be":"#634b30","bs":"#7d5d3b","bc":"#54381e","br":"3px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#a6827e","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"13px","fse":false,"fw":false,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"themeforest","ts":true,"tsbr":0,"tsc":"#4d3534","tsox":0,"tsoy":"1px"},{"be":"#0061a7","bs":"#007dc1","bc":"#124d77","br":"3px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#54a3f7","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"13px","fse":false,"fw":false,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"graphicriver","ts":true,"tsbr":0,"tsc":"#154682","tsox":0,"tsoy":"1px"},{"be":"#019ad2","bs":"#33bdef","bc":"#057fd0","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#f0f7fa","bsi":false,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#e2e2e2","s":false,"t":"twitter","ts":true,"tsbr":0,"tsc":"#5b6178","tsox":0,"tsoy":"-1px"},{"be":"#ffab23","bs":"#ffec64","bc":"#ffaa22","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#fff6af","bsi":false,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#333333","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#e2e2e2","s":false,"t":"twitter","ts":true,"tsbr":0,"tsc":"#ffee66","tsox":0,"tsoy":"1px"},{"be":"#68a54b","bs":"#74ad5a","bc":"#3b6e22","br":0,"bse":"1px","bsh":true,"bsbr":0,"bsc":"#9acc85","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"13px","fse":false,"fw":true,"px":"12px","py":"6px","pbc":"#f5f5f5","s":false,"t":"facebook","ts":false,"tsbr":0,"tsc":"#92b879","tsox":0,"tsoy":"1px"},{"be":"#5972a7","bs":"#637aad","bc":"#314179","br":0,"bse":"1px","bsh":true,"bsbr":0,"bsc":"#7a8eb9","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"13px","fse":false,"fw":true,"px":"12px","py":"6px","pbc":"#3b5898","s":false,"t":"facebook","ts":false,"tsbr":0,"tsc":"#7a8eb9","tsox":0,"tsoy":"1px"},{"be":"#bab1ba","bs":"#ededed","bc":"#d6bcd6","br":"15px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#899599","bsi":false,"bsox":"3px","bsoy":"4px","bssr":0,"fc":"#3a8a9e","ff":"Arial","fs":"17px","fse":false,"fw":false,"px":"25px","py":"7px","pbc":"#f5f5f5","s":false,"t":"grey","ts":true,"tsbr":0,"tsc":"#e1e2ed","tsox":0,"tsoy":"1px"},{"be":"#f24437","bs":"#c62d1f","bc":"#d02718","br":"18px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#8a2a21","bsi":false,"bsox":"3px","bsoy":"4px","bssr":0,"fc":"#fff","ff":"Arial","fs":"17px","fse":false,"fw":false,"px":"25px","py":"7px","pbc":"#f5f5f5","s":false,"t":"red","ts":true,"tsbr":0,"tsc":"#810e05","tsox":0,"tsoy":"1px"},{"be":"#378de5","bs":"#79bbff","bc":"#337bc4","br":"5px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#1564ad","bsi":false,"bsox":"3px","bsoy":"4px","bssr":0,"fc":"#fff","ff":"Arial","fs":"17px","fse":false,"fw":true,"px":"44px","py":"12px","pbc":"#f5f5f5","s":false,"t":"blue","ts":true,"tsbr":0,"tsc":"#528ecc","tsox":0,"tsoy":"1px"},{"be":"#9ba892","bs":"#dbe6c4","bc":"#b2b8ad","br":"6px","bse":"1px","bsh":true,"bsbr":"14px","bsc":"#f2fadc","bsi":true,"bsox":0,"bsoy":0,"bssr":"-3px","fc":"#757d6f","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"olive","ts":true,"tsbr":0,"tsc":"#ced9bf","tsox":0,"tsoy":"1px"},{"be":"#bc80ea","bs":"#dfbdfa","bc":"#c584f3","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#efdcfb","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"purple","ts":true,"tsbr":0,"tsc":"#9752cc","tsox":0,"tsoy":"1px"},{"be":"#80b5ea","bs":"#bddbfa","bc":"#84bbf3","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#dcecfb","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"light blue","ts":true,"tsbr":0,"tsc":"#528ecc","tsox":0,"tsoy":"1px"},{"be":"#f6f6f6","bs":"#fff","bc":"#dcdcdc","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#fff","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#666666","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"white","ts":true,"tsbr":0,"tsc":"#fff","tsox":0,"tsoy":"1px"},{"be":"#e4685d","bs":"#fc8d83","bc":"#d83526","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#f7c5c0","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"light red","ts":true,"tsbr":0,"tsc":"#b23e35","tsox":0,"tsoy":"1px"},{"be":"#468ccf","bs":"#63b8ee","bc":"#3866a3","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#bee2f9","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#14396a","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"dark blue","ts":true,"tsbr":0,"tsc":"#7cacde","tsox":0,"tsoy":"1px"},{"be":"#ffab23","bs":"#ffec64","bc":"#ffaa22","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#fff6af","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#333333","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"orange","ts":true,"tsbr":0,"tsc":"#ffee66","tsox":0,"tsoy":"1px"},{"be":"#77a809","bs":"#89c403","bc":"#74b807","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#a4e271","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"green","ts":true,"tsbr":0,"tsc":"#528009","tsox":0,"tsoy":"1px"},{"be":"#e9e9e9","bs":"#f9f9f9","bc":"#dcdcdc","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#fff","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#666666","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"light grey","ts":true,"tsbr":0,"tsc":"#fff","tsox":0,"tsoy":"1px"},{"be":"#a20dbd","bs":"#c123de","bc":"#a511c0","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#e184f3","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"purple","ts":true,"tsbr":0,"tsc":"#9b14b3","tsox":0,"tsoy":"1px"},{"be":"#1e62d0","bs":"#3d94f6","bc":"#337fed","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#97c4fe","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"blue","ts":true,"tsbr":0,"tsc":"#1570cd","tsox":0,"tsoy":"1px"},{"be":"#ef027d","bs":"#ff5bb0","bc":"#ee1eb5","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#fbafe3","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"pink","ts":true,"tsbr":0,"tsc":"#c70067","tsox":0,"tsoy":"1px"},{"be":"#f2ab1e","bs":"#f0c911","bc":"#e65f44","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#f9eca0","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#c92200","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"orange","ts":true,"tsbr":0,"tsc":"#ded17c","tsox":0,"tsoy":"1px"},{"be":"#c62d1f","bs":"#f24537","bc":"#d02718","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#f5978e","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"red","ts":true,"tsbr":0,"tsc":"#810e05","tsox":0,"tsoy":"1px"},{"be":"#a5cc52","bs":"#b8e356","bc":"#83c41a","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#d9fbbe","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"light green","ts":true,"tsbr":0,"tsc":"#86ae47","tsox":0,"tsoy":"1px"},{"be":"#fb9e25","bs":"#ffc477","bc":"#eeb44f","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#fce2c1","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"light orange","ts":true,"tsbr":0,"tsc":"#cc9f52","tsox":0,"tsoy":"1px"},{"be":"#dfdfdf","bs":"#ededed","bc":"#dcdcdc","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#fff","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#777777","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"grey","ts":true,"tsbr":0,"tsc":"#fff","tsox":0,"tsoy":"1px"},{"be":"#378de5","bs":"#79bbff","bc":"#84bbf3","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#bbdaf7","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"blue","ts":true,"tsbr":0,"tsc":"#528ecc","tsox":0,"tsoy":"1px"},{"be":"#5cb811","bs":"#77d42a","bc":"#268a16","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#caefab","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#306108","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"green","ts":true,"tsbr":0,"tsc":"#aade7c","tsox":0,"tsoy":"1px"},{"be":"#ce0100","bs":"#fe1a00","bc":"#d83526","br":"6px","bse":"1px","bsh":true,"bsbr":0,"bsc":"#f29c93","bsi":true,"bsox":0,"bsoy":"1px","bssr":0,"fc":"#fff","ff":"Arial","fs":"15px","fse":false,"fw":true,"px":"24px","py":"6px","pbc":"#f5f5f5","s":false,"t":"red","ts":true,"tsbr":0,"tsc":"#b23e35","tsox":0,"tsoy":"1px"}]')}},function(t){return t(t.s=64122)}])}));

package/es5/plugins/change-case/change-case.js

@@ -0,0 +1,179 @@
+/*!
+ * jodit-pro - PRO Version of Jodit Editor
+ * Author: Chupurnov Valeriy <chupurnov@gmail.com>
+ * Version: v2.0.0-beta.10
+ * Url: https://xdsoft.net/jodit/pro/
+ * License(s): SEE LICENSE IN LICENSE.md
+ */
+	
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else {
+		var a = factory();
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(self, function() {
+return (self["webpackChunkjodit_pro"] = self["webpackChunkjodit_pro"] || []).push([[102],{
+
+/***/ 39438:
+/***/ (function(module) {
+
+module.exports = "<svg width=\"19\" height=\"13\" viewBox=\"0 0 19 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M12.799 11.449V12H7.764V11.449L8.695 11.487C9.075 11.525 9.265 11.373 9.265 11.031C9.265 10.8157 9.20167 10.5687 9.075 10.29L8.144 8.048H3.717L2.843 10.176C2.66567 10.5687 2.577 10.8853 2.577 11.126C2.577 11.392 2.71633 11.5187 2.995 11.506L3.907 11.449V12H0.62V11.449L1.114 11.487H1.19C1.44333 11.487 1.65233 11.3667 1.817 11.126C2.007 10.8473 2.197 10.48 2.387 10.024L6.358 0.466999H6.852L10.861 10.062C11.0383 10.518 11.222 10.879 11.412 11.145C11.5893 11.373 11.811 11.487 12.077 11.487H12.172L12.799 11.449ZM3.945 7.516H7.916L5.921 2.728L3.945 7.516Z\" fill=\"black\"/> <path d=\"M18.45 11.61V12H16.32C16.33 11.93 16.34 11.84 16.35 11.73C16.37 11.61 16.38 11.515 16.38 11.445L16.41 10.86C16.19 11.29 15.905 11.6 15.555 11.79C15.215 11.98 14.805 12.075 14.325 12.075C13.695 12.075 13.215 11.935 12.885 11.655C12.565 11.365 12.405 10.94 12.405 10.38C12.405 9.61 12.725 9.045 13.365 8.685C14.015 8.315 15.03 8.13 16.41 8.13V7.26C16.41 6.79 16.3 6.455 16.08 6.255C15.86 6.055 15.505 5.955 15.015 5.955C14.255 5.955 13.875 6.165 13.875 6.585C13.875 6.665 13.895 6.76 13.935 6.87C13.985 6.97 14.01 7.065 14.01 7.155C14.01 7.325 13.955 7.455 13.845 7.545C13.735 7.625 13.595 7.665 13.425 7.665C13.215 7.665 13.05 7.6 12.93 7.47C12.82 7.34 12.765 7.17 12.765 6.96C12.765 6.54 12.985 6.2 13.425 5.94C13.865 5.68 14.455 5.55 15.195 5.55C16.865 5.55 17.7 6.255 17.7 7.665V11.355C17.7 11.545 17.765 11.64 17.895 11.64L18.45 11.61ZM14.775 11.535C15.215 11.535 15.59 11.355 15.9 10.995C16.21 10.625 16.38 10.15 16.41 9.57V8.535C15.47 8.535 14.795 8.675 14.385 8.955C13.975 9.225 13.77 9.66 13.77 10.26C13.77 10.68 13.855 11 14.025 11.22C14.205 11.43 14.455 11.535 14.775 11.535Z\" fill=\"black\"/> </svg>"
+
+/***/ }),
+
+/***/ 66723:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "changeCase": function() { return /* binding */ changeCase; }
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(97582);
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(11705);
+/* harmony import */ var jodit_core_plugin__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7324);
+/* harmony import */ var jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(44913);
+/* harmony import */ var jodit_core_helpers_string_ucfirst__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(92787);
+/* harmony import */ var _JoditPro__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(88292);
+/*!
+ * Jodit Editor PRO (https://xdsoft.net/jodit/)
+ * See LICENSE.md in the project root for license information.
+ * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
+ */
+
+
+
+
+
+
+var changeCase = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_4__/* .__extends */ .ZT)(changeCase, _super);
+    function changeCase() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        /** @override */
+        _this.buttons = [
+            {
+                name: 'changeCase',
+                group: 'font-style'
+            }
+        ];
+        return _this;
+    }
+    /** @override */
+    changeCase.prototype.afterInit = function (jodit) {
+        var _this = this;
+        jodit.registerCommand('changeCase', {
+            exec: function (command, ignore, mode) {
+                mode = mode.toLowerCase();
+                var range = jodit.s.range, startContainer = range.startContainer, startOffset = range.startOffset;
+                if (jodit.s.isCollapsed()) {
+                    var current = jodit.s.current(true);
+                    if (current && current.parentElement) {
+                        _this.applyCase(mode, current.parentElement);
+                    }
+                    range.setStart(startContainer, startOffset);
+                    jodit.s.selectRange(range);
+                }
+                else {
+                    var left = range.cloneRange(), right = range.cloneRange(), fakeLeft = jodit.createInside.fake(), fakeRight = jodit.createInside.fake();
+                    left.collapse(true);
+                    right.collapse(false);
+                    left.insertNode(fakeLeft);
+                    right.insertNode(fakeRight);
+                    jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_2__/* .Dom.between */ .i.between(fakeLeft, fakeRight, function (node) {
+                        _this.applyCase(mode, node);
+                    });
+                    range.setStartAfter(fakeLeft);
+                    range.setEndBefore(fakeRight);
+                    jodit.s.selectRange(range);
+                    jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_2__/* .Dom.safeRemove */ .i.safeRemove(fakeLeft);
+                    jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_2__/* .Dom.safeRemove */ .i.safeRemove(fakeRight);
+                }
+            }
+        });
+    };
+    /**
+     * Change case in text nodes by mode
+     */
+    changeCase.prototype.applyCase = function (mode, node) {
+        var _this = this;
+        var change = function (str) {
+            switch (mode) {
+                case 'lowercase':
+                    return str.toLowerCase();
+                case 'uppercase':
+                    return str.toUpperCase();
+                default:
+                    return str.split(' ').map(jodit_core_helpers_string_ucfirst__WEBPACK_IMPORTED_MODULE_5__/* .ucfirst */ .P).join(' ');
+            }
+        };
+        if (jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_2__/* .Dom.isText */ .i.isText(node)) {
+            var txt = node.nodeValue;
+            if (txt) {
+                node.nodeValue = change(txt);
+            }
+        }
+        else {
+            jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_2__/* .Dom.each */ .i.each(node, function (child) {
+                _this.applyCase(mode, child);
+            });
+        }
+    };
+    /** @override */
+    changeCase.prototype.beforeDestruct = function (jodit) { };
+    /** @override */
+    changeCase.requires = ['license'];
+    return changeCase;
+}(jodit_core_plugin__WEBPACK_IMPORTED_MODULE_1__/* .Plugin */ .S));
+_JoditPro__WEBPACK_IMPORTED_MODULE_3__/* .JoditPro.plugins.add */ .y.plugins.add('change-case', changeCase);
+
+
+/***/ }),
+
+/***/ 11705:
+/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var jodit_config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(77628);
+/* harmony import */ var jodit_core_helpers_index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(95582);
+/*!
+ * Jodit Editor PRO (https://xdsoft.net/jodit/)
+ * See LICENSE.md in the project root for license information.
+ * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
+ */
+
+
+jodit_config__WEBPACK_IMPORTED_MODULE_0__/* .Config.prototype.controls.changeCase */ .D.prototype.controls.changeCase = {
+    tooltip: 'Change case',
+    icon: __webpack_require__(39438),
+    list: ['lowercase', 'UPPERCASE', 'Title Case'],
+    isDisabled: function (e) {
+        return !e.s.current();
+    },
+    exec: function (jodit, current, _a) {
+        var control = _a.control;
+        var key = control.command + 'Selected', mode = (control.args && control.args[0]) || (0,jodit_core_helpers_index__WEBPACK_IMPORTED_MODULE_1__.dataBind)(jodit, key);
+        if (!mode || !control.command) {
+            return false;
+        }
+        (0,jodit_core_helpers_index__WEBPACK_IMPORTED_MODULE_1__.dataBind)(jodit, key, mode);
+        jodit.execCommand(control.command, null, mode);
+    },
+    command: 'changeCase'
+};
+
+
+/***/ })
+
+},
+/******/ function(__webpack_require__) { // webpackRuntimeModules
+/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
+/******/ var __webpack_exports__ = (__webpack_exec__(66723));
+/******/ return __webpack_exports__;
+/******/ }
+]);
+});

package/es5/plugins/change-case/change-case.min.js

@@ -0,0 +1,10 @@
+/*!
+ * jodit-pro - PRO Version of Jodit Editor
+ * Author: Chupurnov Valeriy <chupurnov@gmail.com>
+ * Version: v2.0.0-beta.10
+ * Url: https://xdsoft.net/jodit/pro/
+ * License(s): SEE LICENSE IN LICENSE.md
+ */
+
+
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var n=t();for(var a in n)("object"==typeof exports?exports:e)[a]=n[a]}}(self,(function(){return(self.webpackChunkjodit_pro=self.webpackChunkjodit_pro||[]).push([[102],{39438:function(e){e.exports='<svg width="19" height="13" viewBox="0 0 19 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.799 11.449V12H7.764V11.449L8.695 11.487C9.075 11.525 9.265 11.373 9.265 11.031C9.265 10.8157 9.20167 10.5687 9.075 10.29L8.144 8.048H3.717L2.843 10.176C2.66567 10.5687 2.577 10.8853 2.577 11.126C2.577 11.392 2.71633 11.5187 2.995 11.506L3.907 11.449V12H0.62V11.449L1.114 11.487H1.19C1.44333 11.487 1.65233 11.3667 1.817 11.126C2.007 10.8473 2.197 10.48 2.387 10.024L6.358 0.466999H6.852L10.861 10.062C11.0383 10.518 11.222 10.879 11.412 11.145C11.5893 11.373 11.811 11.487 12.077 11.487H12.172L12.799 11.449ZM3.945 7.516H7.916L5.921 2.728L3.945 7.516Z" fill="black"/> <path d="M18.45 11.61V12H16.32C16.33 11.93 16.34 11.84 16.35 11.73C16.37 11.61 16.38 11.515 16.38 11.445L16.41 10.86C16.19 11.29 15.905 11.6 15.555 11.79C15.215 11.98 14.805 12.075 14.325 12.075C13.695 12.075 13.215 11.935 12.885 11.655C12.565 11.365 12.405 10.94 12.405 10.38C12.405 9.61 12.725 9.045 13.365 8.685C14.015 8.315 15.03 8.13 16.41 8.13V7.26C16.41 6.79 16.3 6.455 16.08 6.255C15.86 6.055 15.505 5.955 15.015 5.955C14.255 5.955 13.875 6.165 13.875 6.585C13.875 6.665 13.895 6.76 13.935 6.87C13.985 6.97 14.01 7.065 14.01 7.155C14.01 7.325 13.955 7.455 13.845 7.545C13.735 7.625 13.595 7.665 13.425 7.665C13.215 7.665 13.05 7.6 12.93 7.47C12.82 7.34 12.765 7.17 12.765 6.96C12.765 6.54 12.985 6.2 13.425 5.94C13.865 5.68 14.455 5.55 15.195 5.55C16.865 5.55 17.7 6.255 17.7 7.665V11.355C17.7 11.545 17.765 11.64 17.895 11.64L18.45 11.61ZM14.775 11.535C15.215 11.535 15.59 11.355 15.9 10.995C16.21 10.625 16.38 10.15 16.41 9.57V8.535C15.47 8.535 14.795 8.675 14.385 8.955C13.975 9.225 13.77 9.66 13.77 10.26C13.77 10.68 13.855 11 14.025 11.22C14.205 11.43 14.455 11.535 14.775 11.535Z" fill="black"/> </svg>'},66723:function(e,t,n){"use strict";n.r(t),n.d(t,{changeCase:function(){return c}});var a=n(97582),o=(n(11705),n(7324)),s=n(44913),r=n(92787),i=n(88292),c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.buttons=[{name:"changeCase",group:"font-style"}],t}return(0,a.ZT)(t,e),t.prototype.afterInit=function(e){var t=this;e.registerCommand("changeCase",{exec:function(n,a,o){o=o.toLowerCase();var r=e.s.range,i=r.startContainer,c=r.startOffset;if(e.s.isCollapsed()){var C=e.s.current(!0);C&&C.parentElement&&t.applyCase(o,C.parentElement),r.setStart(i,c),e.s.selectRange(r)}else{var l=r.cloneRange(),f=r.cloneRange(),p=e.createInside.fake(),u=e.createInside.fake();l.collapse(!0),f.collapse(!1),l.insertNode(p),f.insertNode(u),s.i.between(p,u,(function(e){t.applyCase(o,e)})),r.setStartAfter(p),r.setEndBefore(u),e.s.selectRange(r),s.i.safeRemove(p),s.i.safeRemove(u)}}})},t.prototype.applyCase=function(e,t){var n=this;if(s.i.isText(t)){var a=t.nodeValue;a&&(t.nodeValue=function(t){switch(e){case"lowercase":return t.toLowerCase();case"uppercase":return t.toUpperCase();default:return t.split(" ").map(r.P).join(" ")}}(a))}else s.i.each(t,(function(t){n.applyCase(e,t)}))},t.prototype.beforeDestruct=function(e){},t.requires=["license"],t}(o.S);i.y.plugins.add("change-case",c)},11705:function(e,t,n){"use strict";var a=n(77628),o=n(95582);a.D.prototype.controls.changeCase={tooltip:"Change case",icon:n(39438),list:["lowercase","UPPERCASE","Title Case"],isDisabled:function(e){return!e.s.current()},exec:function(e,t,n){var a=n.control,s=a.command+"Selected",r=a.args&&a.args[0]||(0,o.dataBind)(e,s);if(!r||!a.command)return!1;(0,o.dataBind)(e,s,r),e.execCommand(a.command,null,r)},command:"changeCase"}}},function(e){return e(e.s=66723)}])}));

package/es5/plugins/color-picker/color-picker.css

@@ -0,0 +1,133 @@
+/*!
+ * jodit-pro - PRO Version of Jodit Editor
+ * Author: Chupurnov Valeriy <chupurnov@gmail.com>
+ * Version: v2.0.0-beta.10
+ * Url: https://xdsoft.net/jodit/pro/
+ * License(s): SEE LICENSE IN LICENSE.md
+ */
+	
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+.jodit-color-input {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: var(--jd-padding-default);
+}
+.jodit-color-input__input {
+  font-family: var(--jd-font-default);
+  font-size: var(--jd-font-size-default);
+  width: 100%;
+  height: var(--jd-input-height);
+  box-sizing: border-box;
+  padding: 0 var(--jd-padding-default);
+  border: 1px solid var(--jd-color-border);
+  border-radius: 0;
+  appearance: none;
+  background-color: var(--jd-color-white);
+  line-height: var(--jd-input-height);
+  outline: none;
+  border: 0;
+}
+.jodit-color-input__input[disabled] {
+  background-color: #f0f0f0;
+  color: var(--jd-color-border);
+}
+.jodit-color-input__input_has-error_true {
+  border-color: var(--jd-color-red);
+}
+.jodit-color-input__input:focus {
+  outline: 0;
+}
+.jodit-color-input_theme_dark .jodit-color-input__input {
+  background-color: var(--jd-color-gray);
+}
+.jodit-color-input_has-error_true .jodit-color-input__input {
+  border-color: var(--jd-color-red);
+}
+.jodit-color-input__error,
+.jodit-color-input__label {
+  display: block;
+  margin-bottom: calc(var(--jd-padding-default) / 4);
+  color: var(--jd-color-label);
+  font-size: 0.8em;
+}
+.jodit-color-input_has-error_true .jodit-color-input__label,
+.jodit-color-input__error {
+  color: var(--jd-color-error);
+}
+.jodit-color-input__wrapper {
+  display: flex;
+  min-width: 200px;
+  align-items: center;
+  justify-content: stretch;
+  border: 1px solid var(--jd-color-border);
+  background-color: var(--jd-color-white);
+}
+@media (max-width: 480px) {
+  .jodit-color-input__wrapper {
+    min-width: 140px;
+  }
+}
+.jodit-color-input_theme_dark .jodit-color-input__wrapper {
+  border-color: var(--jd-color-border);
+  background-color: var(--jd-color-gray);
+}
+.jodit-color-input_focused_true .jodit-color-input__wrapper {
+  border-color: var(--jd-color-border-selected);
+}
+.jodit-color-input__icon:not(:empty) {
+  display: flex;
+  align-items: center;
+  padding: 0 var(--jd-padding-default);
+}
+.jodit-color-input__icon:not(:empty) svg {
+  width: 16px;
+  height: 16px;
+  fill: var(--jd-color-border);
+}
+.jodit-color-input__icon:not(:empty) + .jodit-color-input__input {
+  padding-left: 0;
+}
+.jodit-color-input__clear {
+  display: flex;
+  align-items: center;
+  padding: 0 var(--jd-padding-default) 0 0;
+  opacity: 0.8;
+}
+.jodit-color-input__clear:active {
+  opacity: 1;
+  transform: scale(1.1, 1.1);
+}
+.jodit-color-input__clear svg {
+  width: 12px;
+  height: 12px;
+  fill: var(--jd-color-border);
+}
+.jodit-color-input_theme_dark .jodit-color-input__icon svg,
+.jodit-color-input_theme_dark .jodit-color-input__clear svg {
+  fill: var(--jd-color-dark);
+}
+.jodit-color-input__trigger {
+  width: var(--jd-input-height);
+  height: calc(var(--jd-input-height) - 2px);
+  box-sizing: content-box;
+  border: 1px solid var(--jd-color-border);
+  border-radius: 0;
+  border-left: 0;
+  background-color: var(--jd-color-panel);
+}
+.jodit-color-input_slim_true .jodit-color-input__wrapper,
+.jodit-color-input_slim_true .jodit-color-input__input {
+  width: 24px;
+  min-width: auto;
+  height: 24px;
+  color: transparent;
+}
+.jodit-color-input_trigger_false .jodit-color-input__trigger,
+.jodit-color-input_slim_true .jodit-color-input__trigger {
+  display: none;
+}
+