smoothly 1.122.0 → 1.124.0

package/dist/components/{p-CsTmaH-Y.js → p-BOgkCDpz.js}

@@ -1,2 +1,2 @@
-import{p as o,H as s,h as m,d as t,t as e}from"./p-BsZrGTcp.js";import{d as a}from"./p-mmAi00ak.js";import{d as r}from"./p-Cl8L61mt.js";import{d as l}from"./p-CHjWijPI.js";import{d as i}from"./p-BE5E3Jm6.js";import{d}from"./p-CN3iME9d.js";import{d as c}from"./p-DG2pfnCV.js";import{d as f}from"./p-uFR5K4vd.js";import{d as p}from"./p-DvZK__s-.js";import{d as n}from"./p-F8qX8ZuL.js";import{d as y}from"./p-vvQg46ti.js";import{d as h}from"./p-Ch5M1RA7.js";import{d as b}from"./p-D5xdTtVs.js";import{d as u}from"./p-MduEqLch.js";import{d as k}from"./p-B3S9rR8a.js";import{d as j}from"./p-Bzg8bBIr.js";import{d as E}from"./p-EsCYK0HQ.js";import{d as g}from"./p-WvQaS_J6.js";import{d as C}from"./p-DWcI5nnM.js";import{d as v}from"./p-BI_XG1Oj.js";import{d as x}from"./p-U7a1lSmf.js";import{d as B}from"./p-C-5nbahV.js";import{d as M}from"./p-DFSiKg4M.js";import{d as D}from"./p-o8kM0Soe.js";import{d as S}from"./p-Dd9tz4Tj.js";import{d as V}from"./p-BX-sEZyq.js";import{d as Z}from"./p-CaQWZMN4.js";import{d as w}from"./p-CtVEKtM6.js";import{d as L}from"./p-KZeR_6LG.js";import{d as _}from"./p-BSHxNVcQ.js";import{d as F}from"./p-DLgeylX5.js";import{d as K}from"./p-gEWA_tZo.js";import{d as N}from"./p-MqffyRVU.js";import{d as Q}from"./p-wjlHVReJ.js";import{d as R}from"./p-4Xn3Nprv.js";import{d as X}from"./p-PwCtk_DY.js";import{d as q}from"./p-C22G-tNF.js";import{d as A}from"./p-BplZiuMF.js";import{d as G}from"./p-BLdivqFr.js";import{d as H}from"./p-CVdJ19AA.js";import{d as I}from"./p-DvOr53No.js";import{d as W}from"./p-Cs0CtSI2.js";import{d as J}from"./p-2Y5tLcQ1.js";import{d as O}from"./p-BsHachOX.js";const T=()=>`.sc-smoothly-form-demo-h{display:flex;margin-top:2em;margin-bottom:10em}.sc-smoothly-form-demo-h>div.sc-smoothly-form-demo{margin:auto;width:1200px;max-width:calc(100% - 0.5rem)}`;const Y=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}}render(){return m(t,{key:"e6b40ea5e535c8fd4fbbe65aa060d0ba061f5a3e"},m("div",{key:"848116c5bc43a4a5adb20ecf3f66a66b050e529c"},m("smoothly-form-demo-all",{key:"44179c77bfd53bfa4f347a465a3f4000d4d94b08"}),m("smoothly-form-demo-pet",{key:"356b17321dc0f11e63c8dd4846c4e1d91c7b6b5c"}),m("smoothly-form-demo-card",{key:"2584856236b89b5818551f8826056c0a14ab6356"}),m("smoothly-form-demo-login",{key:"dacc85e611dec4115fefc49f63463912b6718285"}),m("smoothly-form-demo-prices",{key:"500d6d4c056c79113b16bd0f67bfe0ab562cd8d8"}),m("smoothly-form-demo-typed",{key:"933cce32ed4668eb28140c0c01c8238cdf1526d2"}),m("smoothly-form-demo-transparent",{key:"2a39b5d64aaff4d53d703c9508df3de18d5a6ad6"}),m("smoothly-form-demo-date",{key:"fb0a6356529047d3bbbebd1b5980c2884be0cbb6"}),m("smoothly-form-demo-schedule",{key:"c7eb48895c714d436f04544af9519a93232f76d0"}),m("smoothly-form-demo-date-range",{key:"6370bf9ca0671705777b03e6b985361d06ee9d56"}),m("smoothly-form-demo-controlled",{key:"abf920dd124a8c43ce7818ba29bb1931a4b90910"})))}static get style(){return T()}},[2,"smoothly-form-demo"]);function z(){if(typeof customElements==="undefined"){return}const o=["smoothly-form-demo","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-form-demo-all","smoothly-form-demo-card","smoothly-form-demo-controlled","smoothly-form-demo-date","smoothly-form-demo-date-range","smoothly-form-demo-login","smoothly-form-demo-pet","smoothly-form-demo-prices","smoothly-form-demo-schedule","smoothly-form-demo-transparent","smoothly-form-demo-typed","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-edit","smoothly-input-file","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner","smoothly-tab","smoothly-tabs","smoothly-toggle-switch"];o.forEach((o=>{switch(o){case"smoothly-form-demo":if(!customElements.get(e(o))){customElements.define(e(o),Y)}break;case"smoothly-button":if(!customElements.get(e(o))){a()}break;case"smoothly-button-confirm":if(!customElements.get(e(o))){r()}break;case"smoothly-calendar":if(!customElements.get(e(o))){l()}break;case"smoothly-date-text":if(!customElements.get(e(o))){i()}break;case"smoothly-display":if(!customElements.get(e(o))){d()}break;case"smoothly-display-json":if(!customElements.get(e(o))){c()}break;case"smoothly-display-json-object":if(!customElements.get(e(o))){f()}break;case"smoothly-display-json-primitive":if(!customElements.get(e(o))){p()}break;case"smoothly-display-json-record-key":if(!customElements.get(e(o))){n()}break;case"smoothly-form":if(!customElements.get(e(o))){y()}break;case"smoothly-form-demo-all":if(!customElements.get(e(o))){h()}break;case"smoothly-form-demo-card":if(!customElements.get(e(o))){b()}break;case"smoothly-form-demo-controlled":if(!customElements.get(e(o))){u()}break;case"smoothly-form-demo-date":if(!customElements.get(e(o))){k()}break;case"smoothly-form-demo-date-range":if(!customElements.get(e(o))){j()}break;case"smoothly-form-demo-login":if(!customElements.get(e(o))){E()}break;case"smoothly-form-demo-pet":if(!customElements.get(e(o))){g()}break;case"smoothly-form-demo-prices":if(!customElements.get(e(o))){C()}break;case"smoothly-form-demo-schedule":if(!customElements.get(e(o))){v()}break;case"smoothly-form-demo-transparent":if(!customElements.get(e(o))){x()}break;case"smoothly-form-demo-typed":if(!customElements.get(e(o))){B()}break;case"smoothly-icon":if(!customElements.get(e(o))){M()}break;case"smoothly-input":if(!customElements.get(e(o))){D()}break;case"smoothly-input-checkbox":if(!customElements.get(e(o))){S()}break;case"smoothly-input-clear":if(!customElements.get(e(o))){V()}break;case"smoothly-input-color":if(!customElements.get(e(o))){Z()}break;case"smoothly-input-date":if(!customElements.get(e(o))){w()}break;case"smoothly-input-date-range":if(!customElements.get(e(o))){L()}break;case"smoothly-input-date-time":if(!customElements.get(e(o))){_()}break;case"smoothly-input-edit":if(!customElements.get(e(o))){F()}break;case"smoothly-input-file":if(!customElements.get(e(o))){K()}break;case"smoothly-input-month":if(!customElements.get(e(o))){N()}break;case"smoothly-input-radio":if(!customElements.get(e(o))){Q()}break;case"smoothly-input-radio-item":if(!customElements.get(e(o))){R()}break;case"smoothly-input-range":if(!customElements.get(e(o))){X()}break;case"smoothly-input-reset":if(!customElements.get(e(o))){q()}break;case"smoothly-input-select":if(!customElements.get(e(o))){A()}break;case"smoothly-input-submit":if(!customElements.get(e(o))){G()}break;case"smoothly-item":if(!customElements.get(e(o))){H()}break;case"smoothly-spinner":if(!customElements.get(e(o))){I()}break;case"smoothly-tab":if(!customElements.get(e(o))){W()}break;case"smoothly-tabs":if(!customElements.get(e(o))){J()}break;case"smoothly-toggle-switch":if(!customElements.get(e(o))){O()}break}}))}z();export{Y as S,z as d};
-//# sourceMappingURL=p-CsTmaH-Y.js.map
+import{p as o,H as s,h as m,d as t,t as e}from"./p-BsZrGTcp.js";import{d as r}from"./p-mmAi00ak.js";import{d as a}from"./p-Cl8L61mt.js";import{d as l}from"./p-l7KxEsrG.js";import{d as i}from"./p-BE5E3Jm6.js";import{d as c}from"./p-CN3iME9d.js";import{d}from"./p-DG2pfnCV.js";import{d as f}from"./p-uFR5K4vd.js";import{d as p}from"./p-DvZK__s-.js";import{d as n}from"./p-F8qX8ZuL.js";import{d as y}from"./p-BLDkKrD6.js";import{d as h}from"./p-DcOQ-AL9.js";import{d as b}from"./p-yIbGvKho.js";import{d as u}from"./p-BiRi-ZIu.js";import{d as k}from"./p-D7ibQkKs.js";import{d as j}from"./p-C4PyQibs.js";import{d as E}from"./p-XXG8KYEH.js";import{d as g}from"./p-J05ZrIy8.js";import{d as C}from"./p-DDlDQL4g.js";import{d as D}from"./p-CnPK9tlN.js";import{d as x}from"./p-fZNu4CkP.js";import{d as K}from"./p-CA4ZV5xR.js";import{d as Z}from"./p-DFSiKg4M.js";import{d as v}from"./p-BWF43Ktc.js";import{d as B}from"./p-BAMxyPpe.js";import{d as M}from"./p-e3dhSqSH.js";import{d as P}from"./p-BkrgS2Eo.js";import{d as Q}from"./p-CZY1H_tZ.js";import{d as S}from"./p-Bp65xiCy.js";import{d as G}from"./p-D1kz47jP.js";import{d as R}from"./p-CXd0RCW9.js";import{d as F}from"./p-BR6cMQkb.js";import{d as L}from"./p-EqRJl32n.js";import{d as w}from"./p-CcJ_7PQR.js";import{d as J}from"./p-CvhP-Vls.js";import{d as _}from"./p-WyNQ9SZM.js";import{d as A}from"./p-CMhSJk_G.js";import{d as I}from"./p-DTo2Itg9.js";import{d as N}from"./p-C3bp3FF4.js";import{d as W}from"./p-DtGUtK97.js";import{d as X}from"./p-MWZzvkuh.js";import{d as Y}from"./p-Cvc3SMPo.js";import{d as q}from"./p-2Y5tLcQ1.js";import{d as H}from"./p-D6t9mpY2.js";const V=()=>`.sc-smoothly-form-demo-h{display:flex;margin-top:2em;margin-bottom:10em}.sc-smoothly-form-demo-h>div.sc-smoothly-form-demo{margin:auto;width:1200px;max-width:calc(100% - 0.5rem)}`;const z=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}}render(){return m(t,{key:"e6b40ea5e535c8fd4fbbe65aa060d0ba061f5a3e"},m("div",{key:"848116c5bc43a4a5adb20ecf3f66a66b050e529c"},m("smoothly-form-demo-all",{key:"44179c77bfd53bfa4f347a465a3f4000d4d94b08"}),m("smoothly-form-demo-pet",{key:"356b17321dc0f11e63c8dd4846c4e1d91c7b6b5c"}),m("smoothly-form-demo-card",{key:"2584856236b89b5818551f8826056c0a14ab6356"}),m("smoothly-form-demo-login",{key:"dacc85e611dec4115fefc49f63463912b6718285"}),m("smoothly-form-demo-prices",{key:"500d6d4c056c79113b16bd0f67bfe0ab562cd8d8"}),m("smoothly-form-demo-typed",{key:"933cce32ed4668eb28140c0c01c8238cdf1526d2"}),m("smoothly-form-demo-transparent",{key:"2a39b5d64aaff4d53d703c9508df3de18d5a6ad6"}),m("smoothly-form-demo-date",{key:"fb0a6356529047d3bbbebd1b5980c2884be0cbb6"}),m("smoothly-form-demo-schedule",{key:"c7eb48895c714d436f04544af9519a93232f76d0"}),m("smoothly-form-demo-date-range",{key:"6370bf9ca0671705777b03e6b985361d06ee9d56"}),m("smoothly-form-demo-controlled",{key:"abf920dd124a8c43ce7818ba29bb1931a4b90910"})))}static get style(){return V()}},[2,"smoothly-form-demo"]);function T(){if(typeof customElements==="undefined"){return}const o=["smoothly-form-demo","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-form-demo-all","smoothly-form-demo-card","smoothly-form-demo-controlled","smoothly-form-demo-date","smoothly-form-demo-date-range","smoothly-form-demo-login","smoothly-form-demo-pet","smoothly-form-demo-prices","smoothly-form-demo-schedule","smoothly-form-demo-transparent","smoothly-form-demo-typed","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-edit","smoothly-input-file","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner","smoothly-tab","smoothly-tabs","smoothly-toggle-switch"];o.forEach((o=>{switch(o){case"smoothly-form-demo":if(!customElements.get(e(o))){customElements.define(e(o),z)}break;case"smoothly-button":if(!customElements.get(e(o))){r()}break;case"smoothly-button-confirm":if(!customElements.get(e(o))){a()}break;case"smoothly-calendar":if(!customElements.get(e(o))){l()}break;case"smoothly-date-text":if(!customElements.get(e(o))){i()}break;case"smoothly-display":if(!customElements.get(e(o))){c()}break;case"smoothly-display-json":if(!customElements.get(e(o))){d()}break;case"smoothly-display-json-object":if(!customElements.get(e(o))){f()}break;case"smoothly-display-json-primitive":if(!customElements.get(e(o))){p()}break;case"smoothly-display-json-record-key":if(!customElements.get(e(o))){n()}break;case"smoothly-form":if(!customElements.get(e(o))){y()}break;case"smoothly-form-demo-all":if(!customElements.get(e(o))){h()}break;case"smoothly-form-demo-card":if(!customElements.get(e(o))){b()}break;case"smoothly-form-demo-controlled":if(!customElements.get(e(o))){u()}break;case"smoothly-form-demo-date":if(!customElements.get(e(o))){k()}break;case"smoothly-form-demo-date-range":if(!customElements.get(e(o))){j()}break;case"smoothly-form-demo-login":if(!customElements.get(e(o))){E()}break;case"smoothly-form-demo-pet":if(!customElements.get(e(o))){g()}break;case"smoothly-form-demo-prices":if(!customElements.get(e(o))){C()}break;case"smoothly-form-demo-schedule":if(!customElements.get(e(o))){D()}break;case"smoothly-form-demo-transparent":if(!customElements.get(e(o))){x()}break;case"smoothly-form-demo-typed":if(!customElements.get(e(o))){K()}break;case"smoothly-icon":if(!customElements.get(e(o))){Z()}break;case"smoothly-input":if(!customElements.get(e(o))){v()}break;case"smoothly-input-checkbox":if(!customElements.get(e(o))){B()}break;case"smoothly-input-clear":if(!customElements.get(e(o))){M()}break;case"smoothly-input-color":if(!customElements.get(e(o))){P()}break;case"smoothly-input-date":if(!customElements.get(e(o))){Q()}break;case"smoothly-input-date-range":if(!customElements.get(e(o))){S()}break;case"smoothly-input-date-time":if(!customElements.get(e(o))){G()}break;case"smoothly-input-edit":if(!customElements.get(e(o))){R()}break;case"smoothly-input-file":if(!customElements.get(e(o))){F()}break;case"smoothly-input-month":if(!customElements.get(e(o))){L()}break;case"smoothly-input-radio":if(!customElements.get(e(o))){w()}break;case"smoothly-input-radio-item":if(!customElements.get(e(o))){J()}break;case"smoothly-input-range":if(!customElements.get(e(o))){_()}break;case"smoothly-input-reset":if(!customElements.get(e(o))){A()}break;case"smoothly-input-select":if(!customElements.get(e(o))){I()}break;case"smoothly-input-submit":if(!customElements.get(e(o))){N()}break;case"smoothly-item":if(!customElements.get(e(o))){W()}break;case"smoothly-spinner":if(!customElements.get(e(o))){X()}break;case"smoothly-tab":if(!customElements.get(e(o))){Y()}break;case"smoothly-tabs":if(!customElements.get(e(o))){q()}break;case"smoothly-toggle-switch":if(!customElements.get(e(o))){H()}break}}))}T();export{z as S,T as d};
+//# sourceMappingURL=p-BOgkCDpz.js.map

