@creaditor/web-starterkit 1.0.0

package/dist/8315.creaditor.bundle.js

@@ -0,0 +1,44 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8315],{68315(e,t,i){i.r(t),i.d(t,{PreferenceSetting:()=>r});var C=i(59929);class r extends C.WF{constructor(){super()}render(){return C.qy`
+     <svg    style="display:block;margin:auto;margin-top:50px"
+        width="${this.width}"
+        height="${this.height}" viewBox="0 0 150 153" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M75 150C116.421 150 150 116.421 150 75C150 33.5786 116.421 0 75 0C33.5786 0 0 33.5786 0 75C0 116.421 33.5786 150 75 150Z" fill="url(#paint0_linear_1_259)"/>
+<g filter="url(#filter0_d_1_259)">
+<mask id="mask0_1_259" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="150" height="150">
+<path d="M75 150C116.421 150 150 116.421 150 75C150 33.5786 116.421 0 75 0C33.5786 0 0 33.5786 0 75C0 116.421 33.5786 150 75 150Z" fill="url(#paint1_linear_1_259)"/>
+</mask>
+<g mask="url(#mask0_1_259)">
+<path d="M118 43H32C29.2386 43 27 45.2386 27 48V153C27 155.761 29.2386 158 32 158H118C120.761 158 123 155.761 123 153V48C123 45.2386 120.761 43 118 43Z" fill="white"/>
+</g>
+</g>
+<path d="M66 53H40C38.3431 53 37 54.3431 37 56C37 57.6569 38.3431 59 40 59H66C67.6569 59 69 57.6569 69 56C69 54.3431 67.6569 53 66 53Z" fill="#E1EBFA"/>
+<path d="M66 95H40C38.3431 95 37 96.3431 37 98C37 99.6569 38.3431 101 40 101H66C67.6569 101 69 99.6569 69 98C69 96.3431 67.6569 95 66 95Z" fill="#E1EBFA"/>
+<path d="M108 68H42C39.7909 68 38 69.7909 38 72V82C38 84.2091 39.7909 86 42 86H108C110.209 86 112 84.2091 112 82V72C112 69.7909 110.209 68 108 68Z" stroke="#1485FD" stroke-width="2"/>
+<path d="M108 109H42C39.2386 109 37 111.239 37 114V122C37 124.761 39.2386 127 42 127H108C110.761 127 113 124.761 113 122V114C113 111.239 110.761 109 108 109Z" fill="#DFEAFB"/>
+<path d="M53 32C55.2091 32 57 30.2091 57 28C57 25.7909 55.2091 24 53 24C50.7909 24 49 25.7909 49 28C49 30.2091 50.7909 32 53 32Z" fill="white"/>
+<path d="M75 32C77.2091 32 79 30.2091 79 28C79 25.7909 77.2091 24 75 24C72.7909 24 71 25.7909 71 28C71 30.2091 72.7909 32 75 32Z" fill="#1485FD"/>
+<path d="M97 32C99.2091 32 101 30.2091 101 28C101 25.7909 99.2091 24 97 24C94.7909 24 93 25.7909 93 28C93 30.2091 94.7909 32 97 32Z" fill="white"/>
+<path d="M86 88C88.7614 88 91 85.7614 91 83C91 80.2386 88.7614 78 86 78C83.2386 78 81 80.2386 81 83C81 85.7614 83.2386 88 86 88Z" fill="#DFEAFB"/>
+<path d="M89.907 104.37C89.107 104.37 88.36 104.37 87.68 104.327C86.8424 104.27 86.0367 103.984 85.3514 103.499C84.6662 103.014 84.1279 102.349 83.796 101.578L79.577 93.24C79.2676 92.8797 79.1131 92.4117 79.1471 91.938C79.1812 91.4643 79.4012 91.0233 79.759 90.711C80.0522 90.4754 80.4179 90.3485 80.794 90.352C81.0709 90.3601 81.3428 90.4281 81.5909 90.5513C81.8389 90.6746 82.0573 90.8502 82.231 91.066L84.147 93.681L84.176 93.715V83.78C84.176 83.2871 84.3718 82.8144 84.7203 82.4659C85.0689 82.1173 85.5416 81.9215 86.0345 81.9215C86.5274 81.9215 87.0001 82.1173 87.3487 82.4659C87.6972 82.8144 87.893 83.2871 87.893 83.78V90.28C87.8714 90.0408 87.8999 89.7998 87.9766 89.5722C88.0534 89.3446 88.1766 89.1355 88.3386 88.9582C88.5007 88.781 88.6978 88.6394 88.9176 88.5425C89.1373 88.4456 89.3748 88.3956 89.615 88.3956C89.8552 88.3956 90.0927 88.4456 90.3124 88.5425C90.5322 88.6394 90.7294 88.781 90.8914 88.9582C91.0534 89.1355 91.1767 89.3446 91.2534 89.5722C91.3301 89.7998 91.3586 90.0408 91.337 90.28V91.635C91.3154 91.3958 91.3439 91.1548 91.4206 90.9272C91.4974 90.6996 91.6206 90.4905 91.7826 90.3132C91.9447 90.136 92.1418 89.9944 92.3616 89.8975C92.5813 89.8006 92.8188 89.7506 93.059 89.7506C93.2992 89.7506 93.5367 89.8006 93.7564 89.8975C93.9762 89.9944 94.1734 90.136 94.3354 90.3132C94.4974 90.4905 94.6207 90.6996 94.6974 90.9272C94.7741 91.1548 94.8026 91.3958 94.781 91.635V92.679C94.7594 92.4398 94.7879 92.1988 94.8646 91.9712C94.9414 91.7436 95.0646 91.5345 95.2266 91.3572C95.3887 91.18 95.5858 91.0384 95.8056 90.9415C96.0253 90.8446 96.2628 90.7946 96.503 90.7946C96.7432 90.7946 96.9807 90.8446 97.2004 90.9415C97.4202 91.0384 97.6174 91.18 97.7794 91.3572C97.9414 91.5345 98.0647 91.7436 98.1414 91.9712C98.2181 92.1988 98.2466 92.4398 98.225 92.679V99.016C98.191 100.965 97.31 104.251 94.211 104.251C93.986 104.261 92.08 104.371 89.911 104.371L89.907 104.37Z" fill="#1485FD" stroke="white"/>
+<defs>
+<filter id="filter0_d_1_259" x="21" y="34" width="108" height="119" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-3"/>
+<feGaussianBlur stdDeviation="3"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.788235 0 0 0 0 0.803922 0 0 0 0 0.85098 0 0 0 0.349 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_259"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_259" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1_259" x1="75" y1="0" x2="75" y2="150" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E3ECFA"/>
+<stop offset="1" stop-color="#DAE7FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1_259" x1="75" y1="0" x2="75" y2="150" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E3ECFA"/>
+<stop offset="1" stop-color="#DAE7FF"/>
+</linearGradient>
+</defs>
+</svg>
+
+    `}}r.properties={width:{},height:{}},customElements.define("cdtr-ilustration-preference",r)}}]);

package/dist/8443.creaditor.bundle.js

@@ -0,0 +1,72 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8443],{48443(t,e,i){i.r(e),i.d(e,{JustifyGroup:()=>f});var r,c,o,l,n,s,a=i(59088),d=i(36936),u=i(59929),p=i(49410);let f=(r=(0,p.MZ)({type:Number}),c=(0,p.MZ)({type:String}),(s=class extends u.WF{constructor(){super(),(0,a.A)(this,"value",l,this),(0,a.A)(this,"justify",n,this),this.onClick=this.onClick.bind(this),this.justify="flex-start"}onClick(t){const e=t.target.closest("[data-justify]");if(e){const t=e.getAttribute("data-justify");this.value=t;const i={detail:t,bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("change",i))}}render(){return u.qy` <cdtr-row justify="center">
+      <paper-button
+        class="${"flex-start"===this.value?"selected":null}"
+        @click=${this.onClick}
+        data-justify="flex-start"
+      >
+        <cdtr-tooltip delay="100" content="left">
+        <cdtr-icon color="var(--primary)" icon="justifyLeft"></cdtr-icon>
+        </cdtr-tooltip>
+      </paper-button>
+      <paper-button
+        class="${"center"===this.value?"selected":null}"
+        @click=${this.onClick}
+        data-justify="center"
+      >
+        <cdtr-tooltip delay="100" content="center">
+        <cdtr-icon color="var(--primary)" icon="justifyCenter"></cdtr-icon>
+        </cdtr-tooltip>
+      </paper-button>
+      <paper-button
+        class="${"flex-end"===this.value?"selected":null}"
+        @click=${this.onClick}
+        data-justify="flex-end"
+      >
+        <cdtr-tooltip delay="100" content="right">
+        <cdtr-icon color="var(--primary)" icon="justifyRight"></cdtr-icon>
+
+        </cdtr-tooltip>
+      </paper-button>
+      <!-- //============ -->
+      <!-- <cdtr-divider></cdtr-divider>
+      <paper-button
+        class="${"flex-start"===this.value?"selected":null}"
+        @click=${this.onClick}
+        data-justify="flex-start"
+      >
+        <cdtr-tooltip delay="100" content="left">
+        <cdtr-icon height="33" color="var(--primary)" icon="alignTop"></cdtr-icon>
+        </cdtr-tooltip>
+      </paper-button>
+      <paper-button
+        class="${"center"===this.value?"selected":null}"
+        @click=${this.onClick}
+        data-justify="center"
+      >
+        <cdtr-tooltip delay="100" content="center">
+        <cdtr-icon height="33" color="var(--primary)" icon="justifyCenter"></cdtr-icon>
+        </cdtr-tooltip>
+      </paper-button>
+      <paper-button
+        class="${"flex-end"===this.value?"selected":null}"
+        @click=${this.onClick}
+        data-justify="flex-end"
+      >
+        <cdtr-tooltip delay="100" content="right">
+        <cdtr-icon height="33" color="var(--primary)" icon="alignBottom"></cdtr-icon>
+        </cdtr-tooltip>
+      </paper-button> -->
+    </cdtr-row>`}}).styles=u.AH`
+    :host {
+      direction: ltr;
+    }
+    paper-button {
+      min-width: auto;
+    }
+    .keyboard-focus {
+      outline: 1px solid var(--primary);
+    }
+    .selected {
+      background: #f1f3f5;
+    }
+  `,o=s,l=(0,d.A)(o.prototype,"value",[r],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),n=(0,d.A)(o.prototype,"justify",[c],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),o);customElements.define("cdtr-justify-group",f)}}]);

