@creaditor/web-starterkit 1.0.36 → 1.0.40

package/dist/5340.creaditor.bundle.js

@@ -1,157 +0,0 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[5340],{12258(e,t,o){o.d(t,{A:()=>i});var n=o(59929),s=o(40648);class r extends n.WF{constructor(){super(),this.label="",this.open=!0,this.persistKey=""}toggle(){this.open=!this.open,(0,s.Q)(this.persistKey,this.open)}render(){return n.qy`
-      <div class="section">
-        <div class="header" @click=${this.toggle}>
-          <span class="title"><lang-text text="${this.label}"></lang-text></span>
-          <svg class="chevron ${this.open?"open":""}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-            <polyline points="6 9 12 15 18 9"></polyline>
-          </svg>
-        </div>
-        <div class="content ${this.open?"open":""}">
-          <div class="content-inner">
-            <slot></slot>
-          </div>
-        </div>
-      </div>
-    `}}r.styles=n.AH`
-    :host {
-      display: block;
-      direction: var(--direction-locale, ltr);
-      --editor-container-inline-padding: 0;
-    }
-    .section {
-      border-bottom: 1px solid var(--color-border);
-    }
-    .header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: var(--space-3) var(--space-4);
-      cursor: pointer;
-      user-select: none;
-    }
-    .title {
-      font-size: var(--text-md);
-      font-weight: 600;
-      color: var(--color-text);
-      letter-spacing: 0.01em;
-    }
-    .chevron {
-      width: 16px;
-      height: 16px;
-      transition: transform var(--duration-normal) var(--ease-default), color var(--duration-fast) var(--ease-default);
-      color: var(--color-text-faint);
-    }
-    .header:hover .chevron {
-      color: var(--color-text-muted);
-    }
-    .chevron.open {
-      transform: rotate(180deg);
-    }
-    .content {
-      overflow: hidden;
-      transition: max-height var(--duration-normal) var(--ease-default), opacity var(--duration-fast) var(--ease-default);
-      max-height: 0;
-      opacity: 0;
-    }
-    .content.open {
-      max-height: 1200px;
-      opacity: 1;
-    }
-    .content-inner {
-      padding: var(--space-3) var(--space-4) var(--space-3) var(--space-4);
-    }
-  `,r.properties={label:{type:String},open:{type:Boolean},persistKey:{type:String}},customElements.define("cdtr-editor-section",r);const i=(e,t)=>n.qy`
-  <cdtr-editor-section
-    .label=${e.label}
-    .open=${!1!==e.open}
-    .persistKey=${e.persistKey||""}
-  >
-    ${t}
-  </cdtr-editor-section>
-`},40648(e,t,o){o.d(t,{Q:()=>i,i:()=>r});const n="cdtr:section-open";function s(){try{const e=localStorage.getItem(n);return e?JSON.parse(e):{}}catch(e){return{}}}function r(e){if(!e)return;const t=s();return Object.prototype.hasOwnProperty.call(t,e)?!!t[e]:void 0}function i(e,t){if(!e)return;const o=s();o[e]=!!t,function(e){try{localStorage.setItem(n,JSON.stringify(e))}catch(e){}}(o)}},45340(e,t,o){o.r(t),o.d(t,{SettingEditor:()=>a});var n=o(59929),s=o(86319),r=o(36565),i=(o(12258),o(79307));class a extends n.WF{constructor(){super(),this.onInspect=this.onInspect.bind(this),this.name="",this.element_ID=" ",this.cmds={onToggleDisplayMode:(e,t)=>{r.Ay.store().execCommand(`show_on_${e}`,t),this[`show_on_${e}`]=t},onChangeElementID(e){r.Ay.store().execCommand("element_ID",e.target.value)},onChangeName(e){r.Ay.store().execCommand("name",e.target.value)}}}onInspect(){if(r.Ay.components.length>0){const e=r.Ay.components[0].props;this.show_on_desktop=!!e.show_on_desktop,this.show_on_tablet=!!e.show_on_tablet,this.show_on_mobile=!!e.show_on_mobile,this.name=e.name||"",this.element_ID=e.element_ID||""}}connectedCallback(){super.connectedCallback(),r.Ay.on("select",this.onInspect),r.Ay.on("update",this.onInspect),this.onInspect()}disconnectedCallback(){super.disconnectedCallback(),r.Ay.off("select",this.onInspect),r.Ay.off("update",this.onInspect)}render(){const e="block"===r.Ay.getSelectedComponent()[0].type,t="web"===s.M.get("config","channel");return n.qy`
-      ${e&&t?n.qy`<cdtr-editor-section label="display_mode" .open=${!0}>
-              <div class="device-toggle-row">
-                <div
-                  class="device-toggle-btn ${this.show_on_desktop?"active":""}"
-                  @click=${()=>this.cmds.onToggleDisplayMode("desktop",!this.show_on_desktop)}
-                >
-                  <svg width="14" height="14" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">${i.oe}</svg>
-                  <lang-text text="desktop"></lang-text>
-                </div>
-                <div
-                  class="device-toggle-btn ${this.show_on_tablet?"active":""}"
-                  @click=${()=>this.cmds.onToggleDisplayMode("tablet",!this.show_on_tablet)}
-                >
-                  <svg width="14" height="14" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">${i.kN}</svg>
-                  <lang-text text="tablet"></lang-text>
-                </div>
-                <div
-                  class="device-toggle-btn ${this.show_on_mobile?"active":""}"
-                  @click=${()=>this.cmds.onToggleDisplayMode("mobile",!this.show_on_mobile)}
-                >
-                  <svg width="14" height="14" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">${i.S9}</svg>
-                  <lang-text text="mobile"></lang-text>
-                </div>
-              </div>
-          </cdtr-editor-section>`:n.qy``}
-      <cdtr-editor-section label="properties" .open=${!0}>
-          <cdtr-row mt="1">
-            <cdtr-title><lang-text text="name"></lang-text></cdtr-title>
-          </cdtr-row>
-          <cdtr-row>
-            <cdtr-input
-              max="30"
-              @change=${this.cmds.onChangeName}
-              .value=${this.name}
-              style="width:100%"
-            ></cdtr-input>
-          </cdtr-row>
-          <cdtr-row mt="1">
-            <cdtr-title
-              ><lang-text text="ID_with_description"></lang-text
-            ></cdtr-title>
-          </cdtr-row>
-          <cdtr-row>
-            <cdtr-input
-              max="50"
-              @change=${this.cmds.onChangeElementID}
-              .value=${this.element_ID}
-              style="width:100%"
-            ></cdtr-input>
-          </cdtr-row>
-      </cdtr-editor-section>
-    `}}a.properties={name:{},element_ID:{},show_on_desktop:{},show_on_tablet:{},show_on_mobile:{}},a.styles=n.AH`
-    :host {
-      direction: var(--direction-locale);
-    }
-    .device-toggle-row {
-      display: flex;
-      gap: var(--space-2, 8px);
-    }
-    .device-toggle-btn {
-      display: flex;
-      align-items: center;
-      gap: var(--space-1, 4px);
-      padding: var(--space-2, 8px) var(--space-3, 12px);
-      border: none;
-      border-radius: var(--radius-sm, 6px);
-      cursor: pointer;
-      color: var(--color-text-faint, #bbb);
-      background: var(--color-bg-muted, #f4f4f6);
-      transition: background var(--duration-fast, 120ms) var(--ease-default, ease),
-                  color var(--duration-fast, 120ms) var(--ease-default, ease);
-      font-size: var(--text-xs, 12px);
-    }
-    .device-toggle-btn:hover {
-      background: #eaeaed;
-      color: var(--color-text-muted, #888);
-    }
-    .device-toggle-btn svg {
-      fill: currentColor;
-      flex-shrink: 0;
-    }
-    .device-toggle-btn.active {
-      background: var(--color-primary-soft, rgba(99, 102, 241, 0.08));
-      color: var(--color-primary, #6366f1);
-    }
-  `,customElements.define("cdtr-setting-editor",a)}}]);