package/dist/components/{p-gEWA_tZo.js → p-BR6cMQkb.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as i,h as s,d as e,t as l}from"./p-BsZrGTcp.js";import{E as n}from"./p-iQDU7l2c.js";import{I as a}from"./p-vvQg46ti.js";import{d as h}from"./p-mmAi00ak.js";import{d as r}from"./p-DFSiKg4M.js";const d=()=>`.sc-smoothly-input-file-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-file-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-file-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-file-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-file-h,[looks="transparent"].sc-smoothly-input-file-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-file-h>input.sc-smoothly-input-file,[looks="transparent"].sc-smoothly-input-file-h:not(:focus-within)>input.sc-smoothly-input-file{background-color:transparent}[looks="transparent"].sc-smoothly-input-file-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-file-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-file-h.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .label.sc-smoothly-input-file{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-file-h .label.sc-smoothly-input-file{transform-origin:top right}.sc-smoothly-input-file-h.floating-label.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.floating-label .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder] .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly] .sc-smoothly-input-file-s>[slot=label],.floating-label.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-value.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-text.sc-smoothly-input-file-h .label.sc-smoothly-input-file,[placeholder].sc-smoothly-input-file-h .label.sc-smoothly-input-file,[readonly].sc-smoothly-input-file-h .label.sc-smoothly-input-file,.sc-smoothly-input-file-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-file{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-file-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h smoothly-icon.smoothly-invalid.sc-smoothly-input-file{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-file-h{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{position:absolute;inset:0;background-color:rgb(var(--smoothly-input-hover-background), 0.6);border-radius:var(--smoothly-input-border-radius);border:0.25rem dashed rgb(var(--smoothly-input-hover-foreground));display:flex;justify-content:center;align-items:center}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file>smoothly-icon.sc-smoothly-input-file{color:rgb(var(--smoothly-input-hover-foreground))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.input.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h:not([show-label])>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem}.sc-smoothly-input-file-h:not([show-label])>smoothly-button.sc-smoothly-input-file:not(:empty){margin-right:1ch}[show-label].sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom);height:100%;box-sizing:border-box;flex-grow:1}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{--smoothly-button-height:1.4rem;margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{left:var(--input-padding-side)}.sc-smoothly-input-file-h:not([readonly]),.sc-smoothly-input-file-h:not([readonly]) *.sc-smoothly-input-file{cursor:pointer}[disabled].sc-smoothly-input-file-h,[disabled].sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:not-allowed}`;const u=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLooks=i(this,"smoothlyInputLooks");this.smoothlyInput=i(this,"smoothlyInput");this.smoothlyUserInput=i(this,"smoothlyUserInput");this.smoothlyInputLoad=i(this,"smoothlyInputLoad");this.smoothlyFormDisable=i(this,"smoothlyFormDisable");this.readonly=false;this.showLabel=true;this.dragging=false;this.isDifferentFromInitial=false;this.observer=n.Observer.create(this);this.transfer=new DataTransfer}get files(){this.transfer.items.clear();this.value&&this.transfer.items.add(this.value);return this.transfer.files}async componentWillLoad(){this.smoothlyInputLooks.emit(((t,o)=>{var i;return this.looks=(i=this.looks)!==null&&i!==void 0?i:t,!this.color&&(this.color=o)}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){a.formRename(this,o)}async register(){a.formAdd(this)}async unregister(){a.formRemove(this)}async getValue(){return this.value}async clear(){this.value=undefined}smoothlyInputLoadHandler(t){a.registerSubAction(this,t)}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.valueChanged()}async binary(){return true}async valueChanged(){this.isDifferentFromInitial=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}inputHandler(t){var o,i,s;t.stopPropagation();if((i=(o=this.input)===null||o===void 0?void 0:o.files)===null||i===void 0?void 0:i.length){this.value=(s=this.input)===null||s===void 0?void 0:s.files[0];this.smoothlyUserInput.emit({name:this.name,value:this.value})}}dropHandler(t){var o;t.preventDefault();t.stopPropagation();this.dragging=false;if((o=t.dataTransfer)===null||o===void 0?void 0:o.files.length){this.value=t.dataTransfer.files[0];this.smoothlyUserInput.emit({name:this.name,value:this.value})}}clickHandler(t){var o;if(!this.readonly&&!this.disabled&&!t.composedPath().find((t=>t==this.input))){(o=this.input)===null||o===void 0?void 0:o.click()}}dragOverHandler(t){t.preventDefault();t.stopPropagation()}dragEnterHandler(t){t.preventDefault();!this.readonly&&!this.disabled&&(this.dragging=true)}dragLeaveHandler(t){t.stopPropagation();this.dragging=false}render(){var t,o,i;return s(e,{key:"6ea6dc53a6eb337bb6c5f87535cfbb4cc51d4233",class:{dragging:this.dragging,"has-value":!!this.value},tabindex:this.disabled?undefined:0,onClick:t=>this.clickHandler(t),onDragOver:t=>this.dragOverHandler(t),onDragEnter:t=>this.dragEnterHandler(t)},s("label",{key:"8d1c4b21e5dcf4dc4e4c02a5d6492964fa25df0a"},s("slot",{key:"d29618d938fa828877f7bc08885c8ae0ddb84583",name:"label"})),s("div",{key:"ad66b522311cf41cf03477c9e6eb3654f5c5acc2",class:"input"},s("smoothly-button",{key:"11e2a2d526d1667817115fa8145353b0fc8ea4c1",disabled:this.disabled,type:"button",color:this.color,fill:"clear",size:"flexible"},s("slot",{key:"ddea3b18a6d43d4347da9a9c6b0b3657399f4ff5",name:"button"})),s("span",{key:"5390e1365f1d6d46828330d0a25917f973a90b59"},(o=(t=this.value)===null||t===void 0?void 0:t.name)!==null&&o!==void 0?o:this.placeholder),s("div",{key:"1056e639ed54e7945ac316122deb893415d0f427",class:"drag-overlay",onDrop:t=>this.dropHandler(t),onDragLeave:t=>this.dragLeaveHandler(t)},s("smoothly-icon",{key:"fc737003eaa5939ca734fb56961a5652500ae663",name:"document-attach-outline"})),s("input",{key:"b4e6d41f124ee2eb3b9348cc91fda0ec9df3be48",ref:t=>this.input=t,type:"file",disabled:this.disabled,capture:this.camera=="back"?"environment":"user",accept:(i=this.accept)!==null&&i!==void 0?i:!this.camera?undefined:"image/jpeg",files:this.files,onInput:t=>this.inputHandler(t)})),s("span",{key:"02db98c3712e669dc3934be7f148746744dbaae3",onClick:t=>t.stopPropagation()},s("slot",{key:"0fa43441ac10f081ecae36f6a56d199534e72de1",name:"end"})))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],value:[{valueChanged:0}]}}static get style(){return d()}},[262,"smoothly-input-file",{readonly:[1540],disabled:[516],accept:[1],color:[1537],looks:[1537],camera:[513],name:[513],showLabel:[516,"show-label"],value:[1040],placeholder:[1537],dragging:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64],binary:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{name:[{nameChange:0}],value:[{valueChanged:0}]}]);function p(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-file","smoothly-button","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-input-file":if(!customElements.get(l(t))){customElements.define(l(t),u)}break;case"smoothly-button":if(!customElements.get(l(t))){h()}break;case"smoothly-icon":if(!customElements.get(l(t))){r()}break}}))}p();export{u as S,p as d};
-//# sourceMappingURL=p-gEWA_tZo.js.map
+import{p as t,H as o,c as s,h as i,d as e,t as l}from"./p-BsZrGTcp.js";import{E as n}from"./p-iQDU7l2c.js";import{I as a}from"./p-BLDkKrD6.js";import{d as h}from"./p-mmAi00ak.js";import{d as r}from"./p-DFSiKg4M.js";const d=()=>`.sc-smoothly-input-file-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-file-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-file-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-file-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-file-h,[looks="transparent"].sc-smoothly-input-file-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-file-h>input.sc-smoothly-input-file,[looks="transparent"].sc-smoothly-input-file-h:not(:focus-within)>input.sc-smoothly-input-file{background-color:transparent}[looks="transparent"].sc-smoothly-input-file-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-file-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-file-h.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .label.sc-smoothly-input-file{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-file-h .label.sc-smoothly-input-file{transform-origin:top right}.sc-smoothly-input-file-h.floating-label.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.floating-label .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder] .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly] .sc-smoothly-input-file-s>[slot=label],.floating-label.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-value.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-text.sc-smoothly-input-file-h .label.sc-smoothly-input-file,[placeholder].sc-smoothly-input-file-h .label.sc-smoothly-input-file,[readonly].sc-smoothly-input-file-h .label.sc-smoothly-input-file,.sc-smoothly-input-file-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-file{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-file-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h smoothly-icon.smoothly-invalid.sc-smoothly-input-file{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-file-h{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{position:absolute;inset:0;background-color:rgb(var(--smoothly-input-hover-background), 0.6);border-radius:var(--smoothly-input-border-radius);border:0.25rem dashed rgb(var(--smoothly-input-hover-foreground));display:flex;justify-content:center;align-items:center}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file>smoothly-icon.sc-smoothly-input-file{color:rgb(var(--smoothly-input-hover-foreground))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.input.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h:not([show-label])>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem}.sc-smoothly-input-file-h:not([show-label])>smoothly-button.sc-smoothly-input-file:not(:empty){margin-right:1ch}[show-label].sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom);height:100%;box-sizing:border-box;flex-grow:1}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{--smoothly-button-height:1.4rem;margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{left:var(--input-padding-side)}.sc-smoothly-input-file-h:not([readonly]),.sc-smoothly-input-file-h:not([readonly]) *.sc-smoothly-input-file{cursor:pointer}[disabled].sc-smoothly-input-file-h,[disabled].sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:not-allowed}`;const u=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.readonly=false;this.showLabel=true;this.dragging=false;this.isDifferentFromInitial=false;this.observer=n.Observer.create(this);this.transfer=new DataTransfer}get files(){this.transfer.items.clear();this.value&&this.transfer.items.add(this.value);return this.transfer.files}async componentWillLoad(){this.smoothlyInputLooks.emit(((t,o)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:t,!this.color&&(this.color=o)}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){a.formRename(this,o)}async register(){a.formAdd(this)}async unregister(){a.formRemove(this)}async getValue(){return this.value}async clear(){this.value=undefined}smoothlyInputLoadHandler(t){a.registerSubAction(this,t)}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.valueChanged()}async binary(){return true}async valueChanged(){this.isDifferentFromInitial=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}inputHandler(t){var o,s,i;t.stopPropagation();if((s=(o=this.input)===null||o===void 0?void 0:o.files)===null||s===void 0?void 0:s.length){this.value=(i=this.input)===null||i===void 0?void 0:i.files[0];this.smoothlyUserInput.emit({name:this.name,value:this.value})}}dropHandler(t){var o;t.preventDefault();t.stopPropagation();this.dragging=false;if((o=t.dataTransfer)===null||o===void 0?void 0:o.files.length){this.value=t.dataTransfer.files[0];this.smoothlyUserInput.emit({name:this.name,value:this.value})}}clickHandler(t){var o;if(!this.readonly&&!this.disabled&&!t.composedPath().find((t=>t==this.input))){(o=this.input)===null||o===void 0?void 0:o.click()}}dragOverHandler(t){t.preventDefault();t.stopPropagation()}dragEnterHandler(t){t.preventDefault();!this.readonly&&!this.disabled&&(this.dragging=true)}dragLeaveHandler(t){t.stopPropagation();this.dragging=false}render(){var t,o,s;return i(e,{key:"d63c83a8c7d482b7c210c1fded958380954f3b82",class:{dragging:this.dragging,"has-value":!!this.value},tabindex:this.disabled?undefined:0,onClick:t=>this.clickHandler(t),onDragOver:t=>this.dragOverHandler(t),onDragEnter:t=>this.dragEnterHandler(t)},i("label",{key:"cf5fa329f49e4872149c93e8efc9f83878a89bac"},i("slot",{key:"efe68f3fba462c6b2a9ef1a597ea4eb49f0e504c",name:"label"})),i("div",{key:"8e34635be73902eaec3468afb87680daf40ac39e",class:"input"},i("smoothly-button",{key:"23f3be8ca6a8bd78a261ebc79802d7a817a6f4e4",disabled:this.disabled,type:"button",color:this.color,fill:"clear",size:"flexible"},i("slot",{key:"51844c80711695c452a2dd651b7c6c1536daab2f",name:"button"})),i("span",{key:"bdb73c10af8ccf56429e0c5e5e8a535f9059ccbf"},(o=(t=this.value)===null||t===void 0?void 0:t.name)!==null&&o!==void 0?o:this.placeholder),i("div",{key:"818709c47b75b7ca86af458c911b2836541a3a88",class:"drag-overlay",onDrop:t=>this.dropHandler(t),onDragLeave:t=>this.dragLeaveHandler(t)},i("smoothly-icon",{key:"b12c7d64c0b184214abd9b102f7a35c871dfee0c",name:"document-attach-outline"})),i("input",{key:"a636dedfdb289f59476fe9310abaf1d1045c90e5",ref:t=>this.input=t,type:"file",disabled:this.disabled,capture:this.camera=="back"?"environment":"user",accept:(s=this.accept)!==null&&s!==void 0?s:!this.camera?undefined:"image/jpeg",files:this.files,onInput:t=>this.inputHandler(t)})),i("span",{key:"cde8d6765cf6e954504878ffd787df8796c553ec",onClick:t=>t.stopPropagation()},i("slot",{key:"d258247cd13eddc30354c1f10322b82636b7eab2",name:"end"})))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],value:[{valueChanged:0}]}}static get style(){return d()}},[262,"smoothly-input-file",{readonly:[1540],disabled:[516],accept:[1],color:[1537],looks:[1537],camera:[513],name:[513],showLabel:[516,"show-label"],value:[1040],placeholder:[1537],dragging:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64],binary:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{name:[{nameChange:0}],value:[{valueChanged:0}]}]);function c(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-file","smoothly-button","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-input-file":if(!customElements.get(l(t))){customElements.define(l(t),u)}break;case"smoothly-button":if(!customElements.get(l(t))){h()}break;case"smoothly-icon":if(!customElements.get(l(t))){r()}break}}))}c();export{u as S,c as d};
+//# sourceMappingURL=p-BR6cMQkb.js.map

package/dist/components/{p-o8kM0Soe.js → p-BWF43Ktc.js}

@@ -1,2 +1,2 @@
-import{p as t,H as s,c as o,h as i,d as e,t as n}from"./p-BsZrGTcp.js";import{g as l}from"./p-DVt2MDdp.js";import{E as h}from"./p-iQDU7l2c.js";import{I as a}from"./p-vvQg46ti.js";import{g as r,S as u,a as c,b as p}from"./p-CdrWGE1v.js";import{o as d,b as m,s as y}from"./p-Dr7iZPxA.js";import{d as b}from"./p-DFSiKg4M.js";var f;(function(t){function s(t,o){if(t===o){return true}if(typeof t=="object"&&typeof o=="object"){const i=Object.keys(t);if(i.length==Object.keys(o).length&&i.every((i=>s(t[i],o[i])))){return true}}return false}t.equal=s;function o(t,o){return!s(t,o)}t.notEqual=o})(f||(f={}));var v;(function(t){function s(t,s,e){const n=/([^.-@\s]+)/gi;return e=="backward"?o(t,s,n):i(t,s,n)}t.getWordBreakIndex=s;function o(t,s,o){let i=0;let e;while((e=o.exec(t))!=null){if(o.lastIndex-e[0].length<s){i=o.lastIndex-e[0].length}else{break}}return i}function i(t,s,o){let i=0;while(o.exec(t)!=null){i=o.lastIndex;if(o.lastIndex>s){break}}o.lastIndex<=s&&(i=t.length);return i}})(v||(v={}));class g{constructor(t,s){this.formatter=t;this.type=s;this.keydownHandlers={ArrowLeft:(t,s)=>t.ctrlKey||t.metaKey?s:this.moveCursor(t,s),ArrowRight:(t,s)=>t.ctrlKey||t.metaKey?s:this.moveCursor(t,s)};this.eventHandlers={beforeinput:{insertText:(t,s)=>this.insert(t,s),insertFromPaste:(t,s)=>this.insert(t,s),insertFromDrop:(t,s)=>this.insert(t,s),deleteContentBackward:(t,s)=>{t.preventDefault();if(s.selection.start==s.selection.end){this.select(s,s.selection.start-1,s.selection.end)}this.erase(s);return s},deleteContentForward:(t,s)=>{t.preventDefault();if(s.selection.start==s.selection.end){this.select(s,s.selection.start,s.selection.end+1)}this.erase(s);return s},deleteWordBackward:(t,s,o)=>{let i=s;if(this.type!="password"){t.preventDefault();i=this.deleteWord(o,"backward")}return i},deleteWordForward:(t,s,o)=>{let i=s;if(this.type!="password"){t.preventDefault();i=this.deleteWord(o,"forward")}return i},deleteByCut:(t,s)=>{this.erase(s);return s}},input:{insertReplacementText:(t,s)=>Object.assign(Object.assign({},s),{value:t.target.value}),insertCompositionText:(t,s)=>Object.assign(Object.assign({},s),{value:t.target.value}),deleteWordBackward:(t,s)=>this.type=="password"?Object.assign(Object.assign({},s),{value:t.target.value}):s,deleteWordForward:(t,s)=>this.type=="password"?Object.assign(Object.assign({},s),{value:t.target.value}):s,undefined:(t,s)=>Object.assign(Object.assign({},s),{value:t.target.value})}}}static create(t,s){let o;switch(t){case"price":o=r("price",s);break;case"integer":o=r("integer",s);break;default:o=r(t,s);break}return new g(o||r("text"),t)}onKeyDown(t,s){var o,i,e,n;let l=s;const h=this.keydownHandlers[t.key];if(h){const a=t.target;s.selection.start=(o=a.selectionStart)!==null&&o!==void 0?o:s.selection.start;s.selection.end=(i=a.selectionEnd)!==null&&i!==void 0?i:s.selection.end;s.selection.direction=(e=a.selectionDirection)!==null&&e!==void 0?e:s.selection.direction;const r=h(t,this.unformatState(s),s);const u=this.partialFormatState(r);if(t.defaultPrevented){a.selectionStart=u.selection.start;a.selectionEnd=u.selection.end;a.selectionDirection=(n=u.selection.direction)!==null&&n!==void 0?n:null}l=u}return l}moveCursor(t,s){t.preventDefault();let o=u.getCursor(s.selection);let i=u.getStalker(s.selection);o=Math.min(Math.max(o+(t.key=="ArrowLeft"?-1:1),0),s.value.length);i=t.shiftKey?i:o;s.selection.direction=i<o?"forward":i>o?"backward":"none";s.selection.start=Math.min(i,o);s.selection.end=Math.max(i,o);return s}onFocus(t,s){const o=this.partialFormatState(this.unformatState(s));const i=t.target;i.value=o.value;return o}onBlur(t,s){const o=this.createFormattedState(s);const i=t.target;i.value=o.value;return o}onInputEvent(t,s){var o,i,e,n,l,h,a;const r=t.target;s.selection.start=(o=r.selectionStart)!==null&&o!==void 0?o:s.selection.start;s.selection.end=(i=r.selectionEnd)!==null&&i!==void 0?i:s.selection.end;s.selection.direction=(e=r.selectionDirection)!==null&&e!==void 0?e:s.selection.direction;const u=t.type=="beforeinput"||t.type=="input"?(h=(l=(n=this.eventHandlers[t.type])[t.inputType])===null||l===void 0?void 0:l.call(n,t,this.unformatState(s),s))!==null&&h!==void 0?h:s:s;const c=this.partialFormatState(u);if(t.defaultPrevented){r.value=c.value;r.selectionStart=c.selection.start;r.selectionEnd=c.selection.end;r.selectionDirection=(a=c.selection.direction)!==null&&a!==void 0?a:null}return c}insert(t,s){t.preventDefault();if(typeof t.data=="string"){for(const o of t.data){this.formatter.allowed(o,s)&&this.replace(s,o.replace(/(\r|\n|\t)/g,""))}}return s}deleteWord(t,s){const o=u.getCursor(t.selection);const i=v.getWordBreakIndex(t.value,o,s);const e=this.unformatState(Object.assign(Object.assign({},t),{selection:{start:Math.min(o,i),end:Math.max(o,i),direction:"none"}}));const n=e.value.substring(0,e.selection.start)+e.value.substring(e.selection.end);e.value=n;e.selection.end=e.selection.start;return e}select(t,s,o,i){t.selection.start=s;t.selection.end=o;i&&(t.selection.direction=i)}erase(t){this.replace(t,"")}replace(t,s){t.value=t.value.substring(0,t.selection.start)+s+t.value.substring(t.selection.end);t.selection.start=t.selection.start+s.length;t.selection.end=t.selection.start}unformatState(t){return c.copy(this.formatter.unformat(p.copy(t)))}partialFormatState(t){return this.formatter.partialFormat(p.copy(t))}createFormattedState(t){return this.formatter.format(p.copy(this.formatter.unformat(p.copy(t))))}toString(t){return this.formatter.toString(t)}initialState(t,s){const o=this.toString(t)||"";const i=o.length;const e=this.createFormattedState({value:o,selection:{start:i,end:i,direction:"none"}});if(s){s.value=e.value}return e}setValue(t,s,o){const i=Object.assign(Object.assign({},s),{value:this.createFormattedState({value:this.formatter.toString(o),selection:s.selection}).value});t.value=i.value;return i}getValue(t){return this.formatter.fromString(this.unformatState(t).value)}setSelection(t,s,o,i){t.focus();t.selectionStart=o;t.selectionEnd=i;this.select(s,o,i);return s}}var k;(function(t){t.type=d({name:y(),key:y(),shift:m(),ctrl:m(),alt:m(),meta:m()});t.is=t.type.is;function s(t,s){return{name:t,key:s.key,shift:s.shiftKey,ctrl:s.ctrlKey,alt:s.altKey,meta:s.metaKey}}t.create=s})(k||(k={}));const w=()=>`.sc-smoothly-input-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-h,[looks="transparent"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-h>input.sc-smoothly-input,[looks="transparent"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background-color:transparent}[looks="transparent"].sc-smoothly-input-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-h.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .label.sc-smoothly-input{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-h .label.sc-smoothly-input{transform-origin:top right}.sc-smoothly-input-h.floating-label.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.floating-label .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder] .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly] .sc-smoothly-input-s>[slot=label],.floating-label.sc-smoothly-input-h .label.sc-smoothly-input,.has-value.sc-smoothly-input-h .label.sc-smoothly-input,.has-text.sc-smoothly-input-h .label.sc-smoothly-input,[placeholder].sc-smoothly-input-h .label.sc-smoothly-input,[readonly].sc-smoothly-input-h .label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-h:not([show-label]):not(.show-label) .label.sc-smoothly-input{display:none}.sc-smoothly-input-h smoothly-icon.smoothly-invalid.sc-smoothly-input{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input{position:relative;flex-grow:1;height:100%}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{left:var(--input-padding-side)}[right].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{right:var(--input-padding-side);left:auto}[right].sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input{text-align:right}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0 var(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{position:absolute;box-sizing:border-box;align-content:center;height:100%;padding-inline:var(--input-padding-side)}[show-label].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{padding:var(--input-value-padding-top)    var(--input-padding-side)    var(--input-value-padding-bottom)    var(--input-padding-side);box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}[disabled].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{cursor:not-allowed}.sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:none;z-index:2;padding:0.5rem}[invalid].sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:flex}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-h>span.copyable.sc-smoothly-input{position:relative}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>smoothly-icon.sc-smoothly-input{cursor:pointer;display:flex;align-items:center;padding:0.5rem}.sc-smoothly-input-h>span.copyable.sc-smoothly-input:hover small.sc-smoothly-input,.sc-smoothly-input-h>span.copyable.sc-smoothly-input:focus small.sc-smoothly-input{display:block}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>small.sc-smoothly-input{display:none;width:max-content;border-radius:0.25rem;padding:0.2rem 0.3rem;position:absolute;right:-0.5rem;top:-2rem;background-color:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-tint))}`;const x=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLooks=o(this,"smoothlyInputLooks");this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyFormDisable=o(this,"smoothlyFormDisable");this.smoothlyKeydown=o(this,"smoothlyKeydown");this.smoothlyBlur=o(this,"smoothlyBlur");this.smoothlyChange=o(this,"smoothlyChange");this.smoothlyInput=o(this,"smoothlyInput");this.smoothlyUserInput=o(this,"smoothlyUserInput");this.type="text";this.required=false;this.showLabel=true;this.disabled=false;this.readonly=false;this.invalid=false;this.copied=false;this.isDifferentFromInitial=false;this.uneditable=this.readonly;this.observer=h.Observer.create(this)}async getValue(){return this.stateHandler.getValue(this.state)}async setValue(t){if(this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,t)}}async setFocus(){var t;(t=this.inputElement)===null||t===void 0?void 0:t.focus()}async setSelection(t,s){if(this.inputElement){this.state=this.stateHandler.setSelection(this.inputElement,this.state,t,s<0?this.inputElement.value.length+s+1:s)}}async listen(t){this.observer.subscribe(t)}nameChange(t,s){a.formRename(this,s)}async register(){a.formAdd(this)}async unregister(){a.formRemove(this)}async clear(){if(!this.uneditable&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,undefined)}}async edit(t){!this.uneditable&&(this.readonly=!t)}async reset(){if(!this.uneditable&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,this.initialValue)}}async setInitialValue(){this.isDifferentFromInitial=false;this.initialValue=this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()})}async setCustomInitialValue(t){this.initialValue=t}async smoothlyInputLoadHandler(t){a.registerSubAction(this,t)}typeChange(){var t,s;switch(this.type){case"price":this.stateHandler=g.create("price",{currency:this.currency,toInteger:this.toInteger});break;case"integer":this.stateHandler=g.create("integer",{min:this.min,max:this.max,pad:this.pad});break;default:this.stateHandler=g.create(this.type,l());break}this.state=this.stateHandler.initialState((t=this.value)!==null&&t!==void 0?t:(s=this.state)===null||s===void 0?void 0:s.value,this.inputElement)}stateChange(){const t=this.stateHandler.getValue(this.state);this.isDifferentFromInitial=f.notEqual(this.initialValue,t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){const s=this.stateHandler.getValue(this.state);if(f.notEqual(s,t)&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,t);this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)})}}readonlyChange(){this.observer.publish()}componentWillLoad(){this.initialValue=this.value;this.typeChange();this.smoothlyInputLooks.emit(((t,s)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=s)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){if(this.inputElement){this.inputElement.value=this.state.value}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}onEvent(t){this.state=this.stateHandler.onInputEvent(t,this.state);if(t.type=="input"||t.defaultPrevented){this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}}copyText(t){if(t){navigator.clipboard.writeText(t);this.copied=true}}render(){var t,s,o,n,l,h,a,r,u,c;return i(e,{key:"dc56c8b63c3a0402640a20a811dae85468138f3b",class:{"has-value":((t=this.state)===null||t===void 0?void 0:t.value)!=undefined&&((s=this.state)===null||s===void 0?void 0:s.value)!=""},onclick:()=>{var t;return(t=this.inputElement)===null||t===void 0?void 0:t.focus()}},i("slot",{key:"f3372746df6932f07cea568a5f16d9bbdeef39cd",name:"start"}),i("div",{key:"1d50dc7ea1c62c4835af80ec08c708d2162452c5",class:"smoothly-input-container"},i("div",{key:"f562dd8ffdda755718f02c742e0b96bc1c823071",class:"guide"},i("div",{key:"1f02c40d673223061f83933a252caf01ccede774",class:"value"},(o=this.state)===null||o===void 0?void 0:o.value),i("div",{key:"12c0b824734da7fbd20de68ce033b0da60149ecf",class:"remainder"},(n=this.state)===null||n===void 0?void 0:n.remainder)),i("input",{key:"89ff5f54533362d8776d4f500c019aef7a951b58",ref:t=>this.inputElement=t,color:this.color,name:this.name,type:(l=this.state)===null||l===void 0?void 0:l.type,inputmode:(h=this.state)===null||h===void 0?void 0:h.inputmode,placeholder:this.placeholder,required:this.required,autocomplete:(a=this.autocomplete)!==null&&a!==void 0?a:(r=this.state)===null||r===void 0?void 0:r.autocomplete,disabled:this.disabled,readOnly:this.readonly,pattern:((u=this.state)===null||u===void 0?void 0:u.pattern)&&((c=this.state)===null||c===void 0?void 0:c.pattern.source),onKeyDown:async t=>{this.state=this.stateHandler.onKeyDown(t,this.state);if(!this.readonly&&!this.disabled){this.smoothlyKeydown.emit(k.create(this.name,t))}},onFocus:t=>!this.readonly&&(this.state=this.stateHandler.onFocus(t,this.state)),onBlur:t=>{if(!this.readonly){const s=this.stateHandler.getValue(this.state);this.state=this.stateHandler.onBlur(t,this.state);this.smoothlyBlur.emit();this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)});if(f.notEqual(s,this.stateHandler.getValue(this.state))){this.smoothlyChange.emit({[this.name]:this.stateHandler.getValue(this.state)});this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}}}}),i("label",{key:"0773d2f8eac3c880558ed831dca5903f4da1f5aa",class:"label float-on-focus",htmlFor:this.name},i("slot",{key:"fbce8ed1251aa8b97937ee81ec4e07c36941de52"}))),this.copyable&&this.value&&i("span",{key:"a0ffe7c27427df173276dbedd1159d1a3428ec36",class:"copyable"},i("small",{key:"da9740e6bc386abe42a23d4e0d428a72da6ee4de"},this.copied?"Copied!":"Copy"),i("smoothly-icon",{key:"7b3eaa57b44c623c09a55ef143dd98fd90a6a660",name:"copy-outline",size:"small",onClick:()=>this.copyText(this.value),onMouseLeave:()=>this.copied=false})),i("smoothly-icon",{key:"b89c81c66a99efab0dcb5aa0f751c41c28723f64",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),i("slot",{key:"0f84b621e6860ab9b6477ee2a5aff5d0e099d1d9",name:"end"}))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],currency:[{typeChange:0}],type:[{typeChange:0}],state:[{stateChange:0}],value:[{valueChange:0}],disabled:[{readonlyChange:0}],readonly:[{readonlyChange:0}]}}static get style(){return w()}},[262,"smoothly-input",{color:[1537],looks:[1537],name:[513],value:[1032],type:[513],required:[516],showLabel:[516,"show-label"],autocomplete:[1],placeholder:[513],disabled:[516],readonly:[1540],toInteger:[4,"to-integer"],currency:[513],min:[2],max:[2],pad:[2],invalid:[516],errorMessage:[513,"error-message"],copyable:[516],right:[516],initialValue:[32],state:[32],copied:[32],getValue:[64],setValue:[64],setFocus:[64],setSelection:[64],listen:[64],register:[64],unregister:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64],setCustomInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"input","onEvent"],[0,"beforeinput","onEvent"]],{name:[{nameChange:0}],currency:[{typeChange:0}],type:[{typeChange:0}],state:[{stateChange:0}],value:[{valueChange:0}],disabled:[{readonlyChange:0}],readonly:[{readonlyChange:0}]}]);function C(){if(typeof customElements==="undefined"){return}const t=["smoothly-input","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-input":if(!customElements.get(n(t))){customElements.define(n(t),x)}break;case"smoothly-icon":if(!customElements.get(n(t))){b()}break}}))}C();export{x as S,C as d};
-//# sourceMappingURL=p-o8kM0Soe.js.map
+import{p as t,H as s,c as o,h as i,d as e,t as n}from"./p-BsZrGTcp.js";import{g as l}from"./p-DVt2MDdp.js";import{E as h}from"./p-iQDU7l2c.js";import{I as a}from"./p-BLDkKrD6.js";import{g as r,S as u,a as c,b as p}from"./p-CdrWGE1v.js";import{o as d,b as m,s as y}from"./p-Dr7iZPxA.js";import{d as b}from"./p-DFSiKg4M.js";var f;(function(t){function s(t,o){if(t===o){return true}if(typeof t=="object"&&typeof o=="object"){const i=Object.keys(t);if(i.length==Object.keys(o).length&&i.every((i=>s(t[i],o[i])))){return true}}return false}t.equal=s;function o(t,o){return!s(t,o)}t.notEqual=o})(f||(f={}));var v;(function(t){function s(t,s,e){const n=/([^.-@\s]+)/gi;return e=="backward"?o(t,s,n):i(t,s,n)}t.getWordBreakIndex=s;function o(t,s,o){let i=0;let e;while((e=o.exec(t))!=null){if(o.lastIndex-e[0].length<s){i=o.lastIndex-e[0].length}else{break}}return i}function i(t,s,o){let i=0;while(o.exec(t)!=null){i=o.lastIndex;if(o.lastIndex>s){break}}o.lastIndex<=s&&(i=t.length);return i}})(v||(v={}));class g{constructor(t,s){this.formatter=t;this.type=s;this.keydownHandlers={ArrowLeft:(t,s)=>t.ctrlKey||t.metaKey?s:this.moveCursor(t,s),ArrowRight:(t,s)=>t.ctrlKey||t.metaKey?s:this.moveCursor(t,s)};this.eventHandlers={beforeinput:{insertText:(t,s)=>this.insert(t,s),insertFromPaste:(t,s)=>this.insert(t,s),insertFromDrop:(t,s)=>this.insert(t,s),deleteContentBackward:(t,s)=>{t.preventDefault();if(s.selection.start==s.selection.end){this.select(s,s.selection.start-1,s.selection.end)}this.erase(s);return s},deleteContentForward:(t,s)=>{t.preventDefault();if(s.selection.start==s.selection.end){this.select(s,s.selection.start,s.selection.end+1)}this.erase(s);return s},deleteWordBackward:(t,s,o)=>{let i=s;if(this.type!="password"){t.preventDefault();i=this.deleteWord(o,"backward")}return i},deleteWordForward:(t,s,o)=>{let i=s;if(this.type!="password"){t.preventDefault();i=this.deleteWord(o,"forward")}return i},deleteByCut:(t,s)=>{this.erase(s);return s}},input:{insertReplacementText:(t,s)=>Object.assign(Object.assign({},s),{value:t.target.value}),insertCompositionText:(t,s)=>Object.assign(Object.assign({},s),{value:t.target.value}),deleteWordBackward:(t,s)=>this.type=="password"?Object.assign(Object.assign({},s),{value:t.target.value}):s,deleteWordForward:(t,s)=>this.type=="password"?Object.assign(Object.assign({},s),{value:t.target.value}):s,undefined:(t,s)=>Object.assign(Object.assign({},s),{value:t.target.value})}}}static create(t,s){let o;switch(t){case"price":o=r("price",s);break;case"integer":o=r("integer",s);break;default:o=r(t,s);break}return new g(o||r("text"),t)}onKeyDown(t,s){var o,i,e,n;let l=s;const h=this.keydownHandlers[t.key];if(h){const a=t.target;s.selection.start=(o=a.selectionStart)!==null&&o!==void 0?o:s.selection.start;s.selection.end=(i=a.selectionEnd)!==null&&i!==void 0?i:s.selection.end;s.selection.direction=(e=a.selectionDirection)!==null&&e!==void 0?e:s.selection.direction;const r=h(t,this.unformatState(s),s);const u=this.partialFormatState(r);if(t.defaultPrevented){a.selectionStart=u.selection.start;a.selectionEnd=u.selection.end;a.selectionDirection=(n=u.selection.direction)!==null&&n!==void 0?n:null}l=u}return l}moveCursor(t,s){t.preventDefault();let o=u.getCursor(s.selection);let i=u.getStalker(s.selection);o=Math.min(Math.max(o+(t.key=="ArrowLeft"?-1:1),0),s.value.length);i=t.shiftKey?i:o;s.selection.direction=i<o?"forward":i>o?"backward":"none";s.selection.start=Math.min(i,o);s.selection.end=Math.max(i,o);return s}onFocus(t,s){const o=this.partialFormatState(this.unformatState(s));const i=t.target;i.value=o.value;return o}onBlur(t,s){const o=this.createFormattedState(s);const i=t.target;i.value=o.value;return o}onInputEvent(t,s){var o,i,e,n,l,h,a;const r=t.target;s.selection.start=(o=r.selectionStart)!==null&&o!==void 0?o:s.selection.start;s.selection.end=(i=r.selectionEnd)!==null&&i!==void 0?i:s.selection.end;s.selection.direction=(e=r.selectionDirection)!==null&&e!==void 0?e:s.selection.direction;const u=t.type=="beforeinput"||t.type=="input"?(h=(l=(n=this.eventHandlers[t.type])[t.inputType])===null||l===void 0?void 0:l.call(n,t,this.unformatState(s),s))!==null&&h!==void 0?h:s:s;const c=this.partialFormatState(u);if(t.defaultPrevented){r.value=c.value;r.selectionStart=c.selection.start;r.selectionEnd=c.selection.end;r.selectionDirection=(a=c.selection.direction)!==null&&a!==void 0?a:null}return c}insert(t,s){t.preventDefault();if(typeof t.data=="string"){for(const o of t.data){this.formatter.allowed(o,s)&&this.replace(s,o.replace(/(\r|\n|\t)/g,""))}}return s}deleteWord(t,s){const o=u.getCursor(t.selection);const i=v.getWordBreakIndex(t.value,o,s);const e=this.unformatState(Object.assign(Object.assign({},t),{selection:{start:Math.min(o,i),end:Math.max(o,i),direction:"none"}}));const n=e.value.substring(0,e.selection.start)+e.value.substring(e.selection.end);e.value=n;e.selection.end=e.selection.start;return e}select(t,s,o,i){t.selection.start=s;t.selection.end=o;i&&(t.selection.direction=i)}erase(t){this.replace(t,"")}replace(t,s){t.value=t.value.substring(0,t.selection.start)+s+t.value.substring(t.selection.end);t.selection.start=t.selection.start+s.length;t.selection.end=t.selection.start}unformatState(t){return c.copy(this.formatter.unformat(p.copy(t)))}partialFormatState(t){return this.formatter.partialFormat(p.copy(t))}createFormattedState(t){return this.formatter.format(p.copy(this.formatter.unformat(p.copy(t))))}toString(t){return this.formatter.toString(t)}initialState(t,s){const o=this.toString(t)||"";const i=o.length;const e=this.createFormattedState({value:o,selection:{start:i,end:i,direction:"none"}});if(s){s.value=e.value}return e}setValue(t,s,o){const i=Object.assign(Object.assign({},s),{value:this.createFormattedState({value:this.formatter.toString(o),selection:s.selection}).value});t.value=i.value;return i}getValue(t){return this.formatter.fromString(this.unformatState(t).value)}setSelection(t,s,o,i){t.focus();t.selectionStart=o;t.selectionEnd=i;this.select(s,o,i);return s}}var k;(function(t){t.type=d({name:y(),key:y(),shift:m(),ctrl:m(),alt:m(),meta:m()});t.is=t.type.is;function s(t,s){return{name:t,key:s.key,shift:s.shiftKey,ctrl:s.ctrlKey,alt:s.altKey,meta:s.metaKey}}t.create=s})(k||(k={}));const w=()=>`.sc-smoothly-input-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-h,[looks="transparent"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-h>input.sc-smoothly-input,[looks="transparent"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background-color:transparent}[looks="transparent"].sc-smoothly-input-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-h.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .label.sc-smoothly-input{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-h .label.sc-smoothly-input{transform-origin:top right}.sc-smoothly-input-h.floating-label.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.floating-label .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder] .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly] .sc-smoothly-input-s>[slot=label],.floating-label.sc-smoothly-input-h .label.sc-smoothly-input,.has-value.sc-smoothly-input-h .label.sc-smoothly-input,.has-text.sc-smoothly-input-h .label.sc-smoothly-input,[placeholder].sc-smoothly-input-h .label.sc-smoothly-input,[readonly].sc-smoothly-input-h .label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-h:not([show-label]):not(.show-label) .label.sc-smoothly-input{display:none}.sc-smoothly-input-h smoothly-icon.smoothly-invalid.sc-smoothly-input{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input{position:relative;flex-grow:1;height:100%}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{left:var(--input-padding-side)}[right].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{right:var(--input-padding-side);left:auto}[right].sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input{text-align:right}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0 var(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{position:absolute;box-sizing:border-box;align-content:center;height:100%;padding-inline:var(--input-padding-side)}[show-label].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{padding:var(--input-value-padding-top)    var(--input-padding-side)    var(--input-value-padding-bottom)    var(--input-padding-side);box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}[disabled].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{cursor:not-allowed}.sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:none;z-index:2;padding:0.5rem}[invalid].sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:flex}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-h>span.copyable.sc-smoothly-input{position:relative}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>smoothly-icon.sc-smoothly-input{cursor:pointer;display:flex;align-items:center;padding:0.5rem}.sc-smoothly-input-h>span.copyable.sc-smoothly-input:hover small.sc-smoothly-input,.sc-smoothly-input-h>span.copyable.sc-smoothly-input:focus small.sc-smoothly-input{display:block}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>small.sc-smoothly-input{display:none;width:max-content;border-radius:0.25rem;padding:0.2rem 0.3rem;position:absolute;right:-0.5rem;top:-2rem;background-color:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-tint))}`;const x=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLooks=o(this,"smoothlyInputLooks");this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyFormDisable=o(this,"smoothlyFormDisable");this.smoothlyKeydown=o(this,"smoothlyKeydown");this.smoothlyBlur=o(this,"smoothlyBlur");this.smoothlyChange=o(this,"smoothlyChange");this.smoothlyInput=o(this,"smoothlyInput");this.smoothlyUserInput=o(this,"smoothlyUserInput");this.type="text";this.required=false;this.showLabel=true;this.disabled=false;this.readonly=false;this.invalid=false;this.copied=false;this.isDifferentFromInitial=false;this.uneditable=this.readonly;this.observer=h.Observer.create(this)}async getValue(){return this.stateHandler.getValue(this.state)}async setValue(t){if(this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,t)}}async setFocus(){var t;(t=this.inputElement)===null||t===void 0?void 0:t.focus()}async setSelection(t,s){if(this.inputElement){this.state=this.stateHandler.setSelection(this.inputElement,this.state,t,s<0?this.inputElement.value.length+s+1:s)}}async listen(t){this.observer.subscribe(t)}nameChange(t,s){a.formRename(this,s)}async register(){a.formAdd(this)}async unregister(){a.formRemove(this)}async clear(){if(!this.uneditable&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,undefined)}}async edit(t){!this.uneditable&&(this.readonly=!t)}async reset(){if(!this.uneditable&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,this.initialValue)}}async setInitialValue(){this.isDifferentFromInitial=false;this.initialValue=this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()})}async setCustomInitialValue(t){this.initialValue=t}async smoothlyInputLoadHandler(t){a.registerSubAction(this,t)}typeChange(){var t,s;switch(this.type){case"price":this.stateHandler=g.create("price",{currency:this.currency,toInteger:this.toInteger});break;case"integer":this.stateHandler=g.create("integer",{min:this.min,max:this.max,pad:this.pad});break;default:this.stateHandler=g.create(this.type,l());break}this.state=this.stateHandler.initialState((t=this.value)!==null&&t!==void 0?t:(s=this.state)===null||s===void 0?void 0:s.value,this.inputElement)}stateChange(){const t=this.stateHandler.getValue(this.state);this.isDifferentFromInitial=f.notEqual(this.initialValue,t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){const s=this.stateHandler.getValue(this.state);if(f.notEqual(s,t)&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,t);this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)})}}readonlyChange(){this.observer.publish()}componentWillLoad(){this.initialValue=this.value;this.typeChange();this.smoothlyInputLooks.emit(((t,s)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=s)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){if(this.inputElement){this.inputElement.value=this.state.value}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}onEvent(t){this.state=this.stateHandler.onInputEvent(t,this.state);if(t.type=="input"||t.defaultPrevented){this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}}copyText(t){if(t){navigator.clipboard.writeText(t);this.copied=true}}render(){var t,s,o,n,l,h,a,r,u,c;return i(e,{key:"dc56c8b63c3a0402640a20a811dae85468138f3b",class:{"has-value":((t=this.state)===null||t===void 0?void 0:t.value)!=undefined&&((s=this.state)===null||s===void 0?void 0:s.value)!=""},onclick:()=>{var t;return(t=this.inputElement)===null||t===void 0?void 0:t.focus()}},i("slot",{key:"f3372746df6932f07cea568a5f16d9bbdeef39cd",name:"start"}),i("div",{key:"1d50dc7ea1c62c4835af80ec08c708d2162452c5",class:"smoothly-input-container"},i("div",{key:"f562dd8ffdda755718f02c742e0b96bc1c823071",class:"guide"},i("div",{key:"1f02c40d673223061f83933a252caf01ccede774",class:"value"},(o=this.state)===null||o===void 0?void 0:o.value),i("div",{key:"12c0b824734da7fbd20de68ce033b0da60149ecf",class:"remainder"},(n=this.state)===null||n===void 0?void 0:n.remainder)),i("input",{key:"89ff5f54533362d8776d4f500c019aef7a951b58",ref:t=>this.inputElement=t,color:this.color,name:this.name,type:(l=this.state)===null||l===void 0?void 0:l.type,inputmode:(h=this.state)===null||h===void 0?void 0:h.inputmode,placeholder:this.placeholder,required:this.required,autocomplete:(a=this.autocomplete)!==null&&a!==void 0?a:(r=this.state)===null||r===void 0?void 0:r.autocomplete,disabled:this.disabled,readOnly:this.readonly,pattern:((u=this.state)===null||u===void 0?void 0:u.pattern)&&((c=this.state)===null||c===void 0?void 0:c.pattern.source),onKeyDown:async t=>{this.state=this.stateHandler.onKeyDown(t,this.state);if(!this.readonly&&!this.disabled){this.smoothlyKeydown.emit(k.create(this.name,t))}},onFocus:t=>!this.readonly&&(this.state=this.stateHandler.onFocus(t,this.state)),onBlur:t=>{if(!this.readonly){const s=this.stateHandler.getValue(this.state);this.state=this.stateHandler.onBlur(t,this.state);this.smoothlyBlur.emit();this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)});if(f.notEqual(s,this.stateHandler.getValue(this.state))){this.smoothlyChange.emit({[this.name]:this.stateHandler.getValue(this.state)});this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}}}}),i("label",{key:"0773d2f8eac3c880558ed831dca5903f4da1f5aa",class:"label float-on-focus",htmlFor:this.name},i("slot",{key:"fbce8ed1251aa8b97937ee81ec4e07c36941de52"}))),this.copyable&&this.value&&i("span",{key:"a0ffe7c27427df173276dbedd1159d1a3428ec36",class:"copyable"},i("small",{key:"da9740e6bc386abe42a23d4e0d428a72da6ee4de"},this.copied?"Copied!":"Copy"),i("smoothly-icon",{key:"7b3eaa57b44c623c09a55ef143dd98fd90a6a660",name:"copy-outline",size:"small",onClick:()=>this.copyText(this.value),onMouseLeave:()=>this.copied=false})),i("smoothly-icon",{key:"b89c81c66a99efab0dcb5aa0f751c41c28723f64",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),i("slot",{key:"0f84b621e6860ab9b6477ee2a5aff5d0e099d1d9",name:"end"}))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],currency:[{typeChange:0}],type:[{typeChange:0}],state:[{stateChange:0}],value:[{valueChange:0}],disabled:[{readonlyChange:0}],readonly:[{readonlyChange:0}]}}static get style(){return w()}},[262,"smoothly-input",{color:[1537],looks:[1537],name:[513],value:[1032],type:[513],required:[516],showLabel:[516,"show-label"],autocomplete:[1],placeholder:[513],disabled:[516],readonly:[1540],toInteger:[4,"to-integer"],currency:[513],min:[2],max:[2],pad:[2],invalid:[516],errorMessage:[513,"error-message"],copyable:[516],right:[516],initialValue:[32],state:[32],copied:[32],getValue:[64],setValue:[64],setFocus:[64],setSelection:[64],listen:[64],register:[64],unregister:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64],setCustomInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"input","onEvent"],[0,"beforeinput","onEvent"]],{name:[{nameChange:0}],currency:[{typeChange:0}],type:[{typeChange:0}],state:[{stateChange:0}],value:[{valueChange:0}],disabled:[{readonlyChange:0}],readonly:[{readonlyChange:0}]}]);function C(){if(typeof customElements==="undefined"){return}const t=["smoothly-input","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-input":if(!customElements.get(n(t))){customElements.define(n(t),x)}break;case"smoothly-icon":if(!customElements.get(n(t))){b()}break}}))}C();export{x as S,C as d};
+//# sourceMappingURL=p-BWF43Ktc.js.map