package/dist/8516.creaditor.bundle.js

@@ -0,0 +1,15 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8516],{8516(t,e,n){n.r(e),n.d(e,{RadiusEditorPlugin:()=>d});var r=n(59929),s=n(9507);class d extends r.WF{constructor(){super(),this.onConnect=this.onConnect.bind(this)}onConnect(){const t=s.Ay.getSelectedComponent();if(t.length>0){const e=t[0],n=e.props?.style?.borderRadius;this.radius=parseInt(n)||0}}onChangeRadius(t){const e=t.target.value;s.Ay.execCommand("style",{borderRadius:e+"px"})}connectedCallback(){super.connectedCallback(),s.Ay.on("update",this.onConnect),this.onConnect()}disconnectedCallback(){super.disconnectedCallback(),s.Ay.off("update",this.onConnect)}render(){return r.qy`
+      <cdtr-row mt="1">
+        <cdtr-title><lang-text text="radius"></lang-text></cdtr-title>
+      </cdtr-row>
+      <cdtr-row>
+        <cdtr-input></cdtr-input>
+        <!-- <cdtr-range-input
+          .value=${this.radius}
+          @input=${this.onChangeRadius}
+          max="100"
+          min="0"
+          step="1"
+        ></cdtr-range-input> -->
+      </cdtr-row>
+    `}}d.properties={radius:{type:Number}},d.styles=r.AH``,customElements.define("cdtr-radius-editor-plugin",d)}}]);

package/dist/8533.creaditor.bundle.js