package/dist/5428.creaditor.bundle.js

@@ -1,23 +0,0 @@
-"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[5428],{85428(t,i,e){e.r(i),e.d(i,{LinkIcon:()=>s});var h=e(59929);class s extends h.WF{constructor(){super(),this.iconStyle="",this.width="24",this.height="24"}render(){return h.qy`<svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      style="${this.iconStyle}"
-      width="${this.width}"
-      height="${this.height}"
-    >
-      <path fill="none" d="M0 0h24v24H0z" />
-      <path
-        d="M17.657 14.828l-1.414-1.414L17.657 12A4 4 0 1 0 12 6.343l-1.414 1.414-1.414-1.414 1.414-1.414a6 6 0 0 1 8.485 8.485l-1.414 1.414zm-2.829 2.829l-1.414 1.414a6 6 0 1 1-8.485-8.485l1.414-1.414 1.414 1.414L6.343 12A4 4 0 1 0 12 17.657l1.414-1.414 1.414 1.414zm0-9.9l1.415 1.415-7.071 7.07-1.415-1.414 7.071-7.07z"
-      />
-    </svg>`}}s.styles=h.AH`
-    :host {
-      display: inherit;
-      --cdtr-icon-width: 20px;
-      --cdtr-icon-height: 20px;
-    }
-    svg {
-      width: var(--cdtr-icon-width);
-      height: var(--cdtr-icon-height);
-      color: var(--cdtr-icon-color);
-    }
-  `,s.properties={iconStyle:{type:String},width:{type:String},height:{type:String}},customElements.define("cdtr-link-icon",s)}}]);