@creaditor/web-starterkit 1.0.0

package/dist/2384.creaditor.bundle.js

@@ -0,0 +1,46 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[2384],{92384(t,e,n){n.r(e),n.d(e,{FontFamilyEditor:()=>r});var i=n(59929),s=n(40120),o=n(86319);class r extends i.WF{constructor(){super(),this.onchangeFontFamily=t=>{const e=t.target.value,n=this.fontFamilies.find(t=>t.name===e);if(!n)return void console.error("cant set font family, font family not founded..");(0,s.sw)(n),this.value=n.cssRule,this.name=e;const i=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(i)},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=o.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=i.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="${o.M.get("lang","search")}.."
+          @input=${this.onFilteredFonts}
+          type="search"
+        ></cdtr-input>
+        ${this.filteredFonts.map(t=>i.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>`,n=i.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:n}}r.properties={value:{type:String},name:{type:String},fontFamilies:{type:Array},filteredFonts:{type:Array},isOpen:{type:Boolean},light:{type:Boolean}},r.styles=i.AH`
+    .dropdown-button {
+      min-width: 100px;
+    }
+  `,customElements.define("cdtr-font-family-editor",r)}}]);

package/dist/2397.creaditor.bundle.js

@@ -0,0 +1,38 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[2397],{22397(t,i,e){e.r(i),e.d(i,{UndoRedoIcon:()=>s});var h=e(59929);class s extends h.WF{constructor(){super(),this.iconStyle="",this.width="24",this.height="24"}render(){return"left"===this.direction?h.qy`
+          <svg
+            style="${this.iconStyle}"
+            width="${this.width}"
+            height="${this.height}"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+          >
+            <path fill="none" d="M0 0h24v24H0z" />
+            <path
+              d="M18.172 7H11a6 6 0 1 0 0 12h9v2h-9a8 8 0 1 1 0-16h7.172l-2.536-2.536L17.05 1.05 22 6l-4.95 4.95-1.414-1.414L18.172 7z"
+            />
+          </svg>
+        `:h.qy`
+          <svg
+            style="${this.iconStyle}"
+            width="${this.width}"
+            height="${this.height}"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+          >
+            <path fill="none" d="M0 0h24v24H0z" />
+            <path
+              d="M5.828 7l2.536 2.536L6.95 10.95 2 6l4.95-4.95 1.414 1.414L5.828 5H13a8 8 0 1 1 0 16H4v-2h9a6 6 0 1 0 0-12H5.828z"
+            />
+          </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},direction:{type:String}},customElements.define("cdtr-undo-redo-icon",s)}}]);

package/dist/2409.creaditor.bundle.js

@@ -0,0 +1,36 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[2409],{22409(t,h,i){i.r(h),i.d(h,{LockIcon:()=>s});var e=i(59929);class s extends e.WF{constructor(){super(),this.iconStyle="",this.width="18",this.height="18",this.color="#0a0a0a"}render(){return this.locked?e.qy` <svg
+          fill="${this.color}"
+          style="${this.iconStyle}"
+          width="${this.width}"
+          height="${this.height}"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 24 24"
+        >
+          <path fill="none" d="M0 0h24v24H0z" />
+          <path
+            d="M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 1 1 14 0v1zM5 12v8h14v-8H5zm6 2h2v4h-2v-4zm6-4V9A5 5 0 0 0 7 9v1h10z"
+          />
+        </svg>`:e.qy`<svg
+          fill="${this.color}"
+          style="${this.iconStyle}"
+          width="${this.width}"
+          height="${this.height}"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 24 24"
+        >
+          <path fill="none" d="M0 0h24v24H0z" />
+          <path
+            d="M7 10h13a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 13.262-3.131l-1.789.894A5 5 0 0 0 7 9v1zm-2 2v8h14v-8H5zm5 3h4v2h-4v-2z"
+          />
+        </svg>`}}s.styles=e.AH`
+    :host {
+      display: inherit;
+      --cdtr-icon-width: 18px;
+      --cdtr-icon-height: 15px;
+    }
+    svg {
+      width: var(--cdtr-icon-width);
+      height: var(--cdtr-icon-height);
+      fill: var(--cdtr-icon-color);
+    }
+  `,s.properties={iconStyle:{type:String},width:{type:String},height:{type:String},locked:{type:Boolean},color:{type:String}},customElements.define("cdtr-lock-icon",s)}}]);

package/dist/2438.creaditor.bundle.js