@@ -0,0 +1 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8533],{78533(){function e(e){if("string"!=typeof e||!e)throw new Error("expected a non-empty string, got: "+e)}function t(e){if("number"!=typeof e)throw new Error("expected a number, got: "+e)}const n="emoji",o="keyvalue",i="favorites",r="tokens",a="count",s="group-order",c="eTag",d="url",u="skinTone",l="readonly",m="readwrite",f="skinUnicodes";function h(e){return function(e,t){const n=new Set,o=[];for(const i of e){const e=t(i);n.has(e)||(n.add(e),o.push(i))}return o}(e,e=>e.unicode)}const p={},g={},b={};function y(e,t,n){n.onerror=()=>t(n.error),n.onblocked=()=>t(new Error("IDB blocked")),n.onsuccess=()=>e(n.result)}async function k(e){const t=await new Promise((t,c)=>{const d=indexedDB.open(e,1);p[e]=d,d.onupgradeneeded=e=>{e.oldVersion<1&&function(e){function t(t,n,o){const i=n?e.createObjectStore(t,{keyPath:n}):e.createObjectStore(t);if(o)for(const[e,[t,n]]of Object.entries(o))i.createIndex(e,t,{multiEntry:n});return i}t(o),t(n,"unicode",{[r]:["tokens",!0],[s]:[["group","order"]],[f]:["skinUnicodes",!0]}),t(i,void 0,{[a]:[""]})}(d.result)},y(t,c,d)});return t.onclose=()=>w(e),t}function v(e,t,n,o){return new Promise((i,r)=>{const a=e.transaction(t,n,{durability:"relaxed"}),s="string"==typeof t?a.objectStore(t):t.map(e=>a.objectStore(e));let c;o(s,a,e=>{c=e}),a.oncomplete=()=>i(c),a.onerror=()=>r(a.error)})}function w(e){const t=p[e],n=t&&t.result;if(n){n.close();const t=b[e];if(t)for(const e of t)e()}delete p[e],delete g[e],delete b[e]}const j=new Set([":D","XD",":'D","O:)",":X",":P",";P","XP",":L",":Z",":j","8D","XO","8)",":B",":O",":S",":'o","Dx","X(","D:",":C",">0)",":3","</3","<3","\\M/",":E","8#"]);function E(e){return e.split(/[\s_]+/).map(e=>!e.match(/\w/)||j.has(e)?e.toLowerCase():e.replace(/[)(:,]/g,"").replace(/’/g,"'").toLowerCase()).filter(Boolean)}function S(e){return e.filter(Boolean).map(e=>e.toLowerCase()).filter(e=>e.length>=2)}function T(e,t,n,o){e[t](n).onsuccess=e=>o&&o(e.target.result)}function x(e,t,n){T(e,"get",t,n)}function C(e,t,n){T(e,"getAll",t,n)}function $(e){e.commit&&e.commit()}function _(e,t){const n=function(e,t){let n=e[0];for(let o=1;o<e.length;o++){const i=e[o];t(n)>t(i)&&(n=i)}return n}(e,e=>e.length),o=[];for(const i of n)e.some(e=>-1===e.findIndex(e=>t(e)===t(i)))||o.push(i);return o}async function L(e,t,i,r){try{const a=function(e){return e.map(({annotation:e,emoticon:t,group:n,order:o,shortcodes:i,skins:r,tags:a,emoji:s,version:c})=>{const d={annotation:e,group:n,order:o,tags:a,tokens:[...new Set(S([...(i||[]).map(E).flat(),...(a||[]).map(E).flat(),...E(e),t]))].sort(),unicode:s,version:c};if(t&&(d.emoticon=t),i&&(d.shortcodes=i),r){d.skinTones=[],d.skinUnicodes=[],d.skinVersions=[];for(const{tone:e,emoji:t,version:n}of r)d.skinTones.push(e),d.skinUnicodes.push(t),d.skinVersions.push(n)}return d})}(t);await v(e,[n,o],m,([e,t],n)=>{let o,s,u=0;function l(){2===++u&&function(){if(o===r&&s===i)return;e.clear();for(const t of a)e.put(t);t.put(r,c),t.put(i,d),$(n)}()}x(t,c,e=>{o=e,l()}),x(t,d,e=>{s=e,l()})})}finally{}}async function I(e,t){const o=S(E(t));return o.length?v(e,n,l,(e,t,n)=>{const i=[],a=()=>{const e=_(i,e=>e.unicode);n(e.sort((e,t)=>e.order<t.order?-1:1))};for(let t=0;t<o.length;t++){const n=o[t],s=t===o.length-1?IDBKeyRange.bound(n,n+"￿",!1,!0):IDBKeyRange.only(n);C(e.index(r),s,e=>{i.push(e),i.length===o.length&&a()})}}):[]}async function z(e,t){const o=await I(e,t);if(!o.length){const o=e=>(e.shortcodes||[]).includes(t.toLowerCase());return await async function(e,t){return v(e,n,l,(e,n,o)=>{let i;const r=()=>{e.getAll(i&&IDBKeyRange.lowerBound(i,!0),50).onsuccess=e=>{const n=e.target.result;for(const e of n)if(i=e.unicode,t(e))return o(e);if(n.length<50)return o();r()}};r()})}(e,o)||null}return o.filter(e=>{const n=(e.shortcodes||[]).map(e=>e.toLowerCase());return n.includes(t.toLowerCase())})[0]||null}function P(e,t,n){return v(e,t,l,(e,t,o)=>x(e,n,o))}const M=["name","url"];function A(e){!function(e){const t=e&&Array.isArray(e),n=t&&e.length&&(!e[0]||M.some(t=>!(t in e[0])));if(!t||n)throw new Error("Custom emojis are in the wrong format")}(e);const t=(e,t)=>e.name.toLowerCase()<t.name.toLowerCase()?-1:1,n=e.sort(t),o=function(e,t){const n=new Map;for(const o of e){const e=t(o);for(const t of e){let e=n;for(let n=0;n<t.length;n++){const o=t.charAt(n);let i=e.get(o);i||(i=new Map,e.set(o,i)),e=i}let i=e.get("");i||(i=[],e.set("",i)),i.push(o)}}return(e,t)=>{let o=n;for(let t=0;t<e.length;t++){const n=e.charAt(t),i=o.get(n);if(!i)return[];o=i}if(t)return o.get("")||[];const i=[],r=[o];for(;r.length;){const e=[...r.shift().entries()].sort((e,t)=>e[0]<t[0]?-1:1);for(const[t,n]of e)""===t?i.push(...n):r.push(n)}return i}}(e,e=>{const t=new Set;if(e.shortcodes)for(const n of e.shortcodes)for(const e of E(n))t.add(e);return t}),i=e=>o(e,!0),r=e=>o(e,!1),a=new Map,s=new Map;for(const t of e){s.set(t.name.toLowerCase(),t);for(const e of t.shortcodes||[])a.set(e.toLowerCase(),t)}return{all:n,search:e=>{const n=E(e);return _(n.map((e,t)=>(t<n.length-1?i:r)(e)),e=>e.name).sort(t)},byShortcode:e=>a.get(e.toLowerCase()),byName:e=>s.get(e.toLowerCase())}}const O="undefined"!=typeof wrappedJSObject;function B(e){if(!e)return e;if(O&&(e=structuredClone(e)),delete e.tokens,e.skinTones){const t=e.skinTones.length;e.skins=Array(t);for(let n=0;n<t;n++)e.skins[n]={tone:e.skinTones[n],unicode:e.skinUnicodes[n],version:e.skinVersions[n]};delete e.skinTones,delete e.skinUnicodes,delete e.skinVersions}return e}function N(e){e||console.warn("emoji-picker-element is more efficient if the dataSource server exposes an ETag header.")}const D=["annotation","emoji","group","order","version"];function F(e,t){if(2!==Math.floor(e.status/100))throw new Error("Failed to fetch: "+t+":  "+e.status)}async function U(e){const t=await fetch(e);F(t,e);const n=t.headers.get("etag");N(n);const o=await t.json();return function(e){if(!e||!Array.isArray(e)||!e[0]||"object"!=typeof e[0]||D.some(t=>!(t in e[0])))throw new Error("Emoji data is in the wrong format")}(o),[n,o]}async function W(e){let t=function(e){for(var t=e.length,n=new ArrayBuffer(t),o=new Uint8Array(n),i=-1;++i<t;)o[i]=e.charCodeAt(i);return n}(JSON.stringify(e));const n=function(e){for(var t="",n=new Uint8Array(e),o=n.byteLength,i=-1;++i<o;)t+=String.fromCharCode(n[i]);return t}(await crypto.subtle.digest("SHA-1",t));return btoa(n)}async function V(e,t){let n,i=await async function(e){const t=await fetch(e,{method:"HEAD"});F(t,e);const n=t.headers.get("etag");return N(n),n}(t);if(!i){const e=await U(t);i=e[0],n=e[1],i||(i=await W(n))}if(await async function(e,t,n){const[i,r]=await Promise.all([c,d].map(t=>P(e,o,t)));return i===n&&r===t}(e,t,i));else{if(!n){n=(await U(t))[1]}await L(e,n,t,i)}}class G{constructor({dataSource:e="https://cdn.jsdelivr.net/npm/emoji-picker-element-data@^1/en/emojibase/data.json",locale:t="en",customEmoji:n=[]}={}){this.dataSource=e,this.locale=t,this._dbName=`emoji-picker-element-${this.locale}`,this._db=void 0,this._lazyUpdate=void 0,this._custom=A(n),this._clear=this._clear.bind(this),this._ready=this._init()}async _init(){const e=this._db=await(t=this._dbName,g[t]||(g[t]=k(t)),g[t]);var t;!function(e,t){let n=b[e];n||(n=b[e]=[]),n.push(t)}(this._dbName,this._clear);const n=this.dataSource,i=await async function(e){return!await P(e,o,d)}(e);i?await async function(e,t){let[n,o]=await U(t);n||(n=await W(o)),await L(e,o,t,n)}(e,n):this._lazyUpdate=async function(e,t){try{await V(e,t)}catch(e){if("InvalidStateError"!==e.name)throw e}}(e,n)}async ready(){const e=async()=>(this._ready||(this._ready=this._init()),this._ready);await e(),this._db||await e()}async getEmojiByGroup(e){return t(e),await this.ready(),h(await async function(e,t){return v(e,n,l,(e,n,o)=>{const i=IDBKeyRange.bound([t,0],[t+1,0],!1,!0);C(e.index(s),i,o)})}(this._db,e)).map(B)}async getEmojiBySearchQuery(t){e(t),await this.ready();return[...this._custom.search(t),...h(await I(this._db,t)).map(B)]}async getEmojiByShortcode(t){e(t),await this.ready();const n=this._custom.byShortcode(t);return n||B(await z(this._db,t))}async getEmojiByUnicodeOrName(t){e(t),await this.ready();const o=this._custom.byName(t);return o||B(await async function(e,t){return v(e,n,l,(e,n,o)=>x(e,t,n=>{if(n)return o(n);x(e.index(f),t,e=>o(e||null))}))}(this._db,t))}async getPreferredSkinTone(){return await this.ready(),await P(this._db,o,u)||0}async setPreferredSkinTone(e){return t(e),await this.ready(),n=this._db,i=u,r=e,v(n,o,m,(e,t)=>{e.put(r,i),$(t)});var n,i,r}async incrementFavoriteEmojiCount(t){return e(t),await this.ready(),n=this._db,o=t,v(n,i,m,(e,t)=>x(e,o,n=>{e.put((n||0)+1,o),$(t)}));var n,o}async getTopFavoriteEmoji(e){return t(e),await this.ready(),(await function(e,t,o){return 0===o?[]:v(e,[i,n],l,([e,n],i,r)=>{const s=[];e.index(a).openCursor(void 0,"prev").onsuccess=e=>{const i=e.target.result;if(!i)return r(s);function a(e){if(s.push(e),s.length===o)return r(s);i.continue()}const c=i.primaryKey,d=t.byName(c);if(d)return a(d);x(n,c,e=>{if(e)return a(e);i.continue()})}})}(this._db,this._custom,e)).map(B)}set customEmoji(e){this._custom=A(e)}get customEmoji(){return this._custom.all}async _shutdown(){await this.ready();try{await this._lazyUpdate}catch(e){}}_clear(){this._db=this._ready=this._lazyUpdate=void 0}async close(){await this._shutdown(),await w(this._dbName)}async delete(){var e;await this._shutdown(),await(e=this._dbName,new Promise((t,n)=>{w(e),y(t,n,indexedDB.deleteDatabase(e))}))}}const R=[[-1,"✨","custom"],[0,"😀","smileys-emotion"],[1,"👋","people-body"],[3,"🐱","animals-nature"],[4,"🍎","food-drink"],[5,"🏠️","travel-places"],[6,"⚽","activities"],[7,"📝","objects"],[8,"⛔️","symbols"],[9,"🏁","flags"]].map(([e,t,n])=>({id:e,emoji:t,name:n})),K=R.slice(1),H="function"==typeof requestIdleCallback?requestIdleCallback:setTimeout;function q(e){return e.unicode.includes("‍")}const X={"🫪":17,"🫩":16,"🫨":15.1,"🫠":14,"🥲":13.1,"🥻":12.1,"🥰":11,"🤩":5,"👱‍♀️":4,"🤣":3,"👁️‍🗨️":2,"😀":1,"😐️":.7,"😃":.6},J=["😊","😒","❤️","👍️","😍","😂","😭","☺️","😔","😩","😏","💕","🙌","😘"],Q='"Twemoji Mozilla","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji","EmojiOne Color","Android Emoji",sans-serif',Y=(e,t)=>e<t?-1:e>t?1:0,Z=(e,t)=>{const n=document.createElement("canvas");n.width=n.height=1;const o=n.getContext("2d",{willReadFrequently:!0});return o.textBaseline="top",o.font=`100px ${Q}`,o.fillStyle=t,o.scale(.01,.01),o.fillText(e,0,0),o.getImageData(0,0,1,1).data};function ee(e){const t=Z(e,"#000"),n=Z(e,"#fff");return t&&n&&((e,t)=>{const n=[...e].join(",");return n===[...t].join(",")&&!n.startsWith("0,0,0,")})(t,n)}let te;const ne=()=>(te||(te=new Promise(e=>H(()=>e(function(){const e=Object.entries(X);try{for(const[t,n]of e)if(ee(t))return n}catch(e){}return e[0][1]}())))),te),oe=new Map;function ie(e){e.preventDefault(),e.stopPropagation()}function re(e,t,n){return(t+=e?-1:1)<0?t=n.length-1:t>=n.length&&(t=0),t}function ae(e,t){const n=new Set,o=[];for(const i of e){const e=t(i);n.has(e)||(n.add(e),o.push(i))}return o}const se=requestAnimationFrame;let ce="function"==typeof ResizeObserver;function de(e){{const t=document.createRange();return t.selectNode(e.firstChild),t.getBoundingClientRect().width}}let ue,le;function me(e,t,n){const o=de(t);if(!o){if(!le){le=n.cloneNode(!0);const e=getComputedStyle(n);for(const t of["font-family","line-height","width","height","font-size","display","align-items","justify-content"])le.style.setProperty(t,e.getPropertyValue(t),"important")}try{return document.body.appendChild(le),le.firstChild.nodeValue=e,de(le)}finally{le.remove()}}return o}function fe(e,t,n){let o=e.get(t);return o||(o=n(),e.set(t,o)),o}function he(e){return""+e}const pe=new WeakMap,ge=new WeakMap,be=Symbol("un-keyed"),ye="replaceChildren"in Element.prototype;function ke(e,t){const{targetNode:n}=t;let{targetParentNode:o}=t,i=!1;o?i=function(e,t){let n=e.firstChild,o=0;for(;n;){if(t[o]!==n)return!0;n=n.nextSibling,o++}return o!==t.length}(o,e):(i=!0,t.targetNode=void 0,t.targetParentNode=o=n.parentNode),i&&function(e,t){ye?e.replaceChildren(...t):(e.innerHTML="",e.append(...t))}(o,e)}function ve(e){let t="",n=!1,o=!1,i=-1;const r=new Map,a=[];let s=0;for(let c=0,d=e.length;c<d;c++){const u=e[c];if(t+=u.slice(s),c===d-1)break;for(let e=0;e<u.length;e++){switch(u.charAt(e)){case"<":"/"===u.charAt(e+1)?a.pop():(n=!0,a.push(++i));break;case">":n=!1,o=!1;break;case"=":o=!0}}const l=fe(r,a[a.length-1],()=>[]);let m,f,h;if(o){const n=/(\S+)="?([^"=]*)$/.exec(u);m=n[1],f=n[2];const o=/^([^">]*)("?)/.exec(e[c+1]);h=o[1],t=t.slice(0,-1*n[0].length),s=o[0].length}else s=0;const p={attributeName:m,attributeValuePre:f,attributeValuePost:h,expressionIndex:c};l.push(p),n||o||(t+=" ")}const c=function(e){const t=document.createElement("template");return t.innerHTML=e,t}(t);return{template:c,elementsToBindings:r}}function we(e,t,n){for(let o=0;o<e.length;o++){const i=e[o],r={binding:i,targetNode:i.attributeName?t:t.firstChild,targetParentNode:void 0,currentExpression:void 0};n.push(r)}}function je(e){const{template:t,elementsToBindings:n}=fe(pe,e,()=>ve(e)),o=t.cloneNode(!0).content.firstElementChild,i=function(e,t){const n=[];let o;if(1===t.size&&(o=t.get(0)))we(o,e,n);else{const o=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT);let i=e,r=-1;do{const e=t.get(++r);e&&we(e,i,n)}while(i=o.nextNode())}return n}(o,n);return function(e){return function(e,t){for(const n of t){const{targetNode:t,currentExpression:o,binding:{expressionIndex:i,attributeName:r,attributeValuePre:a,attributeValuePost:s}}=n,c=e[i];if(o!==c)if(n.currentExpression=c,r)if(null===c)t.removeAttribute(r);else{const e=a+he(c)+s;t.setAttribute(r,e)}else{let e;Array.isArray(c)?ke(c,n):c instanceof Element?(e=c,t.replaceWith(e)):t.nodeValue=he(c),e&&(n.targetNode=e)}}}(e,i),o}}function Ee(e,t,n,o,i,r,a,s,c){const{labelWithSkin:d,titleForEmoji:u,unicodeWithSkin:l}=n,{html:m,map:f}=function(e){const t=fe(ge,e,()=>new Map);let n=be;return{map:function(e,t,o){return e.map((e,i)=>{const r=n;n=o(e);try{return t(e,i)}finally{n=r}})},html:function(e,...o){const i=fe(t,e,()=>new Map);return fe(i,n,()=>je(e))(o)}}}(t);function h(e,n,o){return f(e,(e,i)=>m`<button role="${n?"option":"menuitem"}" aria-selected="${n?i===t.activeSearchItem:null}" aria-label="${d(e,t.currentSkinTone)}" title="${u(e)}" class="${"emoji"+(n&&i===t.activeSearchItem?" active":"")+(e.unicode?"":" custom-emoji")}" id="${`${o}-${e.id}`}" style="${e.unicode?null:`--custom-emoji-background: url(${JSON.stringify(e.url)})`}">${e.unicode?l(e,t.currentSkinTone):""}</button>`,e=>`${o}-${e.id}`)}const p=m`<section data-ref="rootElement" class="picker" aria-label="${t.i18n.regionLabel}" style="${t.pickerStyle||""}"><div class="pad-top"></div><div class="search-row"><div class="search-wrapper"><input id="search" class="search" type="search" role="combobox" enterkeyhint="search" placeholder="${t.i18n.searchLabel}" autocapitalize="none" autocomplete="off" spellcheck="true" aria-expanded="${!(!t.searchMode||!t.currentEmojis.length)}" aria-controls="search-results" aria-describedby="search-description" aria-autocomplete="list" aria-activedescendant="${t.activeSearchItemId?`emo-${t.activeSearchItemId}`:null}" data-ref="searchElement" data-on-input="onSearchInput" data-on-keydown="onSearchKeydown"><label class="sr-only" for="search">${t.i18n.searchLabel}</label> <span id="search-description" class="sr-only">${t.i18n.searchDescription}</span></div><div class="skintone-button-wrapper ${t.skinTonePickerExpandedAfterAnimation?"expanded":""}"><button id="skintone-button" class="emoji ${t.skinTonePickerExpanded?"hide-focus":""}" aria-label="${t.skinToneButtonLabel}" title="${t.skinToneButtonLabel}" aria-describedby="skintone-description" aria-haspopup="listbox" aria-expanded="${t.skinTonePickerExpanded}" aria-controls="skintone-list" data-on-click="onClickSkinToneButton">${t.skinToneButtonText||""}</button></div><span id="skintone-description" class="sr-only">${t.i18n.skinToneDescription}</span><div data-ref="skinToneDropdown" id="skintone-list" class="skintone-list hide-focus ${t.skinTonePickerExpanded?"":"hidden no-animate"}" style="transform:translateY(${t.skinTonePickerExpanded?0:"calc(-1 * var(--num-skintones) * var(--total-emoji-size))"})" role="listbox" aria-label="${t.i18n.skinTonesLabel}" aria-activedescendant="skintone-${t.activeSkinTone}" aria-hidden="${!t.skinTonePickerExpanded}" tabIndex="-1" data-on-focusout="onSkinToneOptionsFocusOut" data-on-click="onSkinToneOptionsClick" data-on-keydown="onSkinToneOptionsKeydown" data-on-keyup="onSkinToneOptionsKeyup">${f(t.skinTones,(e,n)=>m`<div id="skintone-${n}" class="emoji ${n===t.activeSkinTone?"active":""}" aria-selected="${n===t.activeSkinTone}" role="option" title="${t.i18n.skinTones[n]}" aria-label="${t.i18n.skinTones[n]}">${e}</div>`,e=>e)}</div></div><div class="nav" role="tablist" style="grid-template-columns:repeat(${t.groups.length},1fr)" aria-label="${t.i18n.categoriesLabel}" data-on-keydown="onNavKeydown" data-on-click="onNavClick">${f(t.groups,e=>m`<button role="tab" class="nav-button" aria-controls="tab-${e.id}" aria-label="${t.i18n.categories[e.name]}" aria-selected="${!t.searchMode&&t.currentGroup.id===e.id}" title="${t.i18n.categories[e.name]}" data-group-id="${e.id}"><div class="nav-emoji emoji">${e.emoji}</div></button>`,e=>e.id)}</div><div class="indicator-wrapper"><div class="indicator" style="transform:translateX(${(t.isRtl?-1:1)*t.currentGroupIndex*100}%)"></div></div><div class="message ${t.message?"":"gone"}" role="alert" aria-live="polite">${t.message||""}</div><div data-ref="tabpanelElement" class="tabpanel ${!t.databaseLoaded||t.message?"gone":""}" role="${t.searchMode?"region":"tabpanel"}" aria-label="${t.searchMode?t.i18n.searchResultsLabel:t.i18n.categories[t.currentGroup.name]}" id="${t.searchMode?null:`tab-${t.currentGroup.id}`}" tabIndex="0" data-on-click="onEmojiClick"><div data-action="calculateEmojiGridStyle">${f(t.currentEmojisWithCategories,(e,n)=>m`<div><div id="menu-label-${n}" class="category ${1===t.currentEmojisWithCategories.length&&""===t.currentEmojisWithCategories[0].category?"gone":""}" aria-hidden="true">${t.searchMode?t.i18n.searchResultsLabel:e.category?e.category:t.currentEmojisWithCategories.length>1?t.i18n.categories.custom:t.i18n.categories[t.currentGroup.name]}</div><div class="emoji-menu ${0===n||t.searchMode||-1!==t.currentGroup.id?"":"visibility-auto"}" style="${`--num-rows: ${Math.ceil(e.emojis.length/t.numColumns)}`}" data-action="updateOnIntersection" role="${t.searchMode?"listbox":"menu"}" aria-labelledby="menu-label-${n}" id="${t.searchMode?"search-results":null}">${h(e.emojis,t.searchMode,"emo")}</div></div>`,e=>e.category)}</div></div><div class="favorites onscreen emoji-menu ${t.message?"gone":""}" role="menu" aria-label="${t.i18n.favoritesLabel}" data-on-click="onEmojiClick">${h(t.currentFavorites,!1,"fav")}</div><button data-ref="baselineEmoji" aria-hidden="true" tabindex="-1" class="abs-pos hidden emoji baseline-emoji">😀</button></section>`,g=(t,n)=>{for(const o of e.querySelectorAll(`[${t}]`))n(o,o.getAttribute(t))};if(c){e.appendChild(p);for(const e of["click","focusout","input","keydown","keyup"])g(`data-on-${e}`,(t,n)=>{t.addEventListener(e,o[n])});g("data-ref",(e,t)=>{r[t]=e}),a.addEventListener("abort",()=>{e.removeChild(p)})}g("data-action",(e,t)=>{let n=s.get(t);n||s.set(t,n=new WeakSet),n.has(e)||(n.add(e),i[t](e))})}const Se="function"==typeof queueMicrotask?queueMicrotask:e=>Promise.resolve().then(e);function Te(e,t,n){if(e.length!==t.length)return!1;for(let o=0;o<e.length;o++)if(!n(e[o],t[o]))return!1;return!0}const xe=new WeakMap;const Ce=[],{assign:$e}=Object;function _e(e,t){const n={},o=new AbortController,i=o.signal,{state:r,createEffect:a}=function(e){let t,n=!1;const o=new Map,i=new Set;let r;const a=()=>{if(n)return;const e=[...i];i.clear();try{for(const t of e)t()}finally{r=!1,i.size&&(r=!0,Se(a))}},s=new Proxy({},{get(e,n){if(t){let e=o.get(n);e||(e=new Set,o.set(n,e)),e.add(t)}return e[n]},set(e,t,n){if(e[t]!==n){e[t]=n;const s=o.get(t);if(s){for(const e of s)i.add(e);r||(r=!0,Se(a))}}return!0}});return e.addEventListener("abort",()=>{n=!0}),{state:s,createEffect:e=>{const n=()=>{const o=t;t=n;try{return e()}finally{t=o}};return n()}}}(i),s=new Map;$e(r,{skinToneEmoji:void 0,i18n:void 0,database:void 0,customEmoji:void 0,customCategorySorting:void 0,emojiVersion:void 0}),$e(r,t),$e(r,{initialLoad:!0,currentEmojis:[],currentEmojisWithCategories:[],rawSearchText:"",searchText:"",searchMode:!1,activeSearchItem:-1,message:void 0,skinTonePickerExpanded:!1,skinTonePickerExpandedAfterAnimation:!1,currentSkinTone:0,activeSkinTone:0,skinToneButtonText:void 0,pickerStyle:void 0,skinToneButtonLabel:"",skinTones:[],currentFavorites:[],defaultFavoriteEmojis:void 0,numColumns:8,isRtl:!1,currentGroupIndex:0,groups:K,databaseLoaded:!1,activeSearchItemId:void 0}),a(()=>{r.currentGroup!==r.groups[r.currentGroupIndex]&&(r.currentGroup=r.groups[r.currentGroupIndex])});const c=t=>{e.getElementById(t).focus()},d=t=>e.getElementById(`emo-${t.id}`),u=(e,t)=>{n.rootElement.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))},l=(e,t)=>e.id===t.id,m=(e,t)=>{const{category:n,emojis:o}=e,{category:i,emojis:r}=t;return n===i&&Te(o,r,l)},f=e=>{Te(r.currentEmojis,e,l)||(r.currentEmojis=e)},h=e=>{r.searchMode!==e&&(r.searchMode=e)},p=(e,t)=>t&&e.skins&&e.skins[t]||e.unicode,g={labelWithSkin:(e,t)=>{return(n=[e.name||p(e,t),e.annotation,...e.shortcodes||Ce].filter(Boolean),ae(n,e=>e)).join(", ");var n},titleForEmoji:e=>e.annotation||(e.shortcodes||Ce).join(", "),unicodeWithSkin:p},b={onClickSkinToneButton:function(e){r.skinTonePickerExpanded=!r.skinTonePickerExpanded,r.activeSkinTone=r.currentSkinTone,r.skinTonePickerExpanded&&(ie(e),se(()=>c("skintone-list")))},onEmojiClick:function(e){const{target:t}=e;if(!t.classList.contains("emoji"))return;ie(e);T(t.id.substring(4))},onNavClick:function(e){const{target:t}=e,o=t.closest(".nav-button");if(!o)return;const i=parseInt(o.dataset.groupId,10);n.searchElement.value="",r.rawSearchText="",r.searchText="",r.activeSearchItem=-1,r.currentGroupIndex=r.groups.findIndex(e=>e.id===i)},onNavKeydown:function(e){const{target:t,key:n}=e,o=t=>{t&&(ie(e),t.focus())};switch(n){case"ArrowLeft":return o(t.previousElementSibling);case"ArrowRight":return o(t.nextElementSibling);case"Home":return o(t.parentElement.firstElementChild);case"End":return o(t.parentElement.lastElementChild)}},onSearchKeydown:function(e){if(!r.searchMode||!r.currentEmojis.length)return;const t=t=>{ie(e),r.activeSearchItem=re(t,r.activeSearchItem,r.currentEmojis)};switch(e.key){case"ArrowDown":return t(!1);case"ArrowUp":return t(!0);case"Enter":if(-1!==r.activeSearchItem)return ie(e),T(r.currentEmojis[r.activeSearchItem].id);r.activeSearchItem=0}},onSkinToneOptionsClick:function(e){const{target:{id:t}}=e,n=t&&t.match(/^skintone-(\d)/);if(!n)return;ie(e);x(parseInt(n[1],10))},onSkinToneOptionsFocusOut:async function(e){const{relatedTarget:t}=e;t&&"skintone-list"===t.id||(r.skinTonePickerExpanded=!1)},onSkinToneOptionsKeydown:function(e){if(!r.skinTonePickerExpanded)return;const t=async t=>{ie(e),r.activeSkinTone=t};switch(e.key){case"ArrowUp":return t(re(!0,r.activeSkinTone,r.skinTones));case"ArrowDown":return t(re(!1,r.activeSkinTone,r.skinTones));case"Home":return t(0);case"End":return t(r.skinTones.length-1);case"Enter":return ie(e),x(r.activeSkinTone);case"Escape":return ie(e),r.skinTonePickerExpanded=!1,c("skintone-button")}},onSkinToneOptionsKeyup:function(e){if(!r.skinTonePickerExpanded)return;if(" "===e.key)return ie(e),x(r.activeSkinTone)},onSearchInput:function(e){r.rawSearchText=e.target.value}},y={calculateEmojiGridStyle:function(e){!function(e,t,n){let o;ce?(o=new ResizeObserver(n),o.observe(e)):se(n),t.addEventListener("abort",()=>{o&&o.disconnect()})}(e,i,()=>{{const e=getComputedStyle(n.rootElement),t=parseInt(e.getPropertyValue("--num-columns"),10),o="rtl"===e.getPropertyValue("direction");r.numColumns=t,r.isRtl=o}})},updateOnIntersection:function(e){!function(e,t,n){{const o=e.closest(".tabpanel");let i=xe.get(o);i||(i=new IntersectionObserver(n,{root:o,rootMargin:"50% 0px 50% 0px",threshold:0}),xe.set(o,i),t.addEventListener("abort",()=>{i.disconnect()})),i.observe(e)}}(e,i,e=>{for(const{target:t,isIntersecting:n}of e)t.classList.toggle("onscreen",n)})}};let k=!0;function v(){const{customEmoji:e,database:t}=r,n=e||Ce;t.customEmoji!==n&&(t.customEmoji=n)}a(()=>{Ee(e,r,g,b,y,n,i,s,k),k=!1}),r.emojiVersion||ne().then(e=>{e||(r.message=r.i18n.emojiUnsupportedMessage)}),a(()=>{r.database&&async function(){let e=!1;const t=setTimeout(()=>{e=!0,r.message=r.i18n.loadingMessage},1e3);try{await r.database.ready(),r.databaseLoaded=!0}catch(e){console.error(e),r.message=r.i18n.networkErrorMessage}finally{clearTimeout(t),e&&(e=!1,r.message="")}}()}),a(()=>{r.pickerStyle=`\n      --num-groups: ${r.groups.length}; \n      --indicator-opacity: ${r.searchMode?0:1}; \n      --num-skintones: 6;`}),a(()=>{r.customEmoji&&r.database&&v()}),a(()=>{r.customEmoji&&r.customEmoji.length?r.groups!==R&&(r.groups=R):r.groups!==K&&(r.currentGroupIndex&&r.currentGroupIndex--,r.groups=K)}),a(()=>{!async function(){r.databaseLoaded&&(r.currentSkinTone=await r.database.getPreferredSkinTone())}()}),a(()=>{r.skinTones=Array(6).fill().map((e,t)=>function(e,t){if(0===t)return e;const n=e.indexOf("‍");return-1!==n?e.substring(0,n)+String.fromCodePoint(127995+t-1)+e.substring(n):(e.endsWith("️")&&(e=e.substring(0,e.length-1)),e+"\ud83c"+String.fromCodePoint(57339+t-1))}(r.skinToneEmoji,t))}),a(()=>{r.skinToneButtonText=r.skinTones[r.currentSkinTone]}),a(()=>{r.skinToneButtonLabel=r.i18n.skinToneLabel.replace("{skinTone}",r.i18n.skinTones[r.currentSkinTone])}),a(()=>{r.databaseLoaded&&async function(){const{database:e}=r,t=(await Promise.all(J.map(t=>e.getEmojiByUnicodeOrName(t)))).filter(Boolean);r.defaultFavoriteEmojis=t}()}),a(()=>{r.databaseLoaded&&r.defaultFavoriteEmojis&&async function(){v();const{database:e,defaultFavoriteEmojis:t,numColumns:n}=r,o=await e.getTopFavoriteEmoji(n),i=await S(ae([...o,...t],e=>e.unicode||e.name).slice(0,n));r.currentFavorites=i}()}),a(()=>{!async function(){const{searchText:e,currentGroup:t,databaseLoaded:n,customEmoji:o}=r;if(n)if(e.length>=2){const t=await async function(e){return S(await E(await r.database.getEmojiBySearchQuery(e)))}(e);r.searchText===e&&(f(t),h(!0))}else{const{id:e}=t;if(-1!==e||o&&o.length){const t=await async function(e){const t=-1===e?r.customEmoji:await r.database.getEmojiByGroup(e);return S(await E(t))}(e);r.currentGroup.id===e&&(f(t),h(!1))}}else r.currentEmojis=[],r.searchMode=!1}()});const w=()=>{se(()=>{var e;(e=n.tabpanelElement)&&(e.scrollTop=0)})};function j(e){return!e.unicode||!q(e)||oe.get(e.unicode)}async function E(e){const t=r.emojiVersion||await ne();return e.filter(({version:e})=>!e||e<=t)}async function S(e){return function(e,t){const n=e=>{const n={};for(const o of e)"number"==typeof o.tone&&o.version<=t&&(n[o.tone]=o.unicode);return n};return e.map(({unicode:e,skins:t,shortcodes:o,url:i,name:r,category:a,annotation:s})=>({unicode:e,name:r,shortcodes:o,url:i,category:a,annotation:s,id:e||r,skins:t&&n(t)}))}(e,r.emojiVersion||await ne())}async function T(e){const t=async function(e){const t=await r.database.getEmojiByUnicodeOrName(e),n=[...r.currentEmojis,...r.currentFavorites].find(t=>t.id===e),o=n.unicode&&p(n,r.currentSkinTone);return await r.database.incrementFavoriteEmojiCount(e),{emoji:t,skinTone:r.currentSkinTone,...o&&{unicode:o},...n.name&&{name:n.name}}}(e);u("emoji-click-sync",t),u("emoji-click",await t)}function x(e){r.currentSkinTone=e,r.skinTonePickerExpanded=!1,c("skintone-button"),u("skin-tone-change",{skinTone:e}),r.database.setPreferredSkinTone(e)}return a(()=>{const{currentEmojis:e,emojiVersion:t}=r,o=e.filter(e=>e.unicode).filter(e=>q(e)&&!oe.has(e.unicode));if(!t&&o.length)f(e),se(()=>function(e){const t=function(e,t,n){let o=!0;for(const i of e){const e=n(i);if(!e)continue;void 0===ue&&(ue=me("😀",t,t));const r=me(i.unicode,e,t)/1.8<ue;oe.set(i.unicode,r),r||(o=!1)}return o}(e,n.baselineEmoji,d);t?w():r.currentEmojis=[...r.currentEmojis]}(o));else{const n=t?e:e.filter(j);f(n),w()}}),a(()=>{}),a(()=>{(e=>{Te(r.currentEmojisWithCategories,e,m)||(r.currentEmojisWithCategories=e)})(function(){const{searchMode:e,currentEmojis:t}=r;if(e)return[{category:"",emojis:t}];const n=new Map;for(const e of t){const t=e.category||"";let o=n.get(t);o||(o=[],n.set(t,o)),o.push(e)}return[...n.entries()].map(([e,t])=>({category:e,emojis:t})).sort((e,t)=>r.customCategorySorting(e.category,t.category))}())}),a(()=>{r.activeSearchItemId=-1!==r.activeSearchItem&&r.currentEmojis[r.activeSearchItem].id}),a(()=>{const{rawSearchText:e}=r;H(()=>{r.searchText=(e||"").trim(),r.activeSearchItem=-1})}),a(()=>{r.skinTonePickerExpanded?n.skinToneDropdown.addEventListener("transitionend",()=>{r.skinTonePickerExpandedAfterAnimation=!0},{once:!0}):r.skinTonePickerExpandedAfterAnimation=!1}),{$set(e){$e(r,e)},$destroy(){o.abort()}}}var Le={categoriesLabel:"Categories",emojiUnsupportedMessage:"Your browser does not support color emoji.",favoritesLabel:"Favorites",loadingMessage:"Loading…",networkErrorMessage:"Could not load emoji.",regionLabel:"Emoji picker",searchDescription:"When search results are available, press up or down to select and enter to choose.",searchLabel:"Search",searchResultsLabel:"Search results",skinToneDescription:"When expanded, press up or down to select and enter to choose.",skinToneLabel:"Choose a skin tone (currently {skinTone})",skinTonesLabel:"Skin tones",skinTones:["Default","Light","Medium-Light","Medium","Medium-Dark","Dark"],categories:{custom:"Custom","smileys-emotion":"Smileys and emoticons","people-body":"People and body","animals-nature":"Animals and nature","food-drink":"Food and drink","travel-places":"Travel and places",activities:"Activities",objects:"Objects",symbols:"Symbols",flags:"Flags"}};const Ie=["customEmoji","customCategorySorting","database","dataSource","i18n","locale","skinToneEmoji","emojiVersion"],ze=`:host{--emoji-font-family:${Q}}`;class Pe extends HTMLElement{constructor(e){super(),this.attachShadow({mode:"open"});const t=document.createElement("style");t.textContent=':host{--emoji-size:1.375rem;--emoji-padding:0.5rem;--category-emoji-size:var(--emoji-size);--category-emoji-padding:var(--emoji-padding);--indicator-height:3px;--input-border-radius:0.5rem;--input-border-size:1px;--input-font-size:1rem;--input-line-height:1.5;--input-padding:0.25rem;--num-columns:8;--outline-size:2px;--border-size:1px;--border-radius:0;--skintone-border-radius:1rem;--category-font-size:1rem;display:flex;width:min-content;height:400px}:host,:host(.light){color-scheme:light;--background:#fff;--border-color:#e0e0e0;--indicator-color:#385ac1;--input-border-color:#999;--input-font-color:#111;--input-placeholder-color:#999;--outline-color:#999;--category-font-color:#111;--button-active-background:#e6e6e6;--button-hover-background:#d9d9d9}:host(.dark){color-scheme:dark;--background:#222;--border-color:#444;--indicator-color:#5373ec;--input-border-color:#ccc;--input-font-color:#efefef;--input-placeholder-color:#ccc;--outline-color:#fff;--category-font-color:#efefef;--button-active-background:#555555;--button-hover-background:#484848}@media (prefers-color-scheme:dark){:host{color-scheme:dark;--background:#222;--border-color:#444;--indicator-color:#5373ec;--input-border-color:#ccc;--input-font-color:#efefef;--input-placeholder-color:#ccc;--outline-color:#fff;--category-font-color:#efefef;--button-active-background:#555555;--button-hover-background:#484848}}:host([hidden]){display:none}button{margin:0;padding:0;border:0;background:0 0;box-shadow:none;-webkit-tap-highlight-color:transparent}button::-moz-focus-inner{border:0}input{padding:0;margin:0;line-height:1.15;font-family:inherit}input[type=search]{-webkit-appearance:none}:focus{outline:var(--outline-color) solid var(--outline-size);outline-offset:calc(-1*var(--outline-size))}:host([data-js-focus-visible]) :focus:not([data-focus-visible-added]){outline:0}:focus:not(:focus-visible){outline:0}.hide-focus{outline:0}*{box-sizing:border-box}.picker{contain:content;display:flex;flex-direction:column;background:var(--background);border:var(--border-size) solid var(--border-color);border-radius:var(--border-radius);width:100%;height:100%;overflow:hidden;--total-emoji-size:calc(var(--emoji-size) + (2 * var(--emoji-padding)));--total-category-emoji-size:calc(var(--category-emoji-size) + (2 * var(--category-emoji-padding)))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.hidden{opacity:0;pointer-events:none}.abs-pos{position:absolute;left:0;top:0}.gone{display:none!important}.skintone-button-wrapper,.skintone-list{background:var(--background);z-index:3}.skintone-button-wrapper.expanded{z-index:1}.skintone-list{position:absolute;inset-inline-end:0;top:0;z-index:2;overflow:visible;border-bottom:var(--border-size) solid var(--border-color);border-radius:0 0 var(--skintone-border-radius) var(--skintone-border-radius);will-change:transform;transition:transform .2s ease-in-out;transform-origin:center 0}@media (prefers-reduced-motion:reduce){.skintone-list{transition-duration:.001s}}@supports not (inset-inline-end:0){.skintone-list{right:0}}.skintone-list.no-animate{transition:none}.tabpanel{overflow-y:auto;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;will-change:transform;min-height:0;flex:1;contain:content}.emoji-menu{display:grid;grid-template-columns:repeat(var(--num-columns),var(--total-emoji-size));justify-content:space-around;align-items:flex-start;width:100%}.emoji-menu.visibility-auto{content-visibility:auto;contain-intrinsic-size:calc(var(--num-columns)*var(--total-emoji-size)) calc(var(--num-rows)*var(--total-emoji-size))}.category{padding:var(--emoji-padding);font-size:var(--category-font-size);color:var(--category-font-color)}.emoji,button.emoji{font-size:var(--emoji-size);display:flex;align-items:center;justify-content:center;border-radius:100%;height:var(--total-emoji-size);width:var(--total-emoji-size);line-height:1;overflow:hidden;font-family:var(--emoji-font-family);cursor:pointer}@media (hover:hover) and (pointer:fine){.emoji:hover,button.emoji:hover{background:var(--button-hover-background)}}.emoji.active,.emoji:active,button.emoji.active,button.emoji:active{background:var(--button-active-background)}.onscreen .custom-emoji::after{content:"";width:var(--emoji-size);height:var(--emoji-size);background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:var(--custom-emoji-background)}.nav,.nav-button{align-items:center}.nav{display:grid;justify-content:space-between;contain:content}.nav-button{display:flex;justify-content:center}.nav-emoji{font-size:var(--category-emoji-size);width:var(--total-category-emoji-size);height:var(--total-category-emoji-size)}.indicator-wrapper{display:flex;border-bottom:1px solid var(--border-color)}.indicator{width:calc(100%/var(--num-groups));height:var(--indicator-height);opacity:var(--indicator-opacity);background-color:var(--indicator-color);will-change:transform,opacity;transition:opacity .1s linear,transform .25s ease-in-out}@media (prefers-reduced-motion:reduce){.indicator{will-change:opacity;transition:opacity .1s linear}}.pad-top,input.search{background:var(--background);width:100%}.pad-top{height:var(--emoji-padding);z-index:3}.search-row{display:flex;align-items:center;position:relative;padding-inline-start:var(--emoji-padding);padding-bottom:var(--emoji-padding)}.search-wrapper{flex:1;min-width:0}input.search{padding:var(--input-padding);border-radius:var(--input-border-radius);border:var(--input-border-size) solid var(--input-border-color);color:var(--input-font-color);font-size:var(--input-font-size);line-height:var(--input-line-height)}input.search::placeholder{color:var(--input-placeholder-color)}.favorites{overflow-y:auto;scrollbar-gutter:stable;display:flex;flex-direction:row;border-top:var(--border-size) solid var(--border-color);contain:content}.message{padding:var(--emoji-padding)}'+ze,this.shadowRoot.appendChild(t),this._ctx={locale:"en",dataSource:"https://cdn.jsdelivr.net/npm/emoji-picker-element-data@^1/en/emojibase/data.json",skinToneEmoji:"🖐️",customCategorySorting:Y,customEmoji:null,i18n:Le,emojiVersion:null,...e};for(const e of Ie)"database"!==e&&Object.prototype.hasOwnProperty.call(this,e)&&(this._ctx[e]=this[e],delete this[e]);this._dbFlush()}connectedCallback(){Ae(this),this._cmp||(this._cmp=_e(this.shadowRoot,this._ctx))}disconnectedCallback(){Ae(this),Se(()=>{if(!this.isConnected&&this._cmp){this._cmp.$destroy(),this._cmp=void 0;const{database:e}=this._ctx;e.close().catch(e=>console.error(e))}})}static get observedAttributes(){return["locale","data-source","skin-tone-emoji","emoji-version"]}attributeChangedCallback(e,t,n){this._set(e.replace(/-([a-z])/g,(e,t)=>t.toUpperCase()),"emoji-version"===e?parseFloat(n):n)}_set(e,t){this._ctx[e]=t,this._cmp&&this._cmp.$set({[e]:t}),["locale","dataSource"].includes(e)&&this._dbFlush()}_dbCreate(){const{locale:e,dataSource:t,database:n}=this._ctx;n&&n.locale===e&&n.dataSource===t||this._set("database",new G({locale:e,dataSource:t}))}_dbFlush(){Se(()=>this._dbCreate())}}const Me={};for(const e of Ie)Me[e]={get(){return"database"===e&&this._dbCreate(),this._ctx[e]},set(t){if("database"===e)throw new Error("database is read-only");this._set(e,t)}};function Ae(e){e instanceof Pe||Object.setPrototypeOf(e,customElements.get(e.tagName.toLowerCase()).prototype)}Object.defineProperties(Pe.prototype,Me),customElements.get("emoji-picker")||customElements.define("emoji-picker",Pe)}}]);