package/dist/components/{p-CrnjoFOX.js → p-B_8v46jP.js}

@@ -1,2 +1,2 @@
-import{p as o,H as e,h as s,d as t,t as m}from"./p-BsZrGTcp.js";import{d as l}from"./p-CN3iME9d.js";import{d as a}from"./p-DG2pfnCV.js";import{d as r}from"./p-uFR5K4vd.js";import{d}from"./p-DvZK__s-.js";import{d as c}from"./p-F8qX8ZuL.js";import{d as i}from"./p-CGfga7g-.js";import{d as b}from"./p-CF7MePy1.js";import{d as p}from"./p-DvOr53No.js";import{d as y}from"./p-Cx_sM6Sy.js";import{d as f}from"./p-DO3QrEu1.js";import{d as n}from"./p-D57O7AkC.js";import{d as h}from"./p-BcV_X5mg.js";import{d as u}from"./p-DA4pyC19.js";import{d as j}from"./p-ewmy4_JT.js";import{d as k}from"./p-B2eJc1lR.js";import{d as E}from"./p-B7BXt5wC.js";import{d as g}from"./p-DY_crgmf.js";import{d as w}from"./p-C9_7A_n7.js";import{d as C}from"./p-XZAGPm4i.js";import{d as x}from"./p-B7y_cC4v.js";import{d as D}from"./p-DYvlD9aR.js";import{d as _}from"./p-DlkQKgfQ.js";import{d as v}from"./p-CceVYEd4.js";import{d as B}from"./p-CttQUOE5.js";const A=()=>`.sc-smoothly-table-demo-h{display:grid;gap:5rem;box-sizing:border-box;max-width:80rem;width:100%;margin:auto;padding:2rem}`;const G=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}}render(){return s(t,{key:"61b819ebc1b3602cf48e0d35f8df2067fd139604"},s("smoothly-table-demo-filler-row",{key:"2f088db0302743327648525060c7dea3f7576b66"}),s("smoothly-table-demo-group",{key:"9c76fe69c75d4dd11de6f506ecbe28cab9ba9f5c"}),s("smoothly-table-demo-colspan",{key:"e78177d0e46e4cbf899cc13b8fbf72540132d04a"}),s("smoothly-table-demo-simple",{key:"542544d59d3cd4878e4c9497d052e2bda926829b"}),s("smoothly-table-demo-nested-no-cell",{key:"0e258a2b1e018a3098397b548e8539bed9004ea4"}))}static get style(){return A()}},[2,"smoothly-table-demo"]);function O(){if(typeof customElements==="undefined"){return}const o=["smoothly-table-demo","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-lazy","smoothly-load-more","smoothly-spinner","smoothly-table","smoothly-table-body","smoothly-table-cell","smoothly-table-demo-colspan","smoothly-table-demo-filler-row","smoothly-table-demo-group","smoothly-table-demo-nested-no-cell","smoothly-table-demo-nested-no-cell-inner","smoothly-table-demo-simple","smoothly-table-expandable-cell","smoothly-table-expandable-row","smoothly-table-filler-row","smoothly-table-foot","smoothly-table-head","smoothly-table-row","smoothly-table-row-group"];o.forEach((o=>{switch(o){case"smoothly-table-demo":if(!customElements.get(m(o))){customElements.define(m(o),G)}break;case"smoothly-display":if(!customElements.get(m(o))){l()}break;case"smoothly-display-json":if(!customElements.get(m(o))){a()}break;case"smoothly-display-json-object":if(!customElements.get(m(o))){r()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(o))){d()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(o))){c()}break;case"smoothly-lazy":if(!customElements.get(m(o))){i()}break;case"smoothly-load-more":if(!customElements.get(m(o))){b()}break;case"smoothly-spinner":if(!customElements.get(m(o))){p()}break;case"smoothly-table":if(!customElements.get(m(o))){y()}break;case"smoothly-table-body":if(!customElements.get(m(o))){f()}break;case"smoothly-table-cell":if(!customElements.get(m(o))){n()}break;case"smoothly-table-demo-colspan":if(!customElements.get(m(o))){h()}break;case"smoothly-table-demo-filler-row":if(!customElements.get(m(o))){u()}break;case"smoothly-table-demo-group":if(!customElements.get(m(o))){j()}break;case"smoothly-table-demo-nested-no-cell":if(!customElements.get(m(o))){k()}break;case"smoothly-table-demo-nested-no-cell-inner":if(!customElements.get(m(o))){E()}break;case"smoothly-table-demo-simple":if(!customElements.get(m(o))){g()}break;case"smoothly-table-expandable-cell":if(!customElements.get(m(o))){w()}break;case"smoothly-table-expandable-row":if(!customElements.get(m(o))){C()}break;case"smoothly-table-filler-row":if(!customElements.get(m(o))){x()}break;case"smoothly-table-foot":if(!customElements.get(m(o))){D()}break;case"smoothly-table-head":if(!customElements.get(m(o))){_()}break;case"smoothly-table-row":if(!customElements.get(m(o))){v()}break;case"smoothly-table-row-group":if(!customElements.get(m(o))){B()}break}}))}O();export{G as S,O as d};
-//# sourceMappingURL=p-CrnjoFOX.js.map
+import{p as o,H as e,h as s,d as t,t as m}from"./p-BsZrGTcp.js";import{d as l}from"./p-CN3iME9d.js";import{d as a}from"./p-DG2pfnCV.js";import{d as r}from"./p-uFR5K4vd.js";import{d}from"./p-DvZK__s-.js";import{d as c}from"./p-F8qX8ZuL.js";import{d as i}from"./p-CcJJSSNp.js";import{d as b}from"./p-BMCHQuiC.js";import{d as p}from"./p-MWZzvkuh.js";import{d as y}from"./p-nBkQozv8.js";import{d as n}from"./p-ca1ZzpjQ.js";import{d as f}from"./p-CFSQhgLX.js";import{d as h}from"./p-Du3BErGp.js";import{d as u}from"./p-i49ZmE4D.js";import{d as k}from"./p-F7kTA33j.js";import{d as j}from"./p-B2_ScOnh.js";import{d as E}from"./p-DXFBAVrd.js";import{d as g}from"./p-DGKXbkuc.js";import{d as w}from"./p-6t4TTe9M.js";import{d as D}from"./p-BNCRANHq.js";import{d as x}from"./p-DWA8xW2u.js";import{d as v}from"./p-gELDTDod.js";import{d as B}from"./p-DDxHDn3A.js";import{d as C}from"./p-KvtHm4oA.js";import{d as z}from"./p-7Bkv44Kg.js";const A=()=>`.sc-smoothly-table-demo-h{display:grid;gap:5rem;box-sizing:border-box;max-width:80rem;width:100%;margin:auto;padding:2rem}`;const Z=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}}render(){return s(t,{key:"392f756a60ce9696d3751f3acadef93297c3e643"},s("smoothly-table-demo-filler-row",{key:"5661e2020b5c73c204c394b88de0265573092758"}),s("smoothly-table-demo-group",{key:"fe474555113d6507b02d6782184ea01d03a8a662"}),s("smoothly-table-demo-colspan",{key:"2bb99bf815f006ea91ce30c9c7a0d7cba544d002"}),s("smoothly-table-demo-simple",{key:"88c7fc4ac07e640aa0fe70e8bdb6102dcb98c357"}),s("smoothly-table-demo-nested-no-cell",{key:"deed98e8c8e2b7185ffdebf64076553323cb8019"}))}static get style(){return A()}},[2,"smoothly-table-demo"]);function F(){if(typeof customElements==="undefined"){return}const o=["smoothly-table-demo","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-lazy","smoothly-load-more","smoothly-spinner","smoothly-table","smoothly-table-body","smoothly-table-cell","smoothly-table-demo-colspan","smoothly-table-demo-filler-row","smoothly-table-demo-group","smoothly-table-demo-nested-no-cell","smoothly-table-demo-nested-no-cell-inner","smoothly-table-demo-simple","smoothly-table-expandable-cell","smoothly-table-expandable-row","smoothly-table-filler-row","smoothly-table-foot","smoothly-table-head","smoothly-table-row","smoothly-table-row-group"];o.forEach((o=>{switch(o){case"smoothly-table-demo":if(!customElements.get(m(o))){customElements.define(m(o),Z)}break;case"smoothly-display":if(!customElements.get(m(o))){l()}break;case"smoothly-display-json":if(!customElements.get(m(o))){a()}break;case"smoothly-display-json-object":if(!customElements.get(m(o))){r()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(o))){d()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(o))){c()}break;case"smoothly-lazy":if(!customElements.get(m(o))){i()}break;case"smoothly-load-more":if(!customElements.get(m(o))){b()}break;case"smoothly-spinner":if(!customElements.get(m(o))){p()}break;case"smoothly-table":if(!customElements.get(m(o))){y()}break;case"smoothly-table-body":if(!customElements.get(m(o))){n()}break;case"smoothly-table-cell":if(!customElements.get(m(o))){f()}break;case"smoothly-table-demo-colspan":if(!customElements.get(m(o))){h()}break;case"smoothly-table-demo-filler-row":if(!customElements.get(m(o))){u()}break;case"smoothly-table-demo-group":if(!customElements.get(m(o))){k()}break;case"smoothly-table-demo-nested-no-cell":if(!customElements.get(m(o))){j()}break;case"smoothly-table-demo-nested-no-cell-inner":if(!customElements.get(m(o))){E()}break;case"smoothly-table-demo-simple":if(!customElements.get(m(o))){g()}break;case"smoothly-table-expandable-cell":if(!customElements.get(m(o))){w()}break;case"smoothly-table-expandable-row":if(!customElements.get(m(o))){D()}break;case"smoothly-table-filler-row":if(!customElements.get(m(o))){x()}break;case"smoothly-table-foot":if(!customElements.get(m(o))){v()}break;case"smoothly-table-head":if(!customElements.get(m(o))){B()}break;case"smoothly-table-row":if(!customElements.get(m(o))){C()}break;case"smoothly-table-row-group":if(!customElements.get(m(o))){z()}break}}))}F();export{Z as S,F as d};
+//# sourceMappingURL=p-B_8v46jP.js.map

