@creaditor/web-starterkit 1.0.0

package/dist/1565.creaditor.bundle.js

@@ -0,0 +1,1016 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[1565,2384],{58691(t,e,r){r.r(e),r.d(e,{ImagePromptEditor:()=>l});var a,o,i=r(59929),n=r(49410);const s=new Set;let l=(0,n.EM)("cdtr-image-prompt-editor")(((o=class extends i.WF{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;s.has(t)||(s.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 i.qy`
+      <div class="container">
+        <h6>
+          <lang-text
+            whiteSpace="break-spaces"
+            text="image_prompt_editor_description"
+          ></lang-text>
+        </h6>
+        ${this.generatedImage?i.qy`
+              <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?i.qy`
+              <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?i.qy`<div class="spinner"></div>
+                <lang-text text="generating"></lang-text>`:i.qy`<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>
+    `}}).properties={prompt:{type:String},generatedImage:{type:String},isLoading:{type:Boolean}},o.styles=i.AH`
+    * {
+      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;
+    }
+  `,a=o))||a},61565(t,e,r){r.r(e),r.d(e,{EditorBuilder:()=>ut});var a=r(59929),o=r(86319),i=r(21421);const n=t=>{const e=(0,i._)();return a.qy` <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,i.K)(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%;${t.emoji?"padding-left:40px;":""}"
+        .couchOnEmpty=${!!t.couch}
+      ></cdtr-input>
+      <div style="position:absolute;left:0;top:0;">
+        ${t.emoji&&a.qy`<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 r=document.createElement("cdtr-emoji-picker");return r.onEmojiClick=(a,i)=>{const n=i.emoji,s=window.getSelection();if(s&&s.baseNode?.parentElement?.closest(".tiptap.ProseMirror")){const t=s.baseNode?.parentElement?.closest("[data-id][data-type]");if(t){const e=o.M.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(i.emoji);const t=r.closest("cdtr-dropdown");t?.close()}}}else{const r=e.value.inputRef.value,a=r.selectionStart,o=r.selectionEnd,i=r.value,s=i.slice(0,a)+n+i.slice(o);r.value=s,t.onInput({target:{value:s}}),r.selectionStart=r.selectionEnd=a+n.length,r.focus()}},r})()}</div>
+        </cdtr-dropdown>`}
+      </div>
+    </cdtr-row>
+    ${t.mergeTags&&a.qy`<cdtr-merge-tags
+      style="margin-top:10px;display:block;"
+      @change=${r=>{let a=r.target.value;const o=e.value.inputRef.value,i=o.selectionStart,n=o.selectionEnd,s=o.value;a=s.slice(0,i)+a+s.slice(n),o.value=a,t.onInput({target:{value:a}}),o.selectionStart=o.selectionEnd=i+a.length,o.focus()}}
+    ></cdtr-merge-tags> `}
+  </cdtr-editor-container>`},s=t=>{let e="function"==typeof t.value?t.value(t):t.value;return e||(e=""),a.qy`<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=>a.qy` <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 l=r(9507);r(92384);const d=t=>a.qy`<cdtr-font-family-editor
+  .name=${t.value}
+  @change=${t.onChange}
+></cdtr-font-family-editor>`,c=t=>a.qy`<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 p,h,g,u,x,m,v=r(59088),b=r(36936),f=r(49410),y=r(50742),w=r(74726);const $="#000 0px 0px 0px 0px",z={};let L=(p=(0,f.MZ)({type:String}),h=(0,f.MZ)({type:String}),m=class extends a.WF{constructor(){super(),(0,v.A)(this,"value",u,this),(0,v.A)(this,"boxShadow",x,this),this.tabName=void 0,this.theme=void 0,this.onChangeBoxShadow=(t,e)=>{const r={color:z.color,offsetY:z.offsetY,offsetX:z.offsetX,blurRadius:z.blurRadius,spreadRadius:z.spreadRadius,inset:!!z.inset};if(void 0!==r[t]&&("string"==typeof e||"number"==typeof e||"boolean"==typeof e)){r[t]=e,z[t]=e;const a=`${r.offsetX}px ${r.offsetY}px ${r.blurRadius}px ${r.spreadRadius}px ${r.color} ${r.inset?"inset":""}`;this.changeBoxShadowValue(a)}},this.tabName="design",this.theme=o.M.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=$;const t=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)}connectedCallback(){super.connectedCallback(),r.e(1456).then(r.bind(r,11456)),r.e(5666).then(r.bind(r,35666))}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=$),this.boxShadow=this.value;const t=(0,w.A)(this.value);Array.isArray(t)&&t.length>0?(z.offsetX=t[0].offsetX,z.offsetY=t[0].offsetY,z.blurRadius=t[0].blurRadius,z.spreadRadius=t[0].spreadRadius,z.color=t[0].color,z.inset=t[0].inset):(z.offsetX=0,z.offsetY=0,z.blurRadius=0,z.spreadRadius=0,z.color="#000",z.inset=void 0)}return a.qy`
+      <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!==$?a.qy` <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?a.qy`
+                        <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=${z.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=${z.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=${z.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=${z.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=${z.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?a.qy`<cdtr-row
+                        style="overflow-y: auto;
+max-height: 90vh;max-width:500px;"
+                        justify="center"
+                        spacing="10px"
+                      >
+                        ${y.P.map(t=>a.qy` <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>
+    `}},m.styles=a.AH`
+    :host {
+      direction: var(--direction-locale);
+    }
+  `,g=m,u=(0,b.A)(g.prototype,"value",[p],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),x=(0,b.A)(g.prototype,"boxShadow",[h],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),g);customElements.define("cdtr-box-shadow-editor-v2",L);const M=t=>a.qy`<cdtr-box-shadow-editor-v2
+  .name=${t.value}
+  .value=${t.value}
+  @change=${t.onChange}
+></cdtr-box-shadow-editor-v2>`,C=t=>a.qy`<cdtr-editor-container>
+  <cdtr-colorpicker-editor
+    .hasAlpha=${t.alpha}
+    @change=${t.onChange}
+    .value=${t.value}
+    text="${t.title}"
+  ></cdtr-colorpicker-editor>
+</cdtr-editor-container>`,H=t=>a.qy` <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>`,k=t=>a.qy`<cdtr-divider></cdtr-divider>`;var R=r(70980);const I={margin:0};function S(t){return a.qy` <lang-text
+    whiteSpace="break-spaces"
+    text="${t}"
+  ></lang-text>`}const _=t=>a.qy` <cdtr-editor-container>
+  ${function(t){let{level:e,text:r}=t;switch(e){case 2:return a.qy` <h2 style=${(0,R.W)(I)}>${S(r)}</h2>`;case 3:return a.qy` <h3 style=${(0,R.W)(I)}>${S(r)}</h3>`;case 4:return a.qy` <h4 style=${(0,R.W)(I)}>${S(r)}</h4>`;case 5:return a.qy` <h5 style=${(0,R.W)(I)}>${S(r)}</h5>`;case 6:return a.qy` <h6 style=${(0,R.W)(I)}>${S(r)}</h6>`;default:const t={...I};return t.fontSize="13px",a.qy` <div style=${(0,R.W)(t)}>${S(r)}</div>`}}({level:t.level,text:t.text})}
+</cdtr-editor-container>`,V=t=>a.qy` <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>`,A=t=>a.qy` <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?a.qy`<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>`,q=t=>a.qy` <cdtr-editor-container>
+  <cdtr-title><lang-text text="${t.title}"></lang-text></cdtr-title>
+  ${t.items?.length?t?.items.map((e,r)=>a.qy`
+          <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(r,e.target.value,e)}}
+                style="width:100%"
+              ></cdtr-input>
+            </cdtr-col>
+            ${t.onRemove?a.qy`<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(r,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?a.qy` <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>`;r(54061);var E=r(73890);const T=t=>a.qy` <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:r,onChange:o,onCreate:i}=t;const n=document.createElement("cdtr-drawer");n.width="500px",n.headerText=r,n.opened=!0;const s=document.createElement("div");n.appendChild(s),document.body.appendChild(n);const l=t=>{let{target:r}=t;const n=r.value,d=e.filter(t=>{const e={...t};return e.name||(e.name=""),e.label||(e.label=""),-1!==e.name.indexOf(n)||-1!==e.label.indexOf(n)});(0,a.XX)((0,E.A)({items:d,onChange:o,debounce:l,onCreate:i}),s)};(0,a.XX)((0,E.A)({items:e,onChange:o,debounce:l,onCreate:i}),s)}({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 B=r(88385),j=r(75068),F=r.n(j);const W={minWidth:0,margin:0},P=t=>a.qy`
+  <cdtr-row alignItems="center" spacing="10px">
+    <paper-button
+      class="${t.underline?"bold":""}"
+      style=${(0,R.W)(W)}
+      @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,R.W)(W)}
+      @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,R.W)(W)}
+      @click=${e=>t.onChange("italic",e)}
+      ><cdtr-icon
+        color="${t.italic?"var(--primary)":""}"
+        width="20"
+        icon="italic"
+      ></cdtr-icon>
+    </paper-button>
+  </cdtr-row>
+`,U=t=>a.qy` <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>`,O=()=>[{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 G=r(49549);const N=t=>a.qy` <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,G.u)(O(),t=>t.svg,e=>{const r=(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 a.qy`<cdtr-col sm="3">
+          <paper-button style="min-width:0;padding:3px" @click=${()=>t.onChange(e)}>
+            ${r}
+          </paper-button>
+        </cdtr-col>`})}
+  </cdtr-row>
+</cdtr-editor-container>`,D=t=>a.qy`
+    <cdtr-editor-container pt="0">
+    <cdtr-row @click=${t=>{const e=t.currentTarget;if(e){if(t.target.closest("cdtr-gallery"))return;const r=e.querySelector("cdtr-gallery");r&&(r.opened&&(r.opened=!1),setTimeout(()=>{r.opened=!0},100))}}} style="padding:0.7rem 0px;" justify="${t.justify||"center"}" alignItems="center">
+    ${t.src&&t.hasPreview?a.qy`
+      <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?a.qy`
+          <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>
+`,J=t=>{const e=JSON.parse(JSON.stringify(t.data)),r=e[0].items.length;if(""!==e[e.length-1].items[0].value){const t={items:[]};e.push(t);for(let a=0;a<r;a++)t.items.push({key:e[0].items[a].key,value:""})}""!==e[e.length-1].items[0].key&&e.forEach(t=>{t.items.push({key:"",value:""})});return a.qy`
+    <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((r,o)=>a.qy`<th
+                      style="  border: 1px solid #dddddd;
+  padding: 8px;"
+                    >
+                      <cdtr-input
+                        inputStyle="font-weight:700;border:none;"
+                        @change=${r=>((r,a)=>{t.onChangeHeader&&(e.forEach((t,e)=>{t.items[a].key=r}),K(e),t.onChangeHeader(e,r,a))})(r.target.value,o)}
+                        value=${r.key}
+                      ></cdtr-input>
+                    </th> `)}
+              </tr>
+            </thead>
+            <tbody>
+              ${e.map((r,o)=>a.qy`
+                  <tr style="color: ${r.color}">
+                    ${r.items.map((i,n)=>a.qy`<td
+                          style="  border: 1px solid #dddddd;
+  padding: 8px;"
+                        >
+                          <cdtr-input
+                            inputStyle="border:none;"
+                            .disabled=${0!==n&&""===r.items[0].value}
+                            @change=${r=>((r,a)=>{let{groupIndex:o,itemIndex:i}=a;t.onChangeValue&&(e[o].items[i].value=r,K(e),t.onChangeValue(e,{groupIndex:o,itemIndex:i,value:r}))})(r.target.value,{itemIndex:n,groupIndex:o})}
+                            value=${i.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((r,o)=>a.qy`
+            <cdtr-editor-container>
+              <cdtr-row justify="space-between" alignItems="center">
+                <b>${r.key}</b>
+                ${t.editableColor&&r.key?a.qy`<color-playground
+                      @change=${r=>((r,a)=>{t.onChangeHeader&&(e[a].color=r,K(e),t.onChangeHeader(e,r,a))})(r.target.value,o)}
+                      value=${e[o].color}
+                      style="height:18px"
+                    ></color-playground>`:null}
+              </cdtr-row>
+            </cdtr-editor-container>
+          `)}
+    </div>
+  `};function K(t){t.forEach((t,e)=>{t.items=Array.from(t.items).filter(t=>t.key)})}const X=t=>a.qy`
+<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>`,Y=[{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"}],Z=t=>a.qy`<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">
+              ${Y.map(e=>a.qy`<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>`,Q=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 r=e.find(e=>e.value===t.value)?.label;return a.qy` <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="${r||t.value}"></lang-text>
+      </cdtr-dropdown-button>
+      <div slot="content">
+        ${e.map(e=>a.qy`<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>`};class tt extends a.WF{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 r=t.target.value,a=r;this.isLocked?(this.borderTopRightRadius=r,this.borderTopLeftRadius=r,this.borderBottomRightRadius=r,this.borderBottomLeftRadius=r,this.json={borderTopRightRadius:a,borderTopLeftRadius:a,borderBottomRightRadius:a,borderBottomLeftRadius:a,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]=a),this.value=r,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 a.qy`<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 a.qy`<cdtr-row
+      alignItems="center"
+      spacing="3px"
+      style="position:relative;"
+    >
+      ${["borderTopRightRadius","borderTopLeftRadius","borderBottomRightRadius","borderBottomLeftRadius"].map(e=>a.qy`<cdtr-col>
+          ${this.resolveIcon(e)}
+          <cdtr-number-input
+            .type=${"number"}
+            .max=${300}
+            .min=${0}
+            value="${parseFloat(this[e])}"
+            @input=${r=>t(r,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>`}}tt.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",tt);const et=t=>a.qy` <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>`,rt=t=>a.qy` <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>`,at=t=>{let e="";return t.bgColor&&(e+=`background:${t.bgColor};`),t.color&&(e+=`color:${t.color};`),a.qy` <cdtr-editor-container>
+    <paper-button fullwidth style=${e} @click=${t.onClick}
+      ><lang-text text="${t.text}"></lang-text>${t.icon?a.qy`${" "}<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>`},ot=t=>a.qy` <cdtr-editor-container>
+  <cdtr-title><lang-text text="${t.title}"></lang-text></cdtr-title>
+  <cdtr-merge-tags></cdtr-merge-tags>
+</cdtr-editor-container>`;r(58691);var it=r(86959);const nt=async function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};try{const r=await fetch((0,it.Ay)()?"http://localhost:8000/api/v1/prompt/image":"https://agent.creaditor.ai/api/v1/prompt/image",{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",context:e.context||""}})});if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);const a=await r.json();return{status:a.status||"complete",image:a.image,metadata:{prompt:a.metadata?.prompt||t,size:a.metadata?.size||e.size||"1024x1024",quality:a.metadata?.quality||e.quality||"standard",style:a.metadata?.style||e.style||"vivid",fal_ai_result:a.metadata?.fal_ai_result||a}}}catch(t){throw console.error("Error generating image:",t),t}};var st=r(13681);class lt extends a.WF{constructor(){super(),this.generatedImage=localStorage.getItem("lastGeneratedImage")||"",this.isGenerating=!1}handleInsertImage(t){const e=t.startsWith("data:")||!t.startsWith("http");st.vP.dispatch("on:upload-file",{image:t,type:e?"base64":"url"})}async handleGenerateImage(t,e){try{this.isGenerating=!0,this.requestUpdate();const r=l.Ay.getSelectedComponent(),a=r[0].closest("section"),o=a?.element,i=o?o.innerText:"",n=i.length>500?i.slice(-500):i;e.context=n;const s=await nt(t,e);return this.generatedImage=s.image,localStorage.setItem("lastGeneratedImage",s.image),this.isGenerating=!1,this.requestUpdate(),s}catch(t){throw this.isGenerating=!1,this.requestUpdate(),console.error("Failed to generate image:",t),t}}render(){return a.qy` <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>`}}lt.properties={generatedImage:{type:String},isGenerating:{type:Boolean}},customElements.define("cdtr-image-prompt-builder",lt);const dt="https://img.creaditor.ai",ct="creaditor_giphy_last_search";class pt extends a.WF{constructor(){super(),this.selectedSrc="",this.searchTerm="",this._gifs=[],this._loading=!1,this._searchDebounce=null}connectedCallback(){super.connectedCallback();const t=this._getLastSearch();t&&t.trim()?(this.searchTerm=t,this._doSearch()):this._loadTrending()}_getLastSearch(){try{return sessionStorage.getItem(ct)||""}catch{return""}}_setLastSearch(t){try{t&&t.trim()?sessionStorage.setItem(ct,t.trim()):sessionStorage.removeItem(ct)}catch{}}render(){return a.qy`
+      <div class="picker-container">
+        <div class="search-row">
+          <input
+            type="search"
+            class="search-input"
+            placeholder=${o.M.get("lang","giphy_search_placeholder")||"Search GIFs (e.g. happy, celebration…)"}
+            .value=${this.searchTerm}
+            @input=${this._handleSearchInput}
+            @keydown=${t=>"Enter"===t.key&&this._doSearch()}
+          />
+          <button class="search-btn" @click=${()=>this._doSearch()}><lang-text text="search"></lang-text></button>
+          <button class="random-btn" @click=${this._loadRandom} title=${o.M.get("lang","giphy_random_title")||"Random GIF"}>🎲</button>
+        </div>
+
+        <div class="gallery-grid">
+          ${this._loading?a.qy`<div class="loading"><lang-text text="loading"></lang-text></div>`:0===this._gifs.length?a.qy`<div class="no-results"><lang-text text="${this._getEmptyMessageKey()}"></lang-text></div>`:this._gifs.map(t=>this._renderGifItem(t))}
+        </div>
+      </div>
+    `}_getEmptyMessageKey(){return this.searchTerm.trim()?"giphy_no_results":"giphy_no_available"}_renderGifItem(t){const e=function(t){return"string"==typeof t?t:t?.images.fixed_height.url||t?.images?.fixed_height?.url?t.images.fixed_height.url:t?.images?.fixed_height_small?.webp?t.images.fixed_height_small.url:t?.images?.original?.webp?t.images.original.url:t?.images?.downsized?.webp?t.images.downsized.url:null}(t);if(!e)return null;const r=function(t){return"string"==typeof t?"GIF":t?.title||t?.slug||"GIF"}(t),o=this.selectedSrc===e;return a.qy`
+      <div
+        class="gif-item ${o?"selected":""}"
+        @click=${()=>this._selectGif(e,r)}
+        title="${r}"
+      >
+        <img src="${e}" alt="${r}" loading="lazy" />
+      </div>
+    `}_handleSearchInput(t){this.searchTerm=t.target.value,this._searchDebounce&&clearTimeout(this._searchDebounce);if(!this.searchTerm.trim())return this._loadTrending(),void this._setLastSearch("");this._searchDebounce=setTimeout(()=>this._doSearch(),400)}async _doSearch(){const t=this.searchTerm.trim();if(t){this._loading=!0,this._gifs=[];try{const e=await fetch(`${dt}/giphy/search?${new URLSearchParams({q:t,limit:20})}`);if(!e.ok)throw new Error(e.statusText);const r=await e.json();this._gifs=this._normalizeResponse(r),this._setLastSearch(t)}catch(t){console.warn("Giphy search failed:",t),this._gifs=[]}finally{this._loading=!1}}else this._loadTrending()}async _loadTrending(){this._loading=!0,this._gifs=[];try{const t=await fetch(`${dt}/giphy/trending?limit=20`);if(!t.ok)throw new Error(t.statusText);const e=await t.json();this._gifs=this._normalizeResponse(e)}catch(t){console.warn("Giphy trending failed:",t),this._gifs=[]}finally{this._loading=!1}}async _loadRandom(){this._loading=!0,this._gifs=[];try{const t=this.searchTerm.trim()||"fun",e=await fetch(`${dt}/giphy/random?${new URLSearchParams({tag:t})}`);if(!e.ok)throw new Error(e.statusText);const r=await e.json(),a=this._normalizeResponse(r);this._gifs=Array.isArray(a)?a:a?[a]:[]}catch(t){console.warn("Giphy random failed:",t),this._gifs=[]}finally{this._loading=!1}}_normalizeResponse(t){return Array.isArray(t)?t:t?.data&&Array.isArray(t.data)?t.data:t?.data&&"object"==typeof t.data?[t.data]:[]}_selectGif(t,e){this.selectedSrc=t,this.dispatchEvent(new CustomEvent("gif-selected",{detail:{src:t,alt:e},bubbles:!0,composed:!0}))}}pt.properties={selectedSrc:{type:String},searchTerm:{type:String},_gifs:{type:Array,state:!0},_loading:{type:Boolean,state:!0},_searchDebounce:{type:Object,state:!0}},pt.styles=a.AH`
+    :host {
+      display: block;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    }
+
+    .picker-container {
+      max-width: 100%;
+      margin: 0 auto;
+      padding: 16px;
+    }
+
+    .search-row {
+      display: flex;
+      gap: 8px;
+      margin-bottom: 12px;
+    }
+
+    .search-input {
+      flex: 1;
+      padding: 8px 12px;
+      border: 1px solid #ddd;
+      border-radius: 4px;
+      font-size: 14px;
+      box-sizing: border-box;
+    }
+
+    .search-input:focus {
+      outline: none;
+      border-color: var(--primary, #007bff);
+    }
+
+    .search-btn {
+      padding: 8px 16px;
+      background: var(--primary, #007bff);
+      color: #fff;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 14px;
+    }
+
+    .search-btn:hover {
+      opacity: 0.9;
+    }
+
+    .random-btn {
+      padding: 8px 12px;
+      background: #6c757d;
+      color: #fff;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 13px;
+    }
+
+    .random-btn:hover {
+      background: #5a6268;
+    }
+
+    .gallery-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 8px;
+      max-height: 320px;
+      overflow-y: auto;
+      border: 1px solid #e0e0e0;
+      border-radius: 8px;
+      padding: 12px;
+      background-color: #fafafa;
+    }
+
+    .gif-item {
+      position: relative;
+      border: 2px solid transparent;
+      border-radius: 6px;
+      cursor: pointer;
+      overflow: hidden;
+      background: #fff;
+      aspect-ratio: 1;
+      min-height: 120px;
+    }
+
+    .gif-item:hover {
+      border-color: var(--primary, #007bff);
+    }
+
+    .gif-item.selected {
+      border-color: #28a745;
+    }
+
+    .gif-item img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      display: block;
+    }
+
+    .no-results {
+      text-align: center;
+      color: #666;
+      padding: 40px 20px;
+      grid-column: 1 / -1;
+    }
+
+    .loading {
+      text-align: center;
+      padding: 24px;
+      color: #666;
+      grid-column: 1 / -1;
+    }
+  `,customElements.define("giphy-picker",pt);const ht=t=>a.qy`<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>`,gt=t=>a.qy`
+    <cdtr-editor-container pt="0">
+    <cdtr-row  style="padding:0.7rem 0px;" justify="${t.justify||"center"}" alignItems="center">
+    ${t.src&&t.hasPreview?a.qy`
+      <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?a.qy`
+          <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 @click=${t=>{const e=t.currentTarget;if(e){const r=t.target.parentElement?.closest("cdtr-gallery");if(r)return;const a=e.parentElement?.querySelector("cdtr-gallery");a&&(a.opened&&(a.opened=!1),setTimeout(()=>{a.opened=!0},100))}}} 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>
+     ${t.hasInput?a.qy`
+        <cdtr-input placeholder="https://...png,jpg,jpeg,gif,svg"
+          .value=${t.src}
+          fullWidth
+          style="margin-top:10px;"
+          @input=${e=>{t.onChange({detail:{src:e.target.value}})}}
+        ></cdtr-input>
+     `:null}
+    </cdtr-row>
+    </cdtr-editor-container>
+  `;r.e(4217).then(r.bind(r,94217));r(45888);Promise.resolve().then(r.bind(r,58691));class ut extends a.WF{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(),l.Ay.on("update",this.$update),l.Ay.on("select",this.$select),this.connectWith("load")}disconnectedCallback(){super.disconnectedCallback(),l.Ay.off("update",this.$update),l.Ay.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=l.Ay.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}const r=t.type;switch(r){case"background":return gt(t);case"datetime":return rt(t);case"radius":return et(t);case"justifyContent":case"alignItems":return Q(t,r);case"node":case"lit":case"custom":return t.node();case"button":return at(t);case"borderpicker":return Z(t);case"linkpicker":return X(t);case"input":return n(t);case"dropdown":return s(t);case"fontSize":return c(t);case"fontFamily":return d(t);case"mergeTags":return ot(t);case"boxShadow":return M(t);case"colorpicker":return C(t);case"slider":return H(t);case"divider":return k(t);case"heading":return _(t);case"option":return V(t);case"checkbox":return A(t);case"stringListBuilder":return q(t);case"chipsInput":return T(t);case"typography":return P(t);case"icons":return a.qy`<icons-gallery
+          .selectedIcon=${t.selectedIcon}
+          .useIconsApi=${!0===t.useIconsApi}
+          .iconColor=${t.iconColor??"000000"}
+          .iconSize=${"number"==typeof t.iconSize?t.iconSize:24}
+          @icon-selected=${t.onChange}
+        ></icons-gallery>`;case"info":return U(t);case"svgpicker":return N(t);case"gallery":return"ai-edit"===o.M.get("config","mode")?null:D(t);case"giphy":return a.qy`<giphy-picker
+          .selectedSrc=${t.selectedSrc||""}
+          @gif-selected=${t.onChange}
+        ></giphy-picker>`;case"table":return J(t);case"accordion":return a.qy`<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 ht(t)}}execCommandWrapper(t,e){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};r.components=[this.component],l.Ay.store().execCommand(t,e,r)}commandsBuilder(){return{tab:this.tabName,helpers:{Url:B.A,deepMerge:F()},commands:{execCommand:this.execCommandWrapper,injectEditor:o.M.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 r=t[0]?.element.getBoundingClientRect(),a=t[0]?.type,o=e.find(t=>t.selected)?.text;let i=("design"===o||void 0===o)&&!["root","section","block","row","col"].includes(a);const n=this.getColElementData(t);return n&&n.colElementRect.width===r.width&&(i=!1),i}handleJustifyContent(t){const e=t.target.value,r=l.Ay.getSelectedComponent(),a=r[0]?.closest("col");a&&l.Ay.store().execCommand("justify",e,{find:"col"})}handleAlignItems(t){const e=t.target.value,r=l.Ay.getSelectedComponent(),a=r[0]?.closest("col");a&&l.Ay.store().execCommand("alignItems",e,{find:"col"})}renderJustifyAlignControls(t){return t?a.qy`${Q({value:t.justifyValue,onChange:this.handleJustifyContent})}
+      ${Q({value:t.alignItemsValue,type:"alignItems",title:"alignItems",onChange:this.handleAlignItems})}`:null}createRenderRoot(){return this}render(){if(!this.editor)return;const t=l.Ay.getSelectedComponent(),e=this.editor?.tabs(this.tabName),r=this.getColElementData(t),o=this.shouldShowDesignControls(t,e);return a.qy`<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)}
+        ${o?this.renderJustifyAlignControls(r):null}
+      </div>
+    </cdtr-editor-tabs> `}}ut.styles=a.AH`
+    [disabled] {
+      opacity: 0.3;
+      pointer-events: none;
+    }
+    paper-button.gallery {
+      background: var(--primary);
+      color: var(--primary-text);
+    }
+    paper-button.backgrounds {
+      background: BLACK;
+      color: #fff;
+    }
+  `,ut.properties={type:{type:String},editor:{},tabName:{type:String},tabs:{type:Array}},customElements.define("cdtr-editor-builder",ut)},92384(t,e,r){r.r(e),r.d(e,{FontFamilyEditor:()=>n});var a=r(59929),o=r(40120),i=r(86319);class n extends a.WF{constructor(){super(),this.onchangeFontFamily=t=>{const e=t.target.value,r=this.fontFamilies.find(t=>t.name===e);if(!r)return void console.error("cant set font family, font family not founded..");(0,o.sw)(r),this.value=r.cssRule,this.name=e;const a=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(a)},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=i.M.get("config","editor","configure","editorProps","fonts"),e=Array.isArray(t)?t:[];this.filteredFonts=this.fontFamilies=e,e.forEach(t=>{t&&t.url&&t.id&&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=>"string"==typeof t?.cssRule&&(-1!==t.cssRule.indexOf(this.value||"")||-1!==t.cssRule.indexOf(this.name||"")));t&&(this.name=t.name);const e=a.qy`<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="${i.M.get("lang","search")}.."
+          @input=${this.onFilteredFonts}
+          type="search"
+        ></cdtr-input>
+        ${this.filteredFonts.map(t=>a.qy`<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>`,r=a.qy`
+      <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:r}}n.properties={value:{type:String},name:{type:String},fontFamilies:{type:Array},filteredFonts:{type:Array},isOpen:{type:Boolean},light:{type:Boolean}},n.styles=a.AH`
+    .dropdown-button {
+      min-width: 100px;
+    }
+  `,customElements.define("cdtr-font-family-editor",n)},74726(t,e,r){function a(t){try{return function(t){const e=t.split(/ (?![^(]*\))/);let r="",a=0,o=0,i=0,n=0,s=!1;for(let t of e)t=t.trim(),"inset"===t?s=!0:t.endsWith("px")||t.endsWith("em")?0===o?o=parseFloat(t):0===a?a=parseFloat(t):0===i?i=parseFloat(t):0===n&&(n=parseFloat(t)):(t.includes("rgb")||t.includes("#"))&&(r=t);return[{color:r,offsetY:a,offsetX:o,blurRadius:i,spreadRadius:n,inset:s}]}(t)}catch(t){console.error(t)}}r.d(e,{A:()=>a})},13681(t,e,r){r.d(e,{vP:()=>c});const a=window.cdtrSignalKey||`___${Math.random().toString(36).substr(2,9)}`;window.cdtrSignalKey=a,window[a]||(window[a]={});const o=window[a],i=window.__cdtrEvents||{};function n(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 s(t){if(t.length%2!=0)throw new Error("Invalid hex string");const e=new Uint8Array(t.length/2);for(let r=0;r<t.length;r+=2)e[r/2]=parseInt(t.substr(r,2),16);return e}async function l(t){const e=await n(t),r=o[e];if(r){const t=await crypto.subtle.importKey("raw",s(e),{name:"AES-GCM"},!1,["encrypt","decrypt"]),a=await async function(t,e,r){const a=await crypto.subtle.decrypt({name:"AES-GCM",iv:e},t,r);return(new TextDecoder).decode(a)}(t,r.iv,r.encrypted);return JSON.parse(a)}return null}function d(t,e){if(i[t])for(const r in i[t])Object.prototype.hasOwnProperty.call(i[t],r)&&i[t][r].forEach(t=>t(e));Array.isArray(i["*"])&&i["*"].forEach(t=>t(e))}window.__cdtrEvents=i;const c={set:async function(t,e){const r=JSON.parse(JSON.stringify(e)),a=await n(t),l=await crypto.subtle.importKey("raw",s(a),{name:"AES-GCM"},!1,["encrypt","decrypt"]),c=await async function(t,e){const r=crypto.getRandomValues(new Uint8Array(12)),a=(new TextEncoder).encode(e),o=await crypto.subtle.encrypt({name:"AES-GCM",iv:r},t,a);return{iv:r,encrypted:new Uint8Array(o)}}(l,JSON.stringify(r));o[a]=c,i.set&&i.set[a]&&i.set[a].forEach(t=>t(r)),Array.isArray(i["*"])&&i["*"].forEach(t=>t(r)),d(t,r)},get:l,remove:async function(t){const e=await n(t);delete o[e]},on:async function(t,e,r){i[t]||(i[t]={});const a=await n(e);i[t][a]||(i[t][a]=[]),i[t][a].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.")}(),r(t)});const o=await l(e);return o&&r(o),a},off:function(t,e){i[t]&&i[t][e]&&delete i[t][e]},dispatch:d,OPTIONS:{SET:"set"}}},88385(t,e,r){r.d(e,{A:()=>s});const a=t=>!(!t||!t.match(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/)),o=t=>!(!t||!t.replace("-","").match(/^[+]*[(]{0,1}[0-9]{9,9}[)]{0,1}[-\s\./0-9]*$/g)&&!t.match(/[0-9]{3}-[0-9]{3}-[0-9]{4}/));function i(t){const e={},r=/([^&=]+)=?([^&]*)/g,a=t=>{try{return decodeURIComponent(t.replace(/\+/g," "))}catch(e){return t.replace(/\+/g," ")}},o=t.indexOf("?");let i,n=-1!==o?t.substring(o+1):"";for(;null!==(i=r.exec(n));){const t=a(i[1]),r=a(i[2]);t&&(e[t]=r)}return e}function n(t){if(!t)return"";let e=t.replace(/^[^:]+:(?:\/\/)?/,"");return e=e.replace(/^\/+/,""),e=e.split("?")[0],encodeURIComponent(e).replace(/%24/g,"$")}class s{static getProtocol(t){if(!t)return"";const e=t.indexOf(":");return e>0?t.slice(0,e):""}constructor(t,e){if(this.protocol="",this.href="",this.fullHref="",this.target="_self",this.isEmail=!1,this.isPhone=!1,this.isAnchor=!1,this.url="",this.isValid=!0,this.params={},"string"==typeof t?this.href=t:t&&"object"==typeof t&&Object.assign(this,t),/^\[\[[^\]]+\]\]\?/.test(this.href)){const t=this.href;this.isValid=!1,this.protocol=e?.protocol??"",this.isEmail=!1,this.isPhone=!1,this.isAnchor=!1,this.params={...this.params,...e?.params,...i(t)};const r=t.indexOf("?");return this.url=r>-1?t.slice(0,r):t,this.href=t,void(this.fullHref=t)}this.isValid=this.isValidUrl(this.href),this.protocol=e?.protocol??s.getProtocol(this.href);const r=function(t){if(!t)return"";let e=t.replace(/^[^:]+:(?:\/\/)?/,"");return e=e.replace(/^\/+/,""),e=e.split("?")[0],e}(this.href);if(this.isEmail=a(r),this.isPhone=o(r),this.protocol||(this.isEmail?this.protocol="mailto:":this.isPhone?this.protocol="tel:":this.isValid&&(this.protocol="https:")),this.isAnchor=this.href.startsWith("#"),e?.target){if(!["_blank","_self","_parent","_top"].includes(e.target))throw new Error(`Url: invalid target "${e.target}"`);this.target=e.target}this.params={...this.params,...e?.params,...i(this.href)},this.url=n(this.href),this.protocol&&!this.protocol.endsWith(":")&&(this.protocol+=":");const l="http:"===this.protocol||"https:"===this.protocol;this.href=l?`${this.protocol}//${this.url}`:this.protocol+this.url,this.fullHref=this.getUrlWithParams(),this.href=this.getUrlWithParams()}addParam(t,e){this.href=this.href.replace(new RegExp(`${t}=[^&]*`),`${t}=${e}`),this.params[t]=e}getUrlWithParams(){let t,e="";try{t=decodeURIComponent(this.url)}catch(e){t=this.url}if(Object.keys(this.params).length>0){t+="?",e="?";for(const r in this.params){const a=this.params[r],o=encodeURIComponent(r).replace(/%24/g,"$");if(a){const r=encodeURIComponent(a).replace(/%24/g,"$");t+=`${o}=${r}&`,e+=`${o}=${r}&`}else t+=`${o}&`,e+=`${o}&`}t=t.slice(0,-1)}const r=t=>{try{return decodeURIComponent(t)}catch{return t}};if(this.protocol&&("http:"===this.protocol||"https:"===this.protocol))return r(this.protocol+"//"+t);if("whatsapp:"===this.protocol){const a=this.extractPhoneFromTextUsingRegex(t);return a.length>0?r("https://wa.me/"+a[0]+e):r("https://wa.me/"+e)}return r(this.protocol+t)}extractPhoneFromTextUsingRegex(t){if(!t)return[];const e=[...t.matchAll(/(?:whatsapp:([^?\s]+)|\+?[\d\s\-\(\)\.]{7,20})/g)];return Array.from(new Set(e.map(t=>t[1]||t[0]).filter(t=>{const e=t.replace(/\D/g,"");return e.length>=7&&e.length<=15}).map(t=>t.trim())))}isValidUrl(t){if(!t)return!1;return/^(https?:\/\/)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(\/.*)?$/.test(t)}}s.resetURL=n},50742(t,e,r){r.d(e,{P:()=>a});const a=[{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;"}]}}]);