package/dist/8570.creaditor.bundle.js

@@ -0,0 +1,102 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8570],{28570(t,e,i){i.r(e),i.d(e,{AlignGroup:()=>p});var l,r,n,s,o,a,c=i(59088),h=i(36936),d=i(59929),u=i(49410);let p=(l=(0,u.MZ)({type:Number}),r=(0,u.MZ)({type:String}),(a=class extends d.WF{constructor(){super(),(0,c.A)(this,"value",s,this),(0,c.A)(this,"justify",o,this),this.onClick=this.onClick.bind(this),this.justify="center"}onClick(t){const e=t.target.closest("[data-align]");if(e){const t={detail:e.getAttribute("data-align"),bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("change",t))}}render(){return d.qy` <cdtr-row justify="${this.justify}">
+      <paper-button
+        class="${"flex-start"===this.value?"selected":null}"
+        @click=${this.onClick}
+        data-align="flex-start"
+      >
+        <cdtr-tooltip delay="100" content="top">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="28"
+            height="20"
+            viewBox="0 0 28 20"
+            fill="none"
+          >
+            <rect width="27" height="2" rx="1" fill="#C4C4C4" />
+            <rect x="6" y="4" width="15" height="4" rx="2" fill="black" />
+          </svg>
+        </cdtr-tooltip>
+      </paper-button>
+      <paper-button
+        class="${"center"===this.value?"selected":null}"
+        @click=${this.onClick}
+        data-align="center"
+      >
+        <cdtr-tooltip delay="100" content="center">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="27"
+            height="21"
+            viewBox="0 0 27 21"
+            fill="none"
+          >
+            <rect
+              x="27"
+              y="21"
+              width="27"
+              height="2"
+              rx="1"
+              transform="rotate(-180 27 21)"
+              fill="#C4C4C4"
+            />
+            <rect
+              x="27"
+              y="2"
+              width="27"
+              height="2"
+              rx="1"
+              transform="rotate(-180 27 2)"
+              fill="#C4C4C4"
+            />
+            <rect x="6.5" y="8.5" width="15" height="4" rx="2" fill="black" />
+          </svg>
+        </cdtr-tooltip>
+      </paper-button>
+      <paper-button
+        class="${"flex-end"===this.value?"selected":null}"
+        @click=${this.onClick}
+        data-align="flex-end"
+      >
+        <cdtr-tooltip delay="100" content="bottom">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="28"
+            height="20"
+            viewBox="0 0 28 20"
+            fill="none"
+          >
+            <rect
+              x="28"
+              y="20"
+              width="27"
+              height="2"
+              rx="1"
+              transform="rotate(-180 28 20)"
+              fill="#C4C4C4"
+            />
+            <rect
+              x="22"
+              y="16"
+              width="15"
+              height="4"
+              rx="2"
+              transform="rotate(-180 22 16)"
+              fill="black"
+            />
+          </svg>
+        </cdtr-tooltip>
+      </paper-button>
+    </cdtr-row>`}}).styles=d.AH`
+    :host {
+      direction: ltr;
+    }
+    paper-button {
+      min-width: auto;
+    }
+    rect[fill="black"] {
+      fill: var(--primary);
+    }
+    .selected {
+      background: #f1f3f5;
+    }
+  `,n=a,s=(0,h.A)(n.prototype,"value",[l],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),o=(0,h.A)(n.prototype,"justify",[r],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),n);customElements.define("cdtr-align-items-group",p)}}]);