package/dist/components/{p--44NQk1v.js → p-BaA80q8p.js}

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as o,t as s}from"./p-BsZrGTcp.js";import{d as r}from"./p-0Oak1FtC.js";import{d as m}from"./p-BnYCDLp0.js";const c=()=>`.sc-smoothly-theme-colors-h{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:1rem;column-gap:0.5rem;width:fit-content}`;const l=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}}render(){return["primary","secondary","tertiary","success","warning","danger","light","medium","dark","default"].map((t=>o("smoothly-theme-color",{color:t})))}static get style(){return c()}},[2,"smoothly-theme-colors"]);function a(){if(typeof customElements==="undefined"){return}const t=["smoothly-theme-colors","smoothly-theme-color","smoothly-theme-color-variant"];t.forEach((t=>{switch(t){case"smoothly-theme-colors":if(!customElements.get(s(t))){customElements.define(s(t),l)}break;case"smoothly-theme-color":if(!customElements.get(s(t))){r()}break;case"smoothly-theme-color-variant":if(!customElements.get(s(t))){m()}break}}))}a();export{l as S,a as d};
-//# sourceMappingURL=p--44NQk1v.js.map
+import{p as t,H as e,h as o,t as s}from"./p-BsZrGTcp.js";import{d as r}from"./p-BmOu5krL.js";import{d as m}from"./p-BnYCDLp0.js";const c=()=>`.sc-smoothly-theme-colors-h{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:1rem;column-gap:0.5rem;width:fit-content}`;const l=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}}render(){return["primary","secondary","tertiary","success","warning","danger","light","medium","dark","default"].map((t=>o("smoothly-theme-color",{color:t})))}static get style(){return c()}},[2,"smoothly-theme-colors"]);function a(){if(typeof customElements==="undefined"){return}const t=["smoothly-theme-colors","smoothly-theme-color","smoothly-theme-color-variant"];t.forEach((t=>{switch(t){case"smoothly-theme-colors":if(!customElements.get(s(t))){customElements.define(s(t),l)}break;case"smoothly-theme-color":if(!customElements.get(s(t))){r()}break;case"smoothly-theme-color-variant":if(!customElements.get(s(t))){m()}break}}))}a();export{l as S,a as d};
+//# sourceMappingURL=p-BaA80q8p.js.map

