@creaditor/newsletter-starterkit 1.0.15 → 1.0.17

package/dist/5936.creaditor.bundle.js

@@ -0,0 +1,986 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[5936,6993],{36818:(t,e,a)=>{a.d(e,{i:()=>r});const r=[{rule:"rgba(149, 157, 165, 0.2) 0px 8px 24px;"},{rule:"rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;"},{rule:"rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;"},{rule:"rgba(0, 0, 0, 0.35) 0px 5px 15px;"},{rule:"rgba(0, 0, 0, 0.16) 0px 1px 4px;"},{rule:"rgba(0, 0, 0, 0.24) 0px 3px 8px;"},{rule:"rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;"},{rule:"rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;"},{rule:"rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;"},{rule:"rgba(0, 0, 0, 0.1) 0px 4px 12px;"},{rule:"rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;"},{rule:"rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;"},{rule:"rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;"},{rule:"rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;"},{rule:"rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;"},{rule:"rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;"},{rule:"rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;"},{rule:"rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;"},{rule:"rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;"},{rule:"rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;"},{rule:"rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;"},{rule:"rgb(38, 57, 77) 0px 20px 30px -10px;"},{rule:"rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;"},{rule:"rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;"},{rule:"rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;"},{rule:"rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;"},{rule:"rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;"},{rule:"rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;"},{rule:"rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;"},{rule:"rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;"},{rule:"rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;"},{rule:"rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;"},{rule:"rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;"},{rule:"rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;"},{rule:"rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;"},{rule:"rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;"},{rule:"rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;"},{rule:"rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;"},{rule:"rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;"},{rule:"rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;"},{rule:"rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;"},{rule:"rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;"},{rule:"rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;"},{rule:"rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;"},{rule:"rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;"},{rule:"rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;"},{rule:"rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;"},{rule:"rgba(0, 0, 0, 0.1) 0px 10px 50px;"},{rule:"rgba(240, 46, 170, 0.4) -5px 5px, rgba(240, 46, 170, 0.3) -10px 10px, rgba(240, 46, 170, 0.2) -15px 15px, rgba(240, 46, 170, 0.1) -20px 20px, rgba(240, 46, 170, 0.05) -25px 25px;"},{rule:"rgba(240, 46, 170, 0.4) 0px 5px, rgba(240, 46, 170, 0.3) 0px 10px, rgba(240, 46, 170, 0.2) 0px 15px, rgba(240, 46, 170, 0.1) 0px 20px, rgba(240, 46, 170, 0.05) 0px 25px;"},{rule:"rgba(240, 46, 170, 0.4) 5px 5px, rgba(240, 46, 170, 0.3) 10px 10px, rgba(240, 46, 170, 0.2) 15px 15px, rgba(240, 46, 170, 0.1) 20px 20px, rgba(240, 46, 170, 0.05) 25px 25px;"}]},7592:(t,e,a)=>{a.d(e,{Z:()=>s});var r=a(56666),o=a(21293);class n extends o.oi{constructor(){super(),this.onInput=this.onInput.bind(this),this.isLocked=!0,this.borderTopRightRadius=0,this.borderTopLeftRadius=0,this.borderBottomRightRadius=0,this.borderBottomLeftRadius=0}connectedCallback(){super.connectedCallback()}onInput(t,e){t.preventDefault();const a=t.target.value,r=a;this.isLocked?(this.borderTopRightRadius=a,this.borderTopLeftRadius=a,this.borderBottomRightRadius=a,this.borderBottomLeftRadius=a,this.json={borderTopRightRadius:r,borderTopLeftRadius:r,borderBottomRightRadius:r,borderBottomLeftRadius:r,borderRadius:null}):(this.borderTopRightRadius=parseInt(this.borderTopRightRadius||0),this.borderTopLeftRadius=parseInt(this.borderTopLeftRadius||0),this.borderBottomRightRadius=parseInt(this.borderBottomRightRadius||0),this.borderBottomLeftRadius=parseInt(this.borderBottomLeftRadius||0),this.json={borderTopRightRadius:parseInt(this.borderTopRightRadius||0),borderTopLeftRadius:parseInt(this.borderTopLeftRadius||0),borderBottomRightRadius:parseInt(this.borderBottomRightRadius||0),borderBottomLeftRadius:parseInt(this.borderBottomLeftRadius||0),borderRadius:null},this.json[e]=r),this.value=a,this.radiusKey=e;const o=new UIEvent("input",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(o)}resolveIcon(t){let e;switch(t){case"borderTopRightRadius":e="arrowTopRight";break;case"borderTopLeftRadius":e="arrowTopLeft";break;case"borderBottomRightRadius":e="arrowBottomRight";break;case"borderBottomLeftRadius":e="arrowBottomLeft"}return o.dy`<cdtr-icon
+      width="15"
+      height="15"
+      icon="${e}"
+    ></cdtr-icon>`}onChangeLock(){this.isLocked=!this.isLocked}render(){this.elementId&&this.elementId!==this.lastElementId&&(this.lastElementId=this.elementId,this.isLocked=this.borderTopRightRadius===this.borderTopLeftRadius&&this.borderBottomRightRadius===this.borderBottomLeftRadius&&this.borderTopRightRadius===this.borderBottomLeftRadius);this.onChange;const t=this.onInput;return o.dy`<cdtr-row
+      alignItems="center"
+      spacing="3px"
+      style="position:relative;"
+    >
+      ${["borderTopRightRadius","borderTopLeftRadius","borderBottomRightRadius","borderBottomLeftRadius"].map((e=>o.dy`<cdtr-col>
+          ${this.resolveIcon(e)}
+          <cdtr-number-input
+            .type=${"number"}
+            .max=${300}
+            .min=${0}
+            value="${parseFloat(this[e])}"
+            @input=${a=>t(a,e)}
+            style="width:100%"
+          ></cdtr-number-input
+        ></cdtr-col>`))}
+      <cdtr-button @click=${this.onChangeLock}>
+        <cdtr-icon
+          style="height:10px"
+          width="20"
+          height="20"
+          .icon="${this.isLocked?"lock":"unlock"}"
+        ></cdtr-icon>
+      </cdtr-button>
+    </cdtr-row>`}}(0,r.Z)(n,"properties",{value:{type:Number},json:{type:Object},onChange:{type:Function},borderTopRightRadius:{type:Number},borderTopLeftRadius:{type:Number},borderBottomRightRadius:{type:Number},borderBottomLeftRadius:{type:Number},isLocked:{type:Boolean},elementId:{type:String},radiusKey:{type:String}}),customElements.define("cdtr-radius-editor",n);const s=t=>o.dy` <cdtr-editor-container>
+  <cdtr-row>
+    <cdtr-title><lang-text text="${t.title}"></lang-text></cdtr-title>
+  </cdtr-row>
+  <cdtr-radius-editor
+    .elementId=${t.elementId}
+    @input=${t.onInput}
+    .value=${t.value}
+    .borderTopRightRadius=${t.borderTopRightRadius||t.value||0}
+    .borderTopLeftRadius=${t.borderTopLeftRadius||t.value||0}
+    .borderBottomRightRadius=${t.borderBottomRightRadius||t.value||0}
+    .borderBottomLeftRadius=${t.borderBottomLeftRadius||t.value||0}
+  ></cdtr-radius-editor>
+</cdtr-editor-container>`},35936:(t,e,a)=>{a.r(e),a.d(e,{EditorBuilder:()=>rt});var r=a(56666),o=a(21293),n=a(70235),s=(a(11961),a(1670),a(98766),a(41636),a(58860),a(27338));const i=t=>{const e=(0,s.V)();return o.dy` <cdtr-editor-container>
+    <cdtr-row>
+      <cdtr-title><lang-text text="${t.title}"></lang-text></cdtr-title>
+    </cdtr-row>
+    <cdtr-row style="position:relative;width:100%;">
+      <cdtr-input
+        ${(0,s.i)(e)}
+        .type=${t.inputType}
+        .max=${t.max}
+        .min=${t.min}
+        .multiline=${t.multiline}
+        .row=${t.row}
+        .step=${t.step}
+        .autofocus=${t.autofocus}
+        .placeholder=${t.placeholder}
+        .value="${t.value}"
+        @blur=${t.onBlur}
+        @debounce=${t.onDebounce}
+        @change=${t.onChange}
+        @input=${t.onInput}
+        style="width:100%;padding-left:30px;"
+        .couchOnEmpty=${!!t.couch}
+      ></cdtr-input>
+      <div style="position:absolute;left:0;top:0;">
+        ${t.emoji&&o.dy`<cdtr-dropdown maxHeight="500" custom>
+          <paper-button style="min-width:0;padding:2px;" slot="trigger">
+            <cdtr-icon width="20" icon="face"></cdtr-icon>
+          </paper-button>
+          <div slot="content">${(()=>{const a=document.createElement("cdtr-emoji-picker");return a.onEmojiClick=(r,o)=>{const s=o.emoji,i=window.getSelection();if(i&&i.baseNode?.parentElement?.closest(".tiptap.ProseMirror")){const t=i.baseNode?.parentElement?.closest("[data-id][data-type]");if(t){const e=n.h.get("components",t.dataset.id);if(e){if(!e.commands.insertContent)throw new Error("setContent command is not defined in compose.commands");e.commands.insertContent(o.emoji);const t=a.closest("cdtr-dropdown");t?.close()}}}else{const a=e.value.inputRef.value,r=a.selectionStart,o=a.selectionEnd,n=a.value,i=n.slice(0,r)+s+n.slice(o);a.value=i,t.onInput({target:{value:i}}),a.selectionStart=a.selectionEnd=r+s.length,a.focus()}},a})()}</div>
+        </cdtr-dropdown>`}
+      </div>
+    </cdtr-row>
+    ${t.mergeTags&&o.dy`<cdtr-merge-tags
+      style="margin-top:10px;display:block;"
+      @change=${a=>{let r=a.target.value;const o=e.value.inputRef.value,n=o.selectionStart,s=o.selectionEnd,i=o.value;r=i.slice(0,n)+r+i.slice(s),o.value=r,t.onInput({target:{value:r}}),o.selectionStart=o.selectionEnd=n+r.length,o.focus()}}
+    ></cdtr-merge-tags> `}
+  </cdtr-editor-container>`},l=t=>{let e="function"==typeof t.value?t.value(t):t.value;return e||(e=""),o.dy`<cdtr-editor-container>
+    <cdtr-title><lang-text text="${t.title}"></lang-text></cdtr-title>
+    <cdtr-dropdown
+      style="width:100%;"
+      .value=${e}
+      @change=${t.onChange}
+    >
+      <cdtr-dropdown-button
+        style="width:100%;"
+        class="dropdown-button"
+        slot="trigger"
+        ><lang-text text=${e}></lang-text>
+      </cdtr-dropdown-button>
+      <div slot="content">
+        ${t.items.map((e=>o.dy` <cdtr-dropdown-item
+            .focused=${(e.key||e.value)===t.selected}
+            .selected=${(e.key||e.value)===t.selected}
+            value="${e.value}"
+            ><lang-text text="${e.label||e.value}"></lang-text>
+          </cdtr-dropdown-item>`))}
+      </div>
+    </cdtr-dropdown>
+  </cdtr-editor-container>`};var c=a(45607);a(26993);const d=t=>o.dy`<cdtr-font-family-editor
+  .name=${t.value}
+  @change=${t.onChange}
+></cdtr-font-family-editor>`,p=t=>o.dy`<cdtr-editor-container>
+  <cdtr-range-device-editor
+    .value=${"function"==typeof t.value?t.value(t):t.value||0}
+    .text=${t.title}
+    .max=${t.max||100}
+    .min=${t.min||0}
+    .step=${t.step}
+    @device=${t.device}
+    @change=${t.onChange}
+    @input=${t.onInput}
+  ></cdtr-range-device-editor>
+</cdtr-editor-container>`;var h=a(36818),g=a(16592);const m="#000 0px 0px 0px 0px",u={};class x extends o.oi{constructor(t){super(),(0,r.Z)(this,"onChangeBoxShadow",((t,e)=>{const a={color:u.color,offsetY:u.offsetY,offsetX:u.offsetX,blurRadius:u.blurRadius,spreadRadius:u.spreadRadius,inset:!!u.inset};if(void 0!==a[t]&&("string"==typeof e||"number"==typeof e||"boolean"==typeof e)){a[t]=e,u[t]=e;const r=`${a.offsetX}px ${a.offsetY}px ${a.blurRadius}px ${a.spreadRadius}px ${a.color} ${a.inset?"inset":""}`;this.changeBoxShadowValue(r)}})),this.tabName="design",this.theme=n.h.get("theme"),this.removeBoxShadow=this.removeBoxShadow.bind(this),this.onChangeBoxShadow=this.onChangeBoxShadow.bind(this)}changeBoxShadowValue(t){this.boxShadow=this.value=t;const e=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(e)}removeBoxShadow(){this.boxShadow=this.value=m;const t=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)}connectedCallback(){super.connectedCallback(),a.e(5978).then(a.bind(a,25978)),a.e(865).then(a.bind(a,50865))}disconnectedCallback(){super.disconnectedCallback()}createRenderRoot(){return this}changeTab(t){this.tabName=t.target.value}render(){if(void 0===this.value||this.value!==this.boxShadow){this.value||(this.value=m),this.boxShadow=this.value;const t=(0,g.Z)(this.value);Array.isArray(t)&&t.length>0?(u.offsetX=t[0].offsetX,u.offsetY=t[0].offsetY,u.blurRadius=t[0].blurRadius,u.spreadRadius=t[0].spreadRadius,u.color=t[0].color,u.inset=t[0].inset):(u.offsetX=0,u.offsetY=0,u.blurRadius=0,u.spreadRadius=0,u.color="#000",u.inset)}return o.dy`
+      <cdtr-editor-container>
+        <cdtr-row alignItems="center" justify="space-between">
+          <cdtr-col>
+            <cdtr-title>
+              <lang-text text="box-shadow"></lang-text>
+            </cdtr-title>
+          </cdtr-col>
+          <cdtr-col sm="2">
+            ${this.boxShadow!==m?o.dy` <paper-button
+                  style="min-width:40px;padding:0;"
+                  @click=${this.removeBoxShadow}
+                  ><cdtr-icon icon="x"></cdtr-icon
+                ></paper-button>`:null}
+          </cdtr-col>
+          <cdtr-col sm="3">
+            <cdtr-dropdown custom overflow maxHeight="900px" top=${200}>
+              <paper-button slot="trigger"
+                ><cdtr-box-shadow-icon
+                  .iconStyle="box-shadow:${this.value};"
+                ></cdtr-box-shadow-icon
+              ></paper-button>
+              <div slot="content">
+                <div>
+                  ${"design"===this.tabName?o.dy`
+                        <cdtr-editor-container>
+                          <h1 class="mb-2">
+                            <lang-text
+                              whiteSpace="break-spaces"
+                              text="box-shadow"
+                            ></lang-text>
+                          </h1>
+                          <cdtr-width-editor
+                            text="horizontal_shadow_length"
+                            unit="px"
+                            max="200"
+                            min="-200"
+                            .value=${u.offsetX}
+                            @input=${t=>this.onChangeBoxShadow("offsetX",t.target.value)}
+                          ></cdtr-width-editor>
+                        </cdtr-editor-container>
+                        <cdtr-editor-container>
+                          <cdtr-width-editor
+                            text="vertical_shadow_length"
+                            unit="px"
+                            max="400"
+                            min="-400"
+                            .value=${u.offsetY}
+                            @input=${t=>this.onChangeBoxShadow("offsetY",t.target.value)}
+                          ></cdtr-width-editor>
+                        </cdtr-editor-container>
+                        <cdtr-editor-container>
+                          <cdtr-width-editor
+                            text="blur_radius"
+                            unit="px"
+                            max="400"
+                            min="0"
+                            .value=${u.blurRadius}
+                            @input=${t=>this.onChangeBoxShadow("blurRadius",t.target.value)}
+                          ></cdtr-width-editor>
+                        </cdtr-editor-container>
+                        <cdtr-editor-container>
+                          <cdtr-width-editor
+                            text="spread_radius"
+                            unit="px"
+                            max="200"
+                            min="-200"
+                            .value=${u.spreadRadius}
+                            @input=${t=>this.onChangeBoxShadow("spreadRadius",t.target.value)}
+                          ></cdtr-width-editor>
+                        </cdtr-editor-container>
+                        <cdtr-editor-container>
+                          <cdtr-colorpicker-editor
+                            @input=${t=>this.onChangeBoxShadow("color",t.target.value)}
+                            .value=${u.color}
+                            text="shadow_color"
+                          ></cdtr-colorpicker-editor>
+                        </cdtr-editor-container>
+
+                        <cdtr-editor-container>
+                          <cdtr-row justify="space-between" alignItems="center">
+                            <cdtr-title
+                              ><lang-text text="inset"></lang-text
+                            ></cdtr-title>
+                            <cdtr-toggle
+                              @change=${t=>this.onChangeBoxShadow("inset",!t.target.checked)}
+                            ></cdtr-toggle>
+                          </cdtr-row>
+                        </cdtr-editor-container>
+                      `:null}
+                  ${"gallery"===this.tabName?o.dy`<cdtr-row
+                        style="overflow-y: auto;
+max-height: 90vh;max-width:500px;"
+                        justify="center"
+                        spacing="10px"
+                      >
+                        ${h.i.map((t=>o.dy` <cdtr-col sm="5" style="height:120px;"
+                              ><paper-button
+                                @click=${()=>this.changeBoxShadowValue(t.rule)}
+                                style="box-shadow:${t.rule};margin:0 25px;width:90%;height:90%;"
+                              ></paper-button
+                            ></cdtr-col>`))}
+                      </cdtr-row>`:null}
+                </div>
+              </div>
+            </cdtr-dropdown>
+          </cdtr-col>
+        </cdtr-row>
+      </cdtr-editor-container>
+    `}}(0,r.Z)(x,"styles",o.iv`
+    :host {
+      direction: var(--direction-locale);
+    }
+  `),(0,r.Z)(x,"properties",{value:{type:String},boxShadow:{type:String}}),customElements.define("cdtr-box-shadow-editor-v2",x);const v=t=>o.dy`<cdtr-box-shadow-editor-v2
+  .name=${t.value}
+  .value=${t.value}
+  @change=${t.onChange}
+></cdtr-box-shadow-editor-v2>`,b=t=>o.dy`<cdtr-editor-container>
+  <cdtr-colorpicker-editor
+    .hasAlpha=${t.alpha}
+    @change=${t.onChange}
+    .value=${t.value}
+    text="${t.title}"
+  ></cdtr-colorpicker-editor>
+</cdtr-editor-container>`,f=t=>o.dy` <cdtr-editor-container>
+  <cdtr-width-editor
+    text="${t.title}"
+    unit="${t.unit}"
+    .step=${t.step||1}
+    max="${t.max||100}"
+    min="${t.min||0}"
+    .value=${t.value||0}
+    @input=${t.onInput}
+    @change=${t.onChange}
+    .sizes=${t.sizes||[]}
+  ></cdtr-width-editor>
+</cdtr-editor-container>`,y=t=>o.dy`<cdtr-divider></cdtr-divider>`;var w=a(3959);const $={margin:0};function z(t){return o.dy` <lang-text
+    whiteSpace="break-spaces"
+    text="${t}"
+  ></lang-text>`}const L=t=>o.dy` <cdtr-editor-container>
+  ${function(t){let{level:e,text:a}=t;switch(e){case 2:return o.dy` <h2 style=${(0,w.V)($)}>${z(a)}</h2>`;case 3:return o.dy` <h3 style=${(0,w.V)($)}>${z(a)}</h3>`;case 4:return o.dy` <h4 style=${(0,w.V)($)}>${z(a)}</h4>`;case 5:return o.dy` <h5 style=${(0,w.V)($)}>${z(a)}</h5>`;case 6:return o.dy` <h6 style=${(0,w.V)($)}>${z(a)}</h6>`;default:const t={...$};return t.fontSize="13px",o.dy` <div style=${(0,w.V)(t)}>${z(a)}</div>`}}({level:t.level,text:t.text})}
+</cdtr-editor-container>`,M=t=>o.dy` <cdtr-editor-container pt="0">
+  <paper-button
+    @click=${t.onClick}
+    style="margin:0;padding:0;color:${t.color||"var(--primary)"};font-size:10px;"
+  >
+    <cdtr-icon
+      color="${t.color||"var(--primary)"}"
+      width="15"
+      icon="${t.icon||"doubleArrow"}"
+    ></cdtr-icon>
+    <lang-text whiteSpace="break-spaces" text="${t.text}"></lang-text>
+  </paper-button>
+</cdtr-editor-container>`,C=t=>o.dy` <cdtr-editor-container>
+  <cdtr-row class="checkbox-wrapper"  alignItems="center" justify="space-between">
+    <cdtr-col sm="2">
+      <cdtr-checkbox
+        .controlled=${t.controlled}
+        @change=${t.onChange}
+        .checked=${!!t.checked}
+      ></cdtr-checkbox>
+    </cdtr-col>
+    <cdtr-col @click=${t=>{const e=t.target.closest(".checkbox-wrapper");if(e){const t=e.querySelector("cdtr-checkbox");t&&t.toggle()}}} sm="${t.info?9:10}">
+      <cdtr-title><lang-text text="${t.title}"></lang-text></cdtr-title>
+    </cdtr-col>
+    ${t.info?o.dy`<cdtr-col sm="1">
+          <cdtr-tooltip content="${t.info}">
+            <cdtr-icon color="#484553" icon="info" width="20"></cdtr-icon>
+          </cdtr-tooltip>
+        </cdtr-col>`:null}
+  </cdtr-row>
+</cdtr-editor-container>`,H=t=>o.dy` <cdtr-editor-container>
+  <cdtr-title><lang-text text="${t.title}"></lang-text></cdtr-title>
+  ${t.items?.length?t?.items.map(((e,a)=>o.dy`
+          <cdtr-row
+            mt=".8"
+            alignItems="center"
+            justify="space-between"
+            spacing="3px"
+          >
+            <cdtr-col sm="9">
+              <cdtr-input
+                type=${t.inputType}
+                placeholder=${t.placeholder}
+                .value="${"string"==typeof e?e:"string"==typeof e?.label?e.label:e.value}"
+                @blur=${e=>{t.changeItemValue(a,e.target.value,e)}}
+                style="width:100%"
+              ></cdtr-input>
+            </cdtr-col>
+            ${t.onRemove?o.dy`<cdtr-col sm="2">
+              <cdtr-dropdown style="display:flex;" class="option-menu-button">
+                <paper-button
+                  style="padding:0;min-width:0;"
+                  class="add-button"
+                  slot="trigger"
+                >
+                  <cdtr-icon icon="menu"></cdtr-icon>
+                </paper-button>
+                <div slot="content">
+                  <cdtr-dropdown-item
+                    @click=${()=>t.onRemove(a,e)}
+                  >
+                    <lang-text text="remove"></lang-text>
+                    <cdtr-remove-icon width="18" height="18"></cdtr-remove-icon>
+                  </cdtr-dropdown-item>
+                </div>
+              </cdtr-dropdown>
+            </cdtr-col>`:null}
+          </cdtr-row>
+        `)):""}
+    ${t.onAddItem?o.dy` <paper-button
+    @click=${t.onAddItem}
+    style="color:var(--primary);font-size:14px;"
+    ><lang-text text="add_item"></lang-text
+    ><cdtr-icon color="var(--primary)" icon="add"></cdtr-icon
+  ></paper-button>`:null}
+ 
+</cdtr-editor-container>`;a(82979);var k=a(31490);const I=t=>o.dy` <cdtr-editor-container>
+    <cdtr-title>
+      <lang-text text="${t.title}"></lang-text>
+    </cdtr-title>
+    <cdtr-chips-input
+      .removeable=${!!t.removeable}
+      @remove=${t.onRemove}
+      @click=${()=>function(t){let{items:e,title:a,onChange:r,onCreate:n}=t;const s=document.createElement("cdtr-drawer");s.width="500px",s.headerText=a,s.opened=!0;const i=document.createElement("div");s.appendChild(i),document.body.appendChild(s);const l=t=>{let{target:a}=t;const s=a.value,c=e.filter((t=>{const e={...t};return e.name||(e.name=""),e.label||(e.label=""),-1!==e.name.indexOf(s)||-1!==e.label.indexOf(s)}));(0,o.sY)((0,k.Z)({items:c,onChange:r,debounce:l,onCreate:n}),i)};(0,o.sY)((0,k.Z)({items:e,onChange:r,debounce:l,onCreate:n}),i)}({items:t.list||[],title:t.title,onChange:t.onChange,onCreate:t.onCreate})}
+      .items=${t.items}
+      .freeSolo=${!!t.freeSolo}
+    >
+    </cdtr-chips-input>
+  </cdtr-editor-container>`;var R=a(4164),S=a(54774),V=a.n(S);const _={minWidth:0,margin:0},B=t=>o.dy`
+  <cdtr-row alignItems="center" spacing="10px">
+    <paper-button
+      class="${t.underline?"bold":""}"
+      style=${(0,w.V)(_)}
+      @click=${e=>t.onChange("bold",e)}
+      ><cdtr-icon
+        color="${t.bold?"var(--primary)":""}"
+        width="20"
+        icon="bold"
+      ></cdtr-icon>
+    </paper-button>
+    <paper-button
+      style=${(0,w.V)(_)}
+      @click=${e=>t.onChange("underline",e)}
+      ><cdtr-icon
+        color="${t.underline?"var(--primary)":""}"
+        width="20"
+        icon="underline"
+      ></cdtr-icon>
+    </paper-button>
+    <paper-button
+      style=${(0,w.V)(_)}
+      @click=${e=>t.onChange("italic",e)}
+      ><cdtr-icon
+        color="${t.italic?"var(--primary)":""}"
+        width="20"
+        icon="italic"
+      ></cdtr-icon>
+    </paper-button>
+  </cdtr-row>
+`,E=t=>o.dy` <cdtr-editor-container>
+  <cdtr-title style="color:var(--micro-info-color)">
+    <i>
+      <lang-text whiteSpace="break-spaces" text="${t.text}"></lang-text
+    ></i>
+  </cdtr-title>
+</cdtr-editor-container>`,A=()=>[{svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"></path></svg>'},{svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z"></path></svg>'},{svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" ><path fill="none" d="M0 0h24v24H0z"/><path d="M12 18.26l-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928L12 18.26zm0-2.292l4.247 2.377-.949-4.773 3.573-3.305-4.833-.573L12 5.275l-2.038 4.42-4.833.572 3.573 3.305-.949 4.773L12 15.968z"/></svg>'},{svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" ><path fill="none" d="M0 0h24v24H0z"/><path d="M12 15.968l4.247 2.377-.949-4.773 3.573-3.305-4.833-.573L12 5.275v10.693zm0 2.292l-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928L12 18.26z"/></svg>'},{svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" ><path fill="none" d="M0 0h24v24H0z"/><path d="M12 18.26l-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928z"/></svg>'},{svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" ><path fill="none" d="M0 0h24v24H0z"/><path d="M12 .5l4.226 6.183 7.187 2.109-4.575 5.93.215 7.486L12 19.69l-7.053 2.518.215-7.486-4.575-5.93 7.187-2.109L12 .5zm0 3.544L9.022 8.402 3.957 9.887l3.225 4.178-.153 5.275L12 17.566l4.97 1.774-.152-5.275 3.224-4.178-5.064-1.485L12 4.044zM10 12a2 2 0 1 0 4 0h2a4 4 0 1 1-8 0h2z"/></svg>'},{svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" ><path fill="none" d="M0 0h24v24H0z"/><path d="M12 .5l4.226 6.183 7.187 2.109-4.575 5.93.215 7.486L12 19.69l-7.053 2.518.215-7.486-4.575-5.93 7.187-2.109L12 .5zM10 12H8a4 4 0 0 0 7.995.2L16 12h-2a2 2 0 0 1-3.995.15L10 12z"/></svg>'},{svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" ><path fill="none" d="M0 0h24v24H0z"/><path d="M5 4.604v9.185a4 4 0 0 0 1.781 3.328L12 20.597l5.219-3.48A4 4 0 0 0 19 13.79V4.604L12 3.05 5 4.604zM3.783 2.826L12 1l8.217 1.826a1 1 0 0 1 .783.976v9.987a6 6 0 0 1-2.672 4.992L12 23l-6.328-4.219A6 6 0 0 1 3 13.79V3.802a1 1 0 0 1 .783-.976zM12 13.5l-2.939 1.545.561-3.272-2.377-2.318 3.286-.478L12 6l1.47 2.977 3.285.478-2.377 2.318.56 3.272L12 13.5z"/></svg>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M2 19h20v2H2v-2zM2 5l5 3.5L12 2l5 6.5L22 5v12H2V5zm2 3.841V15h16V8.841l-3.42 2.394L12 5.28l-4.58 5.955L4 8.84z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0-2a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm6.5-.25a1.25 1.25 0 0 1-2.5 0 1.25 1.25 0 0 1 2.5 0zM12 4c-2.474 0-2.878.007-4.029.058-.784.037-1.31.142-1.798.332-.434.168-.747.369-1.08.703a2.89 2.89 0 0 0-.704 1.08c-.19.49-.295 1.015-.331 1.798C4.006 9.075 4 9.461 4 12c0 2.474.007 2.878.058 4.029.037.783.142 1.31.331 1.797.17.435.37.748.702 1.08.337.336.65.537 1.08.703.494.191 1.02.297 1.8.333C9.075 19.994 9.461 20 12 20c2.474 0 2.878-.007 4.029-.058.782-.037 1.309-.142 1.797-.331.433-.169.748-.37 1.08-.702.337-.337.538-.65.704-1.08.19-.493.296-1.02.332-1.8.052-1.104.058-1.49.058-4.029 0-2.474-.007-2.878-.058-4.029-.037-.782-.142-1.31-.332-1.798a2.911 2.911 0 0 0-.703-1.08 2.884 2.884 0 0 0-1.08-.704c-.49-.19-1.016-.295-1.798-.331C14.925 4.006 14.539 4 12 4zm0-2c2.717 0 3.056.01 4.122.06 1.065.05 1.79.217 2.428.465.66.254 1.216.598 1.772 1.153a4.908 4.908 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428.047 1.066.06 1.405.06 4.122 0 2.717-.01 3.056-.06 4.122-.05 1.065-.218 1.79-.465 2.428a4.883 4.883 0 0 1-1.153 1.772 4.915 4.915 0 0 1-1.772 1.153c-.637.247-1.363.415-2.428.465-1.066.047-1.405.06-4.122.06-2.717 0-3.056-.01-4.122-.06-1.065-.05-1.79-.218-2.428-.465a4.89 4.89 0 0 1-1.772-1.153 4.904 4.904 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.013 15.056 2 14.717 2 12c0-2.717.01-3.056.06-4.122.05-1.066.217-1.79.465-2.428a4.88 4.88 0 0 1 1.153-1.772A4.897 4.897 0 0 1 5.45 2.525c.638-.248 1.362-.415 2.428-.465C8.944 2.013 9.283 2 12 2z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M7.253 18.494l.724.423A7.953 7.953 0 0 0 12 20a8 8 0 1 0-8-8c0 1.436.377 2.813 1.084 4.024l.422.724-.653 2.401 2.4-.655zM2.004 22l1.352-4.968A9.954 9.954 0 0 1 2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10a9.954 9.954 0 0 1-5.03-1.355L2.004 22zM8.391 7.308c.134-.01.269-.01.403-.004.054.004.108.01.162.016.159.018.334.115.393.249.298.676.588 1.357.868 2.04.062.152.025.347-.093.537a4.38 4.38 0 0 1-.263.372c-.113.145-.356.411-.356.411s-.099.118-.061.265c.014.056.06.137.102.205l.059.095c.256.427.6.86 1.02 1.268.12.116.237.235.363.346.468.413.998.75 1.57 1l.005.002c.085.037.128.057.252.11.062.026.126.049.191.066a.35.35 0 0 0 .367-.13c.724-.877.79-.934.796-.934v.002a.482.482 0 0 1 .378-.127c.06.004.121.015.177.04.531.243 1.4.622 1.4.622l.582.261c.098.047.187.158.19.265.004.067.01.175-.013.373-.032.259-.11.57-.188.733a1.155 1.155 0 0 1-.21.302 2.378 2.378 0 0 1-.33.288 3.71 3.71 0 0 1-.125.09 5.024 5.024 0 0 1-.383.22 1.99 1.99 0 0 1-.833.23c-.185.01-.37.024-.556.014-.008 0-.568-.087-.568-.087a9.448 9.448 0 0 1-3.84-2.046c-.226-.199-.435-.413-.649-.626-.89-.885-1.562-1.84-1.97-2.742A3.47 3.47 0 0 1 6.9 9.62a2.729 2.729 0 0 1 .564-1.68c.073-.094.142-.192.261-.305.127-.12.207-.184.294-.228a.961.961 0 0 1 .371-.1z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M7.764 19.225c.59-.26 1.25-.309 1.868-.139.77.21 1.565.316 2.368.314 4.585 0 8-3.287 8-7.7S16.585 4 12 4s-8 3.287-8 7.7c0 2.27.896 4.272 2.466 5.676a2.8 2.8 0 0 1 .942 2.006l.356-.157zM12 2c5.634 0 10 4.127 10 9.7 0 5.573-4.366 9.7-10 9.7a10.894 10.894 0 0 1-2.895-.384.8.8 0 0 0-.534.039l-1.984.876a.8.8 0 0 1-1.123-.707l-.055-1.78a.797.797 0 0 0-.268-.57C3.195 17.135 2 14.617 2 11.7 2 6.127 6.367 2 12 2zM5.995 14.537l2.937-4.66a1.5 1.5 0 0 1 2.17-.4l2.336 1.75a.6.6 0 0 0 .723 0l3.155-2.396c.421-.319.971.185.689.633l-2.937 4.66a1.5 1.5 0 0 1-2.17.4l-2.336-1.75a.6.6 0 0 0-.723 0l-3.155 2.395c-.421.319-.971-.185-.689-.633z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M14 19h5V5H5v14h7v-5h-2v-2h2v-1.654c0-1.337.14-1.822.4-2.311A2.726 2.726 0 0 1 13.536 6.9c.382-.205.857-.328 1.687-.381.329-.021.755.005 1.278.08v1.9H16c-.917 0-1.296.043-1.522.164a.727.727 0 0 0-.314.314c-.12.226-.164.45-.164 1.368V12h2.5l-.5 2h-2v5zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z"/>'},{svg:'<path fill="none" d="M0 0H24V24H0z"/><path d="M5 3v16h16v2H3V3h2zm14.94 2.94l2.12 2.12L16 14.122l-3-3-3.94 3.94-2.12-2.122L13 6.88l3 3 3.94-3.94z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M9.366 10.682a10.556 10.556 0 0 0 3.952 3.952l.884-1.238a1 1 0 0 1 1.294-.296 11.422 11.422 0 0 0 4.583 1.364 1 1 0 0 1 .921.997v4.462a1 1 0 0 1-.898.995c-.53.055-1.064.082-1.602.082C9.94 21 3 14.06 3 5.5c0-.538.027-1.072.082-1.602A1 1 0 0 1 4.077 3h4.462a1 1 0 0 1 .997.921A11.422 11.422 0 0 0 10.9 8.504a1 1 0 0 1-.296 1.294l-1.238.884zm-2.522-.657l1.9-1.357A13.41 13.41 0 0 1 7.647 5H5.01c-.006.166-.009.333-.009.5C5 12.956 11.044 19 18.5 19c.167 0 .334-.003.5-.01v-2.637a13.41 13.41 0 0 1-3.668-1.097l-1.357 1.9a12.442 12.442 0 0 1-1.588-.75l-.058-.033a12.556 12.556 0 0 1-4.702-4.702l-.033-.058a12.442 12.442 0 0 1-.75-1.588z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M2 13h6v8H2v-8zm14-5h6v13h-6V8zM9 3h6v18H9V3zM4 15v4h2v-4H4zm7-10v14h2V5h-2zm7 5v9h2v-9h-2z"/>'},{svg:'<path fill="none" d="M0 0H24V24H0z"/><path d="M5.5 20c.828 0 1.5.672 1.5 1.5S6.328 23 5.5 23 4 22.328 4 21.5 4.672 20 5.5 20zm13 0c.828 0 1.5.672 1.5 1.5s-.672 1.5-1.5 1.5-1.5-.672-1.5-1.5.672-1.5 1.5-1.5zM2.172 1.757l3.827 3.828V17L20 17v2H5c-.552 0-1-.448-1-1V6.413L.756 3.172l1.415-1.415zM16 3c.552 0 1 .448 1 1v2h2.993C20.55 6 21 6.456 21 6.995v8.01c0 .55-.45.995-1.007.995H8.007C7.45 16 7 15.544 7 15.005v-8.01C7 6.445 7.45 6 8.007 6h2.992L11 4c0-.552.448-1 1-1h4zm-6 5H9v6h1V8zm6 0h-4v6h4V8zm3 0h-1v6h1V8zm-4-3h-2v1h2V5z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M22 13.5V21a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H5v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-7.5l-1.243-.31A1 1 0 0 1 0 12.22v-.72a.5.5 0 0 1 .5-.5h1.875l2.138-5.702A2 2 0 0 1 6.386 4h11.228a2 2 0 0 1 1.873 1.298L21.625 11H23.5a.5.5 0 0 1 .5.5v.72a1 1 0 0 1-.757.97L22 13.5zM4 15v2a1 1 0 0 0 1 1h3.245a.5.5 0 0 0 .44-.736C7.88 15.754 6.318 15 4 15zm16 0c-2.317 0-3.879.755-4.686 2.264a.5.5 0 0 0 .441.736H19a1 1 0 0 0 1-1v-2zM6 6l-1.561 4.684A1 1 0 0 0 5.387 12h13.226a1 1 0 0 0 .948-1.316L18 6H6z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M5 3h15a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-2v3a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V4a1 1 0 0 1 1-1zm13 2v3h2V5h-2zM2 19h18v2H2v-2z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M14.5 2a3.5 3.5 0 0 1 3.163 5.001L21 7a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-1v8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-8H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1l3.337.001a3.5 3.5 0 0 1 5.664-3.95A3.48 3.48 0 0 1 14.5 2zM18 13H6v7h12v-7zm2-4H4v2h16V9zM9.5 4a1.5 1.5 0 0 0-.144 2.993L9.5 7H11V5.5a1.5 1.5 0 0 0-1.356-1.493L9.5 4zm5 0l-.144.007a1.5 1.5 0 0 0-1.35 1.349L13 5.5V7h1.5l.144-.007a1.5 1.5 0 0 0 0-2.986L14.5 4z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M4 5v14h16V5H4zM3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm11.793 6.793L13 8h5v5l-1.793-1.793-3.864 3.864-2.121-2.121-2.829 2.828-1.414-1.414 4.243-4.243 2.121 2.122 2.45-2.45z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M5 9a1 1 0 0 1 1 1 6.97 6.97 0 0 1 4.33 1.5h2.17c1.332 0 2.53.579 3.353 1.499L19 13a5 5 0 0 1 4.516 2.851C21.151 18.972 17.322 21 13 21c-2.79 0-5.15-.603-7.06-1.658A.998.998 0 0 1 5 20H2a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1h3zm1.001 3L6 17.021l.045.033C7.84 18.314 10.178 19 13 19c3.004 0 5.799-1.156 7.835-3.13l.133-.133-.12-.1a2.994 2.994 0 0 0-1.643-.63L19 15l-2.112-.001c.073.322.112.657.112 1.001v1H8v-2l6.79-.001-.034-.078a2.501 2.501 0 0 0-2.092-1.416L12.5 13.5H9.57A4.985 4.985 0 0 0 6.002 12zM4 11H3v7h1v-7zm9.646-7.425L14 3.93l.354-.354a2.5 2.5 0 1 1 3.535 3.536L14 11l-3.89-3.89a2.5 2.5 0 1 1 3.536-3.535zm-2.12 1.415a.5.5 0 0 0-.06.637l.058.069L14 8.17l2.476-2.474a.5.5 0 0 0 .058-.638l-.058-.07a.5.5 0 0 0-.638-.057l-.07.058-1.769 1.768-1.767-1.77-.068-.056a.5.5 0 0 0-.638.058z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M17.5 21a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7zm0-2a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm-11-9a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7zm0-2a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm12.571-4.485l1.414 1.414L4.93 20.485l-1.414-1.414L19.07 3.515z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M13 16.938V19h5v2H6v-2h5v-2.062A8.001 8.001 0 0 1 4 9V3h16v6a8.001 8.001 0 0 1-7 7.938zM6 5v4a6 6 0 1 0 12 0V5H6zM1 5h2v4H1V5zm20 0h2v4h-2V5z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M3.492 8.065L4.778 19h14.444l1.286-10.935-4.01 2.673L12 4.441l-4.498 6.297-4.01-2.673zM2.801 5.2L7 8l4.186-5.86a1 1 0 0 1 1.628 0L17 8l4.2-2.8a1 1 0 0 1 1.547.95l-1.643 13.967a1 1 0 0 1-.993.883H3.889a1 1 0 0 1-.993-.883L1.253 6.149A1 1 0 0 1 2.8 5.2zM12 15a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M12 2a6 6 0 0 1 6 6v1h4v2h-1.167l-.757 9.083a1 1 0 0 1-.996.917H4.92a1 1 0 0 1-.996-.917L3.166 11H2V9h4V8a6 6 0 0 1 6-6zm6.826 9H5.173l.667 8h12.319l.667-8zM13 13v4h-2v-4h2zm-4 0v4H7v-4h2zm8 0v4h-2v-4h2zm-5-9a4 4 0 0 0-3.995 3.8L8 8v1h8V8a4 4 0 0 0-3.8-3.995L12 4z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M4 6.414L.757 3.172l1.415-1.415L5.414 5h15.242a1 1 0 0 1 .958 1.287l-2.4 8a1 1 0 0 1-.958.713H6v2h11v2H5a1 1 0 0 1-1-1V6.414zM6 7v6h11.512l1.8-6H6zm-.5 16a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm12 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M5.671 4.257c3.928-3.219 9.733-2.995 13.4.672 3.905 3.905 3.905 10.237 0 14.142-3.905 3.905-10.237 3.905-14.142 0A9.993 9.993 0 0 1 2.25 9.767l.077-.313 1.934.51a8 8 0 1 0 3.053-4.45l-.221.166 1.017 1.017-4.596 1.06 1.06-4.596 1.096 1.096zM13 6v2h2.5v2H10a.5.5 0 0 0-.09.992L10 11h4a2.5 2.5 0 1 1 0 5h-1v2h-2v-2H8.5v-2H14a.5.5 0 0 0 .09-.992L14 13h-4a2.5 2.5 0 1 1 0-5h1V6h2z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M24 12l-5.657 5.657-1.414-1.414L21.172 12l-4.243-4.243 1.414-1.414L24 12zM2.828 12l4.243 4.243-1.414 1.414L0 12l5.657-5.657L7.07 7.757 2.828 12zm6.96 9H7.66l6.552-18h2.128L9.788 21z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M5.33 3.271a3.5 3.5 0 0 1 4.254 4.963l10.709 10.71-1.414 1.414-10.71-10.71a3.502 3.502 0 0 1-4.962-4.255L5.444 7.63a1.5 1.5 0 1 0 2.121-2.121L5.329 3.27zm10.367 1.884l3.182-1.768 1.414 1.414-1.768 3.182-1.768.354-2.12 2.121-1.415-1.414 2.121-2.121.354-1.768zm-6.718 8.132l1.414 1.414-5.303 5.303a1 1 0 0 1-1.492-1.327l.078-.087 5.303-5.303z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M5.636 12.707l1.828 1.829L8.88 13.12 7.05 11.293l1.414-1.414 1.829 1.828 1.414-1.414L9.88 8.464l1.414-1.414L13.12 8.88l1.415-1.415-1.829-1.828 2.829-2.828a1 1 0 0 1 1.414 0l4.242 4.242a1 1 0 0 1 0 1.414L8.464 21.192a1 1 0 0 1-1.414 0L2.808 16.95a1 1 0 0 1 0-1.414l2.828-2.829zm8.485 5.656l4.243-4.242L21 16.757V21h-4.242l-2.637-2.637zM5.636 9.878L2.807 7.05a1 1 0 0 1 0-1.415l2.829-2.828a1 1 0 0 1 1.414 0L9.88 5.635 5.636 9.878z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M15.728 9.686l-1.414-1.414L5 17.586V19h1.414l9.314-9.314zm1.414-1.414l1.414-1.414-1.414-1.414-1.414 1.414 1.414 1.414zM7.242 21H3v-4.243L16.435 3.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L7.243 21z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M20.083 15.2l1.202.721a.5.5 0 0 1 0 .858l-8.77 5.262a1 1 0 0 1-1.03 0l-8.77-5.262a.5.5 0 0 1 0-.858l1.202-.721L12 20.05l8.083-4.85zm0-4.7l1.202.721a.5.5 0 0 1 0 .858L12 17.65l-9.285-5.571a.5.5 0 0 1 0-.858l1.202-.721L12 15.35l8.083-4.85zm-7.569-9.191l8.771 5.262a.5.5 0 0 1 0 .858L12 13 2.715 7.429a.5.5 0 0 1 0-.858l8.77-5.262a1 1 0 0 1 1.03 0zM12 3.332L5.887 7 12 10.668 18.113 7 12 3.332z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M14.121 10.48a1 1 0 0 0-1.414 0l-.707.706a2 2 0 1 1-2.828-2.828l5.63-5.632a6.5 6.5 0 0 1 6.377 10.568l-2.108 2.135-4.95-4.95zM3.161 4.468a6.503 6.503 0 0 1 8.009-.938L7.757 6.944a4 4 0 0 0 5.513 5.794l.144-.137 4.243 4.242-4.243 4.243a2 2 0 0 1-2.828 0L3.16 13.66a6.5 6.5 0 0 1 0-9.192z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M17 15.245v6.872a.5.5 0 0 1-.757.429L12 20l-4.243 2.546a.5.5 0 0 1-.757-.43v-6.87a8 8 0 1 1 10 0zM12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm0-2a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M12 8.5l2.116 5.088 5.492.44-4.184 3.584 1.278 5.36L12 20.1l-4.702 2.872 1.278-5.36-4.184-3.584 5.492-.44L12 8.5zm0 5.207l-.739 1.777-1.916.153 1.46 1.251-.447 1.871L12 17.756l1.641 1.003-.446-1.87 1.459-1.252-1.915-.153L12 13.707zM8 2v9H6V2h2zm10 0v9h-2V2h2zm-5 0v5h-2V2h2z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M22 17.002a6.002 6.002 0 0 1-4.713 5.86l-.638-1.914A4.003 4.003 0 0 0 19.465 19H17a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h2.938a8.001 8.001 0 0 0-15.876 0H7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-5C2 6.477 6.477 2 12 2s10 4.477 10 10V17.002zM20 17v-4h-3v4h3zM4 13v4h3v-4H4z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M22 20.007a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V19h18V7.3l-8 7.2-10-9V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v16.007zM4.434 5L12 11.81 19.566 5H4.434zM0 15h8v2H0v-2zm0-5h5v2H0v-2z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M6.455 19L2 22.5V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455zm-.692-2H20V5H4v13.385L5.763 17zm5.53-4.879l4.243-4.242 1.414 1.414-5.657 5.657-3.89-3.89 1.415-1.414 2.475 2.475z"/>'},{tags:[],name:"",svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M22 14h-2V7.238l-7.928 7.1L4 7.216V19h10v2H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v10zM4.511 5l7.55 6.662L19.502 5H4.511zM19 22l-3.536-3.536 1.415-1.414L19 19.172l3.536-3.536 1.414 1.414L19 22z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M20 7.238l-7.928 7.1L4 7.216V19h9v2H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v7h-2V7.238zM19.501 5H4.511l7.55 6.662L19.502 5zM22 17h1v5h-8v-5h1v-1a3 3 0 0 1 6 0v1zm-2 0v-1a1 1 0 0 0-2 0v1h2z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M9 1v2h6V1h2v2h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2zm11 9H4v9h16v-9zm-4.964 1.136l1.414 1.414-4.95 4.95-3.536-3.536L9.38 12.55l2.121 2.122 3.536-3.536zM7 5H4v3h16V5h-3v1h-2V5H9v1H7V5z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M14.6 8H21a2 2 0 0 1 2 2v2.104a2 2 0 0 1-.15.762l-3.095 7.515a1 1 0 0 1-.925.619H2a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1h3.482a1 1 0 0 0 .817-.423L11.752.85a.5.5 0 0 1 .632-.159l1.814.907a2.5 2.5 0 0 1 1.305 2.853L14.6 8zM7 10.588V19h11.16L21 12.104V10h-6.4a2 2 0 0 1-1.938-2.493l.903-3.548a.5.5 0 0 0-.261-.571l-.661-.33-4.71 6.672c-.25.354-.57.644-.933.858zM5 11H3v8h2v-8z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M19 21H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1zm-6-2h5V9.157l-6-5.454-6 5.454V19h5v-6h2v6z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M21 20h2v2H1v-2h2V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v17zm-2 0V4H5v16h14zM8 11h3v2H8v-2zm0-4h3v2H8V7zm0 8h3v2H8v-2zm5 0h3v2h-3v-2zm0-4h3v2h-3v-2zm0-4h3v2h-3V7z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M6.455 19L2 22.5V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455zm-.692-2H20V5H4v13.385L5.763 17zM11 10h2v2h-2v-2zm-4 0h2v2H7v-2zm8 0h2v2h-2v-2z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M9.4 16H3a2 2 0 0 1-2-2v-2.104a2 2 0 0 1 .15-.762L4.246 3.62A1 1 0 0 1 5.17 3H22a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-3.482a1 1 0 0 0-.817.423l-5.453 7.726a.5.5 0 0 1-.632.159L9.802 22.4a2.5 2.5 0 0 1-1.305-2.853L9.4 16zm7.6-2.588V5H5.84L3 11.896V14h6.4a2 2 0 0 1 1.938 2.493l-.903 3.548a.5.5 0 0 0 .261.571l.661.33 4.71-6.672c.25-.354.57-.644.933-.858zM19 13h2V5h-2v8z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M7 4v16h10V4H7zM6 2h12a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zm6 15a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M15.396 10.58l.02-.249a32.392 32.392 0 0 0 .083-2.326c0-.87-.294-1.486-.914-2.063-.66-.614-1.459-.942-2.59-.942-1.137 0-1.958.335-2.51.888-.696.695-.958 1.218-.958 2.1 0 .521.061 1.994.096 2.618a2 2 0 0 1-.469 1.402c.055.098.105.204.153.317.3.771.198 1.543-.152 2.271-.392.818-.731 1.393-1.41 2.154a7.973 7.973 0 0 1-.642.643 1.999 1.999 0 0 1 .412.565 5.886 5.886 0 0 1 1.585.074c.81.146 1.324.434 2.194 1.061l.016.011.213.152c.619.44.877.546 1.473.546.609 0 .91-.121 1.523-.552l.207-.146c.876-.632 1.407-.928 2.231-1.076a6.664 6.664 0 0 1 1.559-.074 1.999 1.999 0 0 1 .417-.567 8.409 8.409 0 0 1-.616-.616 9.235 9.235 0 0 1-1.447-2.16c-.363-.749-.47-1.54-.137-2.321.04-.098.085-.19.132-.276a2 2 0 0 1-.469-1.435zm-10.315-.102c.419 0 .6.305 1.219.305.157 0 .26-.035.326-.066-.009-.156-.099-1.986-.099-2.729 0-1.688.72-2.69 1.543-3.514C8.893 3.65 10.175 3 11.996 3c1.82 0 3.066.653 3.952 1.478.886.825 1.551 1.93 1.551 3.528 0 1.555-.099 2.594-.108 2.716a.59.59 0 0 0 .279.065c.63 0 .63-.31 1.33-.31.685 0 .983.57.983.823 0 .621-.833.967-1.33 1.126-.369.117-.931.291-1.075.635-.074.174-.043.4.092.678.003.008 1.26 2.883 3.93 3.326.235.035.391.241.391.483 0 .332-.37.617-.726.782-.443.2-1.091.37-1.952.505-.043.078-.134.485-.235.887-.135.542-.801.366-.991.326A4.997 4.997 0 0 0 16.291 20c-.482.087-.913.378-1.395.726-.713.504-1.465 1.076-2.9 1.076-1.436 0-2.144-.572-2.857-1.076-.482-.348-.905-.637-1.396-.726-.898-.163-1.57.036-1.795.057-.226.02-.842.244-.996-.327-.045-.166-.191-.808-.235-.895-.856-.135-1.508-.313-1.952-.513-.365-.165-.726-.443-.726-.779 0-.235.158-.44.391-.482 2.644-.483 3.766-3.005 3.922-3.33.132-.276.161-.5.091-.679-.143-.343-.704-.513-1.073-.635-.105-.034-1.336-.373-1.336-1.117 0-.24.205-.573.582-.73a1.36 1.36 0 0 1 .465-.092z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M14 10.25L17 8v6l-3-2.25V14H7V8h7v2.25zM5.763 17H20V5H4v13.385L5.763 17zm.692 2L2 22.5V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455z"/>'},{svg:'<path d="M17 1L1.15533 8.23675C1.08581 8.2685 1.07616 8.36335 1.13788 8.40845L5.8 11.8154M17 1V19.8031C17 19.8849 16.9071 19.9321 16.841 19.8838L9.44214 14.477M17 1L5.8 11.8154M17 1L9.44214 14.477M5.8 11.8154L9.44214 14.477M5.8 11.8154L6.57033 17.5855C6.58178 17.6712 6.68936 17.703 6.74552 17.6372L9.44214 14.477" stroke="none"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M20 3v14a4 4 0 1 1-2-3.465V6H9v11a4 4 0 1 1-2-3.465V3h13z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M12 13.535V3h8v3h-6v11a4 4 0 1 1-2-3.465z"/>'},{svg:'<path fill="none" d="M0 0h24v24H0z"/><path d="M12 4a8 8 0 0 0-8 8h3a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-7C2 6.477 6.477 2 12 2s10 4.477 10 10v7a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h3a8 8 0 0 0-8-8zM4 14v5h3v-5H4zm13 0v5h3v-5h-3z"/>'}];var T=a(38036);const F=t=>o.dy` <cdtr-editor-container>
+  <cdtr-title><lang-text text="${t.title}"></lang-text></cdtr-title>
+  <cdtr-row style="padding:var(--add-padding-row)" justify="center">
+    ${(0,T.r)(A(),(t=>t.svg),(e=>{const a=(new DOMParser).parseFromString(`<svg\n      width="30"\n      height="30"\n      xmlns="http://www.w3.org/2000/svg"\n      viewBox="0 0 24 24">${e.svg}</svg>`,"text/xml").firstChild;return o.dy`<cdtr-col sm="3">
+          <paper-button style="min-width:0;padding:3px" @click=${()=>t.onChange(e)}>
+            ${a}
+          </paper-button>
+        </cdtr-col>`}))}
+  </cdtr-row>
+</cdtr-editor-container>`,N=t=>o.dy`
+    <cdtr-editor-container pt="0">
+    <cdtr-row @click=${t=>{const e=t.currentTarget;if(e){if(t.target.closest("cdtr-gallery"))return;const a=e.querySelector("cdtr-gallery");a&&(a.opened&&(a.opened=!1),setTimeout((()=>{a.opened=!0}),100))}}} style="padding:0.7rem 0px;" justify="${t.justify||"center"}" alignItems="center">
+    ${t.src&&t.hasPreview?o.dy`
+      <div style="position: relative; width: 100%; margin-bottom: 10px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;">
+        <img 
+          src="${t.src}" 
+          style="width: 100%; height: 120px; object-fit: cover; display: block;"
+          onerror="this.style.display='none'"
+        />
+        ${t.isDeletable?o.dy`
+          <paper-button 
+            style="position: absolute; top: 5px; right: 5px; background: rgba(0,0,0,0.5); color: white; padding: 4px 8px; min-width: auto;"
+            @click=${e=>{e.stopPropagation(),"function"==typeof t.onDelete&&t.onDelete(e)}}
+          >
+            <lang-text text="delete"></lang-text>
+          </paper-button>
+        `:""}
+      </div>
+    `:""}
+    <paper-button style="margin-top:10px;width:100%;background:var(--primary);color:${t.buttonProps?.color||"var(--primary-text)"};"><lang-text text="${t.text||"gallery"}" ></lang-text>
+    </paper-button>
+    <cdtr-gallery
+      @close=${e=>{e.opened=!1,"function"==typeof t.close&&t.close(e)}}
+      .opened=${t.opened}
+      @file=${e=>{e.target.opened=!1,"function"==typeof t.onChange&&t.onChange(e)}}
+    ></cdtr-gallery>
+    </cdtr-row>
+    </cdtr-editor-container>
+`,Z=t=>{const e=JSON.parse(JSON.stringify(t.data)),a=e[0].items.length;if(""!==e[e.length-1].items[0].value){const t={items:[]};e.push(t);for(let r=0;r<a;r++)t.items.push({key:e[0].items[r].key,value:""})}""!==e[e.length-1].items[0].key&&e.forEach((t=>{t.items.push({key:"",value:""})}));return o.dy`
+    <div>
+      <div style="width:100%;overflow-x:auto;">
+        <cdtr-editor-container>
+          <table
+            style="width:${t.width||"200px"};font-family: arial, sans-serif;
+  border-collapse: collapse;"
+          >
+            <thead>
+              <tr>
+                ${e[0].items.map(((a,r)=>o.dy`<th
+                      style="  border: 1px solid #dddddd;
+  padding: 8px;"
+                    >
+                      <cdtr-input
+                        inputStyle="font-weight:700;border:none;"
+                        @change=${a=>((a,r)=>{t.onChangeHeader&&(e.forEach(((t,e)=>{t.items[r].key=a})),j(e),t.onChangeHeader(e,a,r))})(a.target.value,r)}
+                        value=${a.key}
+                      ></cdtr-input>
+                    </th> `))}
+              </tr>
+            </thead>
+            <tbody>
+              ${e.map(((a,r)=>o.dy`
+                  <tr style="color: ${a.color}">
+                    ${a.items.map(((n,s)=>o.dy`<td
+                          style="  border: 1px solid #dddddd;
+  padding: 8px;"
+                        >
+                          <cdtr-input
+                            inputStyle="border:none;"
+                            .disabled=${0!==s&&""===a.items[0].value}
+                            @change=${a=>((a,r)=>{let{groupIndex:o,itemIndex:n}=r;t.onChangeValue&&(e[o].items[n].value=a,j(e),t.onChangeValue(e,{groupIndex:o,itemIndex:n,value:a}))})(a.target.value,{itemIndex:s,groupIndex:r})}
+                            value=${n.value}
+                          ></cdtr-input>
+                        </td>`))}
+                  </tr>
+                `))}
+            </tbody>
+          </table>
+        </cdtr-editor-container>
+      </div>
+      <cdtr-editor-container>
+        <h3>
+          <lang-text text="cols_color"></lang-text>
+        </h3>
+      </cdtr-editor-container>
+
+      ${e[0].items.map(((a,r)=>o.dy`
+            <cdtr-editor-container>
+              <cdtr-row justify="space-between" alignItems="center">
+                <b>${a.key}</b>
+                ${t.editableColor&&a.key?o.dy`<color-playground
+                      @change=${a=>((a,r)=>{t.onChangeHeader&&(e[r].color=a,j(e),t.onChangeHeader(e,a,r))})(a.target.value,r)}
+                      value=${e[r].color}
+                      style="height:18px"
+                    ></color-playground>`:null}
+              </cdtr-row>
+            </cdtr-editor-container>
+          `))}
+    </div>
+  `};function j(t){t.forEach(((t,e)=>{t.items=Array.from(t.items).filter((t=>t.key))}))}const P=t=>o.dy`
+<cdtr-editor-container>
+<cdtr-link-element
+  .autofocus=${t.autofocus}
+  .href=${t.href||""}
+  .protocol=${t.protocol}
+  .target=${t.target}
+  @change=${t.onChange}
+></cdtr-link-element
+></cdtr-editor-container>`,O=[{name:"solid",value:"solid"},{name:"dashed",value:"dashed"},{name:"dotted",value:"dotted"},{name:"outset",value:"outset"},{name:"groove",value:"groove"},{name:"double",value:"double"},{name:"ridge",value:"ridge"}],D=t=>o.dy`<cdtr-editor-container>
+  <cdtr-row alignItems="center" jusitfyContent="space-between">
+    <cdtr-col>
+      <cdtr-title><lang-text text="type"></lang-text></cdtr-title>
+      <cdtr-col>
+        <cdtr-row>
+          <cdtr-dropdown @change=${t.onChange}>
+            <cdtr-dropdown-button
+              minWidth=${100}
+              class=" dropdown-button"
+              slot="trigger"
+              ><lang-text text="${t.borderType||t.value}"></lang-text>
+            </cdtr-dropdown-button>
+            <div slot="content">
+              ${O.map((e=>o.dy`<cdtr-dropdown-item
+                  .focused=${e.value===t.borderStyle||e.value===t.value}
+                  .selected=${e.value===t.borderStyle||e.value===t.value}
+                  value="${e.value}"
+                  ><lang-text text="${e.value}"></lang-text>
+                </cdtr-dropdown-item>`))}
+            </div>
+          </cdtr-dropdown>
+        </cdtr-row>
+      </cdtr-col>
+    </cdtr-col>
+    <cdtr-col sm="3">
+      <hr
+        style="border-top-color:${t.color};width:60%;margin:10px;margin-top:27px;border-top-width:${t.borderTopWidth}px;border-top-style:${t.borderStyle||t.value};"
+      />
+    </cdtr-col>
+  </cdtr-row>
+</cdtr-editor-container>`,W=t=>{const e="alignItems"===t.type?[{value:"flex-start",label:"top"},{value:"center",label:"middle"},{value:"flex-end",label:"bottom"}]:[{value:"flex-end",label:"right"},{value:"center",label:"center"},{value:"flex-start",label:"left"}];"end"===t.value?t.value="flex-end":"start"===t.value&&(t.value="flex-start");const a=e.find((e=>e.value===t.value))?.label;return o.dy` <cdtr-editor-container>
+    <cdtr-title>
+      <lang-text text=${t.title||"justifyContent"}></lang-text>
+    </cdtr-title>
+    <cdtr-dropdown style="width:100%" @change=${t.onChange}>
+      <cdtr-dropdown-button
+        minWidth=${100}
+        class="dropdown-button"
+        slot="trigger"
+        ><lang-text text="${a||t.value}"></lang-text>
+      </cdtr-dropdown-button>
+      <div slot="content">
+        ${e.map((e=>o.dy`<cdtr-dropdown-item
+            .focused=${e.value===t.value}
+            .selected=${e.value===t.value}
+            .value="${e.value}"
+            ><lang-text text="${e.label}"></lang-text>
+          </cdtr-dropdown-item>`))}
+      </div>
+    </cdtr-dropdown>
+  </cdtr-editor-container>`};var U=a(7592);const q=t=>o.dy` <cdtr-editor-container>
+  <cdtr-title class="dir-lang"
+    ><lang-text text="choose_your_duo_date"></lang-text
+  ></cdtr-title>
+  <cdtr-datetimepicker
+    @change=${t.onChange}
+    .value="${t.value}"
+  ></cdtr-datetimepicker>
+</cdtr-editor-container>`,G=t=>{let e="";return t.bgColor&&(e+=`background:${t.bgColor};`),t.color&&(e+=`color:${t.color};`),o.dy` <cdtr-editor-container>
+    <paper-button fullwidth style=${e} @click=${t.onClick}
+      ><lang-text text="${t.text}"></lang-text>${t.icon?o.dy`${" "}<cdtr-icon
+              style="margin-right:5px;display:block;font-size:12px;"
+              width="15px"
+              color="${t.color}"
+              icon=${t.icon}
+            ></cdtr-icon>`:null}</paper-button
+    >
+  </cdtr-editor-container>`},J=t=>o.dy` <cdtr-editor-container>
+  <cdtr-title><lang-text text="${t.title}"></lang-text></cdtr-title>
+  <cdtr-merge-tags></cdtr-merge-tags>
+</cdtr-editor-container>`;a(41424);var Y=a(76828);const K=()=>(0,Y.ZP)()?"http://localhost:8000/api/v1/prompt/fal-image":"https://agent.creaditor.ai/api/v1/prompt/fal-image";var X=a(30814);class Q extends o.oi{constructor(){super(),this.generatedImage=localStorage.getItem("lastGeneratedImage")||"",this.isGenerating=!1}handleInsertImage(t){X.td.dispatch("on:upload-file",{image:t,type:"base64"})}async handleGenerateImage(t,e){try{this.isGenerating=!0,this.requestUpdate();const a=await async function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};try{const a=await fetch(K(),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({prompt:t,options:{size:e.size||"1024x1024",quality:e.quality||"standard",style:e.style||"vivid"}})});if(!a.ok)throw new Error(`HTTP error! status: ${a.status}`);const r=await a.json();return{status:r.status||"complete",image:r.image,metadata:{prompt:r.metadata?.prompt||t,size:r.metadata?.size||e.size||"1024x1024",quality:r.metadata?.quality||e.quality||"standard",style:r.metadata?.style||e.style||"vivid",fal_ai_result:r.metadata?.fal_ai_result||r}}}catch(t){throw console.error("Error generating image:",t),t}}(t,e);return this.generatedImage=a.image,localStorage.setItem("lastGeneratedImage",a.image),this.isGenerating=!1,this.requestUpdate(),a}catch(t){throw this.isGenerating=!1,this.requestUpdate(),console.error("Failed to generate image:",t),t}}render(){return o.dy` <cdtr-editor-container>
+      <cdtr-image-prompt-editor
+        @insert-image=${t=>this.handleInsertImage(t.detail.imageUrl)}
+        .generatedImage=${this.generatedImage}
+        .isLoading=${this.isGenerating}
+        @generate-image=${t=>this.handleGenerateImage(t.detail.prompt,t.detail.options)}
+      ></cdtr-image-prompt-editor>
+    </cdtr-editor-container>`}}(0,r.Z)(Q,"properties",{generatedImage:{type:String},isGenerating:{type:Boolean}}),customElements.define("cdtr-image-prompt-builder",Q);const tt=JSON.parse('[{"src":"http://app.creaditor.com/assets/bullets/images/1.png","name":"Bullet 1"},{"src":"http://app.creaditor.com/assets/bullets/images/10.png","name":"Bullet 10"},{"src":"http://app.creaditor.com/assets/bullets/images/11.png","name":"Bullet 11"},{"src":"http://app.creaditor.com/assets/bullets/images/12.png","name":"Bullet 12"},{"src":"http://app.creaditor.com/assets/bullets/images/13.png","name":"Bullet 13"},{"src":"http://app.creaditor.com/assets/bullets/images/14.png","name":"Bullet 14"},{"src":"http://app.creaditor.com/assets/bullets/images/1468855650_office-65-14.png","name":"Office Icon"},{"src":"http://app.creaditor.com/assets/bullets/images/1468857210_88.png","name":"Number 88"},{"src":"http://app.creaditor.com/assets/bullets/images/1469019930_heart.png","name":"Heart"},{"src":"http://app.creaditor.com/assets/bullets/images/1469019990_2.png","name":"Number 2"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020015_number-one.png","name":"Number One"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020019_number-two.png","name":"Number Two"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020022_number-three.png","name":"Number Three"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020025_number-four.png","name":"Number Four"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020028_number-six.png","name":"Number Six"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020031_number-five.png","name":"Number Five"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020035_number-seven.png","name":"Number Seven"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020041_number-eight.png","name":"Number Eight"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020045_number-nine.png","name":"Number Nine"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020299_free-16.png","name":"Free Icon"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020371_pen_stroke_sketch_doodle_lineart_144.png","name":"Pen Sketch"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020375_sale.png","name":"Sale"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020407_question_mark.png","name":"Question Mark"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020420_check.png","name":"Check"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020468_pen_stroke_sketch_doodle_lineart_104.png","name":"Pen Doodle"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020485_help-questionmark.png","name":"Help Question"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020538_sign-check.png","name":"Sign Check"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020540_check.png","name":"Check Mark"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020585_ic_keyboard_arrow_right_48px.png","name":"Arrow Right"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020603_right.png","name":"Right Arrow"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020616_DoubleChevronRight.png","name":"Double Chevron Right"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020625_InterfaceExpendet-01.png","name":"Interface Expand"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020634_refresh.png","name":"Refresh"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020654_arrow_pencil_left-mediuem.png","name":"Arrow Pencil Left"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020664_Streamline-21.png","name":"Streamline"},{"src":"http://app.creaditor.com/assets/bullets/images/1469020671_Next_Arrow_Direction_Forward_Continue_Move.png","name":"Next Arrow"},{"src":"http://app.creaditor.com/assets/bullets/images/15.png","name":"Bullet 15"},{"src":"http://app.creaditor.com/assets/bullets/images/16.png","name":"Bullet 16"},{"src":"http://app.creaditor.com/assets/bullets/images/17.png","name":"Bullet 17"},{"src":"http://app.creaditor.com/assets/bullets/images/18.png","name":"Bullet 18"},{"src":"http://app.creaditor.com/assets/bullets/images/19.png","name":"Bullet 19"},{"src":"http://app.creaditor.com/assets/bullets/images/2.png","name":"Bullet 2"},{"src":"http://app.creaditor.com/assets/bullets/images/20.png","name":"Bullet 20"},{"src":"http://app.creaditor.com/assets/bullets/images/21.png","name":"Bullet 21"},{"src":"http://app.creaditor.com/assets/bullets/images/22.png","name":"Bullet 22"},{"src":"http://app.creaditor.com/assets/bullets/images/23.png","name":"Bullet 23"},{"src":"http://app.creaditor.com/assets/bullets/images/24.png","name":"Bullet 24"},{"src":"http://app.creaditor.com/assets/bullets/images/25.png","name":"Bullet 25"},{"src":"http://app.creaditor.com/assets/bullets/images/3.png","name":"Bullet 3"},{"src":"http://app.creaditor.com/assets/bullets/images/4.png","name":"Bullet 4"},{"src":"http://app.creaditor.com/assets/bullets/images/5.png","name":"Bullet 5"},{"src":"http://app.creaditor.com/assets/bullets/images/6.png","name":"Bullet 6"},{"src":"http://app.creaditor.com/assets/bullets/images/7.png","name":"Bullet 7"},{"src":"http://app.creaditor.com/assets/bullets/images/8.png","name":"Bullet 8"},{"src":"http://app.creaditor.com/assets/bullets/images/9.png","name":"Bullet 9"},{"src":"http://app.creaditor.com/assets/bullets/images/Add-48.png","name":"Add"},{"src":"http://app.creaditor.com/assets/bullets/images/addition-icon.png","name":"Addition"},{"src":"http://app.creaditor.com/assets/bullets/images/Arrow-next-3-icon.png","name":"Arrow Next 3"},{"src":"http://app.creaditor.com/assets/bullets/images/Arrow-next-5-icon.png","name":"Arrow Next 5"},{"src":"http://app.creaditor.com/assets/bullets/images/Arrow-previous-3-icon.png","name":"Arrow Previous 3"},{"src":"http://app.creaditor.com/assets/bullets/images/Arrow-prevous-5-icon.png","name":"Arrow Previous 5"},{"src":"http://app.creaditor.com/assets/bullets/images/Bulb-icon.png","name":"Bulb"},{"src":"http://app.creaditor.com/assets/bullets/images/Cart-add-icon%20(1).png","name":"Cart Add"},{"src":"http://app.creaditor.com/assets/bullets/images/cart-add-icon.png","name":"Cart Add Icon"},{"src":"http://app.creaditor.com/assets/bullets/images/cart-icon.png","name":"Cart"},{"src":"http://app.creaditor.com/assets/bullets/images/Check-3-icon.png","name":"Check 3"},{"src":"http://app.creaditor.com/assets/bullets/images/close-icon.png","name":"Close"},{"src":"http://app.creaditor.com/assets/bullets/images/cloud-icon.png","name":"Cloud"},{"src":"http://app.creaditor.com/assets/bullets/images/contact-icon.png","name":"Contact"},{"src":"http://app.creaditor.com/assets/bullets/images/Crown-48.png","name":"Crown"},{"src":"http://app.creaditor.com/assets/bullets/images/currency-icon.png","name":"Currency"},{"src":"http://app.creaditor.com/assets/bullets/images/Dollar-48.png","name":"Dollar"},{"src":"http://app.creaditor.com/assets/bullets/images/download-icon.png","name":"Download"},{"src":"http://app.creaditor.com/assets/bullets/images/error-48.png","name":"Error"},{"src":"http://app.creaditor.com/assets/bullets/images/fastforward-icon.png","name":"Fast Forward"},{"src":"http://app.creaditor.com/assets/bullets/images/fastrewind-icon.png","name":"Fast Rewind"},{"src":"http://app.creaditor.com/assets/bullets/images/Favorites-icon.png","name":"Favorites"},{"src":"http://app.creaditor.com/assets/bullets/images/Favourite-icon.png","name":"Favourite"},{"src":"http://app.creaditor.com/assets/bullets/images/Fire-48.png","name":"Fire"},{"src":"http://app.creaditor.com/assets/bullets/images/Heart-48.png","name":"Heart"},{"src":"http://app.creaditor.com/assets/bullets/images/heart-favourite-icon.png","name":"Heart Favourite"},{"src":"http://app.creaditor.com/assets/bullets/images/heart-icon.png","name":"Heart Icon"},{"src":"http://app.creaditor.com/assets/bullets/images/heart-plus-icon.png","name":"Heart Plus"},{"src":"http://app.creaditor.com/assets/bullets/images/Info-48.png","name":"Info"},{"src":"http://app.creaditor.com/assets/bullets/images/info-icon.png","name":"Info Icon"},{"src":"http://app.creaditor.com/assets/bullets/images/information-icon.png","name":"Information"},{"src":"http://app.creaditor.com/assets/bullets/images/light-icon.png","name":"Light"},{"src":"http://app.creaditor.com/assets/bullets/images/like-icon.png","name":"Like"},{"src":"http://app.creaditor.com/assets/bullets/images/location-icon.png","name":"Location"},{"src":"http://app.creaditor.com/assets/bullets/images/love-48.png","name":"Love"},{"src":"http://app.creaditor.com/assets/bullets/images/new-icon.png","name":"New"},{"src":"http://app.creaditor.com/assets/bullets/images/next-icon%20(1).png","name":"Next Icon"},{"src":"http://app.creaditor.com/assets/bullets/images/next-icon.png","name":"Next"},{"src":"http://app.creaditor.com/assets/bullets/images/phone-call-icon.png","name":"Phone Call"},{"src":"http://app.creaditor.com/assets/bullets/images/phone-icon.png","name":"Phone"},{"src":"http://app.creaditor.com/assets/bullets/images/plus-icon.png","name":"Plus"},{"src":"http://app.creaditor.com/assets/bullets/images/sale-tag-icon.png","name":"Sale Tag"},{"src":"http://app.creaditor.com/assets/bullets/images/settings-2-icon.png","name":"Settings 2"},{"src":"http://app.creaditor.com/assets/bullets/images/settings-icon.png","name":"Settings"},{"src":"http://app.creaditor.com/assets/bullets/images/shopping-icon.png","name":"Shopping"},{"src":"http://app.creaditor.com/assets/bullets/images/songs-icon.png","name":"Songs"},{"src":"http://app.creaditor.com/assets/bullets/images/sound-2-icon.png","name":"Sound 2"},{"src":"http://app.creaditor.com/assets/bullets/images/star-icon%20(1).png","name":"Star Icon"},{"src":"http://app.creaditor.com/assets/bullets/images/star-icon.png","name":"Star"},{"src":"http://app.creaditor.com/assets/bullets/images/stop-icon.png","name":"Stop"},{"src":"http://app.creaditor.com/assets/bullets/images/sun-icon.png","name":"Sun"},{"src":"http://app.creaditor.com/assets/bullets/images/tick-icon.png","name":"Tick"},{"src":"http://app.creaditor.com/assets/bullets/images/warning-icon.png","name":"Warning"},{"src":"http://app.creaditor.com/assets/bullets/images/zoom-in-icon.png","name":"Zoom In"},{"src":"http://app.creaditor.com/assets/bullets/images/zoom-seach-icon.png","name":"Zoom Search"},{"src":"http://app.creaditor.com/assets/bullets/images/zoom-search-2-icon.png","name":"Zoom Search 2"}]');class et extends o.oi{constructor(){super(),this.selectedIcon="",this.searchTerm="",this.filteredImages=tt}render(){return o.dy`
+      <div class="gallery-container">
+        <div class="search-container">
+          <cdtr-input
+            type="search"
+            class="search-input"
+            placeholder="search"
+            .value=${this.searchTerm}
+            @input=${this._handleSearch}
+          ></cdtr-input>
+        </div>
+
+        <div class="gallery-grid">
+          ${0===this.filteredImages.length?o.dy`<div class="no-results">
+                No icons found matching "${this.searchTerm}"
+              </div>`:this.filteredImages.map((t=>o.dy`
+                  <div
+                    class="icon-item ${this.selectedIcon===t.src?"selected":""}"
+                    @click=${()=>this._selectIcon(t)}
+                    title="${t.name}"
+                  >
+                    <img
+                      src="${t.src}"
+                      alt="${t.name}"
+                      class="icon-image"
+                      loading="lazy"
+                      @error=${this._handleImageError}
+                    />
+                    <div class="icon-name">${t.name}</div>
+                  </div>
+                `))}
+        </div>
+      </div>
+    `}_handleSearch(t){this.searchTerm=t.target.value.toLowerCase(),this.filteredImages=tt.filter((t=>t.name.toLowerCase().includes(this.searchTerm)))}_selectIcon(t){this.selectedIcon=t.src,this.dispatchEvent(new CustomEvent("icon-selected",{detail:{src:t.src,name:t.name},bubbles:!0,composed:!0}))}_getSelectedIconName(){const t=tt.find((t=>t.src===this.selectedIcon));return t?t.name:"Unknown"}_handleImageError(t){t.target.style.display="none",t.target.parentElement.querySelector(".icon-name").textContent="Error loading"}}(0,r.Z)(et,"properties",{selectedIcon:{type:String},searchTerm:{type:String},filteredImages:{type:Array}}),(0,r.Z)(et,"styles",o.iv`
+    :host {
+      display: block;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+        sans-serif;
+    }
+
+    .gallery-container {
+      max-width: 100%;
+      margin: 0 auto;
+      padding: 16px;
+    }
+
+    .search-container {
+      margin-bottom: 16px;
+    }
+
+    .search-input {
+      width: 100%;
+      padding: 8px 12px;
+      border: 1px solid #ddd;
+      border-radius: 4px;
+      font-size: 14px;
+      box-sizing: border-box;
+    }
+
+    .search-input:focus {
+      outline: none;
+      border-color: #007bff;
+      box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
+    }
+
+    .gallery-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 12px;
+      max-height: 400px;
+      overflow-y: auto;
+      border: 1px solid #e0e0e0;
+      border-radius: 8px;
+      padding: 12px;
+      background-color: #fafafa;
+    }
+
+    .icon-item {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding: 16px 12px;
+      border: 2px solid transparent;
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 0.2s ease;
+      background-color: white;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+      min-height: 30px;
+    }
+
+    .icon-item:hover {
+      border-color: #007bff;
+      transform: translateY(-2px);
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+    }
+
+    .icon-item.selected {
+      border-color: #28a745;
+      background-color: #f8fff9;
+    }
+
+    .icon-image {
+      width: 26px;
+      height: 26px;
+      object-fit: contain;
+      margin-bottom: 6px;
+    }
+
+    .icon-name {
+      font-size: 11px;
+      text-align: center;
+      color: #666;
+      word-break: break-word;
+      line-height: 1.3;
+      max-width: 100%;
+      font-weight: 500;
+    }
+
+    .selected-info {
+      margin-top: 16px;
+      padding: 12px;
+      background-color: #f8f9fa;
+      border-radius: 6px;
+      border-left: 4px solid #007bff;
+    }
+
+    .selected-info h4 {
+      margin: 0 0 8px 0;
+      color: #333;
+      font-size: 14px;
+    }
+
+    .selected-info p {
+      margin: 0;
+      color: #666;
+      font-size: 12px;
+    }
+
+    .no-results {
+      text-align: center;
+      color: #666;
+      font-style: italic;
+      padding: 40px 20px;
+    }
+
+    .stats {
+      margin-bottom: 16px;
+      font-size: 12px;
+      color: #666;
+    }
+  `),customElements.define("icons-gallery",et);const at=t=>o.dy`<cdtr-editor-container>
+  <cdtr-col sm="12">
+    <cdtr-title style="display:block" class="align-lang"
+      ><lang-text text="${t.title||"spacing"}"></lang-text
+    ></cdtr-title>
+  </cdtr-col>
+  <cdtr-row justify="center">
+    <cdtr-spacing
+      .topValue="${t.value?.top||0}"
+      .bottomValue="${t.value?.bottom||0}"
+      .leftValue="${t.value?.left||0}"
+      .rightValue="${t.value?.right||0}"
+      max=${t.max||"20"}
+      @input=${t.onChange}
+      isLock=${t.isLock||!0}
+      .hasLeft=${t.hasLeft||!0}
+      .hasRight=${t.hasRight||!0}
+      .hasTop=${t.hasTop||!0}
+      .hasBottom=${t.hasBottom||!0}
+    ></cdtr-spacing>
+  </cdtr-row>
+</cdtr-editor-container>`;a.e(4807).then(a.bind(a,54807));a(80184);Promise.resolve().then(a.bind(a,41424));class rt extends o.oi{constructor(){super(),this.editor={},this.tabName="",this.factory=this.factory.bind(this),this.execCommandWrapper=this.execCommandWrapper.bind(this),this.connectWith=this.connectWith.bind(this),this.changeTab=this.changeTab.bind(this),this.$select=this.$select.bind(this),this.$update=this.$update.bind(this),this.handleJustifyContent=this.handleJustifyContent.bind(this),this.handleAlignItems=this.handleAlignItems.bind(this)}$select(){this.editor&&this.editor.select&&this.editor.select({changeTab:this.changeTab,tab:this.tabName}),this.connectWith("select")}$update(){this.connectWith("update")}connectedCallback(){super.connectedCallback(),c.Z.on("update",this.$update),c.Z.on("select",this.$select),this.connectWith("load")}disconnectedCallback(){super.disconnectedCallback(),c.Z.off("update",this.$update),c.Z.off("select",this.$select)}connectWith(){const t=new UIEvent(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"update",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t);const e=c.Z.components.find((t=>t.type===this.type));e&&(this.component={...e},this.props=e.props,this.editor=e.createEditor(this.commandsBuilder()))}factory(t,e){if("function"==typeof t&&(t=t()),t.debug,"boolean"==typeof t.active&&!t.active)return null;if("function"==typeof t.active){if(!1===t.active())return null}switch(t.type){case"datetime":return q(t);case"radius":return(0,U.Z)(t);case"justifyContent":case"alignItems":return W(t);case"node":case"lit":case"custom":return t.node();case"button":return G(t);case"borderpicker":return D(t);case"linkpicker":return P(t);case"input":return i(t);case"dropdown":return l(t);case"fontSize":return p(t);case"fontFamily":return d(t);case"mergeTags":return J(t);case"boxShadow":return v(t);case"colorpicker":return b(t);case"slider":return f(t);case"divider":return y(t);case"heading":return L(t);case"option":return M(t);case"checkbox":return C(t);case"stringListBuilder":return H(t);case"chipsInput":return I(t);case"typography":return B(t);case"icons":return o.dy`<icons-gallery
+          .selectedIcon=${t.selectedIcon}
+          @icon-selected=${t.onChange}
+        ></icons-gallery>`;case"info":return E(t);case"svgpicker":return F(t);case"gallery":return N(t);case"table":return Z(t);case"accordion":return o.dy`<cdtr-accordion-item
+          .onToggle=${t.onToggle}
+          .label="${t.label}"
+          .isOpen=${t.isOpen}
+        >
+          ${t.children.map((t=>this.factory(t)))}
+        </cdtr-accordion-item>`;case"imagePrompt":return document.createElement("cdtr-image-prompt-builder");case"spacingPicker":return at(t)}}execCommandWrapper(t,e){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};a.components=[this.component],c.Z.store().execCommand(t,e,a)}commandsBuilder(){return{tab:this.tabName,helpers:{Url:R.Z,deepMerge:V()},commands:{execCommand:this.execCommandWrapper,injectEditor:n.h.get("injectEditor")}}}changeTab(t){this.tabName=t,this.editor=this.component.createEditor(this.commandsBuilder())}getColElementData(t){const e=t[0]?.closest("col");return e?{colElement:e,justifyValue:e.props.justify,alignItemsValue:e.props.alignItems,colElementRect:e.element.getBoundingClientRect()}:null}shouldShowDesignControls(t,e){const a=t[0]?.element.getBoundingClientRect(),r=t[0]?.type,o=e.find((t=>t.selected))?.text;let n=("design"===o||void 0===o)&&!["root","section","block","row","col"].includes(r);const s=this.getColElementData(t);return s&&s.colElementRect.width===a.width&&(n=!1),n}handleJustifyContent(t){const e=t.target.value,a=c.Z.getSelectedComponent(),r=a[0]?.closest("col");r&&c.Z.store().execCommand("justify",e,{find:"col"})}handleAlignItems(t){const e=t.target.value,a=c.Z.getSelectedComponent(),r=a[0]?.closest("col");r&&c.Z.store().execCommand("alignItems",e,{find:"col"})}renderJustifyAlignControls(t){return t?o.dy`${W({value:t.justifyValue,onChange:this.handleJustifyContent})}
+      ${W({value:t.alignItemsValue,title:"alignItems",onChange:this.handleAlignItems})}`:null}createRenderRoot(){return this}render(){if(!this.editor)return;const t=c.Z.getSelectedComponent(),e=this.editor?.tabs(this.tabName),a=this.getColElementData(t),r=this.shouldShowDesignControls(t,e);return o.dy`<cdtr-editor-tabs
+      .value=${this.tabName}
+      @tabChanged=${t=>this.changeTab(t.target.value)}
+      .tabs=${e}
+    >
+      <div slot="content">
+        ${this.editor.layout({tabs:e,tab:e.find((t=>t.selected))||{text:"design"},changeTab:this.changeTab}).map(this.factory)}
+        ${r?this.renderJustifyAlignControls(a):null}
+      </div>
+    </cdtr-editor-tabs> `}}(0,r.Z)(rt,"styles",o.iv`
+    [disabled] {
+      opacity: 0.3;
+      pointer-events: none;
+    }
+    paper-button.gallery {
+      background: var(--primary);
+      color: var(--primary-text);
+    }
+    paper-button.backgrounds {
+      background: BLACK;
+      color: #fff;
+    }
+  `),(0,r.Z)(rt,"properties",{type:{type:String},editor:{},tabName:{type:String},tabs:{type:Array}}),customElements.define("cdtr-editor-builder",rt)},26993:(t,e,a)=>{a.r(e),a.d(e,{FontFamilyEditor:()=>i});var r=a(56666),o=a(21293),n=(a(45607),a(43824)),s=a(70235);class i extends o.oi{constructor(){super(),(0,r.Z)(this,"onchangeFontFamily",(t=>{const e=t.target.value,a=this.fontFamilies.find((t=>t.name===e));if(!a)return void console.error("cant set font family, font family not founded..");(0,n.TL)(a),this.value=a.cssRule,this.name=e;const r=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(r)})),(0,r.Z)(this,"onFilteredFonts",(t=>{const e=t.target.value;this.filteredFonts=this.fontFamilies.filter((t=>t.name.toLowerCase().includes(e.toLowerCase())))})),this.filteredFonts=[],this.fontFamilies=[]}connectedCallback(){super.connectedCallback();const t=s.h.get("config","editor","configure","editorProps","fonts");Array.isArray(t)&&(this.filteredFonts=this.fontFamilies=t),t.forEach((t=>{!function(t){if(document.getElementById(t.id))return;const e=document.createElement("link");e.href=t.url,e.id=t.id,e.setAttribute("data-name",t.name),e.rel="stylesheet",e.type="text/css",document.head.appendChild(e)}(t)}))}disconnectedCallback(){super.disconnectedCallback()}render(){const t=this.fontFamilies.find((t=>-1!==t.cssRule.indexOf(this.value)||-1!==t.cssRule.indexOf(this.name)));t&&(this.name=t.name);const e=o.dy`<cdtr-dropdown
+      style="width:100%"
+      .value="${this.name}"
+      @change=${this.onchangeFontFamily}
+    >
+      <cdtr-dropdown-button
+        minWidth=${100}
+        class="dropdown-button"
+        slot="trigger"
+        ><lang-text text="${this.name}"></lang-text>
+      </cdtr-dropdown-button>
+      <div slot="content">
+        <cdtr-input
+          .placeholder="${s.h.get("lang","search")}.."
+          @input=${this.onFilteredFonts}
+          type="search"
+        ></cdtr-input>
+        ${this.filteredFonts.map((t=>o.dy`<cdtr-dropdown-item
+            .focused=${t.name===this.name}
+            .selected=${t.name===this.name}
+            value="${t.name}"
+            ><span
+              style="font-family:${t.cssRule};"
+              text="${t.name}"
+              data-foo="${t.cssRule}"
+            >${t.name}</span>
+          </cdtr-dropdown-item>`))}
+      </div>
+    </cdtr-dropdown>`,a=o.dy`
+      <cdtr-editor-container>
+        <cdtr-row alignItems="center" justify="space-between">
+          <cdtr-title pb="0" style="display:block" class="align-lang"
+            ><lang-text text="fontFamily"></lang-text
+          ></cdtr-title>
+          <cdtr-col sm="12">
+            <cdtr-row alignItems="center" justify="flex-end">
+              ${e}
+            </cdtr-row>
+          </cdtr-col>
+        </cdtr-row>
+      </cdtr-editor-container>
+    `;return this.light?e:a}}(0,r.Z)(i,"properties",{value:{type:String},name:{type:String},fontFamilies:{type:Array},filteredFonts:{type:Array},isOpen:{type:Boolean},light:{type:Boolean}}),(0,r.Z)(i,"styles",o.iv`
+    .dropdown-button {
+      min-width: 100px;
+    }
+  `),customElements.define("cdtr-font-family-editor",i)},16592:(t,e,a)=>{function r(t){try{return function(t){const e=t.split(/ (?![^(]*\))/);let a="",r=0,o=0,n=0,s=0,i=!1;for(let t of e)t=t.trim(),"inset"===t?i=!0:t.endsWith("px")||t.endsWith("em")?0===o?o=parseFloat(t):0===r?r=parseFloat(t):0===n?n=parseFloat(t):0===s&&(s=parseFloat(t)):(t.includes("rgb")||t.includes("#"))&&(a=t);return[{color:a,offsetY:r,offsetX:o,blurRadius:n,spreadRadius:s,inset:i}]}(t)}catch(t){console.error(t)}}a.d(e,{Z:()=>r})},41424:(t,e,a)=>{a.r(e),a.d(e,{ImagePromptEditor:()=>c});var r,o,n=a(56666),s=a(74411),i=a(60981);const l=new Set;let c=(0,i.Mo)("cdtr-image-prompt-editor")((o=class extends s.oi{constructor(){super(),this.prompt="",this.generatedImage="",this.isLoading=!1,this.addEventListener("keydown",this._handleKeyDown.bind(this))}_handleKeyDown(t){"Enter"===t.key&&t.ctrlKey&&this._submitPrompt()}_handlePromptChange(t){this.prompt=t.target.value}_submitPrompt(){this.prompt.trim()&&!this.isLoading&&(this.isLoading=!0,this.dispatchEvent(new CustomEvent("generate-image",{detail:{prompt:this.prompt,options:{size:"1024x1024",quality:"standard",style:"natural"}}})))}_handleInsertImage(){const t=(e=this.generatedImage).length<100?e:e.slice(0,50)+e.slice(-50);var e;l.has(t)||(l.add(t),this.dispatchEvent(new CustomEvent("insert-image",{detail:{imageUrl:this.generatedImage}})))}setGeneratedImage(t){this.isLoading=!1,this.generatedImage=t,this.requestUpdate()}copyToClipboard(){navigator.clipboard.writeText(this.generatedImage),window.snackbar&&window.snackbar({message:"copied_to_clipboard",type:"success"})}render(){return s.dy`
+      <div class="container">
+        <h6>
+          <lang-text
+            whiteSpace="break-spaces"
+            text="image_prompt_editor_description"
+          ></lang-text>
+        </h6>
+        ${this.generatedImage?s.dy`
+              <cdtr-input
+                @click="${this.copyToClipboard}"
+                fullWidth
+                value="${this.generatedImage}"
+              ></cdtr-input>
+              <div class="image-preview">
+                <img
+                  width="100%"
+                  src="${this.generatedImage}"
+                  alt="Generated image"
+                />
+              </div>
+            `:null}
+        ${this.generatedImage?s.dy`
+              <paper-button
+                class="insert-button"
+                @click="${this._handleInsertImage}"
+              >
+                <lang-text text="insert_image"></lang-text>
+              </paper-button>
+            `:""}
+
+        <cdtr-textarea
+          fullWidth
+          class="prompt-input"
+          .value="${this.prompt}"
+          @input="${this._handlePromptChange}"
+          placeholder="describe_image_prompt_input"
+          ?disabled="${this.isLoading}"
+        ></cdtr-textarea>
+          <br/>
+          <br/>
+        <paper-button
+          ?disabled="${!this.prompt.trim()||this.isLoading}"
+          @click="${this._submitPrompt}"
+        >
+          ${this.isLoading?s.dy`<div class="spinner"></div>
+                <lang-text text="generating"></lang-text>`:s.dy`<lang-text text="generate_image"></lang-text>`}
+        </paper-button>
+
+        <div class="loading ${this.isLoading?"active":""}">
+          <div class="loading-text">
+            <lang-text text="creating_your_masterpiece"></lang-text>
+          </div>
+        </div>
+      </div>
+    `}},(0,n.Z)(o,"properties",{prompt:{type:String},generatedImage:{type:String},isLoading:{type:Boolean}}),(0,n.Z)(o,"styles",s.iv`
+    * {
+      box-sizing: border-box;
+    }
+
+    :host {
+      display: block;
+      font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
+      margin: 0 auto;
+      max-width: 100%;
+    }
+
+    .container {
+      background: white;
+      border-radius: 12px;
+      transition: all 0.3s ease;
+    }
+
+    .image-preview {
+      width: 100%;
+      height: auto;
+      background: #f8f9fa;
+      border-radius: 8px;
+      margin-bottom: 1rem;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      overflow: hidden;
+      position: relative;
+      border: 2px dashed #e9ecef;
+      transition: all 0.3s ease;
+    }
+
+    .image-preview:hover {
+      border-color: #4a90e2;
+    }
+
+    .image-preview img {
+      max-width: 100%;
+      max-height: 100%;
+      object-fit: contain;
+      border-radius: 8px;
+    }
+
+    .image-preview span {
+      color: #6c757d;
+      font-size: 1.1rem;
+    }
+
+    .prompt-input:disabled {
+      background: #e9ecef;
+      cursor: not-allowed;
+    }
+
+    paper-button {
+      background: var(--primary);
+      color: var(--primary-text);
+      width: 100%;
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 8px;
+      margin-bottom: 1rem;
+    }
+
+    paper-button:disabled {
+      opacity: 0.7;
+      cursor: not-allowed;
+    }
+
+    .insert-button {
+      background: #000000;
+      color: white;
+      width: 100%;
+      margin-top: 0.5rem;
+    }
+
+    .insert-button:hover {
+      background: #252725;
+    }
+
+    .spinner {
+      width: 20px;
+      height: 20px;
+      border: 2px solid #ffffff;
+      border-top: 2px solid transparent;
+      border-radius: 50%;
+      animation: spin 1s linear infinite;
+    }
+
+    @keyframes spin {
+      0% {
+        transform: rotate(0deg);
+      }
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+
+    .loading {
+      display: none;
+      margin-top: 1rem;
+      text-align: center;
+      color: #495057;
+    }
+
+    .loading.active {
+      display: block;
+    }
+
+    .loading-text {
+      font-size: 1.1rem;
+      margin-bottom: 0.5rem;
+      color: #495057;
+    }
+  `),r=o))||r},98766:(t,e,a)=>{a.d(e,{Z:()=>o});const r=JSON.parse('["3g2","3gp","aaf","asf","avchd","avi","drc","flv","m2v","m3u8","m4p","m4v","mkv","mng","mov","mp2","mp4","mpe","mpeg","mpg","mpv","mxf","nsv","ogg","ogv","qt","rm","rmvb","roq","svi","vob","webm","wmv","yuv"]');function o(t){const e=/(?:\.([^.]+))?$/.exec(t.toLowerCase())[1];return-1!==r.findIndex((t=>t===e))}},30814:(t,e,a)=>{a.d(e,{td:()=>d});const r=window.cdtrSignalKey||`___${Math.random().toString(36).substr(2,9)}`;window.cdtrSignalKey=r,window[r]||(window[r]={});const o=window[r],n=window.__cdtrEvents||{};function s(t){return crypto.subtle.digest("SHA-256",(new TextEncoder).encode(t)).then((t=>Array.from(new Uint8Array(t)).map((t=>t.toString(16).padStart(2,"0"))).join("")))}function i(t){if(t.length%2!=0)throw new Error("Invalid hex string");const e=new Uint8Array(t.length/2);for(let a=0;a<t.length;a+=2)e[a/2]=parseInt(t.substr(a,2),16);return e}async function l(t){const e=await s(t),a=o[e];if(a){const t=await crypto.subtle.importKey("raw",i(e),{name:"AES-GCM"},!1,["encrypt","decrypt"]),r=await async function(t,e,a){const r=await crypto.subtle.decrypt({name:"AES-GCM",iv:e},t,a);return(new TextDecoder).decode(r)}(t,a.iv,a.encrypted);return JSON.parse(r)}return null}function c(t,e){if(n[t])for(const a in n[t])Object.prototype.hasOwnProperty.call(n[t],a)&&n[t][a].forEach((t=>t(e)));Array.isArray(n["*"])&&n["*"].forEach((t=>t(e)))}window.__cdtrEvents=n;const d={set:async function(t,e){const a=JSON.parse(JSON.stringify(e)),r=await s(t),l=await crypto.subtle.importKey("raw",i(r),{name:"AES-GCM"},!1,["encrypt","decrypt"]),d=await async function(t,e){const a=crypto.getRandomValues(new Uint8Array(12)),r=(new TextEncoder).encode(e),o=await crypto.subtle.encrypt({name:"AES-GCM",iv:a},t,r);return{iv:a,encrypted:new Uint8Array(o)}}(l,JSON.stringify(a));o[r]=d,n.set&&n.set[r]&&n.set[r].forEach((t=>t(a))),Array.isArray(n["*"])&&n["*"].forEach((t=>t(a))),c(t,a)},get:l,remove:async function(t){const e=await s(t);delete o[e]},on:async function(t,e,a){n[t]||(n[t]={});const r=await s(e);n[t][r]||(n[t][r]=[]),n[t][r].push((t=>{!function(){const t=(new Error).stack;if(t&&t.indexOf(" at <anonymous>:1")>-1)throw console.warn("Function call blocked: Detected console execution."),new Error("Function call blocked: Detected console execution.")}(),a(t)}));const o=await l(e);return o&&a(o),r},off:function(t,e){n[t]&&n[t][e]&&delete n[t][e]},dispatch:c,OPTIONS:{SET:"set"}}}}]);