package/dist/8646.creaditor.bundle.js

@@ -0,0 +1,122 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8646],{48646(e,t,i){i.r(t),i.d(t,{Drawer:()=>n});var o=i(59929),s=i(69600);class n extends o.WF{constructor(){super(),this.closeEvent=void 0,this.openEvent=void 0,this.backdropColor="transparent",this.width="600px",this.obKeyDown=this.obKeyDown.bind(this),this.closeEvent=new UIEvent("close",{view:window,bubbles:!0,cancelable:!0}),this.openEvent=new UIEvent("open",{view:window,bubbles:!0,cancelable:!0})}onClickOutside(e){let{target:t}=e;t.closest(".drawer")||t.closest("cdtr-drawer")||this.onClose()}onClose(){const e=this.shadowRoot.querySelector(".drawer");e&&e.classList.add("slide-out"),setTimeout(()=>{this.dispatchEvent(this.closeEvent),e&&e.classList.remove("slide-out"),this.opened=!1,this.requestUpdate()},200)}obKeyDown(e){"Escape"===e.key?this.onClose():"m"===e.key&&e.ctrlKey&&this.dispatchEvent(this.openEvent)}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.obKeyDown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.obKeyDown)}render(){return this.style.zIndex=(0,s.A)(),this.opened?o.qy`<div
+          @dragover=${e=>{e.preventDefault(),this.onClose()}}
+          @mousedown=${this.onClickOutside}
+          .style="background:${this.backdropColor};z-index:${(0,s.A)()};${this.backdropStyle};"
+          class="backdrop ${this.dim?"dim":"no-dim"}"
+        >
+          <div
+            @dragover=${e=>{e.preventDefault(),e.stopPropagation()}}
+            style="width:${this.width};z-index:${(0,s.A)()+1}"
+            class="drawer" role="navigation"
+          >
+            <div class="header">
+              <paper-button
+                @click=${this.onClose}
+                style="padding:6px;z-index:3;position:absolute;left:0;min-width:20px;"
+              >
+                <cdtr-close-icon class="close-icon" icon="close">
+                </cdtr-close-icon>
+              </paper-button>
+              <h1 class="header-text">
+                <lang-text text="${this.headerText}"></lang-text>
+              </h1>
+            </div>
+            <div class="body">
+              <slot></slot>
+            </div>
+          </div>
+        </div>`:null}}n.properties={portal:{type:Object},opened:{type:Boolean,reflect:!0},backdropColor:{type:String},width:{type:String},headerText:{type:String},backdropStyle:{},dim:{type:Boolean,reflect:!0}},n.styles=o.AH`
+    .backdrop {
+      width: 100vw;
+      height: 100vh;
+      background: transparent;
+      position: fixed;
+      left: 0;
+      top: 0;
+    }
+    .dim {
+      display: none !important;
+    }
+    .header-text {
+      margin: 12px;
+      font-size: 18px;
+      font-family: Arial;
+      text-align: right;
+      display: block;
+      width: 95%;
+      position: absolute;
+      top: 0;
+      left: 0;
+      direction: var(--direction-locale);
+    }
+    .drawer {
+      width: ${500}px;
+      height: 100vh;
+      background: #fff;
+      position: absolute;
+      right: 0;
+      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+      -webkit-animation: slide-in 0.5s forwards;
+      -webkit-animation-delay: 2s;
+      animation: slide-in 0.5s forwards;
+    }
+    .slide-out {
+      -webkit-animation: slide-out 0.5s forwards;
+      -webkit-animation-delay: 2s;
+      animation: slide-out 0.5s forwards;
+    }
+    .header {
+      min-height: 40px;
+      margin: 1px;
+      width: 100%;
+      padding: 4.4px 0;
+      box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
+        rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
+    }
+    .body {
+      width: 100%;
+      height: 100vh;
+      overflow: hidden;
+    }
+    .close-button {
+      cursor: pointer;
+    }
+    .close-button:hover {
+      -webkit-animation: rotate 0.5s forwards;
+      -webkit-animation-delay: 2s;
+      animation: rotate 0.5s forwards;
+    }
+    @keyframes rotate {
+      100% {
+        transform: rotate(180deg);
+      }
+    }
+    @-webkit-keyframes slide-in {
+      100% {
+        transform: rotate(180deg);
+      }
+    }
+    @keyframes slide-in {
+      0% {
+        opacity: 0;
+        right: -${500}px;
+      }
+      100% {
+        right: 0;
+      }
+    }
+    @-webkit-keyframes slide-out {
+      100% {
+        transform: rotate(180deg);
+      }
+    }
+    @keyframes slide-out {
+      0% {
+        opacity: 1;
+        right: 0;
+      }
+      100% {
+        right: -${500}px;
+      }
+    }
+  `,customElements.define("cdtr-drawer",n)}}]);