package/dist/components/p-Bdn7S2FK.js

@@ -0,0 +1,2 @@
+import{p as t,H as o,c as i,h as s,d as e,t as c}from"./p-BsZrGTcp.js";import{d as n}from"./p-DFSiKg4M.js";import{d as a}from"./p-BCX9Z_Id.js";const l=()=>`.sc-smoothly-notification-h{display:block;position:relative;min-width:min(calc(100% - 1rem), 30rem);min-height:3rem;border-radius:5px;margin:0.5rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification,.sc-smoothly-notification-h>span.clean.sc-smoothly-notification{display:flex;justify-content:center;align-self:center}.sc-smoothly-notification-h>span.sc-smoothly-notification{margin-inline:1rem 2rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification{display:flex;width:100%;justify-content:center}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>p.sc-smoothly-notification{padding-right:1em}.sc-smoothly-notification-h>span.sc-smoothly-notification>p.sc-smoothly-notification{text-align:left}[hidden].sc-smoothly-notification-h{display:none}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification{margin:0 0.5rem}.sc-smoothly-notification-h>smoothly-trigger.sc-smoothly-notification{--smoothly-icon-size:1.6rem;position:absolute;right:0}`;const r=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.remove=i(this,"remove");this.closable=true;this.tick={};this.listener=t=>{if(t.state=="closed"){this.remove.emit(t)}else{this.tick={}}}}get properties(){let t;switch(this.notice.state){case"delayed":case"warning":t=["warning","warning-outline"];break;case"success":t=["success","checkmark-circle"];break;case"executing":t=["light","hourglass-outline"];break;case"failed":t=["danger","alert-circle"];break;default:t=["light",undefined];break}return t}onTrigger(t){if(t.detail.name=="close"){t.stopPropagation();this.notice.close()}}onUpdatedNotice(t,o){if(o){o.unlisten(this.listener)}t.listen(this.listener)}componentDidLoad(){this.onUpdatedNotice(this.notice)}render(){return s(e,{key:"e2385684cbe97b13c8015dd0a991bb202ca2683c",color:this.properties[0],fill:"solid"},this.closable&&s("smoothly-trigger",{key:"fff9263c900dd2e8b572288371994572ec12229b",fill:"clear",name:"close"},s("smoothly-icon",{key:"2d090ca0063ea0c8decbfaea13fb4839cc790ddf",name:"close-circle-outline"})),s("span",{key:"3b0c67031c982f1bfa3d34a42c674e9eb3500fe2",class:this.icon?"icon":"clean"},this.icon&&s("smoothly-icon",{key:"f8e0c9c2174f56662f44a04b5d83c7b59d5000fc",name:this.properties[1]}),s("p",{key:"4d7abf1d375b3b81e0af90ac5fe9dc72d234f770"},this.notice.message)))}static get watchers(){return{notice:[{onUpdatedNotice:0}]}}static get style(){return l()}},[2,"smoothly-notification",{notice:[16],closable:[4],icon:[4],tick:[32]},[[0,"trigger","onTrigger"]],{notice:[{onUpdatedNotice:0}]}]);function h(){if(typeof customElements==="undefined"){return}const t=["smoothly-notification","smoothly-icon","smoothly-trigger"];t.forEach((t=>{switch(t){case"smoothly-notification":if(!customElements.get(c(t))){customElements.define(c(t),r)}break;case"smoothly-icon":if(!customElements.get(c(t))){n()}break;case"smoothly-trigger":if(!customElements.get(c(t))){a()}break}}))}h();export{r as N,h as d};
+//# sourceMappingURL=p-Bdn7S2FK.js.map

package/dist/components/{p-B1VLjp0y.js → p-BeMfiXqA.js}

@@ -1,2 +1,2 @@
-import{p as o,H as s,h as t,d as e,t as m}from"./p-BsZrGTcp.js";import{d as a}from"./p-CN3iME9d.js";import{d as r}from"./p-DG2pfnCV.js";import{d as l}from"./p-uFR5K4vd.js";import{d as i}from"./p-DvZK__s-.js";import{d as c}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DFSiKg4M.js";import{d as n}from"./p-o8kM0Soe.js";import{d as y}from"./p-CaQWZMN4.js";import{d}from"./p-PwCtk_DY.js";import{d as f}from"./p-BsHachOX.js";const u=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}}render(){return t(e,{key:"9ad04e1aa481ec3ad05d6487a25ab69202d2a8bf"},t("h2",{key:"cc47b241d3bb3e43752a3b0ec2e72144b2955bfa"},"Color"),t("smoothly-input-color",{key:"db081098c0eb29a73c9a708df96b48fd77425796",name:"color"},"Choose color"))}static get style(){return`style.css`}},[0,"smoothly-input-color-demo"]);function h(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-color-demo","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-color","smoothly-input-range","smoothly-toggle-switch"];o.forEach((o=>{switch(o){case"smoothly-input-color-demo":if(!customElements.get(m(o))){customElements.define(m(o),u)}break;case"smoothly-display":if(!customElements.get(m(o))){a()}break;case"smoothly-display-json":if(!customElements.get(m(o))){r()}break;case"smoothly-display-json-object":if(!customElements.get(m(o))){l()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(o))){i()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(o))){c()}break;case"smoothly-icon":if(!customElements.get(m(o))){p()}break;case"smoothly-input":if(!customElements.get(m(o))){n()}break;case"smoothly-input-color":if(!customElements.get(m(o))){y()}break;case"smoothly-input-range":if(!customElements.get(m(o))){d()}break;case"smoothly-toggle-switch":if(!customElements.get(m(o))){f()}break}}))}h();export{u as S,h as d};
-//# sourceMappingURL=p-B1VLjp0y.js.map
+import{p as o,H as s,h as t,d as e,t as m}from"./p-BsZrGTcp.js";import{d as a}from"./p-CN3iME9d.js";import{d as r}from"./p-DG2pfnCV.js";import{d as l}from"./p-uFR5K4vd.js";import{d as i}from"./p-DvZK__s-.js";import{d as c}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DFSiKg4M.js";import{d as n}from"./p-BWF43Ktc.js";import{d as y}from"./p-BkrgS2Eo.js";import{d}from"./p-WyNQ9SZM.js";import{d as f}from"./p-D6t9mpY2.js";const u=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}}render(){return t(e,{key:"9ad04e1aa481ec3ad05d6487a25ab69202d2a8bf"},t("h2",{key:"cc47b241d3bb3e43752a3b0ec2e72144b2955bfa"},"Color"),t("smoothly-input-color",{key:"db081098c0eb29a73c9a708df96b48fd77425796",name:"color"},"Choose color"))}static get style(){return`style.css`}},[0,"smoothly-input-color-demo"]);function h(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-color-demo","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-color","smoothly-input-range","smoothly-toggle-switch"];o.forEach((o=>{switch(o){case"smoothly-input-color-demo":if(!customElements.get(m(o))){customElements.define(m(o),u)}break;case"smoothly-display":if(!customElements.get(m(o))){a()}break;case"smoothly-display-json":if(!customElements.get(m(o))){r()}break;case"smoothly-display-json-object":if(!customElements.get(m(o))){l()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(o))){i()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(o))){c()}break;case"smoothly-icon":if(!customElements.get(m(o))){p()}break;case"smoothly-input":if(!customElements.get(m(o))){n()}break;case"smoothly-input-color":if(!customElements.get(m(o))){y()}break;case"smoothly-input-range":if(!customElements.get(m(o))){d()}break;case"smoothly-toggle-switch":if(!customElements.get(m(o))){f()}break}}))}h();export{u as S,h as d};
+//# sourceMappingURL=p-BeMfiXqA.js.map

package/dist/components/{p-MduEqLch.js → p-BiRi-ZIu.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,h as t,d as s,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{d as i}from"./p-mmAi00ak.js";import{d as n}from"./p-Cl8L61mt.js";import{d as l}from"./p-vvQg46ti.js";import{d as r}from"./p-DFSiKg4M.js";import{d as c}from"./p-o8kM0Soe.js";import{d}from"./p-DLgeylX5.js";import{d as f}from"./p-MqffyRVU.js";import{d as u}from"./p-C22G-tNF.js";import{d as p}from"./p-BplZiuMF.js";import{d as y}from"./p-BLdivqFr.js";import{d as h}from"./p-CVdJ19AA.js";import{d as b}from"./p-DvOr53No.js";const k=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.name="Initial name";this.currency="EUR";this.date=a.Date.now();this.currencies=["GBP","SEK","EUR","USD"]}nameChanged(e,o){console.log(`updated name from '${o}' to '${e}'`)}async submitHandler(e){e.stopPropagation();console.log("Received event. Processing...",e.detail);if(!(typeof e.detail.value.name=="string")){console.error("Bad input. Resolving false.")}else if(!(typeof e.detail.value.date=="string")){console.error("Bad input. Resolving false.")}else if(!a.Currency.is(e.detail.value.currency)){console.error("Bad input. Resolving false.")}else{await new Promise((e=>window.setTimeout(e,1e3)));this.name=e.detail.value.name;this.date=e.detail.value.date;this.currency=e.detail.value.currency;console.log("Finished processing successfully. Resolving true.");e.detail.result(true)}e.detail.result(false)}render(){return t(s,{key:"1061bb8a73e16641920a69ed39c2861e1181cfeb"},t("h2",{key:"2cda89170ac80504da7efbde49166b1bbdab7ec4"},"Controlled"),t("smoothly-form",{key:"a31ac6ae0da84799c93e0027bb209d151594b6c3",readonly:true,looks:"grid",onSmoothlyFormSubmit:e=>this.submitHandler(e)},t("smoothly-input",{key:"8a5ebd13b22a4b98b427f3090be3415738d29111",type:"text",name:"name",value:this.name},"Name"),t("smoothly-input-select",{key:"6c5209dc75ed440b3f42ba06585c3ad056ad09bc",name:"currency"},t("span",{key:"6d756e50b45c999a90ef1aafc1020d13d8720269",slot:"label"},"Currency"),this.currencies.map((e=>t("smoothly-item",{selected:e==this.currency,value:e},e)))),t("smoothly-input",{key:"b1f7dc38934053c148836e5b5d91accd819a4a5d"},"Dummy"),t("smoothly-input-month",{key:"e8e1765d0ba064787b14bc1a339ac64dca884fab",name:"date",value:this.date,next:true,previous:true},t("span",{key:"983f2faab5366f2658f80d2e4f8861df083e0dfe",slot:"year-label"},"Year"),t("span",{key:"a5ee74e1293e85da358c248aa272613948236166",slot:"month-label"},"Month")),t("smoothly-input-edit",{key:"f49c8c23ce5612594a96895cd7d690fac88421e9",slot:"edit",size:"icon",color:"primary",fill:"default"}),t("smoothly-input-reset",{key:"28ea077e4c88330a476849a178b74abe55658740",slot:"reset",size:"icon",color:"warning",fill:"default"}),t("smoothly-input-submit",{key:"13b11813f5d9521d04c14b847d4aac6db9ff4a10",slot:"submit",size:"icon",color:"success"})))}static get watchers(){return{name:[{nameChanged:0}]}}},[2,"smoothly-form-demo-controlled",{name:[32],currency:[32],date:[32]},undefined,{name:[{nameChanged:0}]}]);function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-controlled","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-edit","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-controlled":if(!customElements.get(m(e))){customElements.define(m(e),k)}break;case"smoothly-button":if(!customElements.get(m(e))){i()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){n()}break;case"smoothly-form":if(!customElements.get(m(e))){l()}break;case"smoothly-icon":if(!customElements.get(m(e))){r()}break;case"smoothly-input":if(!customElements.get(m(e))){c()}break;case"smoothly-input-edit":if(!customElements.get(m(e))){d()}break;case"smoothly-input-month":if(!customElements.get(m(e))){f()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){u()}break;case"smoothly-input-select":if(!customElements.get(m(e))){p()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){y()}break;case"smoothly-item":if(!customElements.get(m(e))){h()}break;case"smoothly-spinner":if(!customElements.get(m(e))){b()}break}}))}E();export{k as S,E as d};
-//# sourceMappingURL=p-MduEqLch.js.map
+import{p as e,H as t,h as o,d as s,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{d as n}from"./p-mmAi00ak.js";import{d as i}from"./p-Cl8L61mt.js";import{d as l}from"./p-BLDkKrD6.js";import{d as c}from"./p-DFSiKg4M.js";import{d as r}from"./p-BWF43Ktc.js";import{d}from"./p-CXd0RCW9.js";import{d as f}from"./p-EqRJl32n.js";import{d as u}from"./p-CMhSJk_G.js";import{d as p}from"./p-DTo2Itg9.js";import{d as h}from"./p-C3bp3FF4.js";import{d as y}from"./p-DtGUtK97.js";import{d as b}from"./p-MWZzvkuh.js";const k=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.name="Initial name";this.currency="EUR";this.date=a.Date.now();this.currencies=["GBP","SEK","EUR","USD"]}nameChanged(e,t){console.log(`updated name from '${t}' to '${e}'`)}async submitHandler(e){e.stopPropagation();console.log("Received event. Processing...",e.detail);if(!(typeof e.detail.value.name=="string")){console.error("Bad input. Resolving false.")}else if(!(typeof e.detail.value.date=="string")){console.error("Bad input. Resolving false.")}else if(!a.Currency.is(e.detail.value.currency)){console.error("Bad input. Resolving false.")}else{await new Promise((e=>window.setTimeout(e,1e3)));this.name=e.detail.value.name;this.date=e.detail.value.date;this.currency=e.detail.value.currency;console.log("Finished processing successfully. Resolving true.");e.detail.result(true)}e.detail.result(false)}render(){return o(s,{key:"1061bb8a73e16641920a69ed39c2861e1181cfeb"},o("h2",{key:"2cda89170ac80504da7efbde49166b1bbdab7ec4"},"Controlled"),o("smoothly-form",{key:"a31ac6ae0da84799c93e0027bb209d151594b6c3",readonly:true,looks:"grid",onSmoothlyFormSubmit:e=>this.submitHandler(e)},o("smoothly-input",{key:"8a5ebd13b22a4b98b427f3090be3415738d29111",type:"text",name:"name",value:this.name},"Name"),o("smoothly-input-select",{key:"6c5209dc75ed440b3f42ba06585c3ad056ad09bc",name:"currency"},o("span",{key:"6d756e50b45c999a90ef1aafc1020d13d8720269",slot:"label"},"Currency"),this.currencies.map((e=>o("smoothly-item",{selected:e==this.currency,value:e},e)))),o("smoothly-input",{key:"b1f7dc38934053c148836e5b5d91accd819a4a5d"},"Dummy"),o("smoothly-input-month",{key:"e8e1765d0ba064787b14bc1a339ac64dca884fab",name:"date",value:this.date,next:true,previous:true},o("span",{key:"983f2faab5366f2658f80d2e4f8861df083e0dfe",slot:"year-label"},"Year"),o("span",{key:"a5ee74e1293e85da358c248aa272613948236166",slot:"month-label"},"Month")),o("smoothly-input-edit",{key:"f49c8c23ce5612594a96895cd7d690fac88421e9",slot:"edit",size:"icon",color:"primary",fill:"default"}),o("smoothly-input-reset",{key:"28ea077e4c88330a476849a178b74abe55658740",slot:"reset",size:"icon",color:"warning",fill:"default"}),o("smoothly-input-submit",{key:"13b11813f5d9521d04c14b847d4aac6db9ff4a10",slot:"submit",size:"icon",color:"success"})))}static get watchers(){return{name:[{nameChanged:0}]}}},[2,"smoothly-form-demo-controlled",{name:[32],currency:[32],date:[32]},undefined,{name:[{nameChanged:0}]}]);function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-controlled","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-edit","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-controlled":if(!customElements.get(m(e))){customElements.define(m(e),k)}break;case"smoothly-button":if(!customElements.get(m(e))){n()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){i()}break;case"smoothly-form":if(!customElements.get(m(e))){l()}break;case"smoothly-icon":if(!customElements.get(m(e))){c()}break;case"smoothly-input":if(!customElements.get(m(e))){r()}break;case"smoothly-input-edit":if(!customElements.get(m(e))){d()}break;case"smoothly-input-month":if(!customElements.get(m(e))){f()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){u()}break;case"smoothly-input-select":if(!customElements.get(m(e))){p()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){h()}break;case"smoothly-item":if(!customElements.get(m(e))){y()}break;case"smoothly-spinner":if(!customElements.get(m(e))){b()}break}}))}E();export{k as S,E as d};
+//# sourceMappingURL=p-BiRi-ZIu.js.map