@@ -0,0 +1,67 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[2438],{22438(t,e,i){i.r(e),i.d(e,{NextButton:()=>r});var o=i(59929),n=i(86319),s=i(93432);class r extends o.WF{constructor(){super(),this.isLoading=!1,this.isLocked=!1,this.lockTimer=null}connectedCallback(){super.connectedCallback(),this.onNextStep||(this.onNextStep=n.M.get("config","onNextStep"))}disconnectedCallback(){super.disconnectedCallback(),this.clearTimers()}clearTimers(){this.lockTimer&&(clearTimeout(this.lockTimer),this.lockTimer=null)}async handleClick(){if(!this.isLocked&&!this.isLoading){this.isLoading=!0,this.isLocked=!0,this.lockTimer=setTimeout(()=>{this.clearTimers(),this.isLoading=!1,this.isLocked=!1},1e4);try{"function"==typeof this.onNextStep&&await this.onNextStep({toHTML:s.FE,toJSON:s.U2})}catch(t){console.error("Error in onNextStep:",t)}}}render(){return this.onNextStep?o.qy`
+      <paper-button
+        @click=${this.handleClick}
+        class="next-button"
+        ?disabled=${this.isLocked}
+      >
+        ${this.isLoading?o.qy`
+              <div class="loading-spinner"></div>
+            `:o.qy`
+              <div class="button-content ${this.isLoading?"loading":""}">
+                <lang-text text="next"></lang-text>
+              </div>
+            `}
+      </paper-button>
+    `:null}}r.styles=o.AH`
+    :host {
+      display: block;
+    }
+
+    .next-button {
+      background: var(--primary);
+      color: var(--primary-text);
+      fill: var(--primary-text);
+      text-transform: none;
+      color: #fff;
+      height: 52px;
+      border-radius: 0;
+      width: 90px;
+      transform: translateX(-4px);
+      position: relative;
+      overflow: hidden;
+    }
+
+    .next-button:disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+    }
+
+    .loading-spinner {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: 20px;
+      height: 20px;
+      border: 2px solid transparent;
+      border-top: 2px solid #fff;
+      border-radius: 50%;
+      animation: spin 1s linear infinite;
+    }
+
+    @keyframes spin {
+      0% { transform: translate(-50%, -50%) rotate(0deg); }
+      100% { transform: translate(-50%, -50%) rotate(360deg); }
+    }
+
+    .button-content {
+      opacity: 1;
+      transition: opacity 0.3s ease;
+    }
+
+    .button-content.loading {
+      opacity: 0;
+    }
+
+
+  `,r.properties={onNextStep:{type:Function},isLoading:{type:Boolean},isLocked:{type:Boolean},lockTimer:{type:Number}},customElements.define("cdtr-next-button",r)}}]);

package/dist/2547.creaditor.bundle.js

@@ -0,0 +1,6 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[2547],{92547(t,e,s){s.r(e),s.d(e,{DraggableElement:()=>r});var i=s(59929);let n,o;class h{constructor(t,e){this.target=void 0,this.options=void 0,this.handle=void 0,this.x=void 0,this.y=void 0,this.initX=void 0,this.initY=void 0,this.firstX=void 0,this.firstY=void 0,this.target=t,this.options=e||{},this.handle=this.options.handle,this.x=n||0,this.y=o||0,this.initX=0,this.initY=0,this.firstX=0,this.firstY=0,this.onMouseDown=this.onMouseDown.bind(this),this.onMouseUp=this.onMouseUp.bind(this),this.onMouseMove=this.onMouseMove.bind(this),this.init()}onMouseMove(t){const e=this.initY+(t.pageY-this.firstY),s=this.initX+(t.pageX-this.firstX),i=t.pageX-this.firstX,h=t.pageY-this.firstY;(Math.abs(i)>10||Math.abs(h)>10)&&(this.y=e,this.x=s,n=s,o=e,this.options.onMove&&this.options.onMove(s,e))}onMouseDown(t){if(1!==t.which)return;if(t.target.closest("input,textarea,cdtr-input,.cdtr-ignore"))return;if(t.target.closest("[role='button']"))return;if(t.preventDefault(),this.handle&&!t.target.closest(this.handle))return;const e=this.target.getBoundingClientRect();this.initX=e.left+window.scrollX,this.initY=e.top+window.scrollY,this.firstX=t.pageX,this.firstY=t.pageY,this.target.addEventListener("blur",this.onMouseUp,!1),window.addEventListener("mouseup",this.onMouseUp,!1),window.addEventListener("mousemove",this.onMouseMove,!1)}onMouseUp(){this.firstX=this.x,this.firstY=this.y,this.target.removeEventListener("blur",this.onMouseUp,!1),window.removeEventListener("mouseup",this.onMouseUp,!1),window.removeEventListener("mousemove",this.onMouseMove,!1),this.options.onEnd&&this.options.onEnd(this.x,this.y)}init(){this.options.onMove&&n&&o&&this.options.onMove(n,o),this.target&&this.target.addEventListener("mousedown",this.onMouseDown,!1)}destroy(){this.target&&this.target.removeEventListener("mousedown",this.onMouseDown,!1)}}class r extends i.WF{constructor(){super(),this.draggableInstance=null,this.clientX="",this.clientY="",this.x="",this.y="",this.handle=""}render(){return this.style.left=this.x,this.style.top=this.y,i.qy` <slot></slot> `}disconnectedCallback(){super.disconnectedCallback(),this.draggableInstance&&this.draggableInstance.destroy()}connectedCallback(){super.connectedCallback(),this.draggableInstance=new h(this.children[0],{handle:this.handle,onMove:(t,e)=>{this.x=String(t),this.y=String(e),this.clientX=String(t),this.clientY=String(e);const s=new UIEvent("move",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(s)},onEnd:(t,e)=>{const s=new UIEvent("end",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(s)}})}}r.styles=i.AH`
+    :host {
+      position: absolute;
+      display: block;
+    }
+  `,r.properties={x:{type:String,reflect:!0},y:{type:String,reflect:!0},handle:{type:String,reflect:!0}},customElements.define("cdtr-draggable-element",r)}}]);