@creaditor/web-starterkit 1.0.0

package/dist/7238.creaditor.bundle.js

@@ -0,0 +1,131 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7238],{97238(t,e,n){n.r(e),n.d(e,{TextEditorPlugin:()=>l});var i=n(59929),o=n(9507),r=n(40120),s=n(86319),c=n(75068),a=n.n(c);class l extends i.WF{constructor(){super(),this.setHeading=t=>{this.editors.forEach(e=>{e.chain().setHeading({level:t}).run()})},this.onchangeFontFamily=t=>{const e=t.target.value,n=this.fontFamilies.find(t=>t.name===e);n?(this.editors.forEach(t=>{const e=t.view.state.selection;e.from===e.to?t.chain().selectAll().setFontFamily(n).run():t.chain().setFontFamily(n).run()}),this.fontFamily=e):console.error("cant set font family, font family not founded..")},this.onChangeFontSize=t=>{const e=t.target.device;this.device=e;const n=t.target.value;"phone"===e?o.Ay.execCommand("breakpoints",t=>{const e=t.props.breakpoints?.sm||{};a()(e,{style:{fontSize:n+"px"}});return{sm:e}}):this.editors.forEach(t=>{const e=t.view.state.selection;e.from===e.to?t.chain().selectAll().setFontSize(n).run():t.chain().setFontSize(n).run()}),this.fontSize=n},this.onChangeLineHeight=t=>{const e=parseFloat(t.target.value);this.editors.forEach(t=>{const n=t.view.state.selection;n.from===n.to?t.chain().selectAll().setLineHeight(e).run():t.chain().setLineHeight(e).run()}),this.lineHeight=e},this.onChangeletterSpace=t=>{const e=t.target.value+"px";this.editors.forEach(t=>{const n=t.view.state.selection;n.from===n.to?t.chain().selectAll().setLetterSpacing(e).run():t.chain().setLetterSpacing(e).run()}),this.letterSpacing=e},this.onChangeImage=t=>{},this.onFilteredFonts=t=>{const e=t.target.value;this.filteredFonts=this.fontFamilies.filter(t=>t.name.toLowerCase().includes(e.toLowerCase()))},this.onChangeFontColor=t=>{const e=t.target.value;this.editors.forEach(t=>{const n=t.view.state.selection;n.from===n.to?t.chain().selectAll().setColor(e).run():t.chain().setColor(e).run()}),this.fontColor=e},this.editors=[],this.hasTextComponent=!0,this.filteredFonts=[],this.fontFamilies=[],this.onConnect=this.onConnect.bind(this),this.THEMES=[{type:"paragraph",onClick:()=>{this.editors.forEach(t=>{t.chain().setParagraph().run()})}},{type:"h1",onClick:()=>this.setHeading(1)},{type:"h2",onClick:()=>this.setHeading(2)},{type:"h3",onClick:()=>this.setHeading(3)},{type:"h4",onClick:()=>this.setHeading(4)},{type:"h5",onClick:()=>this.setHeading(5)},{type:"h5",onClick:()=>this.setHeading(5)}]}onConnect(){setTimeout(()=>{this.editors=[];const t=o.Ay.getSelectedComponent({find:"text"});if(this.hasTextComponent=t.length>0,t.forEach(t=>{"text"===t.type&&this.editors.push(t.editor)}),this.editors.length>0){const e=this.editors[0];if(e){const n={...e.getAttributes("paragraph"),...e.getAttributes("heading")};"phone"===this.device?this.fontSize=parseInt(t[0].props?.breakpoints?.sm?.style?.fontSize):this.fontSize=parseInt(e.getAttributes("textStyle").fontSize)||16,this.fontColor=e.getAttributes("textStyle").color||"#000",this.fontFamily=e.getAttributes("textStyle").fontFamily?.split(",")[0].replace(/['"]+/g,"")||"Arial",n.lineHeight&&(this.lineHeight=parseFloat(n.lineHeight)),n.letterSpacing&&(this.letterSpacing=parseInt(n.letterSpacing)||1),this.themeType=e.isActive("heading",{level:1})?"h1":e.isActive("heading",{level:2})?"h2":e.isActive("heading",{level:3})?"h3":e.isActive("heading",{level:4})?"h4":e.isActive("heading",{level:5})?"h5":e.isActive("heading",{level:6})?"h6":"paragraph"}}},0)}connectedCallback(){super.connectedCallback(),o.Ay.on("select",this.onConnect),o.Ay.on("update",this.onConnect),this.onConnect(),(0,r.VH)().then(t=>{this.filteredFonts=this.fontFamilies=t})}disconnectedCallback(){super.disconnectedCallback(),o.Ay.off("select",this.onConnect),o.Ay.off("update",this.onConnect)}render(){const t=i.qy`
+      <cdtr-editor-container>
+        <cdtr-title style="color:var(--micro-info-color)">
+          <i>
+            <lang-text
+              whiteSpace="break-spaces"
+              text="typography_micro_copy"
+            ></lang-text
+          ></i>
+        </cdtr-title>
+        <cdtr-row>
+          <cdtr-col>
+            <cdtr-title>
+              <lang-text text="type"></lang-text>
+            </cdtr-title>
+          </cdtr-col>
+          <cdtr-col>
+            <cdtr-dropdown style="width:100%">
+              <cdtr-dropdown-button style="width:100%" slot="trigger"
+                >${this.themeType}</cdtr-dropdown-button
+              >
+              <div slot="content">
+                ${this.THEMES.map(t=>i.qy`<cdtr-dropdown-item
+                      .value=${t.type}
+                      .focused=${t.type===this.themeType}
+                      .selected=${t.type===this.fontFamily}
+                      @click=${t.onClick}
+                      >${t.type}</cdtr-dropdown-item
+                    >`)}
+              </div>
+            </cdtr-dropdown>
+          </cdtr-col>
+        </cdtr-row>
+      </cdtr-editor-container>
+      <cdtr-editor-container>
+        <cdtr-row mt="1" justify="space-between" alignItems="center">
+          <cdtr-col
+            ><cdtr-title style="display:block" class="align-lang"
+              ><lang-text text="color"></lang-text></cdtr-title
+          ></cdtr-col>
+          <cdtr-col sm="1">
+            <color-playground
+              type="text"
+              .value=${this.fontColor}
+              @change=${this.onChangeFontColor}
+            ></color-playground>
+          </cdtr-col>
+        </cdtr-row>
+      </cdtr-editor-container>
+      <cdtr-editor-container>
+        <cdtr-row alignItems="center" justify="space-between">
+          <cdtr-title 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">
+              <cdtr-dropdown
+                style="width:100%"
+                .value="${this.fontFamily}"
+                @change=${this.onchangeFontFamily}
+              >
+                <cdtr-dropdown-button
+                  minWidth=${100}
+                  class="dropdown-button"
+                  slot="trigger"
+                  ><lang-text text="${this.fontFamily}"></lang-text>
+                </cdtr-dropdown-button>
+                <div slot="content">
+                  <cdtr-input
+                    .placeholder="${s.M.get("lang","search")}.."
+                    @input=${this.onFilteredFonts}
+                    type="search"
+                  ></cdtr-input>
+                  ${this.filteredFonts.map(t=>i.qy`<cdtr-dropdown-item
+                      .focused=${t.name===this.fontFamily}
+                      .selected=${t.name===this.fontFamily}
+                      value="${t.name}"
+                      ><lang-text
+                        .style="font-family:${t.cssRule};"
+                        text="${t.name}"
+                      ></lang-text>
+                    </cdtr-dropdown-item>`)}
+                </div>
+              </cdtr-dropdown>
+            </cdtr-row>
+          </cdtr-col>
+        </cdtr-row>
+      </cdtr-editor-container>
+      <cdtr-editor-container>
+        <cdtr-row mt="1">
+          <cdtr-title><lang-text text="lineHeight"></lang-text></cdtr-title>
+        </cdtr-row>
+        <cdtr-row>
+          <cdtr-range-input
+            .value=${this.lineHeight}
+            @input=${this.onChangeLineHeight}
+            max="5"
+            min="0.4"
+            step="0.1"
+          ></cdtr-range-input>
+        </cdtr-row>
+      </cdtr-editor-container>
+      <cdtr-editor-container>
+        <cdtr-row mt="1">
+          <cdtr-title><lang-text text="letterSpacing"></lang-text></cdtr-title>
+        </cdtr-row>
+        <cdtr-row>
+          <cdtr-range-input
+            .value=${parseInt(this.letterSpacing)}
+            @input=${this.onChangeletterSpace}
+            unit="px"
+            max="20"
+          ></cdtr-range-input>
+        </cdtr-row>
+      </cdtr-editor-container>
+      <cdtr-editor-container>
+        <cdtr-range-device-editor
+          text="fontSize"
+          .value=${this.fontSize}
+          @input=${this.onChangeFontSize}
+          @device=${t=>{this.device=t.target.device,this.onConnect()}}
+          unit="px"
+          max="100"
+          min="8"
+        ></cdtr-range-device-editor>
+      </cdtr-editor-container>
+    `;return this.hasTextComponent?i.qy`${t} `:null}}l.properties={themeType:{type:String},fontFamily:{type:String},fontSize:{type:Number},fontColor:{type:String},lineHeight:{type:Number},letterSpacing:{type:Number},fontFamilies:{type:Array},filteredFonts:{type:Array},hasTextComponent:{type:Boolean},accordion:{type:Boolean},isOpen:{type:Boolean},device:{type:String}},l.styles=i.AH`
+    .dropdown-button {
+      min-width: 100px;
+    }
+  `,customElements.define("cdtr-text-editor-plugin",l)}}]);

package/dist/7255.creaditor.bundle.js

@@ -0,0 +1,11 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7255],{7255(t,e,i){i.r(e),i.d(e,{MoreIcon:()=>r});var s=i(59929);class r extends s.WF{constructor(){super(),this.iconStyle=""}render(){return s.qy` <svg style="${this.iconStyle}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z" /><path d="M12 3c-.825 0-1.5.675-1.5 1.5S11.175 6 12 6s1.5-.675 1.5-1.5S12.825 3 12 3zm0 15c-.825 0-1.5.675-1.5 1.5S11.175 21 12 21s1.5-.675 1.5-1.5S12.825 18 12 18zm0-7.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5-.675-1.5-1.5-1.5z" /></svg>`}}r.styles=s.AH`
+    :host {
+      --cdtr-icon-width: 20px;
+      --cdtr-icon-height: 20px;
+    }
+    svg {
+      width: var(--cdtr-icon-width);
+      height: var(--cdtr-icon-height);
+      fill: var(--cdtr-icon-color);
+    }
+  `,r.properties={iconStyle:{type:String}},customElements.define("cdtr-more-icon",r)}}]);

package/dist/738.creaditor.bundle.js

@@ -0,0 +1,14 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[738],{60738(t,e,s){s.r(e),s.d(e,{CloseIcon:()=>r});var i=s(59929);class r extends i.WF{constructor(){super(),this.iconStyle="",this.width="24",this.height="24"}render(){return i.qy`<svg
+      style="${this.iconStyle}"
+      width="${this.width}"
+      height="${this.height}"
+      stroke="currentColor"
+      fill="currentColor"
+      stroke-width="0"
+      viewBox="0 0 512 512"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z"
+      ></path>
+    </svg>`}}r.styles=i.AH``,r.properties={iconStyle:{type:String},width:{type:String},height:{type:String}},customElements.define("cdtr-close-icon",r)}}]);

package/dist/7380.creaditor.bundle.js

@@ -0,0 +1,19 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7380],{27380(e,t,i){i.r(t),i.d(t,{FolderIcon:()=>o});var r=i(59929);class o extends r.WF{constructor(){super(),this.iconStyle="",this.width="24",this.height="24"}render(){return r.qy`<svg
+      class="_1C-Vw-oio9_ZWjQnvpMqhl"
+      xmlns="http://www.w3.org/2000/svg"
+      role="img"
+      width="35px"
+      height="35px"
+      viewBox="0 0 24 24"
+      ariaLabelledby="folderIconTitle"
+      stroke="black"
+      strokeWidth="1"
+      strokeLinecap="square"
+      strokeLinejoin="round"
+      fill="none"
+      color="black"
+      style="width: 80px; height: auto; fill: rgb(234, 247, 255); stroke: rgb(193, 228, 254); stroke-width: 0.5px; stroke-linejoin: round;"
+    >
+      <title id="folderIconTitle">Folder</title>
+      <path d="M3 5h6l1 2h11v12H3z"></path>
+    </svg>`}}o.styles=r.AH``,o.properties={iconStyle:{type:String},width:{type:String},height:{type:String}},customElements.define("cdtr-folder-icon",o)}}]);

package/dist/7463.creaditor.bundle.js

@@ -0,0 +1,395 @@
+/*! For license information please see 7463.creaditor.bundle.js.LICENSE.txt */
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7463],{97463(e,p,a){a.r(p);a(69130),a(45611);var r=a(66216),l=a(95586),f=a(47351);(0,l.b)({_template:f.q`
+    <style>
+      :host {
+        display: block;
+        padding: 8px 0;
+
+        background: var(--paper-listbox-background-color, var(--primary-background-color));
+        color: var(--paper-listbox-color, var(--primary-text-color));
+
+        @apply --paper-listbox;
+      }
+    </style>
+
+    <slot></slot>
+`,is:"paper-listbox",behaviors:[r.i],hostAttributes:{role:"listbox"}})},88453(e,p,a){a(69130);const r=a(47351).q`
+<custom-style>
+  <style is="custom-style">
+    html {
+
+      /* Material Design color palette for Google products */
+
+      --google-red-100: #f4c7c3;
+      --google-red-300: #e67c73;
+      --google-red-500: #db4437;
+      --google-red-700: #c53929;
+
+      --google-blue-100: #c6dafc;
+      --google-blue-300: #7baaf7;
+      --google-blue-500: #4285f4;
+      --google-blue-700: #3367d6;
+
+      --google-green-100: #b7e1cd;
+      --google-green-300: #57bb8a;
+      --google-green-500: #0f9d58;
+      --google-green-700: #0b8043;
+
+      --google-yellow-100: #fce8b2;
+      --google-yellow-300: #f7cb4d;
+      --google-yellow-500: #f4b400;
+      --google-yellow-700: #f09300;
+
+      --google-grey-100: #f5f5f5;
+      --google-grey-300: #e0e0e0;
+      --google-grey-500: #9e9e9e;
+      --google-grey-700: #616161;
+
+      /* Material Design color palette from online spec document */
+
+      --paper-red-50: #ffebee;
+      --paper-red-100: #ffcdd2;
+      --paper-red-200: #ef9a9a;
+      --paper-red-300: #e57373;
+      --paper-red-400: #ef5350;
+      --paper-red-500: #f44336;
+      --paper-red-600: #e53935;
+      --paper-red-700: #d32f2f;
+      --paper-red-800: #c62828;
+      --paper-red-900: #b71c1c;
+      --paper-red-a100: #ff8a80;
+      --paper-red-a200: #ff5252;
+      --paper-red-a400: #ff1744;
+      --paper-red-a700: #d50000;
+
+      --paper-pink-50: #fce4ec;
+      --paper-pink-100: #f8bbd0;
+      --paper-pink-200: #f48fb1;
+      --paper-pink-300: #f06292;
+      --paper-pink-400: #ec407a;
+      --paper-pink-500: #e91e63;
+      --paper-pink-600: #d81b60;
+      --paper-pink-700: #c2185b;
+      --paper-pink-800: #ad1457;
+      --paper-pink-900: #880e4f;
+      --paper-pink-a100: #ff80ab;
+      --paper-pink-a200: #ff4081;
+      --paper-pink-a400: #f50057;
+      --paper-pink-a700: #c51162;
+
+      --paper-purple-50: #f3e5f5;
+      --paper-purple-100: #e1bee7;
+      --paper-purple-200: #ce93d8;
+      --paper-purple-300: #ba68c8;
+      --paper-purple-400: #ab47bc;
+      --paper-purple-500: #9c27b0;
+      --paper-purple-600: #8e24aa;
+      --paper-purple-700: #7b1fa2;
+      --paper-purple-800: #6a1b9a;
+      --paper-purple-900: #4a148c;
+      --paper-purple-a100: #ea80fc;
+      --paper-purple-a200: #e040fb;
+      --paper-purple-a400: #d500f9;
+      --paper-purple-a700: #aa00ff;
+
+      --paper-deep-purple-50: #ede7f6;
+      --paper-deep-purple-100: #d1c4e9;
+      --paper-deep-purple-200: #b39ddb;
+      --paper-deep-purple-300: #9575cd;
+      --paper-deep-purple-400: #7e57c2;
+      --paper-deep-purple-500: #673ab7;
+      --paper-deep-purple-600: #5e35b1;
+      --paper-deep-purple-700: #512da8;
+      --paper-deep-purple-800: #4527a0;
+      --paper-deep-purple-900: #311b92;
+      --paper-deep-purple-a100: #b388ff;
+      --paper-deep-purple-a200: #7c4dff;
+      --paper-deep-purple-a400: #651fff;
+      --paper-deep-purple-a700: #6200ea;
+
+      --paper-indigo-50: #e8eaf6;
+      --paper-indigo-100: #c5cae9;
+      --paper-indigo-200: #9fa8da;
+      --paper-indigo-300: #7986cb;
+      --paper-indigo-400: #5c6bc0;
+      --paper-indigo-500: #3f51b5;
+      --paper-indigo-600: #3949ab;
+      --paper-indigo-700: #303f9f;
+      --paper-indigo-800: #283593;
+      --paper-indigo-900: #1a237e;
+      --paper-indigo-a100: #8c9eff;
+      --paper-indigo-a200: #536dfe;
+      --paper-indigo-a400: #3d5afe;
+      --paper-indigo-a700: #304ffe;
+
+      --paper-blue-50: #e3f2fd;
+      --paper-blue-100: #bbdefb;
+      --paper-blue-200: #90caf9;
+      --paper-blue-300: #64b5f6;
+      --paper-blue-400: #42a5f5;
+      --paper-blue-500: #2196f3;
+      --paper-blue-600: #1e88e5;
+      --paper-blue-700: #1976d2;
+      --paper-blue-800: #1565c0;
+      --paper-blue-900: #0d47a1;
+      --paper-blue-a100: #82b1ff;
+      --paper-blue-a200: #448aff;
+      --paper-blue-a400: #2979ff;
+      --paper-blue-a700: #2962ff;
+
+      --paper-light-blue-50: #e1f5fe;
+      --paper-light-blue-100: #b3e5fc;
+      --paper-light-blue-200: #81d4fa;
+      --paper-light-blue-300: #4fc3f7;
+      --paper-light-blue-400: #29b6f6;
+      --paper-light-blue-500: #03a9f4;
+      --paper-light-blue-600: #039be5;
+      --paper-light-blue-700: #0288d1;
+      --paper-light-blue-800: #0277bd;
+      --paper-light-blue-900: #01579b;
+      --paper-light-blue-a100: #80d8ff;
+      --paper-light-blue-a200: #40c4ff;
+      --paper-light-blue-a400: #00b0ff;
+      --paper-light-blue-a700: #0091ea;
+
+      --paper-cyan-50: #e0f7fa;
+      --paper-cyan-100: #b2ebf2;
+      --paper-cyan-200: #80deea;
+      --paper-cyan-300: #4dd0e1;
+      --paper-cyan-400: #26c6da;
+      --paper-cyan-500: #00bcd4;
+      --paper-cyan-600: #00acc1;
+      --paper-cyan-700: #0097a7;
+      --paper-cyan-800: #00838f;
+      --paper-cyan-900: #006064;
+      --paper-cyan-a100: #84ffff;
+      --paper-cyan-a200: #18ffff;
+      --paper-cyan-a400: #00e5ff;
+      --paper-cyan-a700: #00b8d4;
+
+      --paper-teal-50: #e0f2f1;
+      --paper-teal-100: #b2dfdb;
+      --paper-teal-200: #80cbc4;
+      --paper-teal-300: #4db6ac;
+      --paper-teal-400: #26a69a;
+      --paper-teal-500: #009688;
+      --paper-teal-600: #00897b;
+      --paper-teal-700: #00796b;
+      --paper-teal-800: #00695c;
+      --paper-teal-900: #004d40;
+      --paper-teal-a100: #a7ffeb;
+      --paper-teal-a200: #64ffda;
+      --paper-teal-a400: #1de9b6;
+      --paper-teal-a700: #00bfa5;
+
+      --paper-green-50: #e8f5e9;
+      --paper-green-100: #c8e6c9;
+      --paper-green-200: #a5d6a7;
+      --paper-green-300: #81c784;
+      --paper-green-400: #66bb6a;
+      --paper-green-500: #4caf50;
+      --paper-green-600: #43a047;
+      --paper-green-700: #388e3c;
+      --paper-green-800: #2e7d32;
+      --paper-green-900: #1b5e20;
+      --paper-green-a100: #b9f6ca;
+      --paper-green-a200: #69f0ae;
+      --paper-green-a400: #00e676;
+      --paper-green-a700: #00c853;
+
+      --paper-light-green-50: #f1f8e9;
+      --paper-light-green-100: #dcedc8;
+      --paper-light-green-200: #c5e1a5;
+      --paper-light-green-300: #aed581;
+      --paper-light-green-400: #9ccc65;
+      --paper-light-green-500: #8bc34a;
+      --paper-light-green-600: #7cb342;
+      --paper-light-green-700: #689f38;
+      --paper-light-green-800: #558b2f;
+      --paper-light-green-900: #33691e;
+      --paper-light-green-a100: #ccff90;
+      --paper-light-green-a200: #b2ff59;
+      --paper-light-green-a400: #76ff03;
+      --paper-light-green-a700: #64dd17;
+
+      --paper-lime-50: #f9fbe7;
+      --paper-lime-100: #f0f4c3;
+      --paper-lime-200: #e6ee9c;
+      --paper-lime-300: #dce775;
+      --paper-lime-400: #d4e157;
+      --paper-lime-500: #cddc39;
+      --paper-lime-600: #c0ca33;
+      --paper-lime-700: #afb42b;
+      --paper-lime-800: #9e9d24;
+      --paper-lime-900: #827717;
+      --paper-lime-a100: #f4ff81;
+      --paper-lime-a200: #eeff41;
+      --paper-lime-a400: #c6ff00;
+      --paper-lime-a700: #aeea00;
+
+      --paper-yellow-50: #fffde7;
+      --paper-yellow-100: #fff9c4;
+      --paper-yellow-200: #fff59d;
+      --paper-yellow-300: #fff176;
+      --paper-yellow-400: #ffee58;
+      --paper-yellow-500: #ffeb3b;
+      --paper-yellow-600: #fdd835;
+      --paper-yellow-700: #fbc02d;
+      --paper-yellow-800: #f9a825;
+      --paper-yellow-900: #f57f17;
+      --paper-yellow-a100: #ffff8d;
+      --paper-yellow-a200: #ffff00;
+      --paper-yellow-a400: #ffea00;
+      --paper-yellow-a700: #ffd600;
+
+      --paper-amber-50: #fff8e1;
+      --paper-amber-100: #ffecb3;
+      --paper-amber-200: #ffe082;
+      --paper-amber-300: #ffd54f;
+      --paper-amber-400: #ffca28;
+      --paper-amber-500: #ffc107;
+      --paper-amber-600: #ffb300;
+      --paper-amber-700: #ffa000;
+      --paper-amber-800: #ff8f00;
+      --paper-amber-900: #ff6f00;
+      --paper-amber-a100: #ffe57f;
+      --paper-amber-a200: #ffd740;
+      --paper-amber-a400: #ffc400;
+      --paper-amber-a700: #ffab00;
+
+      --paper-orange-50: #fff3e0;
+      --paper-orange-100: #ffe0b2;
+      --paper-orange-200: #ffcc80;
+      --paper-orange-300: #ffb74d;
+      --paper-orange-400: #ffa726;
+      --paper-orange-500: #ff9800;
+      --paper-orange-600: #fb8c00;
+      --paper-orange-700: #f57c00;
+      --paper-orange-800: #ef6c00;
+      --paper-orange-900: #e65100;
+      --paper-orange-a100: #ffd180;
+      --paper-orange-a200: #ffab40;
+      --paper-orange-a400: #ff9100;
+      --paper-orange-a700: #ff6500;
+
+      --paper-deep-orange-50: #fbe9e7;
+      --paper-deep-orange-100: #ffccbc;
+      --paper-deep-orange-200: #ffab91;
+      --paper-deep-orange-300: #ff8a65;
+      --paper-deep-orange-400: #ff7043;
+      --paper-deep-orange-500: #ff5722;
+      --paper-deep-orange-600: #f4511e;
+      --paper-deep-orange-700: #e64a19;
+      --paper-deep-orange-800: #d84315;
+      --paper-deep-orange-900: #bf360c;
+      --paper-deep-orange-a100: #ff9e80;
+      --paper-deep-orange-a200: #ff6e40;
+      --paper-deep-orange-a400: #ff3d00;
+      --paper-deep-orange-a700: #dd2c00;
+
+      --paper-brown-50: #efebe9;
+      --paper-brown-100: #d7ccc8;
+      --paper-brown-200: #bcaaa4;
+      --paper-brown-300: #a1887f;
+      --paper-brown-400: #8d6e63;
+      --paper-brown-500: #795548;
+      --paper-brown-600: #6d4c41;
+      --paper-brown-700: #5d4037;
+      --paper-brown-800: #4e342e;
+      --paper-brown-900: #3e2723;
+
+      --paper-grey-50: #fafafa;
+      --paper-grey-100: #f5f5f5;
+      --paper-grey-200: #eeeeee;
+      --paper-grey-300: #e0e0e0;
+      --paper-grey-400: #bdbdbd;
+      --paper-grey-500: #9e9e9e;
+      --paper-grey-600: #757575;
+      --paper-grey-700: #616161;
+      --paper-grey-800: #424242;
+      --paper-grey-900: #212121;
+
+      --paper-blue-grey-50: #eceff1;
+      --paper-blue-grey-100: #cfd8dc;
+      --paper-blue-grey-200: #b0bec5;
+      --paper-blue-grey-300: #90a4ae;
+      --paper-blue-grey-400: #78909c;
+      --paper-blue-grey-500: #607d8b;
+      --paper-blue-grey-600: #546e7a;
+      --paper-blue-grey-700: #455a64;
+      --paper-blue-grey-800: #37474f;
+      --paper-blue-grey-900: #263238;
+
+      /* opacity for dark text on a light background */
+      --dark-divider-opacity: 0.12;
+      --dark-disabled-opacity: 0.38; /* or hint text or icon */
+      --dark-secondary-opacity: 0.54;
+      --dark-primary-opacity: 0.87;
+
+      /* opacity for light text on a dark background */
+      --light-divider-opacity: 0.12;
+      --light-disabled-opacity: 0.3; /* or hint text or icon */
+      --light-secondary-opacity: 0.7;
+      --light-primary-opacity: 1.0;
+
+    }
+
+  </style>
+</custom-style>
+`;r.setAttribute("style","display: none;"),document.head.appendChild(r.content)},45611(e,p,a){a(69130),a(88453);const r=a(47351).q`
+<custom-style>
+  <style is="custom-style">
+    html {
+      /*
+       * You can use these generic variables in your elements for easy theming.
+       * For example, if all your elements use \`--primary-text-color\` as its main
+       * color, then switching from a light to a dark theme is just a matter of
+       * changing the value of \`--primary-text-color\` in your application.
+       */
+      --primary-text-color: var(--light-theme-text-color);
+      --primary-background-color: var(--light-theme-background-color);
+      --secondary-text-color: var(--light-theme-secondary-color);
+      --disabled-text-color: var(--light-theme-disabled-color);
+      --divider-color: var(--light-theme-divider-color);
+      --error-color: var(--paper-deep-orange-a700);
+
+      /*
+       * Primary and accent colors. Also see color.js for more colors.
+       */
+      --primary-color: var(--paper-indigo-500);
+      --light-primary-color: var(--paper-indigo-100);
+      --dark-primary-color: var(--paper-indigo-700);
+
+      --accent-color: var(--paper-pink-a200);
+      --light-accent-color: var(--paper-pink-a100);
+      --dark-accent-color: var(--paper-pink-a400);
+
+
+      /*
+       * Material Design Light background theme
+       */
+      --light-theme-background-color: #ffffff;
+      --light-theme-base-color: #000000;
+      --light-theme-text-color: var(--paper-grey-900);
+      --light-theme-secondary-color: #737373;  /* for secondary text and icons */
+      --light-theme-disabled-color: #9b9b9b;  /* disabled/hint text */
+      --light-theme-divider-color: #dbdbdb;
+
+      /*
+       * Material Design Dark background theme
+       */
+      --dark-theme-background-color: var(--paper-grey-900);
+      --dark-theme-base-color: #ffffff;
+      --dark-theme-text-color: #ffffff;
+      --dark-theme-secondary-color: #bcbcbc;  /* for secondary text and icons */
+      --dark-theme-disabled-color: #646464;  /* disabled/hint text */
+      --dark-theme-divider-color: #3c3c3c;
+
+      /*
+       * Deprecated values because of their confusing names.
+       */
+      --text-primary-color: var(--dark-theme-text-color);
+      --default-primary-color: var(--primary-color);
+    }
+  </style>
+</custom-style>`;r.setAttribute("style","display: none;"),document.head.appendChild(r.content)}}]);

package/dist/7463.creaditor.bundle.js.LICENSE.txt

@@ -0,0 +1,10 @@
+/**
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at
+http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
+http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
+found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
+part of the polymer project is also subject to an additional IP rights grant
+found at http://polymer.github.io/PATENTS.txt
+*/

package/dist/7466.creaditor.bundle.js

@@ -0,0 +1 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[7466],{47466(e,t,o){o.d(t,{default:()=>c});const a=e=>{{const{component:t,commands:o,helpers:a}=e;return{select:e=>{let{changeTab:t,tab:o}=e},tabs:e=>{const t=[{text:"time"},{text:"design"}];return t.forEach(t=>t.selected=t.selected=t.text===e),t},layout:e=>{let{tab:a,changeTab:n,tabs:r}=e;t.parent("col");return[{type:"datetime",value:t.props.date,active:"time"===a.text,onChange:e=>{const t=e.target.value;o.execCommand("date",t.toString())}},{type:"slider",title:"size",max:500,min:200,value:parseFloat(t.props.containerWidth),active:"design"===a.text,onInput:e=>{const t=e.target.value;o.execCommand("containerWidth",t+"px")}},{type:"divider",active:"design"===a.text},{type:"heading",level:5,text:"numbers"},{type:"colorpicker",title:"color",alpha:!1,value:t.props.numberColor,onChange:e=>{const t=e.target.value;o.execCommand("numberColor",t)}},{type:"divider"},{type:"heading",level:5,text:"labels"},{type:"checkbox",title:"counterTitle",checked:t.props.hasLabels,onChange:e=>{const t=e.target.checked;o.execCommand("hasLabels",t)}},{type:"colorpicker",title:"color",alpha:!1,alpha:!1,value:t.props.labelColor,onChange:e=>{const t=e.target.value;o.execCommand("labelColor",t)}},{type:"divider"}]}}}};var n=o(61919);const r=()=>({set:(e,t,o)=>{switch(t){case"containerWidth":case"numberFontFamily":case"labelSize":case"numberSize":case"colBorderSize":case"hasLabels":case"colBorderSize":case"labelFontFamily":case"numberFontFamily":case"date":return e[t]=o,!0;case"labelColor":case"colBg":case"containerBg":case"numberColor":case"colBorderColor":return o="#"+(0,n.A)(o).toHex(),e[t]=o,!0}}});var l=o(86319);function s(e){return(e=(0,n.A)(e).toRgb()).r+","+e.g+","+e.b+","+e.a}const c=()=>{const e="countdown";return{name:e,create:t=>{let{createElement:o,compose:c,helpers:i}=t;const d=c.props,p=document.createElement("div");p.style.position="relative";const m=document.createElement("img");m.style.maxWidth="100%";const u=document.createElement("cdtr-block-loader");function g(){let{key:e,value:t}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};u.parentElement||"containerWidth"===e||p.append(u);const o=h.closest("col");let a;if(o&&(a=o.props?.style?.background),!a){const e=h.closest("block");e&&(a=a=e.props?.style?.background)}if(!a){const e=h.closest("section");e&&(a=a=e.props?.style?.background)}if(!a){const e=h.closest("root");e&&(a=a=e.props?.style?.background)}"transparent"===a&&(a="#fff"),a||(a="#fff");const r=(0,n.A)(a);c.props.containerBg="#"+r.toHex();const i=function(e){const t=new Date(e);return`${String(t.getMonth()+1).padStart(2,"0")}/${String(t.getDate()).padStart(2,"0")}/${t.getFullYear()}+${String(t.getHours()).padStart(2,"0")}:${String(t.getMinutes()).padStart(2,"0")}:${String(t.getSeconds()).padStart(2,"0")}`}(c.props.date),[g,b]=i.split("+"),f=l.M.get("config","language");let C,y,v,x;C="he"===f?"ימים":"Days",y="he"===f?"שעות":"Hours",v="he"===f?"דקות":"Minutes",x="he"===f?"שניות":"Seconds";const S=function(e){let{time:t,date:o,showTitles:a,ht:n="",mt:r="",st:l="",dt:c="",bgColor:i,timerC:d,titleC:p,language:m}=e;"transparent"===i&&(i="#fff"),-1!==i.indexOf("#")&&(i=s(i)),-1!==d.indexOf("#")&&(d=s(d)),-1!==p.indexOf("#")&&(p=s(p));const u={time:t,date:o,showTitles:a,ht:n,mt:r,st:l,dt:c,bgColor:i,timerC:d,titleC:p,language:m};let g=0;const h=["https://app.creaditor.com/assets/countdown/timerHandler.ashx?"];for(var b in u.time=u.date+"+"+u.time,delete u.date,u.showTitles&&"false"!==u.showTitles||(delete u.ht,delete u.mt,delete u.st,delete u.dt),u.ht||delete u.ht,u.mt||delete u.mt,u.st||delete u.st,u.dt||delete u.dt,u)g>0&&h.push("&"),h.push(b+"="+u[b]),g++;return h.join("")}({date:g,showTitles:!!d.hasLabels,time:b,bgColor:d.containerBg,timerC:d.numberColor,titleC:d.labelColor,language:d.language,dt:C,ht:y,mt:v,st:x});m.src=S,m.addEventListener("load",()=>{setTimeout(()=>{u.remove()},0)},{once:!0}),d.containerWidth&&(m.style.width=d.containerWidth)}u.style.position="absolute",u.style.left="50%",u.style.top="50%",u.style.transform="translate(-50%,-50%)",u.color="var(--primary-color)",c.editor.on("update",g),p.append(m);const h=o({name:e,id:c.id,template:p,defaultProps:{hasColons:!0,hasLabels:!0,date:"",language:"he",style:{},classList:[],containerWidth:"800px",containerBg:"#fff",containerRadius:"0",colBg:"transparent",colBorderStyle:"none",colBorderSize:"0",colBorderColor:"none",colBorderPadding:"0",colBorderRadius:"100px",numberSize:"30px",numberColor:"black",numberFontFamily:"Arial",labelSize:"14px",labelColor:"black",labelfontFamily:"Arial"},render:e=>{g(e)},validator:r(),draggable:{group:"element"},droppable:{group:"element"},handleBar:!0,schema:c.schema,onSelect:e=>{m.classList.add(e)},onDeselect:e=>{m.classList.remove(e)},elementProps:c,remove:()=>{p.remove()},createEditor:a});return g(),h}}}}}]);

package/dist/752.creaditor.bundle.js

@@ -0,0 +1,40 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[752],{40752(t,e,i){i.r(e),i.d(e,{EditorContainer:()=>a});var n=i(59929);class a extends n.WF{constructor(){super(),this.pt="10px",this.isAnimate=!0}render(){return n.qy`<div
+      style="padding-top:${this.pt}"
+      class="container ${this.isAnimate?"animate":""}"
+    >
+      <slot></slot>
+    </div> `}}a.styles=n.AH`
+    //create fade in animation
+    :host{
+      direction: var(--direction-locale);
+    }
+    :host *{
+      direction: var(--direction-locale);
+    }
+    .container:hover {
+      background: #9c9c9c0b;
+    }
+    .container {
+      padding-left: 15px;
+      padding-right: 15px;
+      display: block;
+      width: 100%;
+      min-height: 20px;
+      padding-bottom: 10px;
+      box-sizing: border-box;
+    }
+    .animate {
+      animation: slide-in 0.2s ease-in-out;
+    }
+    @keyframes slide-in {
+      from {
+        opacity: 0;
+        transform: translateX(10%);
+      }
+
+      to {
+        opacity: 1;
+        transform: translateX(0%);
+      }
+    }
+  `,a.properties={pt:{type:String},isAnimate:{type:Boolean}},customElements.define("cdtr-editor-container",a)}}]);