package/dist/components/{p-CaQWZMN4.js → p-BkrgS2Eo.js}

@@ -1,2 +1,2 @@
-import{p as o,H as t,c as s,h as l,d as i,t as r}from"./p-BsZrGTcp.js";import{C as n}from"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{E as e}from"./p-iQDU7l2c.js";import{I as h}from"./p-vvQg46ti.js";import{d as c}from"./p-CN3iME9d.js";import{d as a}from"./p-DG2pfnCV.js";import{d as u}from"./p-uFR5K4vd.js";import{d}from"./p-DvZK__s-.js";import{d as m}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DFSiKg4M.js";import{d as y}from"./p-o8kM0Soe.js";import{d as b}from"./p-PwCtk_DY.js";import{d as g}from"./p-BsHachOX.js";const v=()=>`.sc-smoothly-input-color-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-color-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-color-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-color-h,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background-color:transparent}[looks="transparent"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-color-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-color-h .label.sc-smoothly-input-color{transform-origin:top right}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.floating-label.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-value.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-text.sc-smoothly-input-color-h .label.sc-smoothly-input-color,[placeholder].sc-smoothly-input-color-h .label.sc-smoothly-input-color,[readonly].sc-smoothly-input-color-h .label.sc-smoothly-input-color,.sc-smoothly-input-color-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-color{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-color-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h smoothly-icon.smoothly-invalid.sc-smoothly-input-color{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-color-h{display:flex;position:relative;background-color:rgb(var(--smoothly-input-background));align-items:center;justify-content:center}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%;--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color,[disabled].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h:not([readonly]):not([disabled]) smoothly-icon[name=options-outline].sc-smoothly-input-color{cursor:pointer}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1rem 0 1rem 2.5rem;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:20;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:"";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}`;const f=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=e.Observer.create(this);this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined;this.readonly=false;this.output="rgb";this.showLabel=true;this.open=false;this.sliderMode="rgb"}async componentWillLoad(){this.value&&this.setInitialValue();this.value&&(this.rgb=n.Hex.toRGB(this.value));this.smoothlyInputLooks.emit(((o,t)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:o,this.color=t}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((o=>this.parent=o));!this.readonly&&this.smoothlyFormDisable.emit((o=>this.readonly=o))}smoothlyInputLooksHandler(o){if(o.target!=this.element){o.stopPropagation()}}smoothlyInputLoadHandler(o){h.registerSubAction(this,o)}onWindowClick(o){!o.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(o,t){h.formRename(this,t)}watchingReadonly(){this.observer.publish()}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){return this.output==="rgb"?{r:this.rgb.r===undefined?undefined:Math.round(this.rgb.r),g:this.rgb.g===undefined?undefined:Math.round(this.rgb.g),b:this.rgb.b===undefined?undefined:Math.round(this.rgb.b)}:this.value?this.value:undefined}async clear(){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined}async listen(o){this.observer.subscribe(o)}async edit(o){this.readonly=!o;this.open=false}async reset(){this.value=this.initialValue;this.open=false}async setInitialValue(){this.initialValue=this.value;this.open=false}async valueChanged(){this.isDifferentFromInitial=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}handleSwitchMode(o){o.stopPropagation();this.sliderMode=o.detail?"hsl":"rgb";if(this.sliderMode==="rgb"){this.value&&(this.rgb=n.Hex.toRGB(this.value))}else{this.value&&(this.hsl=n.RGB.toHSL(n.Hex.toRGB(this.value)))}}async hexInputHandler(o){if(o!==this.value){if(o&&n.Hex.type.is(o)){if(this.sliderMode==="hsl"||this.rgb.r===undefined){this.rgb=n.Hex.toRGB(o)}if(this.sliderMode==="rgb"||this.hsl.h===undefined){this.hsl=n.RGB.toHSL(n.Hex.toRGB(o))}}else if(!o||!n.Hex.type.is(o)){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined}}this.value=o;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}sliderInputHandler(o){var t;o.stopPropagation();const s=Object.keys(o.detail)[0];let l=this.sliderMode==="rgb"?this.rgb:this.hsl;if(!(o.detail[s]===undefined)){for(const i of Object.keys(l)){if(i===s){l=Object.assign(Object.assign({},l),{[i]:i==="s"||i==="l"?+((t=o.detail[s])!==null&&t!==void 0?t:0)*100:o.detail[s]})}else if(l[i]===undefined){l=Object.assign(Object.assign({},l),{[i]:0})}}if(this.sliderMode==="rgb"){this.rgb=Object.assign({},l);this.hsl=n.RGB.toHSL(this.rgb);this.hexInputHandler(n.RGB.toHex(this.rgb))}else{this.hsl=Object.assign({},l);this.rgb=n.HSL.toRGB(this.hsl);this.hexInputHandler(n.RGB.toHex(n.HSL.toRGB(this.hsl)))}}}openDropdown(){this.open=!this.open}render(){var o,t,s,r,n,e;return l(i,{key:"4db4d9329eaee9cad54871a66e4ea406e04a5b92",style:{"--hexCode":this.value,"--rgb-r":`${Math.round((o=this.rgb.r)!==null&&o!==void 0?o:0)}`,"--rgb-g":`${Math.round((t=this.rgb.g)!==null&&t!==void 0?t:0)}`,"--rgb-b":`${Math.round((s=this.rgb.b)!==null&&s!==void 0?s:0)}`,"--hsl-h":`${Math.round((r=this.hsl.h)!==null&&r!==void 0?r:0)}`,"--hsl-s":`${Math.round((n=this.hsl.s)!==null&&n!==void 0?n:0)}%`,"--hsl-l":`${Math.round((e=this.hsl.l)!==null&&e!==void 0?e:0)}%`,"--element-height":`${this.element.clientHeight}px`}},l("smoothly-input",{key:"d3fe0aeedcd45bacc1d38e75d7d5e97be3992a34",value:this.value,color:this.color,looks:undefined,name:this.name,type:"hex-color",readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel,onSmoothlyInput:o=>(o===null||o===void 0?void 0:o.stopPropagation(),this.hexInputHandler(o.detail[this.name]))},l("slot",{key:"77f78c79097fc43d15b453044170290e25c1bfc2"})),l("div",{key:"f8c144c3cfdc9ef249c941f492b009030eb97dda",class:"color-sample"}),l("smoothly-icon",{key:"8d29d95ef7cbc08cdf429088e9f005a02544ecad",color:this.color,name:"options-outline",size:"small",onClick:()=>!this.readonly&&!this.disabled&&this.openDropdown()}),l("div",{key:"8efce2fd4ca6fbde9968bddd60b54cb6e097091e"},l("slot",{key:"fd99776b1a150dd549d69e013124308ab6d2f16f",name:"end"})),this.open&&!this.readonly&&!this.disabled&&l("div",{key:"67b8c3fb973292a65257eedb64ac7a01044843d2",class:"rgb-sliders"},l("smoothly-toggle-switch",{key:"f576c2ce5b277209b94c8560e559299c715ea1e1",title:`${this.sliderMode==="rgb"?"To HSL":"To RGB"}`,onSmoothlyToggleSwitchChange:o=>this.handleSwitchMode(o),size:"tiny",checkmark:false,selected:this.sliderMode==="hsl"}),Object.entries(this.rgb).map((([o,t])=>l("smoothly-input-range",{style:this.sliderMode!="rgb"?{display:"none"}:{},name:o,min:0,max:255,color:undefined,type:"text",value:t,step:1,outputSide:"right",onSmoothlyInput:o=>this.sliderInputHandler(o),onSmoothlyUserInput:o=>o.stopPropagation(),label:o.toUpperCase()}))),Object.entries(this.hsl).map((([o,t])=>l("smoothly-input-range",{style:this.sliderMode!="hsl"?{display:"none"}:{},name:o,min:0,max:o==="h"?359:1,color:undefined,type:o==="s"||o==="l"?"percent":"text",value:(o==="s"||o==="l")&&t?t/100:t,step:o==="s"||o==="l"?.01:1,outputSide:"right",onSmoothlyInput:o=>this.sliderInputHandler(o),onSmoothlyUserInput:o=>o.stopPropagation(),label:o.toUpperCase()})))))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],value:[{valueChanged:0}]}}static get style(){return v()}},[262,"smoothly-input-color",{value:[1025],looks:[1537],color:[1537],readonly:[1540],disabled:[516],output:[1],name:[513],showLabel:[516,"show-label"],open:[32],sliderMode:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{name:[{nameChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],value:[{valueChanged:0}]}]);function k(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-color","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-range","smoothly-toggle-switch"];o.forEach((o=>{switch(o){case"smoothly-input-color":if(!customElements.get(r(o))){customElements.define(r(o),f)}break;case"smoothly-display":if(!customElements.get(r(o))){c()}break;case"smoothly-display-json":if(!customElements.get(r(o))){a()}break;case"smoothly-display-json-object":if(!customElements.get(r(o))){u()}break;case"smoothly-display-json-primitive":if(!customElements.get(r(o))){d()}break;case"smoothly-display-json-record-key":if(!customElements.get(r(o))){m()}break;case"smoothly-icon":if(!customElements.get(r(o))){p()}break;case"smoothly-input":if(!customElements.get(r(o))){y()}break;case"smoothly-input-range":if(!customElements.get(r(o))){b()}break;case"smoothly-toggle-switch":if(!customElements.get(r(o))){g()}break}}))}k();export{f as S,k as d};
-//# sourceMappingURL=p-CaQWZMN4.js.map
+import{p as o,H as t,c as s,h as l,d as i,t as r}from"./p-BsZrGTcp.js";import{C as n}from"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{E as e}from"./p-iQDU7l2c.js";import{I as h}from"./p-BLDkKrD6.js";import{d as c}from"./p-CN3iME9d.js";import{d as a}from"./p-DG2pfnCV.js";import{d as u}from"./p-uFR5K4vd.js";import{d}from"./p-DvZK__s-.js";import{d as m}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DFSiKg4M.js";import{d as y}from"./p-BWF43Ktc.js";import{d as b}from"./p-WyNQ9SZM.js";import{d as g}from"./p-D6t9mpY2.js";const v=()=>`.sc-smoothly-input-color-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-color-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-color-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-color-h,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background-color:transparent}[looks="transparent"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-color-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-color-h .label.sc-smoothly-input-color{transform-origin:top right}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.floating-label.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-value.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-text.sc-smoothly-input-color-h .label.sc-smoothly-input-color,[placeholder].sc-smoothly-input-color-h .label.sc-smoothly-input-color,[readonly].sc-smoothly-input-color-h .label.sc-smoothly-input-color,.sc-smoothly-input-color-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-color{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-color-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h smoothly-icon.smoothly-invalid.sc-smoothly-input-color{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-color-h{display:flex;position:relative;background-color:rgb(var(--smoothly-input-background));align-items:center;justify-content:center}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%;--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color,[disabled].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h:not([readonly]):not([disabled]) smoothly-icon[name=options-outline].sc-smoothly-input-color{cursor:pointer}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1rem 0 1rem 2.5rem;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:20;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:"";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}`;const f=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=e.Observer.create(this);this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined;this.readonly=false;this.output="rgb";this.showLabel=true;this.open=false;this.sliderMode="rgb"}async componentWillLoad(){this.value&&this.setInitialValue();this.value&&(this.rgb=n.Hex.toRGB(this.value));this.smoothlyInputLooks.emit(((o,t)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:o,this.color=t}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((o=>this.parent=o));!this.readonly&&this.smoothlyFormDisable.emit((o=>this.readonly=o))}smoothlyInputLooksHandler(o){if(o.target!=this.element){o.stopPropagation()}}smoothlyInputLoadHandler(o){h.registerSubAction(this,o)}onWindowClick(o){!o.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(o,t){h.formRename(this,t)}watchingReadonly(){this.observer.publish()}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){return this.output==="rgb"?{r:this.rgb.r===undefined?undefined:Math.round(this.rgb.r),g:this.rgb.g===undefined?undefined:Math.round(this.rgb.g),b:this.rgb.b===undefined?undefined:Math.round(this.rgb.b)}:this.value?this.value:undefined}async clear(){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined}async listen(o){this.observer.subscribe(o)}async edit(o){this.readonly=!o;this.open=false}async reset(){this.value=this.initialValue;this.open=false}async setInitialValue(){this.initialValue=this.value;this.open=false}async valueChanged(){this.isDifferentFromInitial=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}handleSwitchMode(o){o.stopPropagation();this.sliderMode=o.detail?"hsl":"rgb";if(this.sliderMode==="rgb"){this.value&&(this.rgb=n.Hex.toRGB(this.value))}else{this.value&&(this.hsl=n.RGB.toHSL(n.Hex.toRGB(this.value)))}}async hexInputHandler(o){if(o!==this.value){if(o&&n.Hex.type.is(o)){if(this.sliderMode==="hsl"||this.rgb.r===undefined){this.rgb=n.Hex.toRGB(o)}if(this.sliderMode==="rgb"||this.hsl.h===undefined){this.hsl=n.RGB.toHSL(n.Hex.toRGB(o))}}else if(!o||!n.Hex.type.is(o)){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined}}this.value=o;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}sliderInputHandler(o){var t;o.stopPropagation();const s=Object.keys(o.detail)[0];let l=this.sliderMode==="rgb"?this.rgb:this.hsl;if(!(o.detail[s]===undefined)){for(const i of Object.keys(l)){if(i===s){l=Object.assign(Object.assign({},l),{[i]:i==="s"||i==="l"?+((t=o.detail[s])!==null&&t!==void 0?t:0)*100:o.detail[s]})}else if(l[i]===undefined){l=Object.assign(Object.assign({},l),{[i]:0})}}if(this.sliderMode==="rgb"){this.rgb=Object.assign({},l);this.hsl=n.RGB.toHSL(this.rgb);this.hexInputHandler(n.RGB.toHex(this.rgb))}else{this.hsl=Object.assign({},l);this.rgb=n.HSL.toRGB(this.hsl);this.hexInputHandler(n.RGB.toHex(n.HSL.toRGB(this.hsl)))}}}openDropdown(){this.open=!this.open}render(){var o,t,s,r,n,e;return l(i,{key:"4db4d9329eaee9cad54871a66e4ea406e04a5b92",style:{"--hexCode":this.value,"--rgb-r":`${Math.round((o=this.rgb.r)!==null&&o!==void 0?o:0)}`,"--rgb-g":`${Math.round((t=this.rgb.g)!==null&&t!==void 0?t:0)}`,"--rgb-b":`${Math.round((s=this.rgb.b)!==null&&s!==void 0?s:0)}`,"--hsl-h":`${Math.round((r=this.hsl.h)!==null&&r!==void 0?r:0)}`,"--hsl-s":`${Math.round((n=this.hsl.s)!==null&&n!==void 0?n:0)}%`,"--hsl-l":`${Math.round((e=this.hsl.l)!==null&&e!==void 0?e:0)}%`,"--element-height":`${this.element.clientHeight}px`}},l("smoothly-input",{key:"d3fe0aeedcd45bacc1d38e75d7d5e97be3992a34",value:this.value,color:this.color,looks:undefined,name:this.name,type:"hex-color",readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel,onSmoothlyInput:o=>(o===null||o===void 0?void 0:o.stopPropagation(),this.hexInputHandler(o.detail[this.name]))},l("slot",{key:"77f78c79097fc43d15b453044170290e25c1bfc2"})),l("div",{key:"f8c144c3cfdc9ef249c941f492b009030eb97dda",class:"color-sample"}),l("smoothly-icon",{key:"8d29d95ef7cbc08cdf429088e9f005a02544ecad",color:this.color,name:"options-outline",size:"small",onClick:()=>!this.readonly&&!this.disabled&&this.openDropdown()}),l("div",{key:"8efce2fd4ca6fbde9968bddd60b54cb6e097091e"},l("slot",{key:"fd99776b1a150dd549d69e013124308ab6d2f16f",name:"end"})),this.open&&!this.readonly&&!this.disabled&&l("div",{key:"67b8c3fb973292a65257eedb64ac7a01044843d2",class:"rgb-sliders"},l("smoothly-toggle-switch",{key:"f576c2ce5b277209b94c8560e559299c715ea1e1",title:`${this.sliderMode==="rgb"?"To HSL":"To RGB"}`,onSmoothlyToggleSwitchChange:o=>this.handleSwitchMode(o),size:"tiny",checkmark:false,selected:this.sliderMode==="hsl"}),Object.entries(this.rgb).map((([o,t])=>l("smoothly-input-range",{style:this.sliderMode!="rgb"?{display:"none"}:{},name:o,min:0,max:255,color:undefined,type:"text",value:t,step:1,outputSide:"right",onSmoothlyInput:o=>this.sliderInputHandler(o),onSmoothlyUserInput:o=>o.stopPropagation(),label:o.toUpperCase()}))),Object.entries(this.hsl).map((([o,t])=>l("smoothly-input-range",{style:this.sliderMode!="hsl"?{display:"none"}:{},name:o,min:0,max:o==="h"?359:1,color:undefined,type:o==="s"||o==="l"?"percent":"text",value:(o==="s"||o==="l")&&t?t/100:t,step:o==="s"||o==="l"?.01:1,outputSide:"right",onSmoothlyInput:o=>this.sliderInputHandler(o),onSmoothlyUserInput:o=>o.stopPropagation(),label:o.toUpperCase()})))))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],value:[{valueChanged:0}]}}static get style(){return v()}},[262,"smoothly-input-color",{value:[1025],looks:[1537],color:[1537],readonly:[1540],disabled:[516],output:[1],name:[513],showLabel:[516,"show-label"],open:[32],sliderMode:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{name:[{nameChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],value:[{valueChanged:0}]}]);function k(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-color","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-range","smoothly-toggle-switch"];o.forEach((o=>{switch(o){case"smoothly-input-color":if(!customElements.get(r(o))){customElements.define(r(o),f)}break;case"smoothly-display":if(!customElements.get(r(o))){c()}break;case"smoothly-display-json":if(!customElements.get(r(o))){a()}break;case"smoothly-display-json-object":if(!customElements.get(r(o))){u()}break;case"smoothly-display-json-primitive":if(!customElements.get(r(o))){d()}break;case"smoothly-display-json-record-key":if(!customElements.get(r(o))){m()}break;case"smoothly-icon":if(!customElements.get(r(o))){p()}break;case"smoothly-input":if(!customElements.get(r(o))){y()}break;case"smoothly-input-range":if(!customElements.get(r(o))){b()}break;case"smoothly-toggle-switch":if(!customElements.get(r(o))){g()}break}}))}k();export{f as S,k as d};
+//# sourceMappingURL=p-BkrgS2Eo.js.map

package/dist/components/{p-0Oak1FtC.js → p-BmOu5krL.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,h as e,d as s,t as r}from"./p-BsZrGTcp.js";import{d as c}from"./p-BnYCDLp0.js";const l=()=>`.sc-smoothly-theme-color-h{display:flex;flex-direction:column;align-items:center}.sc-smoothly-theme-color-h>.sc-smoothly-theme-color:first-child{margin-top:0.2rem}`;const m=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}}render(){return e(s,{key:"7050c1b8e61a45aed71762a2b1333b17a0dd89f6"},this.color,["tint","color","shade"].map((t=>e("smoothly-theme-color-variant",{title:`${this.color} ${t}`,color:this.color,variant:t}))))}static get style(){return l()}},[2,"smoothly-theme-color",{color:[1]}]);function a(){if(typeof customElements==="undefined"){return}const t=["smoothly-theme-color","smoothly-theme-color-variant"];t.forEach((t=>{switch(t){case"smoothly-theme-color":if(!customElements.get(r(t))){customElements.define(r(t),m)}break;case"smoothly-theme-color-variant":if(!customElements.get(r(t))){c()}break}}))}a();export{m as S,a as d};
-//# sourceMappingURL=p-0Oak1FtC.js.map
+import{p as t,H as o,h as e,d as s,t as r}from"./p-BsZrGTcp.js";import{d as c}from"./p-BnYCDLp0.js";const l=()=>`.sc-smoothly-theme-color-h{display:flex;flex-direction:column;align-items:center}.sc-smoothly-theme-color-h>.sc-smoothly-theme-color:first-child{margin-top:0.2rem}`;const m=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}}render(){return e(s,{key:"d0a540b220f6677f2789af7d5f837d8886a357d0"},this.color,["tint","color","shade"].map((t=>e("smoothly-theme-color-variant",{title:`${this.color} ${t}`,color:this.color,variant:t}))))}static get style(){return l()}},[2,"smoothly-theme-color",{color:[1]}]);function a(){if(typeof customElements==="undefined"){return}const t=["smoothly-theme-color","smoothly-theme-color-variant"];t.forEach((t=>{switch(t){case"smoothly-theme-color":if(!customElements.get(r(t))){customElements.define(r(t),m)}break;case"smoothly-theme-color-variant":if(!customElements.get(r(t))){c()}break}}))}a();export{m as S,a as d};
+//# sourceMappingURL=p-BmOu5krL.js.map

