jodit-pro
Version:
PRO Version of Jodit Editor
19 lines • 79.1 kB
JavaScript
/*!
* jodit-pro - PRO Version of Jodit Editor
* Author: Chupurnov Valerii <chupurnov@gmail.com>
* Version: v4.9.27
* Url: https://xdsoft.net/jodit/pro/
* License(s): SEE LICENSE IN LICENSE.md
*/
!function(t,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o();else if("function"==typeof define&&define.amd)define([],o);else{var i=o();for(var r in i)("object"==typeof exports?exports:t)[r]=i[r]}}(self,function(){return(self.webpackChunkjodit_pro=self.webpackChunkjodit_pro||[]).push([[946],{482:function(t,o,i){"use strict";i.r(o),i.d(o,{googleMaps:function(){return w}});var r=i(77688),a=i(82749),n=i(56075),s=i(31635);i(55029),i(99413);var l=i(17298),c=i(61818),p=i(67912),h=i(92931),u=i(65805),d=i(4774),g=i(82758),m=i(65478),f=i(21537),y=i(50911),v=i(62843),b=i(78584),C=i(92762),k=i(2692);window.JoditGoogleReadyHandler=p.GoogleReadyHandler;class w extends y.Plugin{className(){return"google-maps"}afterInit(t){t.registerCommand(l.COMMAND_OPEN_DIALOG,()=>{this.openMapEditor(null,{})})}beforeDestruct(t){}onOpenOnDblClick(t){if(t.dataset.googleMaps){let o;try{o=JSON.parse(this.j.ow.atob(t.dataset.googleMaps))}catch(t){}return this.openMapEditor(t,o),!1}}openMapEditor(t,o){return(0,r._)(function*(){let i=this.j,r=this.getDialog(),a=this.j.o.googleMaps.saveStateInStorage?r.storage.get(l.STORAGE_KEY):void 0,{apiUrl:s}=this.jodit.o.googleMaps;(0,p.isApiAvailable)()||(0,f.appendScriptAsync)(this.jodit,s.replace(/\${([^}]+)}/g,(t,o)=>{var i;return null!=(i=this.get(o))?i:""}));let c=(0,n._)({type:this.j.o.googleMaps.map.type,layer:this.j.o.googleMaps.map.layer,size:this.j.o.googleMaps.map.size},a,o),m=new d.UIMap(r,c,this.j.options);m.container.classList.add(r.getFullElName("map"));let y=new u.UIComboBox(i,{icon:"search",placeholder:"Search",clearButton:!0}).setMod("in-header",!0);y.container.classList.add(r.getFullElName("search")),this.j.async.promise(t=>{if((0,p.isApiAvailable)())return void t(0);let o=()=>{(0,p.isApiAvailable)()?t(0):this.j.async.setTimeout(o,100)};o(),(0,p.googleReady)(t)}).then(()=>{m.setStatus("ready"),y.setStatus("ready")}),this.j.e.on(y,"select",(t,o)=>{o?m.map.fitBounds(o):t&&(m.state.center=[t.lat(),t.lng()])}),a||("auto"===this.j.o.googleMaps.map.center?navigator.geolocation.getCurrentPosition(t=>{m.state.center=[t.coords.latitude,t.coords.longitude]},()=>{m.state.center=this.j.o.googleMaps.map.defaultCenter}):m.state.center=this.j.o.googleMaps.map.center),r.setSize(...i.o.googleMaps.dialog.size).setHeader([y," ",(0,v.Button)(i,"eye").onAction(()=>{let t=this.jodit.createInside.element("img");t.src=(0,h.staticUrl)(m),t.dataset.googleMaps=btoa(m.json());let o={value:t.outerHTML};this.onAfterGetValueFromEditor(o),i.execCommand("preview",null,o.value)})]).setContent((0,C.TabsWidget)(i,[{name:"Map",icon:"map",content:m},{name:"Settings",content:new d.UIMapsPropsForm(i,m.state)},{name:"Controls",icon:"menu",content:new d.UIMapsControlsForm(i,m.state)}])).setFooter([(0,v.Button)(i,"cancel","Cancel","default").onAction(()=>r.close()),(0,v.Button)(i,"ok",t?"Save":"Insert","primary").onAction(()=>{m.destruct(),y.destruct(),r.e.off("beforeClose",b),r.close(),this.insertMap(t,m)})]).open();let b=()=>{if(m.state.elements.length&&JSON.stringify(m.state.elements)!==JSON.stringify(c.elements)&&!g.IS_TEST&&!confirm(this.i18n("Are you sure?")))return!1;m.destruct(),y.destruct(),r.e.off("beforeClose",b)};r.e.on("beforeClose",b)}).call(this)}getDialog(){if(!this.dialog){let t=new b.Dialog({language:this.j.o.language});t.container.classList.add(this.getFullElName("")),this.dialog=t}return this.dialog}insertMap(t,o){let i=null!=t?t:this.jodit.createInside.element("img");i.src=(0,h.staticUrl)(o),i.dataset.googleMaps=btoa(o.json()),t||this.jodit.s.insertImage(i)}onBeforeSetNativeEditorValue(t){t.value=t.value.replace(RegExp("<script[^>]+jodit-google-maps-init[^>]+>.*?<\\/script>","gs"),"")}onAfterGetValueFromEditor(t,o){this.j.o.googleMaps.useStaticImage||o===g.SOURCE_CONSUMER||(t.value=t.value.replace(RegExp("(<img[^>]+)([\"']?)data-google-maps\\2\\s*=([\"'])([^\"']+)\\3([^>]*>)","gs"),(t,o,i,r,a,n)=>{let s={};try{s=JSON.parse(this.j.ow.atob(a))}catch(t){}return`${o} id="${s.uid}" ${i}data-google-maps${i}=${r}${a}${r}${n}${(0,c.generateJSScript)(this.j,s)}`}))}constructor(...t){super(...t),(0,a._)(this,"buttons",[{group:"media",name:"googleMaps"}]),(0,a._)(this,"dialog",null)}}(0,a._)(w,"requires",["license","color-picker"]),(0,s.__decorate)([(0,m.watch)("?:openOnDblClick")],w.prototype,"onOpenOnDblClick",null),(0,s.__decorate)([(0,m.watch)(":beforeSetNativeEditorValue")],w.prototype,"onBeforeSetNativeEditorValue",null),(0,s.__decorate)([(0,m.watch)(":afterGetValueFromEditor")],w.prototype,"onAfterGetValueFromEditor",null),k.JoditPro.plugins.add("google-maps",w)},1475:function(t,o,i){"use strict";i.d(o,{initOrUpdateElementFromState:function(){return p}});var r=i(53454),a=i(11079),n=i(72690),s=i(580),l=i(12153),c=i(67912);function p(t,o){let i,p=this.mapElements[o];if(p){if(p.state.type===t.type)return n.updateStateAndGme.call(this,t,o);p.gme.setMap(null)}switch(t.type){case"text":i=new google.maps.Marker({position:new google.maps.LatLng(t.coordinates[0],t.coordinates[1]),draggable:!0,title:t.text,map:this.map});break;case"marker":i=new google.maps.Marker({position:new google.maps.LatLng(t.coordinates[0],t.coordinates[1]),draggable:!0,label:t.showCaption?t.title:"",title:t.title,icon:t.icon?l.Icon.get(t.icon):void 0,map:this.map});break;case"polyline":case"polygon":{let o=(0,c.arrayToPath)(t.coordinates);i=new google.maps["polygon"===t.type?"Polygon":"Polyline"]({path:o,strokeColor:t.strokeColor,fillColor:t.fillColor,strokeWeight:t.strokeWeight,editable:!0,draggable:!0,map:this.map,fillOpacity:"polygon"===t.type?t.fillOpacity:1})}break;case"circle":var h;i=new google.maps.Circle({center:new google.maps.LatLng(t.coordinates[0],t.coordinates[1]),radius:t.radius,strokeColor:t.strokeColor,fillColor:t.fillColor,strokeWeight:t.strokeWeight,editable:!0,draggable:!0,map:this.map,fillOpacity:null!=(h=t.fillOpacity)?h:1})}let u={type:t.type,uid:(0,s.uniqueUid)(),state:t,gme:i};"dragend radius_changed center_changed".split(" ").forEach(t=>i.addListener(t,()=>r.onChangeGeometries.call(this,u,o))),("polygon"===u.type||"polyline"===u.type)&&"insert_at set_at remove_at".split(" ").forEach(t=>u.gme.getPath().addListener(t,()=>r.onChangeGeometries.call(this,u,o))),i.addListener("click",()=>a.openPropsDialog.call(this,u,o)),this.mapElements[o]=u}},4169:function(t,o,i){"use strict";i.d(o,{UIMap:function(){return k}});var r=i(77688),a=i(82749),n=i(56075),s=i(11886),l=i(31635);i(55029);var c=i(22125),p=i(1475),h=i(81577),u=i(97357),d=i(13525),g=i(37133),m=i(580),f=i(38837),y=i(41180),v=i(67510),b=i(11676),C=i(17298);class k extends v.UIGroup{className(){return"UIMap"}json(){return JSON.stringify((0,s._)((0,n._)({},this.state),{mode:"hand"}))}onReady(){return(0,r._)(function*(){yield this.apiLoaded;let t=this.getElm("map-root");(0,f.assert)(null!=t,"map-root element does not exists"),this.map=new google.maps.Map(t,{center:{lat:this.state.center[0],lng:this.state.center[1]},zoom:this.state.zoom,mapTypeId:this.state.type}),this.map.addListener("zoom_changed",()=>{var t;this.state.zoom=null!=(t=this.map.getZoom())?t:10}),this.map.addListener("center_changed",()=>{var t,o,i,r,a,n;this.state.center=[null!=(t=null==(r=this.map)||null==(i=r.getCenter())?void 0:i.lat())?t:55,null!=(o=null==(n=this.map)||null==(a=n.getCenter())?void 0:a.lng())?o:34]}),this.map.addListener("maptypeid_changed",()=>{let t=this.map.getMapTypeId();t&&(this.state.type=t)}),this.initDrawManager(),this.onChangeElementsList(),this.onChangeSize(),this.onChangeControls(),this.onChangeLayer(),this.onChangeMapType(),this.onChangeMode(),this.mapInitialized=!0,this.j.async.requestIdleCallback(()=>{this.j.e.fire(this,"GoogleMapsIsReady")})}).call(this)}initDrawManager(){try{let t=new google.maps.drawing.DrawingManager;t.setMap(this.map),t.setOptions({drawingControl:!1,polygonOptions:(0,s._)((0,n._)({},this.options.googleMaps.map.defaultStates.polygon),{clickable:!0,editable:!0}),polylineOptions:(0,s._)((0,n._)({},this.options.googleMaps.map.defaultStates.polyline),{clickable:!0,editable:!0}),markerOptions:(0,s._)((0,n._)({},this.options.googleMaps.map.defaultStates.marker),{clickable:!0}),circleOptions:(0,s._)((0,n._)({},this.options.googleMaps.map.defaultStates.circle),{clickable:!0,editable:!0})}),this.drawingManager=t,google.maps.event.addListener(t,"overlaycomplete",t=>{t.overlay&&(c.addNewInState.call(this,t.overlay),t.overlay.setMap(null))})}catch(t){}}changeCreateMode(t){this.state.mode=this.state.mode===t?"hand":t}onChangeMode(){var t;this.j.buffer.set("createMode.gm",this.state.mode),null==(t=this.drawingManager)||t.setDrawingMode("hand"===this.state.mode?null:this.state.mode),this.j.e.fire("updateToolbar")}onChangeElementsList(){let{state:{elements:t},mapElements:o}=this;t.length<o.length&&o.slice(t.length).forEach(t=>{t.gme.setMap(null)}),o.length=t.length,t.forEach((t,o)=>p.initOrUpdateElementFromState.call(this,t,o))}onChangeCenter(){let t=this.map.getCenter();((null==t?void 0:t.lat())!==this.state.center[0]||(null==t?void 0:t.lng())!==this.state.center[1])&&this.map.setCenter({lat:this.state.center[0],lng:this.state.center[1]})}onChangeZoom(){var t;null==(t=this.map)||t.setZoom(this.state.zoom)}onChangeControls(){let t;for(t in this.state.controls){var o;null==(o=this.map)||o.set(t,this.state.controls[t])}}onChangeBound(){this.options.googleMaps.saveStateInStorage&&this.j.storage.set(C.STORAGE_KEY,{center:this.state.center,size:this.state.size,zoom:this.state.zoom,type:this.state.type,layer:this.state.layer,controls:this.state.controls})}onChangeSize(){let t=this.getElm("map-size");(0,f.assert)(null!=t,"map-size element does not exists"),(0,y.css)(t,{width:this.state.size[0],height:this.state.size[1]})}onChangeMapType(){this.map.setMapTypeId(this.state.type)}onChangeLayer(){switch(this.layers.forEach(t=>t.setMap(null)),this.layers.length=0,this.state.layer){case"traffic":this.layers.push(new google.maps.TrafficLayer);break;case"transit":this.layers.push(new google.maps.TransitLayer);break;case"bicycling":this.layers.push(new google.maps.BicyclingLayer)}this.layers.forEach(t=>t.setMap(this.map))}render(){return`<div>
<div class='&__map-root'></div>
<div class='&__map-size'></div>
<div class='&__map-palette'></div>
</div>`}appendChildToContainer(){}constructor(t,o,i){super(t),(0,a._)(this,"options",void 0),(0,a._)(this,"drawingManager",void 0),(0,a._)(this,"toolbar",void 0),(0,a._)(this,"state",void 0),(0,a._)(this,"mapElements",void 0),(0,a._)(this,"apiLoaded",void 0),(0,a._)(this,"mapInitialized",void 0),(0,a._)(this,"map",void 0),(0,a._)(this,"layers",void 0),this.options=i,this.toolbar=new b.ToolbarCollection(this.jodit),this.state={uid:"jd"+(0,m.uniqueUid)()+new Date().toString().replace(/[^0-9]/g,""),layer:this.options.googleMaps.map.layer,center:this.options.googleMaps.map.defaultCenter,zoom:this.options.googleMaps.map.defaultZoom,size:this.options.googleMaps.map.size,type:this.options.googleMaps.map.type,controls:{zoomControl:!0,mapTypeControl:!0,scaleControl:!0,streetViewControl:!0,rotateControl:!0,fullscreenControl:!0},mode:"hand",elements:[]},this.mapElements=[],this.apiLoaded=null,this.mapInitialized=!1,this.layers=[],Object.assign(this.state,o),this.toolbar.build(["gm.hand","gm.marker","gm.polyline","gm.polygon","gm.circle"]);const r=this.getElm("map-palette");(0,f.assert)(null!=r,"palette element does not exists"),r.appendChild(this.toolbar.container)}}(0,l.__decorate)([(0,u.hook)("ready")],k.prototype,"onReady",null),(0,l.__decorate)([(0,g.watch)("?:changeCreateMode.gm")],k.prototype,"changeCreateMode",null),(0,l.__decorate)([(0,g.watch)("state.mode")],k.prototype,"onChangeMode",null),(0,l.__decorate)([(0,g.watch)("state.elements")],k.prototype,"onChangeElementsList",null),(0,l.__decorate)([(0,g.watch)("state.center"),(0,d.wait)(t=>t.mapInitialized),(0,h.debounce)()],k.prototype,"onChangeCenter",null),(0,l.__decorate)([(0,g.watch)("state.zoom"),(0,h.debounce)()],k.prototype,"onChangeZoom",null),(0,l.__decorate)([(0,g.watch)("state.controls")],k.prototype,"onChangeControls",null),(0,l.__decorate)([(0,g.watch)(["state.center","state.zoom","state.controls","state.size","state.type","state.layer"]),(0,d.wait)(t=>t.mapInitialized),(0,h.debounce)()],k.prototype,"onChangeBound",null),(0,l.__decorate)([(0,g.watch)("state.size"),(0,h.debounce)()],k.prototype,"onChangeSize",null),(0,l.__decorate)([(0,g.watch)("state.type")],k.prototype,"onChangeMapType",null),(0,l.__decorate)([(0,g.watch)("state.layer")],k.prototype,"onChangeLayer",null)},4774:function(t,o,i){"use strict";i.d(o,{UIMap:function(){return r.UIMap},UIMapsControlsForm:function(){return a.UIMapsControlsForm},UIMapsPropsForm:function(){return n.UIMapsPropsForm}}),i(90835);var r=i(4169),a=i(8073),n=i(83039);i(11093)},8073:function(t,o,i){"use strict";i.d(o,{UIMapsControlsForm:function(){return p}});var r=i(82749),a=i(56075),n=i(11886),s=i(31635),l=i(87325),c=i(67510);class p extends c.UIForm{className(){return"UIMapsControlsForm"}onChangeSize(t,o){this.state.controls=(0,n._)((0,a._)({},this.state.controls),{[t]:"true"===o})}constructor(t,o){super(t),(0,r._)(this,"state",void 0),this.state=o;const i={zoomControl:"Zoom control",mapTypeControl:"Map Type control",scaleControl:"Scale control",streetViewControl:"Street View control ",rotateControl:"Rotate control",fullscreenControl:"Fullscreen control"},a=Object.keys(i);this.append(a.map(o=>new c.UICheckbox(t,{label:i[o],name:o,checked:this.state.controls[o],switch:!0,type:"checkbox",onChange:this.onChangeSize.bind(this,o)})))}}p=(0,s.__decorate)([l.component],p)},11079:function(t,o,i){"use strict";i.d(o,{openPropsDialog:function(){return p}});var r=i(56075),a=i(11886),n=i(47660),s=i(72690),l=i(90835);function c(){let t=new google.maps.InfoWindow({content:"<div>test</div>"});return t.addListener("domready",()=>{this.setMod("info-opened",!0)}),t.addListener("closeclick",()=>{this.setMod("info-opened",!1)}),t}function p(t,o){let i;switch(this.state.mode="hand",t.type){case"polyline":i=new l.UIPolylineEditor(this.jodit,t.state,this.options);break;case"marker":i=new l.UIMarkerEditor(this.jodit,t.state,this.options);break;case"circle":case"polygon":i=new l.UIPolygonEditor(this.jodit,t.state,this.options)}if(!i)return;this.append(i),this.j.e.on(i,"bin",()=>{n.removeElement.call(this,t)}).on(i,"change",(i,n)=>{s.updateStateAndGme.call(this,(0,a._)((0,r._)({},t.state),{[i]:n}),o)});let p=c.call(this);if("polygon"===t.type||"polyline"===t.type){let o=t.gme.getPath().getAt(0);p.setPosition(o)}"circle"===t.type&&p.setPosition(t.gme.getCenter()),p.setContent(i.container),p.open(this.map,t.gme),p.addListener("closeclick",()=>{i&&(this.remove(i),i.destruct())})}},11093:function(t,o,i){"use strict";i.d(o,{UIWysiwyg:function(){return p}});var r=i(56075),a=i(31635),n=i(87325),s=i(38837),l=i(48538),c=i(2692);class p extends l.UIElement{className(){return"UIWysiwyg"}render(){return`<div>
<div class='&__label'>~Info~</div>
<div class='&__editor'></div>
</div>`}constructor(t,o,i,a){super(t);const n=this.getElm("editor");(0,s.assert)(null!=n,"editor element does not exist");const l=c.JoditPro.make(n,(0,r._)({buttons:["bold","italic","image"],height:100,minHeight:100,allowResizeY:!1,allowResizeX:!1,disablePlugins:["mobile","backup","highlight-signature","tune-block","show-blocks"],toolbarButtonSize:"small",language:t.o.language,direction:t.o.direction,theme:t.o.theme,statusbar:!1},o));l.value=i,l.e.on("change",()=>a(l.value))}}p=(0,a.__decorate)([n.component],p)},11696:function(t,o,i){"use strict";i.d(o,{UIPolygonEditor:function(){return c}});var r=i(31635),a=i(65478),n=i(62357),s=i(45128),l=i(69398);class c extends l.UIPolylineEditor{className(){return"UIPolygonEditor"}onReady(){var t,o;this.append([new s.ColorInput(this.j,{label:"Fill color",value:null!=(t=this.state.fillColor)?t:"#000",onChange:t=>this.j.e.fire(this,"change","fillColor",t)}).setMod("trigger",!1),new n.UIRange(this.j,{label:"Opacity",min:0,max:1,value:null!=(o=this.state.fillOpacity)?o:1,onChange:t=>{this.j.e.fire(this,"change","fillOpacity",parseFloat(t)||0)}}).setMod("log",!1)],"form")}}(0,r.__decorate)([(0,a.hook)("ready")],c.prototype,"onReady",null),c=(0,r.__decorate)([a.component],c)},11886:function(t,o,i){"use strict";function r(t,o){return o=null!=o?o:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):(function(t){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);o.push.apply(o,i)}return o})(Object(o)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(o,i))}),t}i.d(o,{_:function(){return r}})},14002:function(t,o,i){"use strict";i.d(o,{UIBaseEditor:function(){return n}});var r=i(82749),a=i(67510);class n extends a.UIGroup{className(){return"UIBaseEditor"}render(){return`<div>
<div class='&__header'></div>
<div class='&__form'></div>
<div class='&__buttons'></div>
</div>`}onReady(){let t=(0,a.Button)(this.j,"bin").onAction(()=>this.j.e.fire(this,"bin"));this.append(t,"buttons")}constructor(t,o,i){super(t),(0,r._)(this,"state",void 0),(0,r._)(this,"options",void 0),this.state=o,this.options=i}}},17298:function(t,o,i){"use strict";i.d(o,{COMMAND_OPEN_DIALOG:function(){return a},STORAGE_KEY:function(){return r}});let r="googleMapsState",a="googleMapsDialog"},22125:function(t,o,i){"use strict";i.d(o,{addNewInState:function(){return n}});var r=i(56075),a=i(67912);function n(t){var o,i,n,s,l,c,p,h;switch(this.state.mode){case"polyline":case"polygon":{let{mode:o}=this.state;this.state.elements=[...this.state.elements,(0,r._)({type:o,coordinates:(0,a.pathToArray)(t.getPath())},this.options.googleMaps.map.defaultStates[o])];break}case"circle":this.state.elements=[...this.state.elements,(0,r._)({type:this.state.mode,coordinates:[null!=(o=null==(n=t.getCenter())?void 0:n.lat())?o:0,null!=(i=null==(s=t.getCenter())?void 0:s.lng())?i:0],radius:t.getRadius()},this.options.googleMaps.map.defaultStates.circle)];break;case"marker":this.state.elements=[...this.state.elements,(0,r._)({type:this.state.mode,coordinates:[null!=(l=null==(p=t.getPosition())?void 0:p.lat())?l:0,null!=(c=null==(h=t.getPosition())?void 0:h.lng())?c:0]},this.options.googleMaps.map.defaultStates.marker)]}}},27622:function(t){t.exports='<svg width="72" height="86" viewBox="0 0 72 86" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.1832 79.1351L13.6833 45.0811L49.6832 58.4595L47.6832 5.35135" stroke="black" stroke-width="6"/> <circle cx="13" cy="44" r="6" fill="#C8C8C8"/> <circle cx="17" cy="77" r="6" fill="#C8C8C8"/> <circle cx="51" cy="59" r="6" fill="#C8C8C8"/> <circle cx="48" cy="6" r="6" fill="#C8C8C8"/> </svg>'},36576:function(t){t.exports='<svg viewBox="0 0 77 86" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7 38.6056L33.1367 7.96263L69.5477 45.7058L36.2444 72.166L7 76.9673V38.6056Z" stroke="black" stroke-width="6"/> <circle cx="71" cy="45" r="6" fill="#C8C8C8"/> <circle cx="35" cy="73" r="6" fill="#C8C8C8"/> <circle cx="6" cy="79" r="6" fill="#C8C8C8"/> <circle cx="6" cy="39" r="6" fill="#C8C8C8"/> <circle cx="33" cy="6" r="6" fill="#C8C8C8"/> </svg>'},42370:function(t,o,i){"use strict";i.d(o,{UIMarkerEditor:function(){return l}});var r=i(31635),a=i(65478),n=i(14002),s=i(11093);class l extends n.UIBaseEditor{className(){return"UIMarkerEditor"}onReady(){var t;super.onReady();let o=new s.UIWysiwyg(this.j,this.options.googleMaps.inlineEditorOptions,null!=(t=this.state.text)?t:"",t=>this.j.e.fire(this,"change","text",t));this.append(o,"form")}}(0,r.__decorate)([(0,a.hook)("ready")],l.prototype,"onReady",null),l=(0,r.__decorate)([a.component],l)},45128:function(t,o,i){"use strict";i.d(o,{ColorInput:function(){return d}});var r=i(82749),a=i(31635),n=i(46146),s=i(82758),l=i(65478),c=i(21537),p=i(38837),h=i(67510),u=i(41409);class d extends h.UIInput{className(){return"ColorInput"}afterSetMode(t,o){"slim"===t&&o&&this.nativeInput.setAttribute("readonly","true")}onChangeSelfValue(){this.nativeInput.style.backgroundColor=this.value}onEscKeyDown(t){if(t.key===s.KEY_ESC){var o;null==(o=this.popup)||o.close()}}constructor(t,o){super(t,o),(0,r._)(this,"trigger",void 0),(0,r._)(this,"popup",void 0);const i=new h.Popup(t);this.popup=i,this.trigger=(0,h.Button)(this.j,"ok");const a=this.getElm("wrapper");(0,p.assert)(null!=a,"wrapper element does not exist"),a.appendChild(this.trigger.container),this.trigger.container.classList.add(this.getFullElName("trigger")),this.trigger.onAction(()=>{var t,o;null==(t=(o=this.state).onChange)||t.call(o,this.value),i.close()}),i.setMod("padding",!1).setMod("max-height",!1);const s=this.j.create.div(this.getFullElName("picker")),l=n.createPicker(s,{paletteEditable:!0,showAlpha:!0,palette:"PALETTE_MATERIAL_CHROME"}).on("change",(t,o)=>{this.isFocused||(this.value=n.parseColor(o||"","hex"))});this.j.e.on(this,"change",()=>{let t;t=this.value,n.parseColor(t,"hex")!==l.color&&(l.color=this.value)}),i.setContent(s),this.j.e.on(this.nativeInput,"click",()=>{i.parentElement=this,this.jodit instanceof u.Dialog&&i.setZIndex(this.jodit.getZIndex()+1),i.open(()=>(0,c.position)(this.container))}),this.onChangeValue(),this.onChangeSelfValue()}}(0,a.__decorate)([(0,l.watch)(":change")],d.prototype,"onChangeSelfValue",null),(0,a.__decorate)([(0,l.watch)("nativeInput:keydown")],d.prototype,"onEscKeyDown",null),d=(0,a.__decorate)([l.component],d)},46146:function(t){"u">typeof self&&self,t.exports=function(){var t=[function(t,o,i){"use strict";var r=i(3);function a(t){return!0===r(t)&&"[object Object]"===Object.prototype.toString.call(t)}t.exports=function(t){var o,i;return!1!==a(t)&&"function"==typeof(o=t.constructor)&&!1!==a(i=o.prototype)&&!1!==i.hasOwnProperty("isPrototypeOf")}},function(t,o,i){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.VERSION=o.PALETTE_MATERIAL_CHROME=o.PALETTE_MATERIAL_500=o.COLOR_NAMES=o.getLuminance=o.intToRgb=o.rgbToInt=o.rgbToHsv=o.rgbToHsl=o.hslToRgb=o.rgbToHex=o.parseColor=o.parseColorToHsla=o.parseColorToHsl=o.parseColorToRgba=o.parseColorToRgb=o.from=o.createPicker=void 0;var r=function(){function t(t,o){for(var i=0;i<o.length;i++){var r=o[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(o,i,r){return i&&t(o.prototype,i),r&&t(o,r),o}}(),a=function(t,o){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,o){var i=[],r=!0,a=!1,n=void 0;try{for(var s,l=t[Symbol.iterator]();!(r=(s=l.next()).done)&&(i.push(s.value),!o||i.length!==o);r=!0);}catch(t){a=!0,n=t}finally{try{!r&&l.return&&l.return()}finally{if(a)throw n}}return i}(t,o);throw TypeError("Invalid attempt to destructure non-iterable instance")},n=i(2),s=c(i(0)),l=c(i(4));function c(t){return t&&t.__esModule?t:{default:t}}function p(t,o){if(!(t instanceof o))throw TypeError("Cannot call a class as a function")}function h(t){if(Array.isArray(t)){for(var o=0,i=Array(t.length);o<t.length;o++)i[o]=t[o];return i}return Array.from(t)}var u="u">typeof window&&window.navigator.userAgent.indexOf("Edge")>-1,d="u">typeof window&&window.navigator.userAgent.indexOf("rv:")>-1,g={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]},m="COLOR",f="RGBA_USER",y="HSLA_USER";function v(t,o,i){return t?t instanceof HTMLElement?t:t instanceof NodeList?t[0]:"string"==typeof t?document.querySelector(t):t.jquery?t.get(0):i?o:null:o}function b(t){var o=t.getContext("2d"),i=+t.width,r=+t.height,s=o.createLinearGradient(1,1,1,r-1);return s.addColorStop(0,"white"),s.addColorStop(1,"black"),{setHue:function(t){var a=o.createLinearGradient(1,0,i-1,0);a.addColorStop(0,"hsla("+t+", 100%, 50%, 0)"),a.addColorStop(1,"hsla("+t+", 100%, 50%, 1)"),o.fillStyle=s,o.fillRect(0,0,i,r),o.fillStyle=a,o.globalCompositeOperation="multiply",o.fillRect(0,0,i,r),o.globalCompositeOperation="source-over"},grabColor:function(t,i){return o.getImageData(t,i,1,1).data},findColor:function(t,o,s){var l=a((0,n.rgbToHsv)(t,o,s),3);return[l[1]*i,r-l[2]*r]}}}function C(t,o,i){return null===t?o:/^\s*$/.test(t)?i:!!/true|yes|1/i.test(t)||!/false|no|0/i.test(t)&&o}function k(t,o,i){if(null===t)return o;if(/^\s*$/.test(t))return i;var r=t.split(",").map(Number);return 2===r.length&&r[0]&&r[1]?r:o}var w=function(){function t(o,i){if(p(this,t),i?(o=v(o),this.options=Object.assign({},g,i)):o&&(0,s.default)(o)?(this.options=Object.assign({},g,o),o=v(this.options.attachTo)):(this.options=Object.assign({},g),o=v((0,n.nvl)(o,this.options.attachTo))),!o)throw Error("Container not found: "+this.options.attachTo);!function(t,o){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"acp-";if(o.hasAttribute(i+"show-hsl")&&(t.showHSL=C(o.getAttribute(i+"show-hsl"),g.showHSL,!0)),o.hasAttribute(i+"show-rgb")&&(t.showRGB=C(o.getAttribute(i+"show-rgb"),g.showRGB,!0)),o.hasAttribute(i+"show-hex")&&(t.showHEX=C(o.getAttribute(i+"show-hex"),g.showHEX,!0)),o.hasAttribute(i+"show-alpha")&&(t.showAlpha=C(o.getAttribute(i+"show-alpha"),g.showAlpha,!0)),o.hasAttribute(i+"palette-editable")&&(t.paletteEditable=C(o.getAttribute(i+"palette-editable"),g.paletteEditable,!0)),o.hasAttribute(i+"sl-bar-size")&&(t.slBarSize=k(o.getAttribute(i+"sl-bar-size"),g.slBarSize,[232,150])),o.hasAttribute(i+"hue-bar-size")&&(t.hueBarSize=k(o.getAttribute(i+"hue-bar-size"),g.hueBarSize,[150,11]),t.alphaBarSize=t.hueBarSize),o.hasAttribute(i+"palette")){var r=o.getAttribute(i+"palette");switch(r){case"PALETTE_MATERIAL_500":t.palette=n.PALETTE_MATERIAL_500;break;case"PALETTE_MATERIAL_CHROME":case"":t.palette=n.PALETTE_MATERIAL_CHROME;break;default:t.palette=r.split(/[;|]/)}}o.hasAttribute(i+"color")&&(t.color=o.getAttribute(i+"color"))}(this.options,o),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=l.default,o.appendChild(this.element);var r=this.element.querySelector(".a-color-picker-h");this.setupHueCanvas(r),this.hueBarHelper=b(r),this.huePointer=this.element.querySelector(".a-color-picker-h+.a-color-picker-dot");var a=this.element.querySelector(".a-color-picker-sl");this.setupSlCanvas(a),this.slBarHelper=b(a),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(m,this.options.color)}return r(t,[{key:"setupHueCanvas",value:function(t){var o=this;t.width=this.options.hueBarSize[0],t.height=this.options.hueBarSize[1];for(var i=t.getContext("2d"),r=i.createLinearGradient(0,0,this.options.hueBarSize[0],0),a=0;a<=1;a+=1/360)r.addColorStop(a,"hsl("+360*a+", 100%, 50%)");i.fillStyle=r,i.fillRect(0,0,this.options.hueBarSize[0],this.options.hueBarSize[1]);var s=function(i){var r=(0,n.limit)(i.clientX-t.getBoundingClientRect().left,0,o.options.hueBarSize[0]),a=Math.round(360*r/o.options.hueBarSize[0]);o.huePointer.style.left=r-7+"px",o.onValueChanged("H",a)},l=function t(){document.removeEventListener("mousemove",s),document.removeEventListener("mouseup",t)};t.addEventListener("mousedown",function(t){s(t),document.addEventListener("mousemove",s),document.addEventListener("mouseup",l)})}},{key:"setupSlCanvas",value:function(t){var o=this;t.width=this.options.slBarSize[0],t.height=this.options.slBarSize[1];var i=function(i){var r=(0,n.limit)(i.clientX-t.getBoundingClientRect().left,0,o.options.slBarSize[0]-1),a=(0,n.limit)(i.clientY-t.getBoundingClientRect().top,0,o.options.slBarSize[1]-1),s=o.slBarHelper.grabColor(r,a);o.slPointer.style.left=r-7+"px",o.slPointer.style.top=a-7+"px",o.onValueChanged("RGB",s)},r=function t(){document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",t)};t.addEventListener("mousedown",function(t){i(t),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)})}},{key:"setupAlphaCanvas",value:function(t){var o=this;t.width=this.options.alphaBarSize[0],t.height=this.options.alphaBarSize[1];var i=t.getContext("2d"),r=i.createLinearGradient(0,0,t.width-1,0);r.addColorStop(0,"hsla(0, 0%, 50%, 0)"),r.addColorStop(1,"hsla(0, 0%, 50%, 1)"),i.fillStyle=r,i.fillRect(0,0,this.options.alphaBarSize[0],this.options.alphaBarSize[1]);var a=function(i){var r=(0,n.limit)(i.clientX-t.getBoundingClientRect().left,0,o.options.alphaBarSize[0]),a=+(r/o.options.alphaBarSize[0]).toFixed(2);o.alphaPointer.style.left=r-7+"px",o.onValueChanged("ALPHA",a)},s=function t(){document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",t)};t.addEventListener("mousedown",function(t){a(t),document.addEventListener("mousemove",a),document.addEventListener("mouseup",s)})}},{key:"setupInput",value:function(t){var o=this,i=+t.min,r=+t.max,a=t.getAttribute("nameref");t.hasAttribute("select-on-focus")&&t.addEventListener("focus",function(){t.select()}),"text"===t.type?t.addEventListener("change",function(){o.onValueChanged(a,t.value)}):((u||d)&&t.addEventListener("keydown",function(s){"Up"===s.key?(t.value=(0,n.limit)(+t.value+1,i,r),o.onValueChanged(a,t.value),s.returnValue=!1):"Down"===s.key&&(t.value=(0,n.limit)(t.value-1,i,r),o.onValueChanged(a,t.value),s.returnValue=!1)}),t.addEventListener("change",function(){var s=+t.value;o.onValueChanged(a,(0,n.limit)(s,i,r))}))}},{key:"setupClipboard",value:function(t){var o=this;t.title="click to copy",t.addEventListener("click",function(){t.value=(0,n.parseColor)([o.R,o.G,o.B,o.A],"hexcss4"),t.select(),document.execCommand("copy")})}},{key:"setPalette",value:function(t){var o=this,i="auto"===this.options.useAlphaInPalette?this.options.showAlpha:this.options.useAlphaInPalette,r=null;switch(this.options.palette){case"PALETTE_MATERIAL_500":r=n.PALETTE_MATERIAL_500;break;case"PALETTE_MATERIAL_CHROME":r=n.PALETTE_MATERIAL_CHROME;break;default:r=(0,n.ensureArray)(this.options.palette)}if(this.options.paletteEditable||r.length>0){var a=function(i,r,a){var n=t.querySelector('.a-color-picker-palette-color[data-color="'+i+'"]')||document.createElement("div");n.className="a-color-picker-palette-color",n.style.backgroundColor=i,n.setAttribute("data-color",i),n.title=i,t.insertBefore(n,r),o.palette[i]=!0,a&&o.onPaletteColorAdd(i)},s=function(i,r){i?(t.removeChild(i),o.palette[i.getAttribute("data-color")]=!1,r&&o.onPaletteColorRemove(i.getAttribute("data-color"))):(t.querySelectorAll(".a-color-picker-palette-color[data-color]").forEach(function(o){t.removeChild(o)}),Object.keys(o.palette).forEach(function(t){o.palette[t]=!1}),r&&o.onPaletteColorRemove())};if(r.map(function(t){return(0,n.parseColor)(t,i?"rgbcss4":"hex")}).filter(function(t){return!!t}).forEach(function(t){return a(t)}),this.options.paletteEditable){var l=document.createElement("div");l.className="a-color-picker-palette-color a-color-picker-palette-add",l.innerHTML="+",t.appendChild(l),t.addEventListener("click",function(t){/a-color-picker-palette-add/.test(t.target.className)?t.shiftKey?s(null,!0):a(i?(0,n.parseColor)([o.R,o.G,o.B,o.A],"rgbcss4"):(0,n.rgbToHex)(o.R,o.G,o.B),t.target,!0):/a-color-picker-palette-color/.test(t.target.className)&&(t.shiftKey?s(t.target,!0):o.onValueChanged(m,t.target.getAttribute("data-color")))})}else t.addEventListener("click",function(t){/a-color-picker-palette-color/.test(t.target.className)&&o.onValueChanged(m,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,o){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{silent:!1};switch(t){case"H":this.H=o;var r=a((0,n.hslToRgb)(this.H,this.S,this.L),3);this.R=r[0],this.G=r[1],this.B=r[2],this.slBarHelper.setHue(o),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=o;var s=a((0,n.hslToRgb)(this.H,this.S,this.L),3);this.R=s[0],this.G=s[1],this.B=s[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=o;var l=a((0,n.hslToRgb)(this.H,this.S,this.L),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"R":this.R=o;var c=a((0,n.rgbToHsl)(this.R,this.G,this.B),3);this.H=c[0],this.S=c[1],this.L=c[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=o;var p=a((0,n.rgbToHsl)(this.R,this.G,this.B),3);this.H=p[0],this.S=p[1],this.L=p[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=o;var h=a((0,n.rgbToHsl)(this.R,this.G,this.B),3);this.H=h[0],this.S=h[1],this.L=h[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 u=a(o,3);this.R=u[0],this.G=u[1],this.B=u[2];var d=a((0,n.rgbToHsl)(this.R,this.G,this.B),3);this.H=d[0],this.S=d[1],this.L=d[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 f:var g=a(o,4);this.R=g[0],this.G=g[1],this.B=g[2],this.A=g[3];var v=a((0,n.rgbToHsl)(this.R,this.G,this.B),3);this.H=v[0],this.S=v[1],this.L=v[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 y:var b=a(o,4);this.H=b[0],this.S=b[1],this.L=b[2],this.A=b[3];var C=a((0,n.hslToRgb)(this.H,this.S,this.L),3);this.R=C[0],this.G=C[1],this.B=C[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 k=a((0,n.cssColorToRgb)(o)||[this.R,this.G,this.B],3);this.R=k[0],this.G=k[1],this.B=k[2];var w=a((0,n.rgbToHsl)(this.R,this.G,this.B),3);this.H=w[0],this.S=w[1],this.L=w[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 m:var E=a((0,n.parseColor)(o,"rgba")||[0,0,0,1],4);this.R=E[0],this.G=E[1],this.B=E[2],this.A=E[3];var A=a((0,n.rgbToHsl)(this.R,this.G,this.B),3);this.H=A[0],this.S=A[1],this.L=A[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=o}1===this.A?this.preview.style.backgroundColor="rgb("+this.R+","+this.G+","+this.B+")":this.preview.style.backgroundColor="rgba("+this.R+","+this.G+","+this.B+","+this.A+")",i&&i.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,o,i){this.options.showHSL&&(this.inputH.value=t,this.inputS.value=o,this.inputL.value=i)}},{key:"updateInputRGB",value:function(t,o,i){this.options.showRGB&&(this.inputR.value=t,this.inputG.value=o,this.inputB.value=i)}},{key:"updateInputRGBHEX",value:function(t,o,i){this.options.showHEX&&(this.inputRGBHEX.value=(0,n.rgbToHex)(t,o,i))}},{key:"updatePointerH",value:function(t){var o=this.options.hueBarSize[0]*t/360;this.huePointer.style.left=o-7+"px"}},{key:"updatePointerSL",value:function(t,o,i){var r=a((0,n.hslToRgb)(t,o,i),3),s=r[0],l=r[1],c=r[2],p=a(this.slBarHelper.findColor(s,l,c),2),h=p[0],u=p[1];h>=0&&(this.slPointer.style.left=h-7+"px",this.slPointer.style.top=u-7+"px")}},{key:"updatePointerA",value:function(t){if(this.options.showAlpha){var o=this.options.alphaBarSize[0]*t;this.alphaPointer.style.left=o-7+"px"}}}]),t}(),E=function(){function t(o){p(this,t),this.name=o,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(o){return o!==t}):[]}},{key:"emit",value:function(t,o){for(var i=this.listeners.slice(0),r=0;r<i.length;r++)i[r].apply(o,t)}}]),t}();function A(t,o){var i=new w(t,o),r={change:new E("change"),coloradd:new E("coloradd"),colorremove:new E("colorremove")},s=!0,l={},c={get element(){return i.element},get rgb(){return[i.R,i.G,i.B]},set rgb(e){var p=a(e,3),h=p[0],u=p[1],d=p[2],g=[(0,n.limit)(h,0,255),(0,n.limit)(u,0,255),(0,n.limit)(d,0,255)];h=g[0],u=g[1],d=g[2],i.onValueChanged(f,[h,u,d,1])},get hsl(){return[i.H,i.S,i.L]},set hsl(e){var v=a(e,3),b=v[0],C=v[1],k=v[2],A=[(0,n.limit)(b,0,360),(0,n.limit)(C,0,100),(0,n.limit)(k,0,100)];b=A[0],C=A[1],k=A[2],i.onValueChanged(y,[b,C,k,1])},get rgbhex(){return this.all.hex},get rgba(){return[i.R,i.G,i.B,i.A]},set rgba(e){var x=a(e,4),S=x[0],F=x[1],_=x[2],B=x[3],L=[(0,n.limit)(S,0,255),(0,n.limit)(F,0,255),(0,n.limit)(_,0,255),(0,n.limit)(B,0,1)];S=L[0],F=L[1],_=L[2],B=L[3],i.onValueChanged(f,[S,F,_,B])},get hsla(){return[i.H,i.S,i.L,i.A]},set hsla(e){var R=a(e,4),H=R[0],I=R[1],M=R[2],T=R[3],P=[(0,n.limit)(H,0,360),(0,n.limit)(I,0,100),(0,n.limit)(M,0,100),(0,n.limit)(T,0,1)];H=P[0],I=P[1],M=P[2],T=P[3],i.onValueChanged(y,[H,I,M,T])},get color(){return this.all.toString()},set color(e){i.onValueChanged(m,e)},setColor:function(t){var o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];i.onValueChanged(m,t,{silent:o})},get all(){if(s){var j=[i.R,i.G,i.B,i.A],O=i.A<1?"rgba("+i.R+","+i.G+","+i.B+","+i.A+")":n.rgbToHex.apply(void 0,j);(l=(0,n.parseColor)(j,l)).toString=function(){return O},s=!1}return Object.assign({},l)},get onchange(){return r.change&&r.change.listeners[0]},set onchange(e){this.off("change").on("change",e)},get oncoloradd(){return r.coloradd&&r.coloradd.listeners[0]},set oncoloradd(e){this.off("coloradd").on("coloradd",e)},get oncolorremove(){return r.colorremove&&r.colorremove.listeners[0]},set oncolorremove(e){this.off("colorremove").on("colorremove",e)},get palette(){return Object.keys(i.palette).filter(function(t){return i.palette[t]})},set palette(e){i.updatePalette(e)},show:function(){i.element.classList.remove("hidden")},hide:function(){i.element.classList.add("hidden")},toggle:function(){i.element.classList.toggle("hidden")},on:function(t,o){return t&&r[t]&&r[t].on(o),this},off:function(t,o){return t&&r[t]&&r[t].off(o),this},destroy:function(){r.change.off(),r.coloradd.off(),r.colorremove.off(),i.element.remove(),r=null,i=null}};return i.onchange=function(){for(var t=arguments.length,o=Array(t),i=0;i<t;i++)o[i]=arguments[i];s=!0,r.change.emit([c].concat(o),c)},i.oncoloradd=function(){for(var t=arguments.length,o=Array(t),i=0;i<t;i++)o[i]=arguments[i];r.coloradd.emit([c].concat(o),c)},i.oncolorremove=function(){for(var t=arguments.length,o=Array(t),i=0;i<t;i++)o[i]=arguments[i];r.colorremove.emit([c].concat(o),c)},i.element.ctrl=c,c}if("u">typeof window&&!document.querySelector('head>style[data-source="a-color-picker"]')){var x=i(5).toString(),S=document.createElement("style");S.setAttribute("type","text/css"),S.setAttribute("data-source","a-color-picker"),S.innerHTML=x,document.querySelector("head").appendChild(S)}o.createPicker=A,o.from=function(t,o){var i=(t?Array.isArray(t)?t:t instanceof HTMLElement?[t]:t instanceof NodeList?[].concat(h(t)):"string"==typeof t?[].concat(h(document.querySelectorAll(t))):t.jquery?t.get():[]:[]).map(function(t,i){var r=A(t,o);return r.index=i,r});return i.on=function(t,o){return i.forEach(function(i){return i.on(t,o)}),this},i.off=function(t){return i.forEach(function(o){return o.off(t)}),this},i},o.parseColorToRgb=n.parseColorToRgb,o.parseColorToRgba=n.parseColorToRgba,o.parseColorToHsl=n.parseColorToHsl,o.parseColorToHsla=n.parseColorToHsla,o.parseColor=n.parseColor,o.rgbToHex=n.rgbToHex,o.hslToRgb=n.hslToRgb,o.rgbToHsl=n.rgbToHsl,o.rgbToHsv=n.rgbToHsv,o.rgbToInt=n.rgbToInt,o.intToRgb=n.intToRgb,o.getLuminance=n.getLuminance,o.COLOR_NAMES=n.COLOR_NAMES,o.PALETTE_MATERIAL_500=n.PALETTE_MATERIAL_500,o.PALETTE_MATERIAL_CHROME=n.PALETTE_MATERIAL_CHROME,o.VERSION="1.2.1"},function(t,o,i){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.nvl=o.ensureArray=o.limit=o.getLuminance=o.parseColor=o.parseColorToHsla=o.parseColorToHsl=o.cssHslaToHsla=o.cssHslToHsl=o.parseColorToRgba=o.parseColorToRgb=o.cssRgbaToRgba=o.cssRgbToRgb=o.cssColorToRgba=o.cssColorToRgb=o.intToRgb=o.rgbToInt=o.rgbToHsv=o.rgbToHsl=o.hslToRgb=o.rgbToHex=o.PALETTE_MATERIAL_CHROME=o.PALETTE_MATERIAL_500=o.COLOR_NAMES=void 0;var r,a=function(t,o){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,o){var i=[],r=!0,a=!1,n=void 0;try{for(var s,l=t[Symbol.iterator]();!(r=(s=l.next()).done)&&(i.push(s.value),!o||i.length!==o);r=!0);}catch(t){a=!0,n=t}finally{try{!r&&l.return&&l.return()}finally{if(a)throw n}}return i}(t,o);throw TypeError("Invalid attempt to destructure non-iterable instance")},n=(r=i(0))&&r.__esModule?r:{default:r};function s(t){if(Array.isArray(t)){for(var o=0,i=Array(t.length);o<t.length;o++)i[o]=t[o];return i}return Array.from(t)}var l={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 c(t,o,i){return isNaN(t*=1)||o>t?o:t>i?i:t}function p(t,o){return null==t?o:t}function h(t,o,i){var r=[c(t,0,255),c(o,0,255),c(i,0,255)];return"#"+("000000"+((t=r[0])<<16|(o=r[1])<<8|(i=r[2])).toString(16)).slice(-6)}function u(t,o,i){var r=void 0,a=void 0,n=void 0,s=[c(t,0,360)/360,c(o,0,100)/100,c(i,0,100)/100];if(t=s[0],i=s[2],0==(o=s[1]))r=a=n=i;else{var l=function(t,o,i){return i<0&&(i+=1),i>1&&(i-=1),i<1/6?t+6*(o-t)*i:i<.5?o:i<2/3?t+(o-t)*(2/3-i)*6:t},p=i<.5?i*(1+o):i+o-i*o,h=2*i-p;r=l(h,p,t+1/3),a=l(h,p,t),n=l(h,p,t-1/3)}return[255*r,255*a,255*n].map(Math.round)}function d(t,o,i){var r=[c(t,0,255)/255,c(o,0,255)/255,c(i,0,255)/255],a=Math.max(t=r[0],o=r[1],i=r[2]),n=Math.min(t,o,i),s=void 0,l=void 0,p=(a+n)/2;if(a==n)s=l=0;else{var h=a-n;switch(l=p>.5?h/(2-a-n):h/(a+n),a){case t:s=(o-i)/h+6*(o<i);break;case o:s=(i-t)/h+2;break;case i:s=(t-o)/h+4}s/=6}return[360*s,100*l,100*p].map(Math.round)}function g(t,o,i){return t<<16|o<<8|i}function m(t){if(t){var o=l[t.toString().toLowerCase()],i=a(/^\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(o||t)||[],10),r=i[3],n=i[4],s=i[5],c=i[7],p=i[8],h=i[9];if(void 0!==r)return[parseInt(r+r,16),parseInt(n+n,16),parseInt(s+s,16)];if(void 0!==c)return[parseInt(c,16),parseInt(p,16),parseInt(h,16)]}}function f(t){if(t){var o=l[t.toString().toLowerCase()],i=a(/^\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(o||t)||[],12),r=i[3],n=i[4],s=i[5],c=i[6],p=i[8],h=i[9],u=i[10],d=i[11];if(void 0!==r)return[parseInt(r+r,16),parseInt(n+n,16),parseInt(s+s,16),c?+(parseInt(c+c,16)/255).toFixed(2):1];if(void 0!==p)return[parseInt(p,16),parseInt(h,16),parseInt(u,16),d?+(parseInt(d,16)/255).toFixed(2):1]}}function y(t){if(t){var o=a(/^rgb\((\d+)[\s,](\d+)[\s,](\d+)\)/i.exec(t)||[],4),i=o[0],r=o[1],n=o[2],s=o[3];return i?[c(r,0,255),c(n,0,255),c(s,0,255)]:void 0}}function v(t){if(t){var o=a(/^rgba?\((\d+)\s*[\s,]\s*(\d+)\s*[\s,]\s*(\d+)(\s*[\s,]\s*(\d*(.\d+)?))?\)/i.exec(t)||[],6),i=o[0],r=o[1],n=o[2],s=o[3],l=o[5];return i?[c(r,0,255),c(n,0,255),c(s,0,255),c(p(l,1),0,1)]:void 0}}function b(t){if(Array.isArray(t))return[c(t[0],0,255),c(t[1],0,255),c(t[2],0,255),c(p(t[3],1),0,1)];var o=f(t)||v(t);return o&&3===o.length&&o.push(1),o}function C(t){if(t){var o=a(/^hsl\((\d+)[\s,](\d+)[\s,](\d+)\)/i.exec(t)||[],4),i=o[0],r=o[1],n=o[2],s=o[3];return i?[c(r,0,360),c(n,0,100),c(s,0,100)]:void 0}}function k(t){if(t){var o=a(/^hsla?\((\d+)\s*[\s,]\s*(\d+)\s*[\s,]\s*(\d+)(\s*[\s,]\s*(\d*(.\d+)?))?\)/i.exec(t)||[],6),i=o[0],r=o[1],n=o[2],s=o[3],l=o[5];return i?[c(r,0,255),c(n,0,255),c(s,0,255),c(p(l,1),0,1)]:void 0}}function w(t){if(Array.isArray(t))return[c(t[0],0,360),c(t[1],0,100),c(t[2],0,100),c(p(t[3],1),0,1)];var o=k(t);return o&&3===o.length&&o.push(1),o}function E(t,o){switch(o){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 d.apply(void 0,s(t));case"hslcss":return"hsl("+(t=