package/dist/8654.creaditor.bundle.js

@@ -0,0 +1,109 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8654],{98654(t,e,r){r.r(e),r.d(e,{BackgroundHandleBar:()=>i});var o=r(59929);class i extends o.WF{constructor(){super()}onRemove(){const t={detail:this.closest(this.target),bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("remove",t))}onClone(){const t={detail:this.closest(this.target),bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("clone",t))}render(){return o.qy`<cdtr-row
+      alignItems="center"
+      justify="space-evenly"
+      class="wrapper"
+    >
+      ${this.sectionCounter>1?o.qy` <cdtr-tooltip content="drag_section">
+            <paper-button class="section-handle--sortable">
+              <!-- TODO: if ok move the svg to component -->
+              <svg
+                width="30"
+                height="30"
+                viewBox="0 0 24 27"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <rect
+                  x="0.5"
+                  y="7.5"
+                  width="23"
+                  height="11"
+                  rx="0.5"
+                  fill="white"
+                  stroke="var(--primary)"
+                />
+                <rect
+                  x="2.58691"
+                  y="9.1001"
+                  width="11.5217"
+                  height="3"
+                  rx="0.5"
+                  fill="var(--primary)"
+                  stroke="var(--primary)"
+                />
+                <rect
+                  x="2.58691"
+                  y="13.8999"
+                  width="11.5217"
+                  height="3"
+                  rx="0.5"
+                  fill="var(--primary)"
+                  stroke="var(--primary)"
+                />
+                <rect
+                  x="16.1522"
+                  y="16.8999"
+                  width="7.8"
+                  height="5.26087"
+                  rx="0.5"
+                  transform="rotate(-90 16.1522 16.8999)"
+                  fill="var(--primary)"
+                  stroke="var(--primary)"
+                />
+                <path
+                  d="M12.5607 3.61923V5.7955C12.5607 6.01641 12.3816 6.1955 12.1607 6.1955H11.0282C10.8073 6.1955 10.6282 6.01641 10.6282 5.7955V3.61923C10.6282 3.39831 10.4491 3.21923 10.2282 3.21923H9.05457C8.68646 3.21923 8.51378 2.76398 8.78929 2.51985L11.362 0.240229C11.5159 0.103877 11.7481 0.106388 11.899 0.246037L14.3622 2.52566C14.6292 2.77281 14.4544 3.21923 14.0905 3.21923H12.9607C12.7398 3.21923 12.5607 3.39831 12.5607 3.61923Z"
+                  fill="black"
+                />
+                <path
+                  d="M10.5509 22.5763V20.4001C10.5509 20.1791 10.73 20.0001 10.9509 20.0001H12.0834C12.3043 20.0001 12.4834 20.1791 12.4834 20.4001V22.5763C12.4834 22.7972 12.6625 22.9763 12.8834 22.9763H14.057C14.4251 22.9763 14.5978 23.4316 14.3223 23.6757L11.7496 25.9553C11.5957 26.0917 11.3635 26.0892 11.2126 25.9495L8.7494 23.6699C8.48234 23.4227 8.65722 22.9763 9.02109 22.9763H10.1509C10.3718 22.9763 10.5509 22.7972 10.5509 22.5763Z"
+                  fill="black"
+                />
+              </svg>
+            </paper-button>
+          </cdtr-tooltip>`:null}
+
+      <cdtr-tooltip content="settings">
+        <paper-button>
+          <cdtr-setting-icon></cdtr-setting-icon>
+        </paper-button>
+      </cdtr-tooltip>
+      ${this.sectionCounter>1?o.qy` <cdtr-tooltip content="delete_section">
+            <paper-button @mouseup=${this.onRemove}>
+              <cdtr-remove-icon
+                width=${"20"}
+                height=${"20"}
+              ></cdtr-remove-icon>
+            </paper-button>
+          </cdtr-tooltip>`:null}
+    </cdtr-row>`}}i.properties={target:{type:String},sectionCounter:{type:Number}},i.styles=o.AH`
+    :host {
+      position: absolute;
+      top: 0;
+      right: 0;
+      height: fit-content;
+      background: transparent;
+      z-index: 110;
+      display: flex;
+      align-items: center;
+      width: 24px;
+    }
+
+    .wrapper {
+      top: 0;
+      right: 0;
+      padding: 5px;
+      height: 100%;
+      width: 25px;
+      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
+      transform: translate(70%, 0);
+      background: #fff;
+      border-radius: 0.2rem;
+      min-height: 90px;
+    }
+    paper-button {
+      padding: 0.2rem;
+      min-width: auto;
+      display: block;
+      margin: auto;
+    }
+  `,customElements.define("cdtr-background-handle-bar",i)}}]);