package/dist/components/{p-KZeR_6LG.js → p-Bp65xiCy.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as e,h as s,d as a,t as n}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{E as l}from"./p-iQDU7l2c.js";import{I as h}from"./p-vvQg46ti.js";import{d as r}from"./p-CHjWijPI.js";import{d}from"./p-BE5E3Jm6.js";import{d as m}from"./p-DFSiKg4M.js";import{d as c}from"./p-MqffyRVU.js";import{d as u}from"./p-BplZiuMF.js";import{d as p}from"./p-CVdJ19AA.js";const y=()=>`.sc-smoothly-input-date-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-range-h,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-range-h>input.sc-smoothly-input-date-range,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-range-h.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{transform-origin:top right}.sc-smoothly-input-date-range-h.floating-label.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.floating-label .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder] .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly] .sc-smoothly-input-date-range-s>[slot=label],.floating-label.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-value.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-text.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[placeholder].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[readonly].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-range{display:none}.sc-smoothly-input-date-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-range-h{position:relative;display:flex;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h [slot=start].sc-smoothly-input-date-range{align-self:center}.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{left:var(--input-padding-side)}.sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{white-space:pre}.sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side);display:none}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-placeholder.sc-smoothly-input-date-range{display:block;opacity:0.5}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-separator.sc-smoothly-input-date-range{visibility:hidden}.sc-smoothly-input-date-range-h smoothly-date-text.start-date-text.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side) 0}.sc-smoothly-input-date-range-h smoothly-date-text.end-date-text.sc-smoothly-input-date-range{margin-inline:0 var(--input-padding-side)}[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h smoothly-date-text.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-placeholder.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:auto}.sc-smoothly-input-date-range-h:not([readonly]){cursor:pointer}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));max-width:22rem;min-width:18rem}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range::before{content:"";position:absolute;top:-0.55rem;left:3rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h>.smoothly-date-range-input-part.sc-smoothly-input-date-range{display:flex;width:100%;background-color:var(--smoothly-input-background);border-radius:0.25rem;cursor:pointer}.sc-smoothly-input-date-range-h>span.smoothly-icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-range-h>.smoothly-icons.sc-smoothly-input-date-range>.smoothly-invalid.sc-smoothly-input-date-range{display:none;padding:0.5rem}[invalid].sc-smoothly-input-date-range-h>.smoothly-icons.sc-smoothly-input-date-range>.smoothly-invalid.sc-smoothly-input-date-range{display:flex}`;const g=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.name="dateRange";this.readonly=false;this.showLabel=true;this.alwaysShowGuide=false;this.invalid=false;this.isDifferentFromInitial=false;this.hasFocus=false;this.observer=l.Observer.create(this);this.startHasText=false;this.endHasText=false}async componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,o)=>{var e;return this.looks=(e=this.looks)!==null&&e!==void 0?e:t,!this.color&&(this.color=o)}));this.smoothlyInputLoad.emit((t=>this.parent=t));this.smoothlyInput.emit({[this.name]:await this.getValue()});!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}startChanged(t,o){this.updateValue(o,this.end)}endChanged(t,o){this.updateValue(this.start,o)}async updateValue(t,o){var e,s;if(t!=this.start||o!=this.end){this.isDifferentFromInitial=this.initialStart!=this.start||this.initialEnd!=this.end;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}if(!this.hasFocus){(e=this.startTextElement)===null||e===void 0?void 0:e.setValue(this.start);(s=this.endTextElement)===null||s===void 0?void 0:s.setValue(this.end)}}watchingReadonly(){this.observer.publish()}smoothlyInputLoadHandler(t){h.registerSubAction(this,t)}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}onClick(t){var o,e;const s=!!this.startTextElement&&t.composedPath().includes(this.startTextElement);const a=!!this.endTextElement&&t.composedPath().includes(this.endTextElement);const n=s||a;if(!n&&!this.readonly&&!this.disabled){this.start&&!this.end?(o=this.endTextElement)===null||o===void 0?void 0:o.select():(e=this.startTextElement)===null||e===void 0?void 0:e.select()}if(!this.readonly&&!this.disabled){this.open=!this.open||n}}async onSmoothlyDateTextChange(t,o){var e,s,a;t.stopPropagation();const n=(e=t.detail)!==null&&e!==void 0?e:undefined;const l=o=="start"?n:this.start;const h=o=="end"?n:this.end;if(i.Date.is(l)&&i.Date.is(h)&&l>h){this.start=h;this.end=l;(s=this.startTextElement)===null||s===void 0?void 0:s.setValue(this.start);(a=this.endTextElement)===null||a===void 0?void 0:a.setValue(this.end);this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}else if(this[o]!=n){this[o]=n;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){h.formRename(this,o)}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){return this.start||this.end?{start:this.start,end:this.end}:undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.start=this.initialStart;this.end=this.initialEnd}async setInitialValue(){this.initialStart=this.start;this.initialEnd=this.end;this.isDifferentFromInitial=false}async clear(){this.start=undefined;this.end=undefined;this.smoothlyInput.emit({[this.name]:undefined})}render(){return s(a,{key:"8d1cc0bf552d9366cd676ca4d28ba9131b762985",tabindex:this.disabled?undefined:0,class:{"has-value":!!(this.start||this.end),"has-text":!!(this.startHasText||this.endHasText),"floating-label":this.alwaysShowGuide}},s("span",{key:"ea5b162b919565e8ab3ba6d5c7420fad8d7bbfbd",class:"smoothly-date-range-input-part",onClick:t=>this.onClick(t)},s("slot",{key:"ea6a109b34aefa2256aa1b82972dbbc5fef55897",name:"start"}),s("label",{key:"b9b7f869df370e0f6e882b95babbe5c8f54ea324",class:"label float-on-focus"},s("slot",{key:"1aa509d8a9438fa7151d4d50c62e9e07c981c58c"})),this.placeholder&&s("span",{key:"ece35a37734177645133e14582ae692565c8a0a6",class:"smoothly-date-range-placeholder"},this.placeholder),s("smoothly-date-text",{key:"b840c7a75cf6aa6a73bac8aef415d709e533a7f4",ref:t=>this.startTextElement=t,class:"start-date-text",locale:this.locale,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.startHasText=t.detail),onSmoothlyDateTextFocusChange:t=>(t.stopPropagation(),this.hasFocus=t.detail),onSmoothlyDateHasPartialDate:t=>{var o;return t.stopPropagation(),(o=this.calendarElement)===null||o===void 0?void 0:o.jumpTo(t.detail)},onSmoothlyDateTextChange:t=>(t.stopPropagation(),this.onSmoothlyDateTextChange(t,"start")),onSmoothlyDateTextNext:t=>{var o;return t.stopPropagation(),(o=this.endTextElement)===null||o===void 0?void 0:o.select()},onSmoothlyDateTextDone:t=>{var o,e;return t.stopPropagation(),this.end?((o=this.startTextElement)===null||o===void 0?void 0:o.deselect(),this.open=false):(e=this.endTextElement)===null||e===void 0?void 0:e.select()},value:this.start,readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel}),s("span",{key:"f17bfad7cd7aca649b05cc75f3062a28fcf0cd5f",class:"smoothly-date-range-separator"}," – "),s("smoothly-date-text",{key:"1aa47809013250eaea4ded0dc664b1af5a1170ba",ref:t=>this.endTextElement=t,class:"end-date-text",locale:this.locale,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.endHasText=t.detail),onSmoothlyDateTextFocusChange:t=>(t.stopPropagation(),this.hasFocus=t.detail),onSmoothlyDateHasPartialDate:t=>{var o;return t.stopPropagation(),(o=this.calendarElement)===null||o===void 0?void 0:o.jumpTo(t.detail)},onSmoothlyDateTextChange:t=>(t.stopPropagation(),this.onSmoothlyDateTextChange(t,"end")),onSmoothlyDateTextPrevious:t=>{var o;return t.stopPropagation(),(o=this.startTextElement)===null||o===void 0?void 0:o.select("end")},onSmoothlyDateTextNext:t=>t.stopPropagation(),onSmoothlyDateTextDone:t=>{var o;return t.stopPropagation(),(o=this.endTextElement)===null||o===void 0?void 0:o.deselect(),this.open=false},value:this.end,readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel})),s("span",{key:"b429db5ba1bf4197a08c5872028549f09390ac99",class:"smoothly-icons"},s("smoothly-icon",{key:"1b9f165fe8fc3a509636aebe6cd5050ffc99e153",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),s("slot",{key:"e508de43633d4cadd8a1f83de6a2fa8599175e30",name:"end"})),this.open&&s("smoothly-calendar",{key:"273526a8a97a657724014910b805c3c41c04833f",ref:t=>this.calendarElement=t,doubleInput:true,onSmoothlyDateSet:t=>t.stopPropagation(),onSmoothlyDateRangeSet:t=>{t.stopPropagation();this.open=false;this.start=t.detail.start;this.end=t.detail.end;this.smoothlyInput.emit({[this.name]:t.detail});this.smoothlyUserInput.emit({name:this.name,value:t.detail})},value:this.start,start:this.start,end:this.end,max:this.max,min:this.min}))}get element(){return this}static get watchers(){return{start:[{startChanged:0}],end:[{endChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],name:[{nameChange:0}]}}static get style(){return y()}},[262,"smoothly-input-date-range",{locale:[513],name:[513],color:[1537],looks:[1537],readonly:[1540],disabled:[516],showLabel:[516,"show-label"],start:[1025],end:[1025],placeholder:[513],alwaysShowGuide:[516,"always-show-guide"],invalid:[516],errorMessage:[513,"error-message"],max:[1],min:[1],open:[32],startHasText:[32],endHasText:[32],register:[64],unregister:[64],getValue:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64],clear:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[8,"click","onWindowClick"]],{start:[{startChanged:0}],end:[{endChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],name:[{nameChange:0}]}]);function b(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-range","smoothly-calendar","smoothly-date-text","smoothly-icon","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-range":if(!customElements.get(n(t))){customElements.define(n(t),g)}break;case"smoothly-calendar":if(!customElements.get(n(t))){r()}break;case"smoothly-date-text":if(!customElements.get(n(t))){d()}break;case"smoothly-icon":if(!customElements.get(n(t))){m()}break;case"smoothly-input-month":if(!customElements.get(n(t))){c()}break;case"smoothly-input-select":if(!customElements.get(n(t))){u()}break;case"smoothly-item":if(!customElements.get(n(t))){p()}break}}))}b();export{g as S,b as d};
-//# sourceMappingURL=p-KZeR_6LG.js.map
+import{p as t,H as o,c as e,h as s,d as a,t as n}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{E as l}from"./p-iQDU7l2c.js";import{I as h}from"./p-BLDkKrD6.js";import{d as r}from"./p-l7KxEsrG.js";import{d}from"./p-BE5E3Jm6.js";import{d as m}from"./p-DFSiKg4M.js";import{d as c}from"./p-EqRJl32n.js";import{d as u}from"./p-DTo2Itg9.js";import{d as p}from"./p-DtGUtK97.js";const y=()=>`.sc-smoothly-input-date-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-range-h,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-range-h>input.sc-smoothly-input-date-range,[looks="transparent"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-range-h.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{transform-origin:top right}.sc-smoothly-input-date-range-h.floating-label.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.floating-label .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder] .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly] .sc-smoothly-input-date-range-s>[slot=label],.floating-label.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-value.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-text.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[placeholder].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[readonly].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-range{display:none}.sc-smoothly-input-date-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-range-h{position:relative;display:flex;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h [slot=start].sc-smoothly-input-date-range{align-self:center}.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{left:var(--input-padding-side)}.sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{white-space:pre}.sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side);display:none}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-placeholder.sc-smoothly-input-date-range{display:block;opacity:0.5}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-separator.sc-smoothly-input-date-range{visibility:hidden}.sc-smoothly-input-date-range-h smoothly-date-text.start-date-text.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side) 0}.sc-smoothly-input-date-range-h smoothly-date-text.end-date-text.sc-smoothly-input-date-range{margin-inline:0 var(--input-padding-side)}[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h smoothly-date-text.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-placeholder.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:auto}.sc-smoothly-input-date-range-h:not([readonly]){cursor:pointer}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));max-width:22rem;min-width:18rem}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range::before{content:"";position:absolute;top:-0.55rem;left:3rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h>.smoothly-date-range-input-part.sc-smoothly-input-date-range{display:flex;width:100%;background-color:var(--smoothly-input-background);border-radius:0.25rem;cursor:pointer}.sc-smoothly-input-date-range-h>span.smoothly-icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-range-h>.smoothly-icons.sc-smoothly-input-date-range>.smoothly-invalid.sc-smoothly-input-date-range{display:none;padding:0.5rem}[invalid].sc-smoothly-input-date-range-h>.smoothly-icons.sc-smoothly-input-date-range>.smoothly-invalid.sc-smoothly-input-date-range{display:flex}`;const g=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.name="dateRange";this.readonly=false;this.showLabel=true;this.alwaysShowGuide=false;this.invalid=false;this.isDifferentFromInitial=false;this.hasFocus=false;this.observer=l.Observer.create(this);this.startHasText=false;this.endHasText=false}async componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,o)=>{var e;return this.looks=(e=this.looks)!==null&&e!==void 0?e:t,!this.color&&(this.color=o)}));this.smoothlyInputLoad.emit((t=>this.parent=t));this.smoothlyInput.emit({[this.name]:await this.getValue()});!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}startChanged(t,o){this.updateValue(o,this.end)}endChanged(t,o){this.updateValue(this.start,o)}async updateValue(t,o){var e,s;if(t!=this.start||o!=this.end){this.isDifferentFromInitial=this.initialStart!=this.start||this.initialEnd!=this.end;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}if(!this.hasFocus){(e=this.startTextElement)===null||e===void 0?void 0:e.setValue(this.start);(s=this.endTextElement)===null||s===void 0?void 0:s.setValue(this.end)}}watchingReadonly(){this.observer.publish()}smoothlyInputLoadHandler(t){h.registerSubAction(this,t)}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}onClick(t){var o,e;const s=!!this.startTextElement&&t.composedPath().includes(this.startTextElement);const a=!!this.endTextElement&&t.composedPath().includes(this.endTextElement);const n=s||a;if(!n&&!this.readonly&&!this.disabled){this.start&&!this.end?(o=this.endTextElement)===null||o===void 0?void 0:o.select():(e=this.startTextElement)===null||e===void 0?void 0:e.select()}if(!this.readonly&&!this.disabled){this.open=!this.open||n}}async onSmoothlyDateTextChange(t,o){var e,s,a;t.stopPropagation();const n=(e=t.detail)!==null&&e!==void 0?e:undefined;const l=o=="start"?n:this.start;const h=o=="end"?n:this.end;if(i.Date.is(l)&&i.Date.is(h)&&l>h){this.start=h;this.end=l;(s=this.startTextElement)===null||s===void 0?void 0:s.setValue(this.start);(a=this.endTextElement)===null||a===void 0?void 0:a.setValue(this.end);this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}else if(this[o]!=n){this[o]=n;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){h.formRename(this,o)}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){return this.start||this.end?{start:this.start,end:this.end}:undefined}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.start=this.initialStart;this.end=this.initialEnd}async setInitialValue(){this.initialStart=this.start;this.initialEnd=this.end;this.isDifferentFromInitial=false}async clear(){this.start=undefined;this.end=undefined;this.smoothlyInput.emit({[this.name]:undefined})}render(){return s(a,{key:"8d1cc0bf552d9366cd676ca4d28ba9131b762985",tabindex:this.disabled?undefined:0,class:{"has-value":!!(this.start||this.end),"has-text":!!(this.startHasText||this.endHasText),"floating-label":this.alwaysShowGuide}},s("span",{key:"ea5b162b919565e8ab3ba6d5c7420fad8d7bbfbd",class:"smoothly-date-range-input-part",onClick:t=>this.onClick(t)},s("slot",{key:"ea6a109b34aefa2256aa1b82972dbbc5fef55897",name:"start"}),s("label",{key:"b9b7f869df370e0f6e882b95babbe5c8f54ea324",class:"label float-on-focus"},s("slot",{key:"1aa509d8a9438fa7151d4d50c62e9e07c981c58c"})),this.placeholder&&s("span",{key:"ece35a37734177645133e14582ae692565c8a0a6",class:"smoothly-date-range-placeholder"},this.placeholder),s("smoothly-date-text",{key:"b840c7a75cf6aa6a73bac8aef415d709e533a7f4",ref:t=>this.startTextElement=t,class:"start-date-text",locale:this.locale,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.startHasText=t.detail),onSmoothlyDateTextFocusChange:t=>(t.stopPropagation(),this.hasFocus=t.detail),onSmoothlyDateHasPartialDate:t=>{var o;return t.stopPropagation(),(o=this.calendarElement)===null||o===void 0?void 0:o.jumpTo(t.detail)},onSmoothlyDateTextChange:t=>(t.stopPropagation(),this.onSmoothlyDateTextChange(t,"start")),onSmoothlyDateTextNext:t=>{var o;return t.stopPropagation(),(o=this.endTextElement)===null||o===void 0?void 0:o.select()},onSmoothlyDateTextDone:t=>{var o,e;return t.stopPropagation(),this.end?((o=this.startTextElement)===null||o===void 0?void 0:o.deselect(),this.open=false):(e=this.endTextElement)===null||e===void 0?void 0:e.select()},value:this.start,readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel}),s("span",{key:"f17bfad7cd7aca649b05cc75f3062a28fcf0cd5f",class:"smoothly-date-range-separator"}," – "),s("smoothly-date-text",{key:"1aa47809013250eaea4ded0dc664b1af5a1170ba",ref:t=>this.endTextElement=t,class:"end-date-text",locale:this.locale,onSmoothlyDateTextHasText:t=>(t.stopPropagation(),this.endHasText=t.detail),onSmoothlyDateTextFocusChange:t=>(t.stopPropagation(),this.hasFocus=t.detail),onSmoothlyDateHasPartialDate:t=>{var o;return t.stopPropagation(),(o=this.calendarElement)===null||o===void 0?void 0:o.jumpTo(t.detail)},onSmoothlyDateTextChange:t=>(t.stopPropagation(),this.onSmoothlyDateTextChange(t,"end")),onSmoothlyDateTextPrevious:t=>{var o;return t.stopPropagation(),(o=this.startTextElement)===null||o===void 0?void 0:o.select("end")},onSmoothlyDateTextNext:t=>t.stopPropagation(),onSmoothlyDateTextDone:t=>{var o;return t.stopPropagation(),(o=this.endTextElement)===null||o===void 0?void 0:o.deselect(),this.open=false},value:this.end,readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel})),s("span",{key:"b429db5ba1bf4197a08c5872028549f09390ac99",class:"smoothly-icons"},s("smoothly-icon",{key:"1b9f165fe8fc3a509636aebe6cd5050ffc99e153",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),s("slot",{key:"e508de43633d4cadd8a1f83de6a2fa8599175e30",name:"end"})),this.open&&s("smoothly-calendar",{key:"273526a8a97a657724014910b805c3c41c04833f",ref:t=>this.calendarElement=t,doubleInput:true,onSmoothlyDateSet:t=>t.stopPropagation(),onSmoothlyDateRangeSet:t=>{t.stopPropagation();this.open=false;this.start=t.detail.start;this.end=t.detail.end;this.smoothlyInput.emit({[this.name]:t.detail});this.smoothlyUserInput.emit({name:this.name,value:t.detail})},value:this.start,start:this.start,end:this.end,max:this.max,min:this.min}))}get element(){return this}static get watchers(){return{start:[{startChanged:0}],end:[{endChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],name:[{nameChange:0}]}}static get style(){return y()}},[262,"smoothly-input-date-range",{locale:[513],name:[513],color:[1537],looks:[1537],readonly:[1540],disabled:[516],showLabel:[516,"show-label"],start:[1025],end:[1025],placeholder:[513],alwaysShowGuide:[516,"always-show-guide"],invalid:[516],errorMessage:[513,"error-message"],max:[1],min:[1],open:[32],startHasText:[32],endHasText:[32],register:[64],unregister:[64],getValue:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64],clear:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[8,"click","onWindowClick"]],{start:[{startChanged:0}],end:[{endChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],name:[{nameChange:0}]}]);function b(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-range","smoothly-calendar","smoothly-date-text","smoothly-icon","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-range":if(!customElements.get(n(t))){customElements.define(n(t),g)}break;case"smoothly-calendar":if(!customElements.get(n(t))){r()}break;case"smoothly-date-text":if(!customElements.get(n(t))){d()}break;case"smoothly-icon":if(!customElements.get(n(t))){m()}break;case"smoothly-input-month":if(!customElements.get(n(t))){c()}break;case"smoothly-input-select":if(!customElements.get(n(t))){u()}break;case"smoothly-item":if(!customElements.get(n(t))){p()}break}}))}b();export{g as S,b as d};
+//# sourceMappingURL=p-Bp65xiCy.js.map

package/dist/components/{p-BLdivqFr.js → p-C3bp3FF4.js}

@@ -1,2 +1,2 @@
-import{p as o,H as t,c as s,h as i,d as l,t as n}from"./p-BsZrGTcp.js";import{T as m}from"./p-Dr7iZPxA.js";import{D as r}from"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{E as h}from"./p-iQDU7l2c.js";import{S as e}from"./p-ClBX6_1T.js";import{d as u}from"./p-mmAi00ak.js";import{d as a}from"./p-Cl8L61mt.js";import{d as c}from"./p-DFSiKg4M.js";const y=()=>`[color=default].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-submit-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-submit-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-submit-h{display:inline}[disabled].sc-smoothly-input-submit-h{opacity:0.5}.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit{font-weight:400;background-color:transparent}.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-input-submit-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-input-submit-h:has(>a:empty),.sc-smoothly-input-submit-h:has(>button:empty),.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit:empty,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-input-submit-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-input-submit-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-input-submit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-submit{min-width:8rem}[size=icon].sc-smoothly-input-submit-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-input-submit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-submit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-submit-h{width:100%}[expand=full].sc-smoothly-input-submit-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-submit-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:focus-visible,[fill=outline].sc-smoothly-input-submit-h:not([disabled]):active>button.sc-smoothly-input-submit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:hover::before,[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:focus-within::before,[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:focus-visible,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-icon,.sc-smoothly-input-submit-h .sc-smoothly-input-submit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-submit-h{display:none}.sc-smoothly-input-submit-h{display:flex}.sc-smoothly-input-submit-h:not([display]){display:none}.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button button>*+smoothly-icon,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button-confirm button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-submit-h{cursor:not-allowed}`;const b=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.delete=false;this.icon="checkmark-outline";this.disabled=false;this.display=false;this.size="icon";this.tooltip=this.delete?"Remove":"Submit"}componentWillLoad(){this.smoothlyInputLoad.emit((o=>{if(e.is(o)&&h.type.is(o)){this.parent=o;o.listen((async o=>{this.display=!o.readonly}));if(typeof this.disabled!=="boolean"){o.listen((async o=>{var t;this.disabled=!this.delete&&(o.readonly||"validator"in o&&o.validator instanceof m&&!((t=o.validator)===null||t===void 0?void 0:t.is(r.convertArrays(o.value)))||!o.isDifferentFromInitial)}))}}}))}clickHandler(){var o;(o=this.parent)===null||o===void 0?void 0:o.submit(this.delete)}render(){var o,t;return i(l,{key:"da63e0307d63ffa906c65d2d28e9e5f1d4c481cb",title:this.tooltip},this.delete==true?i("smoothly-button-confirm",{size:this.size,shape:this.shape,expand:this.expand,color:(o=this.color)!==null&&o!==void 0?o:"danger",fill:this.fill,onSmoothlyConfirm:()=>this.clickHandler()},i("slot",null),i("smoothly-icon",{name:"trash-outline",fill:"solid",size:"tiny"})):i("smoothly-button",{disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:(t=this.color)!==null&&t!==void 0?t:"success",fill:this.fill,onClick:()=>this.clickHandler()},i("slot",null),this.icon&&i("smoothly-icon",{name:this.icon,fill:"solid",size:"tiny"})))}static get style(){return y()}},[262,"smoothly-input-submit",{delete:[516],color:[1],icon:[8],expand:[513],fill:[513],disabled:[1540],display:[1540],shape:[513],size:[513],tooltip:[1]}]);function d(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-submit","smoothly-button","smoothly-button-confirm","smoothly-icon"];o.forEach((o=>{switch(o){case"smoothly-input-submit":if(!customElements.get(n(o))){customElements.define(n(o),b)}break;case"smoothly-button":if(!customElements.get(n(o))){u()}break;case"smoothly-button-confirm":if(!customElements.get(n(o))){a()}break;case"smoothly-icon":if(!customElements.get(n(o))){c()}break}}))}d();export{b as S,d};
-//# sourceMappingURL=p-BLdivqFr.js.map
+import{p as o,H as t,c as s,h as i,d as l,t as n}from"./p-BsZrGTcp.js";import{T as m}from"./p-Dr7iZPxA.js";import{D as r}from"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{E as h}from"./p-iQDU7l2c.js";import{S as u}from"./p-ClBX6_1T.js";import{d as e}from"./p-mmAi00ak.js";import{d as a}from"./p-Cl8L61mt.js";import{d as c}from"./p-DFSiKg4M.js";const y=()=>`[color=default].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-submit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-submit-h{--smoothly-button-border-radius:0.5rem;display:inline-flex;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);font-size:var(--smoothly-button-font-size, 1rem);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-submit-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-submit-h{display:inline}[disabled].sc-smoothly-input-submit-h{opacity:0.5}.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit{font-weight:400;background-color:transparent}.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-size:var(--smoothly-button-font-size);border:1px solid transparent;outline:none;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{font-weight:bold;justify-content:center;width:100%;align-items:center;border-radius:var(--smoothly-button-border-radius);padding-inline:var(--smoothly-button-padding-inline, 1rem)}.sc-smoothly-input-submit-h{min-height:var(--smoothly-button-height, 2.5rem)}.sc-smoothly-input-submit-h:has(>a:empty),.sc-smoothly-input-submit-h:has(>button:empty),.sc-smoothly-input-submit-h>a.sc-smoothly-input-submit:empty,.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit:empty{border-width:0;min-height:0;padding-inline:0}[size=small].sc-smoothly-input-submit-h{--smoothly-button-height:2rem;--smoothly-button-padding-inline:0.75rem;--smoothly-button-font-size:0.875rem;--smoothly-icon-size:1.4rem}[size=large].sc-smoothly-input-submit-h{--smoothly-button-height:3rem;--smoothly-button-padding-inline:1.25rem;--smoothly-button-font-size:1.125rem}.sc-smoothly-input-submit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-submit{min-width:8rem}[size=icon].sc-smoothly-input-submit-h{--smoothly-icon-size:1.4rem}[size=icon].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{min-height:var(--smoothly-button-height, 2.5rem);min-width:var(--smoothly-button-height, 2.5rem);padding:0}.sc-smoothly-input-submit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-submit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center}[size=flexible].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-submit-h{width:100%}[expand=full].sc-smoothly-input-submit-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-submit-h>button.sc-smoothly-input-submit{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-submit-h:not([fill=clear]):not([disabled])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:focus-visible,[fill=outline].sc-smoothly-input-submit-h:not([disabled]):active>button.sc-smoothly-input-submit::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:hover::before,[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:focus-within::before,[fill=outline].sc-smoothly-input-submit-h:not([disabled])>button.sc-smoothly-input-submit:active::before{content:"";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:hover,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:focus-visible,.sc-smoothly-input-submit-h:not([fill=clear]):not([fill=outline]):not([disabled])>button.sc-smoothly-input-submit:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-submit-h>button.sc-smoothly-input-submit,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-icon,.sc-smoothly-input-submit-h .sc-smoothly-input-submit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-submit-h{display:none}.sc-smoothly-input-submit-h{display:flex}.sc-smoothly-input-submit-h:not([display]){display:none}.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button button>*+smoothly-icon,.sc-smoothly-input-submit-h.sc-smoothly-input-submit-s>smoothly-button-confirm button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-submit-h{cursor:not-allowed}`;const b=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.delete=false;this.icon="checkmark-outline";this.disabled=false;this.display=false;this.size="icon";this.tooltip=this.delete?"Remove":"Submit"}componentWillLoad(){this.smoothlyInputLoad.emit((o=>{if(u.is(o)&&h.type.is(o)){this.parent=o;o.listen((async o=>{this.display=!o.readonly}));if(typeof this.disabled!=="boolean"){o.listen((async o=>{var t;this.disabled=!this.delete&&(o.readonly||"validator"in o&&o.validator instanceof m&&!((t=o.validator)===null||t===void 0?void 0:t.is(r.convertArrays(o.value)))||!o.isDifferentFromInitial)}))}}}))}clickHandler(){var o;(o=this.parent)===null||o===void 0?void 0:o.submit(this.delete)}render(){var o,t;return i(l,{key:"f97c4457da695841b39984556b399746d603eb36",title:this.tooltip},this.delete==true?i("smoothly-button-confirm",{size:this.size,shape:this.shape,expand:this.expand,color:(o=this.color)!==null&&o!==void 0?o:"danger",fill:this.fill,onSmoothlyConfirm:()=>this.clickHandler()},i("slot",null),i("smoothly-icon",{name:"trash-outline",fill:"solid",size:"tiny"})):i("smoothly-button",{disabled:this.disabled,size:this.size,type:"button",shape:this.shape,expand:this.expand,color:(t=this.color)!==null&&t!==void 0?t:"success",fill:this.fill,onClick:()=>this.clickHandler()},i("slot",null),this.icon&&i("smoothly-icon",{name:this.icon,fill:"solid",size:"tiny"})))}static get style(){return y()}},[262,"smoothly-input-submit",{delete:[516],color:[1],icon:[8],expand:[513],fill:[513],disabled:[1540],display:[1540],shape:[513],size:[513],tooltip:[1]}]);function d(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-submit","smoothly-button","smoothly-button-confirm","smoothly-icon"];o.forEach((o=>{switch(o){case"smoothly-input-submit":if(!customElements.get(n(o))){customElements.define(n(o),b)}break;case"smoothly-button":if(!customElements.get(n(o))){e()}break;case"smoothly-button-confirm":if(!customElements.get(n(o))){a()}break;case"smoothly-icon":if(!customElements.get(n(o))){c()}break}}))}d();export{b as S,d};
+//# sourceMappingURL=p-C3bp3FF4.js.map