package/dist/8676.creaditor.bundle.js

@@ -0,0 +1,23 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[8676],{48676(t,i,e){e.r(i),e.d(i,{ListSettingsLineIcon:()=>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="M2 18h7v2H2v-2zm0-7h9v2H2v-2zm0-7h20v2H2V4zm18.674 9.025l1.156-.391 1 1.732-.916.805a4.017 4.017 0 0 1 0 1.658l.916.805-1 1.732-1.156-.391c-.41.37-.898.655-1.435.83L19 21h-2l-.24-1.196a3.996 3.996 0 0 1-1.434-.83l-1.156.392-1-1.732.916-.805a4.017 4.017 0 0 1 0-1.658l-.916-.805 1-1.732 1.156.391c.41-.37.898-.655 1.435-.83L17 11h2l.24 1.196c.536.174 1.024.46 1.434.83zM18 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+      />
+    </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-list-settings-icon",s)}}]);

package/dist/88.creaditor.bundle.js

@@ -0,0 +1 @@
+"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[88],{90088(e,t,n){n.d(t,{default:()=>b});const o=e=>{{const{component:t,commands:n,helpers:o}=e,s=t.parent("col");return{select:e=>{let{changeTab:t,tab:n}=e},tabs:e=>{const t=[{text:"design"},{text:"animations"},{text:"settings"}];return t.forEach(t=>t.selected=t.selected=t.text===e),t},layout:e=>{let{tab:r,changeTab:i,tabs:a}=e;const l=[{type:"input",title:"add_urlAddress_from_media_site",active:()=>"design"===r.text,value:t.props.url||"",onChange:e=>{let t=e.target.value;if(-1!==t.indexOf("youtube.com/shorts/")){const e=t.split("/");e.length>0&&(t=`https://youtu.be/${e[e.length-1]}`)}n.execCommand("url",t)}},{type:"divider",active:()=>"design"===r.text},{type:"fontSize",title:"size",min:10,active:()=>"design"===r.text,max:s?.element?.offsetWidth,value:parseInt(t.props.style.width),device:e=>{if("phone"===e.target.device){const n=t.props?.breakpoints?.sm?.style?.width||t.props.style.width;e.target.value=parseInt(n)}else e.target.value=parseInt(t.props.style.width)},onInput:e=>{const t=e.target.value;"phone"===e.target.device?n.execCommand("breakpoints",e=>{const n=e.props.breakpoints?.sm||{};return{sm:o.deepMerge(n,{style:{width:t+"px",height:e.props.isCircle?t+"px":"auto"}})}}):n.execCommand("style",e=>({width:t+"px",height:e.props.isCircle?t+"px":"auto"}))}},{type:"divider"},{type:"divider",active:()=>"design"===r.text}];return l}}}},s=()=>({set:(e,t,n)=>{if("y"===t)return e[t]=n,!0}});var r=n(72591),i=n.n(r),a=n(88639),l=n.n(a),d=n(88128),p=n.n(d),c=n(30855),u=n.n(c),h=n(93051),g=n.n(h),A=n(35907),m={};m.setAttributes=u(),m.insert=p().bind(null,"head"),m.domAPI=l(),m.insertStyleElement=g();i()(A.A,m);const C=A.A&&A.A.locals?A.A.locals:void 0,v="anchor";const b=function(){return{name:v,create:e=>{const{createElement:t,compose:n,helpers:r}=e,{arrayToString:i,mergeDiff:a}=r,l=document.createElement("div");l.innerHTML='<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M2.04938 11H7V13H4.06189C4.51314 16.6187 7.38128 19.4869 11 19.9381V9.87398C9.27477 9.42994 8 7.86384 8 6C8 3.79086 9.79086 2 12 2C14.2091 2 16 3.79086 16 6C16 7.86384 14.7252 9.42994 13 9.87398V19.9381C16.6187 19.4869 19.4869 16.6187 19.9381 13H17V11H21.9506C21.9833 11.3289 22 11.6625 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 11.6625 2.01672 11.3289 2.04938 11ZM12 8C13.1046 8 14 7.10457 14 6C14 4.89543 13.1046 4 12 4C10.8954 4 10 4.89543 10 6C10 7.10457 10.8954 8 12 8Z"></path></svg>',l.classList.add(C.root);return t({name:v,id:n.id,template:l,defaultProps:{},draggable:{group:"block",direction:"top,bottom"},droppable:{group:"block"},handleBar:!0,validator:s(),schema:n.schema,onSelect:e=>{},onDeselect:e=>{},elementProps:n,remove:()=>{l.remove()},createEditor:o})}}}},35907(e,t,n){n.d(t,{A:()=>a});var o=n(82001),s=n.n(o),r=n(40935),i=n.n(r)()(s());i.push([e.id,".aeBTxGErq3loA4iMaQkf {\n  position: relative;\n  width: 100%;\n  background-color: rgb(233, 233, 233);\n  height: 100%;\n  padding:10px;\n}\n.aeBTxGErq3loA4iMaQkf svg{\n  display: block;\n  margin: auto;\n}","",{version:3,sources:["webpack://./../web-editors/anchor-editor-component/lib/style.module.css"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,oCAAoC;EACpC,YAAY;EACZ,YAAY;AACd;AACA;EACE,cAAc;EACd,YAAY;AACd",sourcesContent:[".root {\n  position: relative;\n  width: 100%;\n  background-color: rgb(233, 233, 233);\n  height: 100%;\n  padding:10px;\n}\n.root svg{\n  display: block;\n  margin: auto;\n}"],sourceRoot:""}]),i.locals={root:"aeBTxGErq3loA4iMaQkf"};const a=i}}]);