smoothly 1.112.0 → 1.114.0

package/dist/components/{p-CqSJ0pgl.js → p-CSXWpZjy.js}

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as o,d as s,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{f as r,n as c}from"./p-CkXes5c-.js";import{o as i,s as n}from"./p-Dr7iZPxA.js";import{d as f}from"./p-BHEtq3Ue.js";import{d as l}from"./p-DX3KKRD9.js";import{d as p}from"./p-BqAN7jax.js";import{d}from"./p-B8ljN4o0.js";import{d as y}from"./p-DgaHxdNI.js";import{d as b}from"./p-BiQsRsV4.js";import{d as u}from"./p-R4uIvvER.js";import{d as h}from"./p-C9zTTp-4.js";import{d as k}from"./p-DTqtObrT.js";import{d as j}from"./p-CKrPTQ_S.js";import{d as E}from"./p-RNCr3p17.js";import{d as D}from"./p-D7cDUGTe.js";import{d as C}from"./p-BS2SWUX6.js";import{d as B}from"./p-CsLlJDsh.js";var T;(function(t){t.type=i({name:i({first:n(),middle:n().optional(),last:n()}),age:c((t=>18<=t&&t<=120)),country:r("CountryCode",a.CountryCode.Alpha2.is),birthday:r("Date",a.Date.is)})})(T||(T={}));const g=()=>``;const x=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}}render(){return o(s,{key:"b2defb07fd1fef12b85e5c983c3ec9a06eaacd5c"},o("h2",{key:"4f45fac5e8febcc52cdb7ee2e3cb6e6586c04f34"},"Typed Contact"),o("smoothly-form",{key:"169c7879c27f2e65a5da9f44f2066e65fa4b09db",validator:T.type},o("smoothly-input",{key:"7e11e762f2f88ad82b3bb584f5f151624a73cd37",name:"name.first"},"First Name"),o("smoothly-input",{key:"207226d54b3ac9250512c962200e97e06dfb237d",name:"name.middle"},"Middle Name (optional)"),o("smoothly-input",{key:"5235de33144f057b20a46353ae13c7eaa15fd97b",name:"name.last"},"Last Name"),o("smoothly-input",{key:"3e1607c6f2301ca86a1f430e2c6d3d12c8035f70",name:"age",type:"integer"},"Age (18-120)"),o("smoothly-input-select",{key:"d1fa86d5f8ca6e8a4d0c40e363f60c9ca53aad98",name:"country"},o("span",{key:"b54fe7f96a97014e3baac54b1ac5f903b88b170b",slot:"label"},"Country"),a.CountryCode.Alpha2.values.map((t=>o("smoothly-item",{value:t},a.CountryCode.Name.en.from(t))))),o("smoothly-input-date",{key:"c616775dda21611243a88c6bf23ba280e9e89fb3",name:"birthday"},"Date of birth"),o("smoothly-input-reset",{key:"11c1023ca25b7cae8afb727e1fb21f28ee1e7644",slot:"reset",type:"form",size:"icon",color:"warning"}),o("smoothly-input-submit",{key:"3dbb734a1ef36ab8104dc6588c622b38567e61b2",slot:"submit",size:"icon",color:"success"})))}static get style(){return g()}},[2,"smoothly-form-demo-typed"]);function N(){if(typeof customElements==="undefined"){return}const t=["smoothly-form-demo-typed","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-date","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];t.forEach((t=>{switch(t){case"smoothly-form-demo-typed":if(!customElements.get(m(t))){customElements.define(m(t),x)}break;case"smoothly-button":if(!customElements.get(m(t))){f()}break;case"smoothly-button-confirm":if(!customElements.get(m(t))){l()}break;case"smoothly-calendar":if(!customElements.get(m(t))){p()}break;case"smoothly-date-text":if(!customElements.get(m(t))){d()}break;case"smoothly-form":if(!customElements.get(m(t))){y()}break;case"smoothly-icon":if(!customElements.get(m(t))){b()}break;case"smoothly-input":if(!customElements.get(m(t))){u()}break;case"smoothly-input-date":if(!customElements.get(m(t))){h()}break;case"smoothly-input-month":if(!customElements.get(m(t))){k()}break;case"smoothly-input-reset":if(!customElements.get(m(t))){j()}break;case"smoothly-input-select":if(!customElements.get(m(t))){E()}break;case"smoothly-input-submit":if(!customElements.get(m(t))){D()}break;case"smoothly-item":if(!customElements.get(m(t))){C()}break;case"smoothly-spinner":if(!customElements.get(m(t))){B()}break}}))}N();export{x as S,N as d};
-//# sourceMappingURL=p-CqSJ0pgl.js.map
+import{p as t,H as e,h as o,d as s,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{f as r,n as c}from"./p-CkXes5c-.js";import{o as i,s as n}from"./p-Dr7iZPxA.js";import{d as f}from"./p-BHEtq3Ue.js";import{d as l}from"./p-DX3KKRD9.js";import{d as p}from"./p-1j2KmcfQ.js";import{d as y}from"./p-AX8gOGUr.js";import{d}from"./p-DIhqNc1G.js";import{d as u}from"./p-BiQsRsV4.js";import{d as b}from"./p-Ww5QjB3D.js";import{d as h}from"./p-xkRxEiC8.js";import{d as k}from"./p-CtuuZV3u.js";import{d as j}from"./p-BUa0wBSK.js";import{d as E}from"./p-CJEV2v84.js";import{d as B}from"./p-CqyGm3oe.js";import{d as C}from"./p-fnKrPnzp.js";import{d as g}from"./p-Bpc6uh0M.js";var x;(function(t){t.type=i({name:i({first:n(),middle:n().optional(),last:n()}),age:c((t=>18<=t&&t<=120)),country:r("CountryCode",a.CountryCode.Alpha2.is),birthday:r("Date",a.Date.is)})})(x||(x={}));const D=()=>``;const K=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}}render(){return o(s,{key:"b2defb07fd1fef12b85e5c983c3ec9a06eaacd5c"},o("h2",{key:"4f45fac5e8febcc52cdb7ee2e3cb6e6586c04f34"},"Typed Contact"),o("smoothly-form",{key:"169c7879c27f2e65a5da9f44f2066e65fa4b09db",validator:x.type},o("smoothly-input",{key:"7e11e762f2f88ad82b3bb584f5f151624a73cd37",name:"name.first"},"First Name"),o("smoothly-input",{key:"207226d54b3ac9250512c962200e97e06dfb237d",name:"name.middle"},"Middle Name (optional)"),o("smoothly-input",{key:"5235de33144f057b20a46353ae13c7eaa15fd97b",name:"name.last"},"Last Name"),o("smoothly-input",{key:"3e1607c6f2301ca86a1f430e2c6d3d12c8035f70",name:"age",type:"integer"},"Age (18-120)"),o("smoothly-input-select",{key:"d1fa86d5f8ca6e8a4d0c40e363f60c9ca53aad98",name:"country"},o("span",{key:"b54fe7f96a97014e3baac54b1ac5f903b88b170b",slot:"label"},"Country"),a.CountryCode.Alpha2.values.map((t=>o("smoothly-item",{value:t},a.CountryCode.Name.en.from(t))))),o("smoothly-input-date",{key:"c616775dda21611243a88c6bf23ba280e9e89fb3",name:"birthday"},"Date of birth"),o("smoothly-input-reset",{key:"11c1023ca25b7cae8afb727e1fb21f28ee1e7644",slot:"reset",type:"form",size:"icon",color:"warning"}),o("smoothly-input-submit",{key:"3dbb734a1ef36ab8104dc6588c622b38567e61b2",slot:"submit",size:"icon",color:"success"})))}static get style(){return D()}},[2,"smoothly-form-demo-typed"]);function v(){if(typeof customElements==="undefined"){return}const t=["smoothly-form-demo-typed","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-date","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];t.forEach((t=>{switch(t){case"smoothly-form-demo-typed":if(!customElements.get(m(t))){customElements.define(m(t),K)}break;case"smoothly-button":if(!customElements.get(m(t))){f()}break;case"smoothly-button-confirm":if(!customElements.get(m(t))){l()}break;case"smoothly-calendar":if(!customElements.get(m(t))){p()}break;case"smoothly-date-text":if(!customElements.get(m(t))){y()}break;case"smoothly-form":if(!customElements.get(m(t))){d()}break;case"smoothly-icon":if(!customElements.get(m(t))){u()}break;case"smoothly-input":if(!customElements.get(m(t))){b()}break;case"smoothly-input-date":if(!customElements.get(m(t))){h()}break;case"smoothly-input-month":if(!customElements.get(m(t))){k()}break;case"smoothly-input-reset":if(!customElements.get(m(t))){j()}break;case"smoothly-input-select":if(!customElements.get(m(t))){E()}break;case"smoothly-input-submit":if(!customElements.get(m(t))){B()}break;case"smoothly-item":if(!customElements.get(m(t))){C()}break;case"smoothly-spinner":if(!customElements.get(m(t))){g()}break}}))}v();export{K as S,v as d};
+//# sourceMappingURL=p-CSXWpZjy.js.map

package/dist/components/{p-D2FsRCII.js → p-CTdXhHGF.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as s,h as n,d as e,t as i}from"./p-BsZrGTcp.js";import{E as r}from"./p-DFXJvHuL.js";import{I as a}from"./p-DgaHxdNI.js";import{d as l}from"./p-DM5CKilY.js";import{d as h}from"./p-CR3Ni_o7.js";import{d as p}from"./p-B-l1S16Z.js";import{d as u}from"./p-Ud7Qhkgt.js";import{d}from"./p-C3FORjes.js";import{d as m}from"./p-BiQsRsV4.js";import{d as c}from"./p-R4uIvvER.js";const y=()=>`.sc-smoothly-input-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-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-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-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-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-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-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-range-h,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-range-h>input.sc-smoothly-input-range,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-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-range-h.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .label.sc-smoothly-input-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-range-h.floating-label.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.floating-label .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder] .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly] .sc-smoothly-input-range-s>[slot=label],.floating-label.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-value.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-text.sc-smoothly-input-range-h .label.sc-smoothly-input-range,[placeholder].sc-smoothly-input-range-h .label.sc-smoothly-input-range,[readonly].sc-smoothly-input-range-h .label.sc-smoothly-input-range,.sc-smoothly-input-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-range{display:none}.sc-smoothly-input-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-range-h>div.sc-smoothly-input-range:not([slot]){position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding-right:var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:12em;--input-min-height:calc(3rem - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{white-space:nowrap}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{text-align:center;margin-left:var(--input-padding-side);border:none;box-sizing:border-box;width:5em;order:3;margin:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-display.sc-smoothly-input-range,.sc-smoothly-input-range-h:not(.output-side-right)>div.sc-smoothly-input-range>label.sc-smoothly-input-range{display:none}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range input.sc-smoothly-input-range{padding:0;text-align:center}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{width:100%}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:center;margin:0 var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;border-radius:100%;margin-top:-.25em;border:none}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[disabled].sc-smoothly-input-range-h,[disabled].sc-smoothly-input-range-h *.sc-smoothly-input-range{cursor:not-allowed}input.sc-smoothly-input-range::-webkit-outer-spin-button,input.sc-smoothly-input-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}`;const g=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.isDifferentFromInitial=false;this.observer=r.Observer.create(this);this.initialValue=undefined;this.value=undefined;this.defined=false;this.readonly=false;this.type="text";this.min=0;this.max=100;this.name="range";this.outputSide="left";this.showInput=false}componentWillLoad(){this.smoothlyInputLooks.emit(((t,o)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:t,this.color=o}));this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.value&&(this.initialValue=this.value);this.valueChanged()}smoothlyInputLoadHandler(t){a.registerSubAction(this,t)}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}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}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.isDifferentFromInitial=false;this.valueChanged()}valueChanged(){var t,o;const s=!this.step?undefined:(o=(t=this.step.toString().split(".")[1])===null||t===void 0?void 0:t.length)!==null&&o!==void 0?o:0;this.value=Number.isNaN(this.value)||this.value==undefined?undefined:+this.value.toFixed(s);this.isDifferentFromInitial=this.initialValue!=this.value;this.defined=typeof this.value=="number";this.observer.publish();this.smoothlyInput.emit({[this.name]:this.value})}watchingReadonly(){this.observer.publish()}setValue(t){var o;if(t==undefined){this.value=undefined}else if(t<this.min){this.value=this.min}else if(t>this.max){this.value=this.max}else{this.value=t}this.input&&(this.input.value=this.type=="text"?(o=this.value)===null||o===void 0?void 0:o.toString():this.value)}render(){var t,o,s;return n(e,{key:"8534047293e77d99f6c8a8e5d87659968516144c",class:{"output-side-right":this.outputSide==="right","show-label":this.outputSide==="left"&&!!this.label}},n("slot",{key:"6b092b4a1e91bf15f714996ed01a801548a75655",name:"start"}),n("div",{key:"ca7c4207e37dccd2fbc3b0edae03895a39ec96c8"},n("label",{key:"dc1b4d97e1256c4ee1b7f9daa91d25fe523ce418",htmlFor:this.name},this.label),n("smoothly-input",{key:"ec6dfec2d8a625897d3a9b6a7fafcd897be8ef1c",ref:t=>this.input=t,looks:undefined,color:this.color,name:this.name,showLabel:this.outputSide==="left"&&!!this.label,type:this.type,onSmoothlyInputLoad:async t=>(t.stopPropagation(),this.setValue(a.Element.is(t.target)?Number(await t.target.getValue()):undefined)),onSmoothlyBlur:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.setValue(a.Element.is(t.target)?Number(await t.target.getValue()):undefined)},value:this.type=="percent"?this.value:(t=this.value)===null||t===void 0?void 0:t.toString(),placeholder:this.outputSide==="right"?"-":undefined,readonly:this.readonly,disabled:this.disabled},this.label),n("smoothly-display",{key:"4e698362ae12d14f9bc217afe8e909b3b13a46bb",label:(this.type=="percent"?this.min*100:this.min).toString()}),n("input",{key:"a8f20e17b2910b97862b3490c1efd0dcb1aa89bf",name:this.name,part:"range",type:"range",min:this.min,max:this.max,step:(o=this.step)!==null&&o!==void 0?o:"any",disabled:this.readonly||this.disabled,onInput:t=>{t.stopPropagation();this.setValue(t.target.valueAsNumber);this.smoothlyUserInput.emit({name:this.name,value:this.value})},value:(s=this.value)!==null&&s!==void 0?s:this.min}),n("smoothly-display",{key:"46b26acc10c408177bf4b77af9c451ac5ec98360",label:(this.type=="percent"?this.max*100:this.max).toString()})),n("slot",{key:"1ebbd0cc6dfbf6179f9dc50e1597944571e219c2",name:"end"}))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}static get style(){return y()}},[262,"smoothly-input-range",{value:[1026],looks:[1537],color:[1537],defined:[1028],readonly:[1540],disabled:[516],type:[1],min:[2],max:[2],name:[513],step:[2],outputSide:[1,"output-side"],label:[1],showInput:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"]],{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}]);function b(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-range","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input"];t.forEach((t=>{switch(t){case"smoothly-input-range":if(!customElements.get(i(t))){customElements.define(i(t),g)}break;case"smoothly-display":if(!customElements.get(i(t))){l()}break;case"smoothly-display-json":if(!customElements.get(i(t))){h()}break;case"smoothly-display-json-object":if(!customElements.get(i(t))){p()}break;case"smoothly-display-json-primitive":if(!customElements.get(i(t))){u()}break;case"smoothly-display-json-record-key":if(!customElements.get(i(t))){d()}break;case"smoothly-icon":if(!customElements.get(i(t))){m()}break;case"smoothly-input":if(!customElements.get(i(t))){c()}break}}))}b();export{g as S,b as d};
-//# sourceMappingURL=p-D2FsRCII.js.map
+import{p as t,H as o,c as s,h as n,d as e,t as i}from"./p-BsZrGTcp.js";import{E as r}from"./p-DFXJvHuL.js";import{I as a}from"./p-DIhqNc1G.js";import{d as l}from"./p-DM5CKilY.js";import{d as h}from"./p-CR3Ni_o7.js";import{d as p}from"./p-B-l1S16Z.js";import{d as u}from"./p-Ud7Qhkgt.js";import{d}from"./p-C3FORjes.js";import{d as m}from"./p-BiQsRsV4.js";import{d as c}from"./p-Ww5QjB3D.js";const y=()=>`.sc-smoothly-input-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-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-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-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-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-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-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-range-h,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-range-h>input.sc-smoothly-input-range,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-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-range-h.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .label.sc-smoothly-input-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-range-h.floating-label.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.floating-label .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder] .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly] .sc-smoothly-input-range-s>[slot=label],.floating-label.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-value.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-text.sc-smoothly-input-range-h .label.sc-smoothly-input-range,[placeholder].sc-smoothly-input-range-h .label.sc-smoothly-input-range,[readonly].sc-smoothly-input-range-h .label.sc-smoothly-input-range,.sc-smoothly-input-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-range{display:none}.sc-smoothly-input-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-range-h>div.sc-smoothly-input-range:not([slot]){position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding-right:var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:12em;--input-min-height:calc(3rem - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{white-space:nowrap}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{text-align:center;margin-left:var(--input-padding-side);border:none;box-sizing:border-box;width:5em;order:3;margin:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-display.sc-smoothly-input-range,.sc-smoothly-input-range-h:not(.output-side-right)>div.sc-smoothly-input-range>label.sc-smoothly-input-range{display:none}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range input.sc-smoothly-input-range{padding:0;text-align:center}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{width:100%}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:center;margin:0 var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;border-radius:100%;margin-top:-.25em;border:none}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[disabled].sc-smoothly-input-range-h,[disabled].sc-smoothly-input-range-h *.sc-smoothly-input-range{cursor:not-allowed}input.sc-smoothly-input-range::-webkit-outer-spin-button,input.sc-smoothly-input-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}`;const g=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.isDifferentFromInitial=false;this.observer=r.Observer.create(this);this.initialValue=undefined;this.value=undefined;this.defined=false;this.readonly=false;this.type="text";this.min=0;this.max=100;this.name="range";this.outputSide="left";this.showInput=false}componentWillLoad(){this.smoothlyInputLooks.emit(((t,o)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:t,this.color=o}));this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.value&&(this.initialValue=this.value);this.valueChanged()}smoothlyInputLoadHandler(t){a.registerSubAction(this,t)}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}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}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.isDifferentFromInitial=false;this.valueChanged()}valueChanged(){var t,o;const s=!this.step?undefined:(o=(t=this.step.toString().split(".")[1])===null||t===void 0?void 0:t.length)!==null&&o!==void 0?o:0;this.value=Number.isNaN(this.value)||this.value==undefined?undefined:+this.value.toFixed(s);this.isDifferentFromInitial=this.initialValue!=this.value;this.defined=typeof this.value=="number";this.observer.publish();this.smoothlyInput.emit({[this.name]:this.value})}watchingReadonly(){this.observer.publish()}setValue(t){var o;if(t==undefined){this.value=undefined}else if(t<this.min){this.value=this.min}else if(t>this.max){this.value=this.max}else{this.value=t}this.input&&(this.input.value=this.type=="text"?(o=this.value)===null||o===void 0?void 0:o.toString():this.value)}render(){var t,o,s;return n(e,{key:"db02e0bee4842a0dcce6ee6856758372481f2fb4",class:{"output-side-right":this.outputSide==="right","show-label":this.outputSide==="left"&&!!this.label}},n("slot",{key:"5bcbb8d839800fef403fc14fc981182f6ed9ae30",name:"start"}),n("div",{key:"26827d93b47f12eef2709aea32588c1ec6786337"},n("label",{key:"20c1213e52d592773db4c68b2bfcfb721d62d364",htmlFor:this.name},this.label),n("smoothly-input",{key:"5e0bdd6c0467690f2d91cc33f24e7f3710f4b063",ref:t=>this.input=t,looks:undefined,color:this.color,name:this.name,showLabel:this.outputSide==="left"&&!!this.label,type:this.type,onSmoothlyInputLoad:async t=>(t.stopPropagation(),this.setValue(a.Element.is(t.target)?Number(await t.target.getValue()):undefined)),onSmoothlyBlur:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.setValue(a.Element.is(t.target)?Number(await t.target.getValue()):undefined)},value:this.type=="percent"?this.value:(t=this.value)===null||t===void 0?void 0:t.toString(),placeholder:this.outputSide==="right"?"-":undefined,readonly:this.readonly,disabled:this.disabled},this.label),n("smoothly-display",{key:"a5502d4adaff32f798bc8e8b198d8f5258ab27e3",label:(this.type=="percent"?this.min*100:this.min).toString()}),n("input",{key:"e2afaea01a569f8cafcbfa09dab6ad6551e76f07",name:this.name,part:"range",type:"range",min:this.min,max:this.max,step:(o=this.step)!==null&&o!==void 0?o:"any",disabled:this.readonly||this.disabled,onInput:t=>{t.stopPropagation();this.setValue(t.target.valueAsNumber);this.smoothlyUserInput.emit({name:this.name,value:this.value})},value:(s=this.value)!==null&&s!==void 0?s:this.min}),n("smoothly-display",{key:"92c309c4224fe86c16b22445f2ef1ba4168306e8",label:(this.type=="percent"?this.max*100:this.max).toString()})),n("slot",{key:"f9373a748b2d160781543f267373f12c43dfd46b",name:"end"}))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}static get style(){return y()}},[262,"smoothly-input-range",{value:[1026],looks:[1537],color:[1537],defined:[1028],readonly:[1540],disabled:[516],type:[1],min:[2],max:[2],name:[513],step:[2],outputSide:[1,"output-side"],label:[1],showInput:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"]],{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}]);function b(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-range","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input"];t.forEach((t=>{switch(t){case"smoothly-input-range":if(!customElements.get(i(t))){customElements.define(i(t),g)}break;case"smoothly-display":if(!customElements.get(i(t))){l()}break;case"smoothly-display-json":if(!customElements.get(i(t))){h()}break;case"smoothly-display-json-object":if(!customElements.get(i(t))){p()}break;case"smoothly-display-json-primitive":if(!customElements.get(i(t))){u()}break;case"smoothly-display-json-record-key":if(!customElements.get(i(t))){d()}break;case"smoothly-icon":if(!customElements.get(i(t))){m()}break;case"smoothly-input":if(!customElements.get(i(t))){c()}break}}))}b();export{g as S,b as d};
+//# sourceMappingURL=p-CTdXhHGF.js.map

package/dist/components/{p-iucZC6z5.js → p-CUdZx76u.js}

@@ -1,2 +1,2 @@
-import{p as s,H as m,c as o,h as t,t as a}from"./p-BsZrGTcp.js";import{d as e}from"./p-BiQsRsV4.js";const y=()=>`.sc-smoothly-summary-h{display:block}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary{display:flex;column-gap:0.25rem;width:fit-content;list-style:none;align-items:center;cursor:pointer}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:transform 0.2s, opacity 0.1s;opacity:0.3}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary:hover>smoothly-icon.sc-smoothly-summary{opacity:1}.sc-smoothly-summary-h>details[open].sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transform:rotate(90deg)}.sc-smoothly-summary-h>details.sc-smoothly-summary-s>[slot=content]{margin-left:var(--smoothly-summary-content-indent, 1.5rem)}@media (prefers-reduced-motion){.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:none}}`;const r=s(class s extends m{constructor(s){super();if(s!==false){this.__registerHost()}this.smoothlySummaryOpen=o(this,"smoothlySummaryOpen");this.open=false}async toggleHandler(s){if(s.target instanceof HTMLDetailsElement){this.open=s.target.open;this.smoothlySummaryOpen.emit(this.open)}}render(){return t("details",{key:"307957b81f396381ad9eb975137299e7429dc9b5",onToggle:s=>this.toggleHandler(s),open:this.open},t("summary",{key:"b0951b6f61956f2b7c5253c8c839679af6b4174c"},t("smoothly-icon",{key:"f12054adab15e894617ed408fdbb6f6160b42c95",name:"caret-forward",fill:"solid",size:"tiny"}),t("slot",{key:"5138f3df6492a607ac2a0398204f4a95b9e8c547",name:"summary"})),t("slot",{key:"14aba4cf6b25ed41cb002585d4a117168e7a6169",name:"content"}))}static get style(){return y()}},[262,"smoothly-summary",{open:[1540]}]);function c(){if(typeof customElements==="undefined"){return}const s=["smoothly-summary","smoothly-icon"];s.forEach((s=>{switch(s){case"smoothly-summary":if(!customElements.get(a(s))){customElements.define(a(s),r)}break;case"smoothly-icon":if(!customElements.get(a(s))){e()}break}}))}c();export{r as S,c as d};
-//# sourceMappingURL=p-iucZC6z5.js.map
+import{p as s,H as m,c as o,h as t,t as a}from"./p-BsZrGTcp.js";import{d as e}from"./p-BiQsRsV4.js";const y=()=>`.sc-smoothly-summary-h{display:block}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary{display:flex;column-gap:0.25rem;width:fit-content;list-style:none;align-items:center;cursor:pointer}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:transform 0.2s, opacity 0.1s;opacity:0.3}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary:hover>smoothly-icon.sc-smoothly-summary{opacity:1}.sc-smoothly-summary-h>details[open].sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transform:rotate(90deg)}.sc-smoothly-summary-h>details.sc-smoothly-summary-s>[slot=content]{margin-left:var(--smoothly-summary-content-indent, 1.5rem)}@media (prefers-reduced-motion){.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:none}}`;const r=s(class s extends m{constructor(s){super();if(s!==false){this.__registerHost()}this.smoothlySummaryOpen=o(this,"smoothlySummaryOpen");this.open=false}async toggleHandler(s){if(s.target instanceof HTMLDetailsElement){this.open=s.target.open;this.smoothlySummaryOpen.emit(this.open)}}render(){return t("details",{key:"eff4cfcc4681f7ae8a50dffb024ed2a2c7f34a82",onToggle:s=>this.toggleHandler(s),open:this.open},t("summary",{key:"579a019b8ae584f018c1a039ad2f637eb136db88"},t("smoothly-icon",{key:"5b13ecddb1ee8805bba66d60aff9f1cfe8cd10b3",name:"caret-forward",fill:"solid",size:"tiny"}),t("slot",{key:"b01c31deaf1bb7574eaa5a383a5385555444845d",name:"summary"})),t("slot",{key:"04fe3aca685b1108f7227f2c45d28d6ef38e9292",name:"content"}))}static get style(){return y()}},[262,"smoothly-summary",{open:[1540]}]);function c(){if(typeof customElements==="undefined"){return}const s=["smoothly-summary","smoothly-icon"];s.forEach((s=>{switch(s){case"smoothly-summary":if(!customElements.get(a(s))){customElements.define(a(s),r)}break;case"smoothly-icon":if(!customElements.get(a(s))){e()}break}}))}c();export{r as S,c as d};
+//# sourceMappingURL=p-CUdZx76u.js.map

package/dist/components/{p-Bj9DsW03.js → p-CVNSeOlg.js}

@@ -1,2 +1,2 @@
-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{n as c,f as r}from"./p-CkXes5c-.js";import{o as l}from"./p-Dr7iZPxA.js";import{d as n}from"./p-BHEtq3Ue.js";import{d as i}from"./p-DX3KKRD9.js";import{d}from"./p-BqAN7jax.js";import{d as f}from"./p-B8ljN4o0.js";import{d as u}from"./p-DgaHxdNI.js";import{d as p}from"./p-BiQsRsV4.js";import{d as h}from"./p-R4uIvvER.js";import{d as y}from"./p-C9zTTp-4.js";import{d as b}from"./p-DTqtObrT.js";import{d as k}from"./p-CKrPTQ_S.js";import{d as j}from"./p-RNCr3p17.js";import{d as E}from"./p-D7cDUGTe.js";import{d as D}from"./p-BS2SWUX6.js";import{d as B}from"./p-CsLlJDsh.js";var x;(function(e){e.type=l({date:r("isoly.Date",a.Date.is),amount:c()})})(x||(x={}));var T;(function(e){e.type=l({schedule:x.type.array()})})(T||(T={}));const A=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return o(s,{key:"6c26fc85d61f779af5fcab96c9e284d5b878688b"},o("h2",{key:"03b826fce15279c6e12a41b7b36801ae7ee4c519"},"Schedule"),o("smoothly-form",{key:"d346491153ecef66014e4094e2a146d9f22d05d2",looks:"line",validator:T.type},o("smoothly-input-date",{key:"2c9e97babe7f546172b3c2cba82196c023a202bd",name:"schedule.0.date"},"Date"),o("smoothly-input",{key:"ce96e610d3ccd1dc33a73bd50cdaa76a37cd5bdb",name:"schedule.0.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"53f1beac7d55968d08bac99d593df36e1aca34be",name:"schedule.1.date"},"Date"),o("smoothly-input",{key:"4d576bb6887c81df8b3bc70da45b6218d1dce3e9",name:"schedule.1.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"f743cfaa8782867a30cd80320c684b7a50aea546",name:"schedule.2.date"},"Date"),o("smoothly-input",{key:"7a9b171261c173302c61ce089849cdc0ddddf9cf",name:"schedule.2.amount",type:"price"},"Amount"),o("smoothly-input-reset",{key:"fe8b3bb4f160c7f40d1f383e39ac700a5e00ff07",slot:"reset",fill:"default",type:"form",color:"warning"}),o("smoothly-input-submit",{key:"2f494f54c287b73b73dd94956018360affffec4c",slot:"submit"})))}},[2,"smoothly-form-demo-schedule"]);function v(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-schedule","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-date","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-schedule":if(!customElements.get(m(e))){customElements.define(m(e),A)}break;case"smoothly-button":if(!customElements.get(m(e))){n()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){i()}break;case"smoothly-calendar":if(!customElements.get(m(e))){d()}break;case"smoothly-date-text":if(!customElements.get(m(e))){f()}break;case"smoothly-form":if(!customElements.get(m(e))){u()}break;case"smoothly-icon":if(!customElements.get(m(e))){p()}break;case"smoothly-input":if(!customElements.get(m(e))){h()}break;case"smoothly-input-date":if(!customElements.get(m(e))){y()}break;case"smoothly-input-month":if(!customElements.get(m(e))){b()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){k()}break;case"smoothly-input-select":if(!customElements.get(m(e))){j()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){E()}break;case"smoothly-item":if(!customElements.get(m(e))){D()}break;case"smoothly-spinner":if(!customElements.get(m(e))){B()}break}}))}v();export{A as S,v as d};
-//# sourceMappingURL=p-Bj9DsW03.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{n as c,f as r}from"./p-CkXes5c-.js";import{o as n}from"./p-Dr7iZPxA.js";import{d as i}from"./p-BHEtq3Ue.js";import{d as l}from"./p-DX3KKRD9.js";import{d as f}from"./p-1j2KmcfQ.js";import{d}from"./p-AX8gOGUr.js";import{d as u}from"./p-DIhqNc1G.js";import{d as p}from"./p-BiQsRsV4.js";import{d as h}from"./p-Ww5QjB3D.js";import{d as y}from"./p-xkRxEiC8.js";import{d as b}from"./p-CtuuZV3u.js";import{d as k}from"./p-BUa0wBSK.js";import{d as j}from"./p-CJEV2v84.js";import{d as E}from"./p-CqyGm3oe.js";import{d as B}from"./p-fnKrPnzp.js";import{d as D}from"./p-Bpc6uh0M.js";var x;(function(e){e.type=n({date:r("isoly.Date",a.Date.is),amount:c()})})(x||(x={}));var A;(function(e){e.type=n({schedule:x.type.array()})})(A||(A={}));const K=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return o(s,{key:"6c26fc85d61f779af5fcab96c9e284d5b878688b"},o("h2",{key:"03b826fce15279c6e12a41b7b36801ae7ee4c519"},"Schedule"),o("smoothly-form",{key:"d346491153ecef66014e4094e2a146d9f22d05d2",looks:"line",validator:A.type},o("smoothly-input-date",{key:"2c9e97babe7f546172b3c2cba82196c023a202bd",name:"schedule.0.date"},"Date"),o("smoothly-input",{key:"ce96e610d3ccd1dc33a73bd50cdaa76a37cd5bdb",name:"schedule.0.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"53f1beac7d55968d08bac99d593df36e1aca34be",name:"schedule.1.date"},"Date"),o("smoothly-input",{key:"4d576bb6887c81df8b3bc70da45b6218d1dce3e9",name:"schedule.1.amount",type:"price"},"Amount"),o("smoothly-input-date",{key:"f743cfaa8782867a30cd80320c684b7a50aea546",name:"schedule.2.date"},"Date"),o("smoothly-input",{key:"7a9b171261c173302c61ce089849cdc0ddddf9cf",name:"schedule.2.amount",type:"price"},"Amount"),o("smoothly-input-reset",{key:"fe8b3bb4f160c7f40d1f383e39ac700a5e00ff07",slot:"reset",fill:"default",type:"form",color:"warning"}),o("smoothly-input-submit",{key:"2f494f54c287b73b73dd94956018360affffec4c",slot:"submit"})))}},[2,"smoothly-form-demo-schedule"]);function C(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-schedule","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-date","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-schedule":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))){l()}break;case"smoothly-calendar":if(!customElements.get(m(e))){f()}break;case"smoothly-date-text":if(!customElements.get(m(e))){d()}break;case"smoothly-form":if(!customElements.get(m(e))){u()}break;case"smoothly-icon":if(!customElements.get(m(e))){p()}break;case"smoothly-input":if(!customElements.get(m(e))){h()}break;case"smoothly-input-date":if(!customElements.get(m(e))){y()}break;case"smoothly-input-month":if(!customElements.get(m(e))){b()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){k()}break;case"smoothly-input-select":if(!customElements.get(m(e))){j()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){E()}break;case"smoothly-item":if(!customElements.get(m(e))){B()}break;case"smoothly-spinner":if(!customElements.get(m(e))){D()}break}}))}C();export{K as S,C as d};
+//# sourceMappingURL=p-CVNSeOlg.js.map

package/dist/components/{p-BX6yRNGo.js → p-CcXqouEO.js}

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as t,d as o,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{d as n}from"./p-BHEtq3Ue.js";import{d as i}from"./p-DX3KKRD9.js";import{d as l}from"./p-DgaHxdNI.js";import{d as r}from"./p-BiQsRsV4.js";import{d as c}from"./p-R4uIvvER.js";import{d as f}from"./p-C519IJGa.js";import{d}from"./p-DTqtObrT.js";import{d as u}from"./p-CKrPTQ_S.js";import{d as p}from"./p-RNCr3p17.js";import{d as h}from"./p-D7cDUGTe.js";import{d as y}from"./p-BS2SWUX6.js";import{d as b}from"./p-CsLlJDsh.js";const k=e(class e extends s{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,s){console.log(`updated name from '${s}' 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(o,{key:"2131171a287333757dd2e257272b2151f445d00a"},t("h2",{key:"ae5d57d207b35d5d25568cb929551076b02b29bb"},"Controlled"),t("smoothly-form",{key:"206b0c12bade21ffe5ec4357c27a11612adf99f7",readonly:true,looks:"grid",onSmoothlyFormSubmit:e=>this.submitHandler(e)},t("smoothly-input",{key:"9f607b8f55df8931f04e2df1746bc5b8f239700c",type:"text",name:"name",value:this.name},"Name"),t("smoothly-input-select",{key:"5fe97133fc282b8a428ba9d1d28e27f5642857d3",name:"currency"},t("span",{key:"76ca8e412897900e1054a70c2a2645ad3587d55d",slot:"label"},"Currency"),this.currencies.map((e=>t("smoothly-item",{selected:e==this.currency,value:e},e)))),t("smoothly-input",{key:"3099df2a407af93f416da0ff8e6093df00c49467"},"Dummy"),t("smoothly-input-month",{key:"1c5c73a802f6a8e90b8163e8fb9b652e0ba073f6",name:"date",value:this.date,next:true,previous:true},t("span",{key:"71f40ad3683c72e71366e0faa9750c536c82e05a",slot:"year-label"},"Year"),t("span",{key:"71888a27f0f94e796c983a4f41c6a679be7d66fe",slot:"month-label"},"Month")),t("smoothly-input-edit",{key:"1f2aba348ed5559946c30abede9e4656c30d887b",slot:"edit",size:"icon",color:"primary",fill:"default"}),t("smoothly-input-reset",{key:"6800fe757dab08be1ddb7c22e266b9093ffffefa",slot:"reset",size:"icon",color:"warning",fill:"default"}),t("smoothly-input-submit",{key:"f0c595bc65fa6207cd01792e7fa782e3a59b8464",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))){r()}break;case"smoothly-input":if(!customElements.get(m(e))){c()}break;case"smoothly-input-edit":if(!customElements.get(m(e))){f()}break;case"smoothly-input-month":if(!customElements.get(m(e))){d()}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-BX6yRNGo.js.map
+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 n}from"./p-BHEtq3Ue.js";import{d as i}from"./p-DX3KKRD9.js";import{d as l}from"./p-DIhqNc1G.js";import{d as r}from"./p-BiQsRsV4.js";import{d as c}from"./p-Ww5QjB3D.js";import{d as f}from"./p-4pGbxojU.js";import{d}from"./p-CtuuZV3u.js";import{d as u}from"./p-BUa0wBSK.js";import{d as p}from"./p-CJEV2v84.js";import{d as h}from"./p-CqyGm3oe.js";import{d as y}from"./p-fnKrPnzp.js";import{d as b}from"./p-Bpc6uh0M.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:"2131171a287333757dd2e257272b2151f445d00a"},t("h2",{key:"ae5d57d207b35d5d25568cb929551076b02b29bb"},"Controlled"),t("smoothly-form",{key:"206b0c12bade21ffe5ec4357c27a11612adf99f7",readonly:true,looks:"grid",onSmoothlyFormSubmit:e=>this.submitHandler(e)},t("smoothly-input",{key:"9f607b8f55df8931f04e2df1746bc5b8f239700c",type:"text",name:"name",value:this.name},"Name"),t("smoothly-input-select",{key:"5fe97133fc282b8a428ba9d1d28e27f5642857d3",name:"currency"},t("span",{key:"76ca8e412897900e1054a70c2a2645ad3587d55d",slot:"label"},"Currency"),this.currencies.map((e=>t("smoothly-item",{selected:e==this.currency,value:e},e)))),t("smoothly-input",{key:"3099df2a407af93f416da0ff8e6093df00c49467"},"Dummy"),t("smoothly-input-month",{key:"1c5c73a802f6a8e90b8163e8fb9b652e0ba073f6",name:"date",value:this.date,next:true,previous:true},t("span",{key:"71f40ad3683c72e71366e0faa9750c536c82e05a",slot:"year-label"},"Year"),t("span",{key:"71888a27f0f94e796c983a4f41c6a679be7d66fe",slot:"month-label"},"Month")),t("smoothly-input-edit",{key:"1f2aba348ed5559946c30abede9e4656c30d887b",slot:"edit",size:"icon",color:"primary",fill:"default"}),t("smoothly-input-reset",{key:"6800fe757dab08be1ddb7c22e266b9093ffffefa",slot:"reset",size:"icon",color:"warning",fill:"default"}),t("smoothly-input-submit",{key:"f0c595bc65fa6207cd01792e7fa782e3a59b8464",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))){r()}break;case"smoothly-input":if(!customElements.get(m(e))){c()}break;case"smoothly-input-edit":if(!customElements.get(m(e))){f()}break;case"smoothly-input-month":if(!customElements.get(m(e))){d()}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-CcXqouEO.js.map

package/dist/components/p-CgCEK6Lc.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as o,d as s,t as a}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{d as m}from"./p-BHEtq3Ue.js";import{d as n}from"./p-1j2KmcfQ.js";import{d as r}from"./p-AX8gOGUr.js";import{d as l}from"./p-DM5CKilY.js";import{d}from"./p-CR3Ni_o7.js";import{d as c}from"./p-B-l1S16Z.js";import{d as h}from"./p-Ud7Qhkgt.js";import{d as u}from"./p-C3FORjes.js";import{d as f}from"./p-BiQsRsV4.js";import{d as p}from"./p-Ww5QjB3D.js";import{d as y}from"./p-CrKwvG9J.js";import{d as b}from"./p-CrkBYYf-.js";import{d as k}from"./p-xkRxEiC8.js";import{d as j}from"./p-NFd9Dxr1.js";import{d as g}from"./p-BFJL6rrU.js";import{d as x}from"./p-CtuuZV3u.js";import{d as E}from"./p-BfwEfI7H.js";import{d as v}from"./p-nFLcvugJ.js";import{d as C}from"./p-CTdXhHGF.js";import{d as I}from"./p-CJEV2v84.js";import{d as U}from"./p-fnKrPnzp.js";import{d as w}from"./p-dBpTpVs8.js";const S=()=>`.sc-smoothly-input-demo-user-input-h{max-width:min(100%, 56rem);margin-inline:auto;display:grid;grid-template-columns:12rem 1fr;gap:1rem}.sc-smoothly-input-demo-user-input-h>div.sc-smoothly-input-demo-user-input{grid-column:1 / -1}@media (max-width: 48rem){.sc-smoothly-input-demo-user-input-h{grid-template-columns:1fr}}`;const B=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.values=["zero","one","two","three","four","five"];this.colors=["#ff0000","#00ff00","#0000ff","#ffff00","#00ffff","#ff00ff"]}increment(e){return e===undefined?0:(e+1)%this.values.length}render(){var e,t;return o(s,{key:"eab36e7674fb973f979c4aaed34abadae7576fe0"},o("div",{key:"8225faa4114dc00127534d7a4400b1d9b23f4ae7"},o("h2",{key:"a6e84f195de0a08ef8ea173615663417db7cb4fb"},"User Input Event"),o("p",{key:"e6aad349cb3b67654e5eb4499aa0088367862ceb"},"These inputs demonstrate how user input is handled. The ",o("code",{key:"ca92dbe2b5834d176ee33651b5d4287ece6d585c"},"smoothlyUserInput")," event fires only when the user interacts with an input, not when its value is changed programmatically (such as by clicking the buttons above).",o("br",{key:"96cfdda6ccf73450ce38e886fbb26681c17667ea"}),"Check the console to see the details of each ",o("code",{key:"13af94b46758e72141f7ba0da21f93f2ef70a052"},"smoothlyUserInput")," event.")),o("smoothly-button",{key:"5f3eadf13479a585b26f63bbd14d5a06d4efd82e",color:"tertiary",onClick:()=>this.textIndex=this.increment(this.textIndex)},"Change text"),o("smoothly-input",{key:"18606ed8401bc0a7a9146ab7b8da848b9f155971",looks:"border",name:"demo-user-input-text",value:this.textIndex===undefined?"":this.values[this.textIndex],onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Text input"),o("smoothly-button",{key:"89d848edf493f23af859f999c62788cd58f89b9e",onClick:()=>this.selectIndex=this.increment(this.selectIndex),color:"tertiary"},"Next select item"),o("smoothly-input-select",{key:"223ebf76fcfd12bb61cf78cdafb7cc2a6f9ab95a",looks:"border",name:"demo-user-input-select",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},o("span",{key:"1bb540b065fdf0f3571482e0c8a3417a4d9be70a",slot:"label"},"Select input"),this.values.map(((e,t)=>o("smoothly-item",{value:t,selected:t==this.selectIndex},e)))),o("smoothly-button",{key:"c8759cf4029e8910db9eca83c856bbcd203721ae",color:"tertiary",onClick:()=>this.checkboxChecked=!this.checkboxChecked},"Toggle checkbox"),o("smoothly-input-checkbox",{key:"a613696a09d76a9410d66e4fc51833db30a8acd6",looks:"border",name:"demo-user-input-checkbox",checked:this.checkboxChecked,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Checkbox input"),o("smoothly-button",{key:"552e86df8bca79435198c9d18258d89471c17f2f",color:"tertiary",onClick:()=>this.radioIndex=this.increment(this.radioIndex)},"Next radio item"),o("smoothly-input-radio",{key:"83d0d370cfb15750bfec897741493bf51352409e",looks:"border",name:"demo-user-input-radio",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},o("span",{key:"205e6dc2498d0ae6b95a119aba4d19c75cefabea",slot:"label"},"Radio input"),this.values.map(((e,t)=>o("smoothly-input-radio-item",{value:e,selected:t==this.radioIndex},e)))),o("smoothly-button",{key:"13bc5121320b0982bdcf65c0ea5454841783ef24",color:"tertiary",onClick:()=>this.rangeValue=this.increment(this.rangeValue)},"Next range value"),o("smoothly-input-range",{key:"c6097f9351a54aefda3b9f51694c71d4faa803a5",looks:"border",name:"demo-user-input-range",step:1,min:0,max:this.values.length,value:this.rangeValue,label:"Range Input",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)}),o("smoothly-button",{key:"5356c9d3d1ebd1edc281d0802deee76cd098ed7d",color:"tertiary",onClick:()=>this.colorIndex=this.increment(this.colorIndex)},"Next color"),o("smoothly-input-color",{key:"18d6651482ef0254f9c1dd1cdefd2127c4d67dc1",looks:"border",name:"demo-user-input-color",value:typeof this.colorIndex=="number"?this.colors[this.colorIndex]:undefined,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Color input"),o("smoothly-button",{key:"3da5ff4f15a19d39a1537fc0f3f738bc840b17c4",color:"tertiary",onClick:()=>this.dateValue=this.dateValue?i.Date.next(this.dateValue):i.Date.now()},"Next day"),o("smoothly-input-date",{key:"c20a4edf0546a89bcbd55a1f67840ffb6ca6a98a",looks:"border",name:"demo-user-input-date",value:this.dateValue,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date input"),o("smoothly-button",{key:"0ab185dd19fabc2ded8387b5d08b1580d47726c9",color:"tertiary",onClick:()=>this.datetimeValue=this.datetimeValue?i.DateTime.nextDay(this.datetimeValue):i.DateTime.now()},"Next date time"),o("smoothly-input-date-time",{key:"402a80aa4b3b25a460d2acec85964446350501fa",looks:"border",name:"demo-user-input-datetime",value:this.datetimeValue,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date time input"),o("smoothly-button",{key:"89b12f184e5f3c2953b3882fca43dbea273f5178",color:"tertiary",onClick:()=>this.dateRangeValue=this.dateRangeValue?{start:i.Date.next(this.dateRangeValue.start),end:i.Date.next(this.dateRangeValue.end)}:{start:i.Date.now(),end:i.Date.next(i.Date.now(),10)}},"Next date range"),o("smoothly-input-date-range",{key:"7c2c3867bb8465daf5da9496c70e717bdfd2616c",looks:"border",name:"demo-user-input-daterange",start:(e=this.dateRangeValue)===null||e===void 0?void 0:e.start,end:(t=this.dateRangeValue)===null||t===void 0?void 0:t.end,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date range input"))}static get style(){return S()}},[2,"smoothly-input-demo-user-input",{textIndex:[32],selectIndex:[32],checkboxChecked:[32],radioIndex:[32],rangeValue:[32],colorIndex:[32],dateValue:[32],datetimeValue:[32],dateRangeValue:[32]}]);function N(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-user-input","smoothly-button","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-select","smoothly-item","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-demo-user-input":if(!customElements.get(a(e))){customElements.define(a(e),B)}break;case"smoothly-button":if(!customElements.get(a(e))){m()}break;case"smoothly-calendar":if(!customElements.get(a(e))){n()}break;case"smoothly-date-text":if(!customElements.get(a(e))){r()}break;case"smoothly-display":if(!customElements.get(a(e))){l()}break;case"smoothly-display-json":if(!customElements.get(a(e))){d()}break;case"smoothly-display-json-object":if(!customElements.get(a(e))){c()}break;case"smoothly-display-json-primitive":if(!customElements.get(a(e))){h()}break;case"smoothly-display-json-record-key":if(!customElements.get(a(e))){u()}break;case"smoothly-icon":if(!customElements.get(a(e))){f()}break;case"smoothly-input":if(!customElements.get(a(e))){p()}break;case"smoothly-input-checkbox":if(!customElements.get(a(e))){y()}break;case"smoothly-input-color":if(!customElements.get(a(e))){b()}break;case"smoothly-input-date":if(!customElements.get(a(e))){k()}break;case"smoothly-input-date-range":if(!customElements.get(a(e))){j()}break;case"smoothly-input-date-time":if(!customElements.get(a(e))){g()}break;case"smoothly-input-month":if(!customElements.get(a(e))){x()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){E()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){v()}break;case"smoothly-input-range":if(!customElements.get(a(e))){C()}break;case"smoothly-input-select":if(!customElements.get(a(e))){I()}break;case"smoothly-item":if(!customElements.get(a(e))){U()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){w()}break}}))}N();export{B as S,N as d};
+//# sourceMappingURL=p-CgCEK6Lc.js.map

package/dist/components/{p-CUiFFtAw.js.map → p-CgCEK6Lc.js.map}

@@ -1 +1 @@
-{"version":3,"names":["styleCss","SmoothlyInputDemoUserInput","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","values","colors","increment","index","undefined","length","render","h","Host","key","color","onClick","textIndex","looks","name","value","onSmoothlyUserInput","e","console","debug","type","detail","selectIndex","slot","map","selected","checkboxChecked","checked","radioIndex","rangeValue","step","min","max","label","colorIndex","dateValue","isoly","Date","next","now","datetimeValue","DateTime","nextDay","dateRangeValue","start","end","_a","_b"],"sources":["src/components/input/demo/user-input/style.css?tag=smoothly-input-demo-user-input&encapsulation=scoped","src/components/input/demo/user-input/index.tsx"],"sourcesContent":[":host {\n\tmax-width: min(100%, 56rem);\n\tmargin-inline: auto;\n\tdisplay: grid;\n\tgrid-template-columns: 12rem 1fr;\n\tgap: 1rem;\n}\n:host > div {\n\tgrid-column: 1 / -1;\n}\n\n\n/* Mobile */\n@media (max-width: 48rem) {\n\t:host {\n\t\tgrid-template-columns: 1fr;\n\t}\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-demo-user-input\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDemoUserInput {\n\tprivate readonly values = [\"zero\", \"one\", \"two\", \"three\", \"four\", \"five\"]\n\t@State() textIndex?: number\n\t@State() selectIndex?: number\n\t@State() checkboxChecked: boolean\n\t@State() radioIndex?: number\n\t@State() rangeValue?: number\n\tprivate readonly colors = [\"#ff0000\", \"#00ff00\", \"#0000ff\", \"#ffff00\", \"#00ffff\", \"#ff00ff\"]\n\t@State() colorIndex?: number\n\t@State() dateValue?: isoly.Date\n\t@State() datetimeValue?: isoly.DateTime\n\t@State() dateRangeValue?: isoly.DateRange\n\n\tincrement(index?: number): number {\n\t\treturn index === undefined ? 0 : (index + 1) % this.values.length\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<h2>User Input Event</h2>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tThese inputs demonstrate how user input is handled. The <code>smoothlyUserInput</code> event fires only when\n\t\t\t\t\t\tthe user interacts with an input, not when its value is changed programmatically (such as by clicking the\n\t\t\t\t\t\tbuttons above).\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\tCheck the console to see the details of each <code>smoothlyUserInput</code> event.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.textIndex = this.increment(this.textIndex))}>\n\t\t\t\t\tChange text\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-text\"\n\t\t\t\t\tvalue={this.textIndex === undefined ? \"\" : this.values[this.textIndex]}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tText input\n\t\t\t\t</smoothly-input>\n\n\t\t\t\t<smoothly-button onClick={() => (this.selectIndex = this.increment(this.selectIndex))} color=\"tertiary\">\n\t\t\t\t\tNext select item\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-select\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-select\"\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\t<span slot=\"label\">Select input</span>\n\t\t\t\t\t{this.values.map((value, index) => (\n\t\t\t\t\t\t<smoothly-item value={index} selected={index == this.selectIndex}>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-select>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.checkboxChecked = !this.checkboxChecked)}>\n\t\t\t\t\tToggle checkbox\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-checkbox\"\n\t\t\t\t\tchecked={this.checkboxChecked}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tCheckbox input\n\t\t\t\t</smoothly-input-checkbox>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.radioIndex = this.increment(this.radioIndex))}>\n\t\t\t\t\tNext radio item\n\t\t\t\t</smoothly-button>\n\t\t\t\t{/* Bug: radio has bugs when changing programmatically - TODO: consider changing to using a regular radio input as underlying controls */}\n\t\t\t\t<smoothly-input-radio\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-radio\"\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\t<span slot=\"label\">Radio input</span>\n\t\t\t\t\t{this.values.map((value, index) => (\n\t\t\t\t\t\t<smoothly-input-radio-item value={value} selected={index == this.radioIndex}>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-radio>\n\n\t\t\t\t{/* Not sure how to test smoothly-input-file */}\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.rangeValue = this.increment(this.rangeValue))}>\n\t\t\t\t\tNext range value\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-range\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-range\"\n\t\t\t\t\tstep={1}\n\t\t\t\t\tmin={0}\n\t\t\t\t\tmax={this.values.length}\n\t\t\t\t\tvalue={this.rangeValue}\n\t\t\t\t\tlabel={\"Range Input\"}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}\n\t\t\t\t/>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.colorIndex = this.increment(this.colorIndex))}>\n\t\t\t\t\tNext color\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-color\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-color\"\n\t\t\t\t\tvalue={typeof this.colorIndex == \"number\" ? this.colors[this.colorIndex] : undefined}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tColor input\n\t\t\t\t</smoothly-input-color>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() => (this.dateValue = this.dateValue ? isoly.Date.next(this.dateValue) : isoly.Date.now())}>\n\t\t\t\t\tNext day\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-date\"\n\t\t\t\t\tvalue={this.dateValue}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate input\n\t\t\t\t</smoothly-input-date>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t(this.datetimeValue = this.datetimeValue\n\t\t\t\t\t\t\t? isoly.DateTime.nextDay(this.datetimeValue)\n\t\t\t\t\t\t\t: isoly.DateTime.now())\n\t\t\t\t\t}>\n\t\t\t\t\tNext date time\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date-time\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-datetime\"\n\t\t\t\t\tvalue={this.datetimeValue}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate time input\n\t\t\t\t</smoothly-input-date-time>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t(this.dateRangeValue = this.dateRangeValue\n\t\t\t\t\t\t\t? { start: isoly.Date.next(this.dateRangeValue.start), end: isoly.Date.next(this.dateRangeValue.end) }\n\t\t\t\t\t\t\t: { start: isoly.Date.now(), end: isoly.Date.next(isoly.Date.now(), 10) })\n\t\t\t\t\t}>\n\t\t\t\t\tNext date range\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-daterange\"\n\t\t\t\t\tstart={this.dateRangeValue?.start}\n\t\t\t\t\tend={this.dateRangeValue?.end}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate range input\n\t\t\t\t</smoothly-input-date-range>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["styleCss","SmoothlyInputDemoUserInput","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","values","colors","increment","index","undefined","length","render","h","Host","key","color","onClick","textIndex","looks","name","value","onSmoothlyUserInput","e","console","debug","type","detail","selectIndex","slot","map","selected","checkboxChecked","checked","radioIndex","rangeValue","step","min","max","label","colorIndex","dateValue","isoly","Date","next","now","datetimeValue","DateTime","nextDay","dateRangeValue","start","end","_a","_b"],"sources":["src/components/input/demo/user-input/style.css?tag=smoothly-input-demo-user-input&encapsulation=scoped","src/components/input/demo/user-input/index.tsx"],"sourcesContent":[":host {\n\tmax-width: min(100%, 56rem);\n\tmargin-inline: auto;\n\tdisplay: grid;\n\tgrid-template-columns: 12rem 1fr;\n\tgap: 1rem;\n}\n:host > div {\n\tgrid-column: 1 / -1;\n}\n\n\n/* Mobile */\n@media (max-width: 48rem) {\n\t:host {\n\t\tgrid-template-columns: 1fr;\n\t}\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-demo-user-input\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDemoUserInput {\n\tprivate readonly values = [\"zero\", \"one\", \"two\", \"three\", \"four\", \"five\"]\n\t@State() textIndex?: number\n\t@State() selectIndex?: number\n\t@State() checkboxChecked: boolean\n\t@State() radioIndex?: number\n\t@State() rangeValue?: number\n\tprivate readonly colors = [\"#ff0000\", \"#00ff00\", \"#0000ff\", \"#ffff00\", \"#00ffff\", \"#ff00ff\"]\n\t@State() colorIndex?: number\n\t@State() dateValue?: isoly.Date\n\t@State() datetimeValue?: isoly.DateTime\n\t@State() dateRangeValue?: isoly.DateRange\n\n\tincrement(index?: number): number {\n\t\treturn index === undefined ? 0 : (index + 1) % this.values.length\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<h2>User Input Event</h2>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tThese inputs demonstrate how user input is handled. The <code>smoothlyUserInput</code> event fires only when\n\t\t\t\t\t\tthe user interacts with an input, not when its value is changed programmatically (such as by clicking the\n\t\t\t\t\t\tbuttons above).\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\tCheck the console to see the details of each <code>smoothlyUserInput</code> event.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.textIndex = this.increment(this.textIndex))}>\n\t\t\t\t\tChange text\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-text\"\n\t\t\t\t\tvalue={this.textIndex === undefined ? \"\" : this.values[this.textIndex]}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tText input\n\t\t\t\t</smoothly-input>\n\n\t\t\t\t<smoothly-button onClick={() => (this.selectIndex = this.increment(this.selectIndex))} color=\"tertiary\">\n\t\t\t\t\tNext select item\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-select\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-select\"\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\t<span slot=\"label\">Select input</span>\n\t\t\t\t\t{this.values.map((value, index) => (\n\t\t\t\t\t\t<smoothly-item value={index} selected={index == this.selectIndex}>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-select>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.checkboxChecked = !this.checkboxChecked)}>\n\t\t\t\t\tToggle checkbox\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-checkbox\"\n\t\t\t\t\tchecked={this.checkboxChecked}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tCheckbox input\n\t\t\t\t</smoothly-input-checkbox>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.radioIndex = this.increment(this.radioIndex))}>\n\t\t\t\t\tNext radio item\n\t\t\t\t</smoothly-button>\n\t\t\t\t{/* Bug: radio has bugs when changing programmatically - TODO: consider changing to using a regular radio input as underlying controls */}\n\t\t\t\t<smoothly-input-radio\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-radio\"\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\t<span slot=\"label\">Radio input</span>\n\t\t\t\t\t{this.values.map((value, index) => (\n\t\t\t\t\t\t<smoothly-input-radio-item value={value} selected={index == this.radioIndex}>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-radio>\n\n\t\t\t\t{/* Not sure how to test smoothly-input-file */}\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.rangeValue = this.increment(this.rangeValue))}>\n\t\t\t\t\tNext range value\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-range\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-range\"\n\t\t\t\t\tstep={1}\n\t\t\t\t\tmin={0}\n\t\t\t\t\tmax={this.values.length}\n\t\t\t\t\tvalue={this.rangeValue}\n\t\t\t\t\tlabel={\"Range Input\"}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}\n\t\t\t\t/>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.colorIndex = this.increment(this.colorIndex))}>\n\t\t\t\t\tNext color\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-color\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-color\"\n\t\t\t\t\tvalue={typeof this.colorIndex == \"number\" ? this.colors[this.colorIndex] : undefined}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tColor input\n\t\t\t\t</smoothly-input-color>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() => (this.dateValue = this.dateValue ? isoly.Date.next(this.dateValue) : isoly.Date.now())}>\n\t\t\t\t\tNext day\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-date\"\n\t\t\t\t\tvalue={this.dateValue}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate input\n\t\t\t\t</smoothly-input-date>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t(this.datetimeValue = this.datetimeValue\n\t\t\t\t\t\t\t? isoly.DateTime.nextDay(this.datetimeValue)\n\t\t\t\t\t\t\t: isoly.DateTime.now())\n\t\t\t\t\t}>\n\t\t\t\t\tNext date time\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date-time\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-datetime\"\n\t\t\t\t\tvalue={this.datetimeValue}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate time input\n\t\t\t\t</smoothly-input-date-time>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t(this.dateRangeValue = this.dateRangeValue\n\t\t\t\t\t\t\t? { start: isoly.Date.next(this.dateRangeValue.start), end: isoly.Date.next(this.dateRangeValue.end) }\n\t\t\t\t\t\t\t: { start: isoly.Date.now(), end: isoly.Date.next(isoly.Date.now(), 10) })\n\t\t\t\t\t}>\n\t\t\t\t\tNext date range\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-daterange\"\n\t\t\t\t\tstart={this.dateRangeValue?.start}\n\t\t\t\t\tend={this.dateRangeValue?.end}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate range input\n\t\t\t\t</smoothly-input-date-range>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/{p-CF5IKGi5.js → p-CmPHR3tf.js}

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as s,h as o,t as r}from"./p-BsZrGTcp.js";const i=()=>`.sc-smoothly-trigger-h{display:block;border-style:solid;border-width:1px;border-radius:3px}[hidden].sc-smoothly-trigger-h{display:none}[disabled].sc-smoothly-trigger-h{opacity:0.5}.sc-smoothly-trigger-h>button.sc-smoothly-trigger{border-color:transparent;background-color:transparent;padding:0.2em 0.3em;font-size:110%;font-weight:400}.sc-smoothly-trigger-h:not([disabled]):hover,.sc-smoothly-trigger-h:not([disabled]):focus,.sc-smoothly-trigger-h:not([disabled]):active{border-color:var(--smoothly-trigger-border)}[expand=full].sc-smoothly-trigger-h>button.sc-smoothly-trigger,[expand=block].sc-smoothly-trigger-h>button.sc-smoothly-trigger{width:100%}[expand=full].sc-smoothly-trigger-h{border-left:none;border-right:none}`;const l=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.trigger=s(this,"trigger");this.disabled=false;this.type="button"}onClick(t){this.trigger.emit({name:this.name,value:this.value});t.stopPropagation();t.preventDefault()}render(){let t;switch(this.type){case"link":t=this.disabled?o("slot",null):o("a",{onClick:t=>this.onClick(t)},o("slot",null));break;case"button":t=o("button",{key:"b29e3e2eb0ab5d17b9602df55ad9afb0d0565243",disabled:this.disabled,name:this.name},o("slot",{key:"df1757d80fe0e05d8d497b1aa168e9992ee423a2"}));break}return t}static get style(){return i()}},[262,"smoothly-trigger",{color:[513],fill:[513],disabled:[516],type:[513],name:[1],value:[8]},[[0,"click","onClick"]]]);function n(){if(typeof customElements==="undefined"){return}const t=["smoothly-trigger"];t.forEach((t=>{switch(t){case"smoothly-trigger":if(!customElements.get(r(t))){customElements.define(r(t),l)}break}}))}n();export{l as S,n as d};
-//# sourceMappingURL=p-CF5IKGi5.js.map
+import{p as t,H as s,c as e,h as o,t as r}from"./p-BsZrGTcp.js";const i=()=>`.sc-smoothly-trigger-h{display:block;border-style:solid;border-width:1px;border-radius:3px}[hidden].sc-smoothly-trigger-h{display:none}[disabled].sc-smoothly-trigger-h{opacity:0.5}.sc-smoothly-trigger-h>button.sc-smoothly-trigger{border-color:transparent;background-color:transparent;padding:0.2em 0.3em;font-size:110%;font-weight:400}.sc-smoothly-trigger-h:not([disabled]):hover,.sc-smoothly-trigger-h:not([disabled]):focus,.sc-smoothly-trigger-h:not([disabled]):active{border-color:var(--smoothly-trigger-border)}[expand=full].sc-smoothly-trigger-h>button.sc-smoothly-trigger,[expand=block].sc-smoothly-trigger-h>button.sc-smoothly-trigger{width:100%}[expand=full].sc-smoothly-trigger-h{border-left:none;border-right:none}`;const l=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.trigger=e(this,"trigger");this.disabled=false;this.type="button"}onClick(t){this.trigger.emit({name:this.name,value:this.value});t.stopPropagation();t.preventDefault()}render(){let t;switch(this.type){case"link":t=this.disabled?o("slot",null):o("a",{onClick:t=>this.onClick(t)},o("slot",null));break;case"button":t=o("button",{key:"a8277d3521475192961463b4867553aacea5f8e3",disabled:this.disabled,name:this.name},o("slot",{key:"6998482165ff6a73d87eb079235f88741353a1ce"}));break}return t}static get style(){return i()}},[262,"smoothly-trigger",{color:[513],fill:[513],disabled:[516],type:[513],name:[1],value:[8]},[[0,"click","onClick"]]]);function n(){if(typeof customElements==="undefined"){return}const t=["smoothly-trigger"];t.forEach((t=>{switch(t){case"smoothly-trigger":if(!customElements.get(r(t))){customElements.define(r(t),l)}break}}))}n();export{l as S,n as d};
+//# sourceMappingURL=p-CmPHR3tf.js.map

package/dist/components/{p-BNnhxQyl.js → p-CoJyQegK.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as o,t as s}from"./p-BsZrGTcp.js";import{d as l}from"./p-CRTkSTv3.js";import{d as r}from"./p-CTPT9Ngc.js";const a=()=>`.sc-smoothly-table-filler-row-h{grid-column:1 / -1}`;const c=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return o("smoothly-table-row",{key:"8d580002c87f7b0e829c8611ff035bc6b135fd94"},o("smoothly-table-cell",{key:"3ebb3485d3fe53900dea32010e5174f9bc27013d"},o("slot",{key:"a30dd8ac3c009058d6fba5acebe6608368b92af8"})))}static get style(){return a()}},[262,"smoothly-table-filler-row"]);function m(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-filler-row","smoothly-table-cell","smoothly-table-row"];e.forEach((e=>{switch(e){case"smoothly-table-filler-row":if(!customElements.get(s(e))){customElements.define(s(e),c)}break;case"smoothly-table-cell":if(!customElements.get(s(e))){l()}break;case"smoothly-table-row":if(!customElements.get(s(e))){r()}break}}))}m();export{c as S,m as d};
-//# sourceMappingURL=p-BNnhxQyl.js.map
+import{p as e,H as t,h as o,t as s}from"./p-BsZrGTcp.js";import{d as l}from"./p-CPnXAdGI.js";import{d as a}from"./p-C02MtoAQ.js";const r=()=>`.sc-smoothly-table-filler-row-h{grid-column:1 / -1}`;const c=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return o("smoothly-table-row",{key:"7561aa3596121beb8d1fa3af10d14ed9be08f7f2"},o("smoothly-table-cell",{key:"04c9c851fb31ec6a246b2bc82cdbc7293478a0e3"},o("slot",{key:"f0db97bf64c0979fbca0c6f5ab4296684f743a70"})))}static get style(){return r()}},[262,"smoothly-table-filler-row"]);function m(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-filler-row","smoothly-table-cell","smoothly-table-row"];e.forEach((e=>{switch(e){case"smoothly-table-filler-row":if(!customElements.get(s(e))){customElements.define(s(e),c)}break;case"smoothly-table-cell":if(!customElements.get(s(e))){l()}break;case"smoothly-table-row":if(!customElements.get(s(e))){a()}break}}))}m();export{c as S,m as d};
+//# sourceMappingURL=p-CoJyQegK.js.map

package/dist/components/{p-BQSKXVmh.js → p-CooymHn6.js}

@@ -1,2 +1,2 @@
-import{p as e,H as l,h as o,d as s,t}from"./p-BsZrGTcp.js";import{d as a}from"./p-Dekg3IGr.js";import{d as c}from"./p-CrcmijCR.js";import{d as m}from"./p-CG636AEF.js";import{d}from"./p-CjdBPauI.js";import{d as b}from"./p-CTPT9Ngc.js";const n=()=>`.sc-smoothly-table-demo-nested-no-cell-inner-h{display:block;margin:1em auto;width:60%}`;const r=e(class e extends l{constructor(e){super();if(e!==false){this.__registerHost()}}render(){var e;return o(s,{key:"8695c1d15d2eec8b9ee575ed963af80f6319d2ef"},o("smoothly-table",{key:"45cffac7f3ae618ce4ea0f5f8671f55ed9ba8ab2",columns:4},o("smoothly-table-head",{key:"c0bdfe025083af1569395f48452d7c1bf2ce2e8e"},o("smoothly-table-row",{key:"70ef7fc95d6327e8c50134a3815f2b025c4d1f89"},o("div",{key:"c9d2b13223be6eddbb4831a9107b1a862d296f94",class:"smoothly-table-cell"},"Id"),o("div",{key:"14cad91fd59c36a04673ea16250014ea894e0006",class:"smoothly-table-cell"},"Name"),o("div",{key:"714b0198d5bc725eb78f937741b588b20eed003e",class:"smoothly-table-cell"},"Age"),o("div",{key:"f65a8705ba26a84827e11db27c763ea0f2308328",class:"smoothly-table-cell"},"Balance"))),o("smoothly-table-body",{key:"531c1e3c65c0947291ab22cc888c18615f6b4ee7"},(e=this.data)===null||e===void 0?void 0:e.map((e=>o("smoothly-table-expandable-row",null,o("div",{class:"smoothly-table-cell"},e.id),o("div",{class:"smoothly-table-cell"},e.name),o("div",{class:"smoothly-table-cell"},e.age),o("div",{class:"smoothly-table-cell"},e.balance)))))))}static get style(){return n()}},[2,"smoothly-table-demo-nested-no-cell-inner",{data:[16]}]);function y(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-demo-nested-no-cell-inner","smoothly-table","smoothly-table-body","smoothly-table-expandable-row","smoothly-table-head","smoothly-table-row"];e.forEach((e=>{switch(e){case"smoothly-table-demo-nested-no-cell-inner":if(!customElements.get(t(e))){customElements.define(t(e),r)}break;case"smoothly-table":if(!customElements.get(t(e))){a()}break;case"smoothly-table-body":if(!customElements.get(t(e))){c()}break;case"smoothly-table-expandable-row":if(!customElements.get(t(e))){m()}break;case"smoothly-table-head":if(!customElements.get(t(e))){d()}break;case"smoothly-table-row":if(!customElements.get(t(e))){b()}break}}))}y();export{r as S,y as d};
-//# sourceMappingURL=p-BQSKXVmh.js.map
+import{p as e,H as l,h as o,d as s,t}from"./p-BsZrGTcp.js";import{d as a}from"./p-Bes8H54c.js";import{d as c}from"./p-BGBbdXaw.js";import{d as m}from"./p-CFgT9iMG.js";import{d}from"./p-D-mAUrbR.js";import{d as b}from"./p-C02MtoAQ.js";const n=()=>`.sc-smoothly-table-demo-nested-no-cell-inner-h{display:block;margin:1em auto;width:60%}`;const r=e(class e extends l{constructor(e){super();if(e!==false){this.__registerHost()}}render(){var e;return o(s,{key:"9150c28b151e6567c9d4d385068702f600fcb2f1"},o("smoothly-table",{key:"7261ea2339bc05332c0bb2e8d43a9362bbe13d3a",columns:4},o("smoothly-table-head",{key:"d800c29461ff8bc75f0ac1265e50640c0138d211"},o("smoothly-table-row",{key:"56bb549fe6154737b01ad2564df4c58a6e5f8c52"},o("div",{key:"e6e3a1c445d93d2c814c7cb6057643124c132de2",class:"smoothly-table-cell"},"Id"),o("div",{key:"c92d18120e36c54139713090f821a605ad42e3fc",class:"smoothly-table-cell"},"Name"),o("div",{key:"2fc4f2987f92840727806f222a300bf463990917",class:"smoothly-table-cell"},"Age"),o("div",{key:"4c5f4888480ac4afdc2a7ea0ea1223f019ac342f",class:"smoothly-table-cell"},"Balance"))),o("smoothly-table-body",{key:"ea1511197b149bc2963a00345c5cde47378c7f26"},(e=this.data)===null||e===void 0?void 0:e.map((e=>o("smoothly-table-expandable-row",null,o("div",{class:"smoothly-table-cell"},e.id),o("div",{class:"smoothly-table-cell"},e.name),o("div",{class:"smoothly-table-cell"},e.age),o("div",{class:"smoothly-table-cell"},e.balance)))))))}static get style(){return n()}},[2,"smoothly-table-demo-nested-no-cell-inner",{data:[16]}]);function y(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-demo-nested-no-cell-inner","smoothly-table","smoothly-table-body","smoothly-table-expandable-row","smoothly-table-head","smoothly-table-row"];e.forEach((e=>{switch(e){case"smoothly-table-demo-nested-no-cell-inner":if(!customElements.get(t(e))){customElements.define(t(e),r)}break;case"smoothly-table":if(!customElements.get(t(e))){a()}break;case"smoothly-table-body":if(!customElements.get(t(e))){c()}break;case"smoothly-table-expandable-row":if(!customElements.get(t(e))){m()}break;case"smoothly-table-head":if(!customElements.get(t(e))){d()}break;case"smoothly-table-row":if(!customElements.get(t(e))){b()}break}}))}y();export{r as S,y as d};
+//# sourceMappingURL=p-CooymHn6.js.map

package/dist/components/{p-CMiST1Tm.js → p-CqMnH54Q.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as s,d as o,t as c}from"./p-BsZrGTcp.js";import{d as m}from"./p-BiQsRsV4.js";import{d as a}from"./p-RNCr3p17.js";import{d as n}from"./p-BS2SWUX6.js";const l=()=>``;const i=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.element="smoothly-css"}render(){return s(o,{key:"3d64ad9ce926088343c92623b0c1a160f8ac6b12"},s("smoothly-input-select",{key:"6d5fd6f6e60d38230bb5e5093ae3a3c363bcbf46",name:"theme",looks:"border",onSmoothlyInput:e=>{const t=document.querySelector(`#${this.element}`);if(t instanceof HTMLLinkElement&&typeof e.detail.theme=="string"){t.href=e.detail.theme}}},s("label",{key:"833d1f1acc791ab7eaa91c6ac44d0a49fe4730d2",slot:"label"},"Select theme"),s("slot",{key:"40db0ed1a542a37e5b7eb3c605927d9ecb52ba0d"})))}static get style(){return l()}},[262,"smoothly-theme-picker",{element:[1]}]);function r(){if(typeof customElements==="undefined"){return}const e=["smoothly-theme-picker","smoothly-icon","smoothly-input-select","smoothly-item"];e.forEach((e=>{switch(e){case"smoothly-theme-picker":if(!customElements.get(c(e))){customElements.define(c(e),i)}break;case"smoothly-icon":if(!customElements.get(c(e))){m()}break;case"smoothly-input-select":if(!customElements.get(c(e))){a()}break;case"smoothly-item":if(!customElements.get(c(e))){n()}break}}))}r();export{i as S,r as d};
-//# sourceMappingURL=p-CMiST1Tm.js.map
+import{p as e,H as t,h as s,d as o,t as c}from"./p-BsZrGTcp.js";import{d as m}from"./p-BiQsRsV4.js";import{d as n}from"./p-CJEV2v84.js";import{d as a}from"./p-fnKrPnzp.js";const l=()=>``;const i=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.element="smoothly-css"}render(){return s(o,{key:"6b397ed31434037a5f53640cd677e4bf9f680671"},s("smoothly-input-select",{key:"e89de311276c516112329aa634ec4fa372eeeda7",name:"theme",looks:"border",onSmoothlyInput:e=>{const t=document.querySelector(`#${this.element}`);if(t instanceof HTMLLinkElement&&typeof e.detail.theme=="string"){t.href=e.detail.theme}}},s("label",{key:"185ea02a7eeda366e8290a3b2855e287eb62e91d",slot:"label"},"Select theme"),s("slot",{key:"3844628b22bfe87cebc35c2ab396accc02cf48dc"})))}static get style(){return l()}},[262,"smoothly-theme-picker",{element:[1]}]);function r(){if(typeof customElements==="undefined"){return}const e=["smoothly-theme-picker","smoothly-icon","smoothly-input-select","smoothly-item"];e.forEach((e=>{switch(e){case"smoothly-theme-picker":if(!customElements.get(c(e))){customElements.define(c(e),i)}break;case"smoothly-icon":if(!customElements.get(c(e))){m()}break;case"smoothly-input-select":if(!customElements.get(c(e))){n()}break;case"smoothly-item":if(!customElements.get(c(e))){a()}break}}))}r();export{i as S,r as d};
+//# sourceMappingURL=p-CqMnH54Q.js.map

package/dist/components/p-CqSiLhUe.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as o,d as s,t as a}from"./p-BsZrGTcp.js";import{C as d}from"./p-CkXes5c-.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{L as i,d as l}from"./p-DIhqNc1G.js";import{d as c}from"./p-BHEtq3Ue.js";import{d as m}from"./p-1j2KmcfQ.js";import{d as r}from"./p-AX8gOGUr.js";import{d as n}from"./p-DM5CKilY.js";import{d as h}from"./p-CR3Ni_o7.js";import{d as b}from"./p-B-l1S16Z.js";import{d as f}from"./p-Ud7Qhkgt.js";import{d as p}from"./p-C3FORjes.js";import{d as y}from"./p-BiQsRsV4.js";import{d as u}from"./p-Ww5QjB3D.js";import{d as k}from"./p-CrKwvG9J.js";import{d as g}from"./p-_o_lUhve.js";import{d as v}from"./p-CrkBYYf-.js";import{d as j}from"./p-xkRxEiC8.js";import{d as w}from"./p-NFd9Dxr1.js";import{d as E}from"./p-BFJL6rrU.js";import{d as x}from"./p-BRoShuOu.js";import{d as B}from"./p-CtuuZV3u.js";import{d as C}from"./p-BfwEfI7H.js";import{d as L}from"./p-nFLcvugJ.js";import{d as R}from"./p-CTdXhHGF.js";import{d as S}from"./p-BUa0wBSK.js";import{d as D}from"./p-CJEV2v84.js";import{d as M}from"./p-fnKrPnzp.js";import{d as F}from"./p-Bpc6uh0M.js";import{d as G}from"./p-dBpTpVs8.js";const T=()=>`.sc-smoothly-input-demo-standard-h{max-width:min(calc(100% - 0.5rem), 48rem);margin:auto}.sc-smoothly-input-demo-standard-h h2.sc-smoothly-input-demo-standard,.sc-smoothly-input-demo-standard-h p.sc-smoothly-input-demo-standard{margin:.5rem 0}.sc-smoothly-input-demo-standard-h>.description.sc-smoothly-input-demo-standard{--smoothly-form-input-min-width:18rem}.sc-smoothly-input-demo-standard-h smoothly-input-range[name=borderRadius].sc-smoothly-input-demo-standard{flex-basis:100%}div.input-wrapper.sc-smoothly-input-demo-standard{display:grid;margin-top:1rem;grid-template-columns:1fr 9rem;gap:1rem;position:relative;justify-content:space-around}div.input-wrapper.sc-smoothly-input-demo-standard>[name].sc-smoothly-input-demo-standard{grid-column:1 / 2}div.input-wrapper.sc-smoothly-input-demo-standard>.width.sc-smoothly-input-demo-standard{width:100%;text-align:center;border-bottom:1px dashed black}div.input-wrapper.sc-smoothly-input-demo-standard>.height.sc-smoothly-input-demo-standard{align-content:center;grid-column:2 / 3;border-left:1px dashed black;padding-left:1rem;content:"hello"}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard{width:0.5rem;grid-column:1 / 2;white-space:nowrap;overflow:visible;position:relative;cursor:default}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard::before{content:"";position:absolute;width:100%;top:1.5rem;bottom:-1rem;border:1px  dashed black;z-index:2}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard:hover::before{bottom:-100vh}`;const J=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.duration={hours:8};this.options={}}connectedCallback(){this.updateInputHeightText()}componentDidRender(){this.updateInputHeightText()}updateInputHeightText(){const e=Number(getComputedStyle(document.documentElement).fontSize.replace("px",""));this.element.querySelectorAll(".height").forEach((t=>{const o=t.clientHeight;t.innerHTML=`<b>${o/e}rem</b> (${o}pixels)`}))}render(){return o(s,{key:"d2a4b3a8e5675b4fe394f551166318902c09ea84"},o("div",{key:"67b40a89a1cbf17d511c56d966a9173e02a9c92e",class:"description"},o("h2",{key:"fdd28a17423a0da06745fc2aad06e1acbde54be4"},"Input Standard"),o("p",{key:"e9e84428aa2ebe4ea0b1d04410629ed85de1d329"},"Height of input should be ",o("code",{key:"faccb606910cbe8418c176efd45ff05eafd0ffc8"},"3rem")," including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."),o("smoothly-form",{key:"f8770ba1128622c8b40be48cd26214ed162035e3",looks:"grid",onSmoothlyFormInput:e=>this.options=e.detail},o("smoothly-input-select",{key:"82ce7ab02f341b560e6347164a19c9273580ed18",name:"color"},o("span",{key:"4062538c8b4b25d9a1cc1f625df0313383990193",slot:"label"},"Color"),d.values.map((e=>o("smoothly-item",{value:e},o("span",{color:e},e)))),o("smoothly-input-clear",{key:"659e785d9f5e4043fcf15dc457dde4dc48676215",slot:"end"})),o("smoothly-input-select",{key:"656b68d41b449cde70e4d86b252dc70d994f63ce",name:"looks"},o("span",{key:"39ef79d28d1dbec7a678b93fa031615457560351",slot:"label"},"Looks"),i.values.map((e=>o("smoothly-item",{value:e},e)))),o("smoothly-input-range",{key:"3ae946ee3c4cdcf5b698b0456499c4807e53b257",label:"Border Radius (rem)",name:"borderRadius",min:0,max:2,step:.25}),o("smoothly-input-checkbox",{key:"f73361b452096abbda4ebc6908371c397c0a9fd4",name:"readonly"},"Readonly"),o("smoothly-input-checkbox",{key:"7a4762f9122be37ce57099515e0d9fac7c18df94",name:"disabled"},"Disabled"),o("smoothly-input-checkbox",{key:"0ac401e2b9e2525dfc899eda4957a61b99947758",name:"invalid"},"Invalid"),o("smoothly-input",{key:"2ba7f175d8aeef4301598f3c3da5d436a17c45c7",name:"errorMessage",value:"This is not a valid value"},"Error Message"),o("smoothly-input-checkbox",{key:"5844e0ab1cc53ecd0691d585fa4461f89c9994bc",name:"showLabel",checked:true},"Show Label"),o("smoothly-input",{key:"6d46add6231e87d95dd8aea7bd91181c47a56490",name:"placeholder"},"Placeholder"),o("smoothly-input-checkbox",{key:"43af9a815da45bc2ce0e54e8442e3a8ab1bc534c",name:"alwaysShowGuide"},"Always Show Guide (for date inputs)"))),o("div",{key:"cf6750528c66ee0c0b9e97478de77514cbd39045",class:"input-wrapper",style:{"--smoothly-input-border-radius":`${this.options.borderRadius}rem`}},o("div",{key:"4fbc0ba2b6b142f6c4ac8379157b2953d88cb062",class:"width"},"width: 100%"),o("div",{key:"7fb5a3a68f6ed4d14bcab9758a8de0a95de7e80c",class:"left-padding"},"padding-left: 0.5rem"),o("smoothly-input",{key:"3d379565ac3335e2ef39e7d616b082fd5247619e",name:"text",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"7d37fa391bb86cf43fe84db4826d8394c04d8af9"},"Text"),o("smoothly-input-clear",{key:"5c5b48cd36f13a3b50fc49809edb17148993a004",slot:"end"})),o("div",{key:"c666bcf200205fbe3d4e045ee69530b217d4845d",class:"height"}),o("smoothly-input-select",{key:"9a2bb30a995830fecbc0dc7f9df2895470ac8e3b",name:"month",color:this.options.color,looks:this.options.looks,menuHeight:"6.7items",readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder},this.options.showLabel&&o("label",{key:"d91f28c2c80c6b95703b9476c8d07b64387f989a",slot:"label"},"Select"),o("smoothly-item",{key:"61aeaf05ac730b30d7fb29b749dcf6ba59932c9c",value:"1"},"January"),o("smoothly-item",{key:"131052c2a6ad24d5c93cda5352dd16873e81fc81",value:"2"},"February"),o("smoothly-item",{key:"599a8b88c0abd24346856c8c653c1adc69d432e0",value:"3"},"March"),o("smoothly-item",{key:"e8933cb5d5af0fbb4d898a919a1d0ccc26584c11",value:"4"},"April"),o("smoothly-item",{key:"eb7b7c07dd9fcb31eba2b5a8da79da32e14f2c67",value:"5"},"May"),o("smoothly-item",{key:"48e70f3d930689aed016ac28241e6f8d253f61db",value:"6"},"June"),o("smoothly-item",{key:"738b7ad9d5286f6afc8ad033d9cbb9e066c4c861",value:"7"},"July"),o("smoothly-item",{key:"aad0e64de6bf35b315fb3472c8cad86e3fb195d9",value:"8"},"August"),o("smoothly-item",{key:"81c533fd3eeaa48ae7917f6064a17724b101b650",value:"9"},"September"),o("smoothly-item",{key:"69f567c427f80cee633f72ac4dd06a4d4b4a27c7",value:"10"},"October"),o("smoothly-item",{key:"0d87e5fa94a04a60b527d7a5f1670b1788bd4339",value:"11"},"November"),o("smoothly-item",{key:"34b1425da536971ffde20fbab5b96c9d23f71fe3",value:"12"},"December"),o("smoothly-input-clear",{key:"d16aad09e1f53274a0c6d23c071f2abe1157ce4f",slot:"end"})),o("div",{key:"51931a5ed8ec83b8937cd7899a303569cf8bf7cd",class:"height"}),o("smoothly-input-checkbox",{key:"20d5a02ab8d8f1f709b030a0258598de61250555",name:"checkbox",checked:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled},"Check",o("smoothly-input-reset",{key:"d36312b0bb0393568cf05e51eea4cfa057dce607",slot:"end"})),o("div",{key:"c1353494563098fc08fe2c93cceeb80d56a1aa51",class:"height"}),o("smoothly-input-radio",{key:"84976dd68dfe5534f28c02395d2476593bcb3bcd",name:"radio",clearable:true,color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("label",{key:"fd87d0cfc047bcaf959908191d798ea774daca25",slot:"label"},"Radio"),o("smoothly-input-radio-item",{key:"4029068fb2fea98f2b5c19ec87e8dea13cf22365",value:"first"},"Label 1"),o("smoothly-input-radio-item",{key:"1ab27866d3db524f52da4f76a3abb5eff1deeed3",selected:true,value:"second"},"Label 2"),o("smoothly-input-radio-item",{key:"9415dd464250d9af68a54de51a9e6b15234f8faf",value:"third"},"Label 3"),o("smoothly-input-clear",{key:"8ea8291c65ca421b0044fe3e0da4127f9fac0c40",slot:"end"})),o("div",{key:"fa351e941ec780e05a037c2c1948dabd8ef371e8",class:"height"}),o("smoothly-input-file",{key:"b45c3bf3c7b5e9e8408a6cecacdda30c7ce392df",name:"file",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel,placeholder:this.options.placeholder},this.options.showLabel&&o("span",{key:"7e81668b6bf2a3f72238d18d02c21f19bf6c2756",slot:"label"},"File"),o("smoothly-input-clear",{key:"4ead6310cb554351b45699cbbc6d84804d26611b",slot:"end"})),o("div",{key:"73cd3845233377057ff16a18b9ad85eb4e4be30f",class:"height"}),o("smoothly-input-range",{key:"ec0f42a5ee5fddd52fb5c0d283f9add183e429fd",name:"range",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,label:this.options.showLabel?"Range":undefined},o("smoothly-input-clear",{key:"49536b00574ad5e0cba72b9a8fdeee599435a886",slot:"end"})),o("div",{key:"cc112e755aeb5724b6e4bc511ed1b4e32b394d08",class:"height"}),o("smoothly-input-color",{key:"dbd6daa2196f6ba316721ed338c0638d6c713e00",name:"color",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"04197c11337298f86531d7ba52d67df221619051"},"Color"),o("smoothly-input-clear",{key:"6489a29a796e8e443efdf27574df27e4e24111ee",slot:"end"})),o("div",{key:"e48defb9f45eaa2f935b0108cf3ec6e331d4ecb2",class:"height"}),o("smoothly-input-date",{key:"0a5c51ecc51013f9572ed8cd8ef38f6d92bd4f5b",name:"date",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel,placeholder:this.options.placeholder,alwaysShowGuide:this.options.alwaysShowGuide},this.options.showLabel&&o("span",{key:"21f21c543ff1df34c50333fba2d1ca8377ea4e37"},"Date"),o("smoothly-input-clear",{key:"f8226e817b97c90070b649935ac70d6ba11f7b30",slot:"end"})),o("div",{key:"8920789228e2911822a6b822d1c8c37537a225e4",class:"height"}),o("smoothly-input-date-time",{key:"2e58e0e5f6370f7a4d0dd7f17c56718038167e6a",name:"dateTime",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,showLabel:this.options.showLabel},"DateTime",o("smoothly-input-clear",{key:"9ebc24b5b639628fd5f3d11a72500bcd6ae9ab0f",slot:"end"})),o("div",{key:"dddb389df78c212ec451422436e3f0468f523065",class:"height"}),o("smoothly-input-date-range",{key:"76b7832bcf134165961c00e610180ee37b74968d",name:"dateRange",color:this.options.color,looks:this.options.looks,readonly:this.options.readonly,disabled:this.options.disabled,invalid:this.options.invalid,errorMessage:this.options.errorMessage,placeholder:this.options.placeholder,alwaysShowGuide:this.options.alwaysShowGuide,showLabel:this.options.showLabel},this.options.showLabel&&o("span",{key:"023a98551ba8d1b848665506fdad5282338a2d2e"},"Date Range"),o("smoothly-input-clear",{key:"078a1ca386a3f814286b35fc0579573b8e4d64c3",slot:"end"})),o("div",{key:"32733c0b81a14c8a982c1607d5635d807894b2ae",class:"height"})))}get element(){return this}static get style(){return T()}},[2,"smoothly-input-demo-standard",{duration:[32],options:[32]}]);function U(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-standard","smoothly-button","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-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-file","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-item","smoothly-spinner","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-demo-standard":if(!customElements.get(a(e))){customElements.define(a(e),J)}break;case"smoothly-button":if(!customElements.get(a(e))){c()}break;case"smoothly-calendar":if(!customElements.get(a(e))){m()}break;case"smoothly-date-text":if(!customElements.get(a(e))){r()}break;case"smoothly-display":if(!customElements.get(a(e))){n()}break;case"smoothly-display-json":if(!customElements.get(a(e))){h()}break;case"smoothly-display-json-object":if(!customElements.get(a(e))){b()}break;case"smoothly-display-json-primitive":if(!customElements.get(a(e))){f()}break;case"smoothly-display-json-record-key":if(!customElements.get(a(e))){p()}break;case"smoothly-form":if(!customElements.get(a(e))){l()}break;case"smoothly-icon":if(!customElements.get(a(e))){y()}break;case"smoothly-input":if(!customElements.get(a(e))){u()}break;case"smoothly-input-checkbox":if(!customElements.get(a(e))){k()}break;case"smoothly-input-clear":if(!customElements.get(a(e))){g()}break;case"smoothly-input-color":if(!customElements.get(a(e))){v()}break;case"smoothly-input-date":if(!customElements.get(a(e))){j()}break;case"smoothly-input-date-range":if(!customElements.get(a(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(a(e))){E()}break;case"smoothly-input-file":if(!customElements.get(a(e))){x()}break;case"smoothly-input-month":if(!customElements.get(a(e))){B()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){C()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){L()}break;case"smoothly-input-range":if(!customElements.get(a(e))){R()}break;case"smoothly-input-reset":if(!customElements.get(a(e))){S()}break;case"smoothly-input-select":if(!customElements.get(a(e))){D()}break;case"smoothly-item":if(!customElements.get(a(e))){M()}break;case"smoothly-spinner":if(!customElements.get(a(e))){F()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){G()}break}}))}U();export{J as S,U as d};
+//# sourceMappingURL=p-CqSiLhUe.js.map

package/dist/components/p-CqSiLhUe.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styleCss","SmoothlyInputDemoStandard","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","duration","hours","options","connectedCallback","updateInputHeightText","componentDidRender","rootFontSize","Number","getComputedStyle","document","documentElement","fontSize","replace","element","querySelectorAll","forEach","el","height","clientHeight","innerHTML","render","h","Host","key","class","looks","onSmoothlyFormInput","e","detail","name","slot","Color","values","map","c","value","color","Looks","l","label","min","max","step","checked","style","borderRadius","readonly","disabled","invalid","errorMessage","showLabel","placeholder","menuHeight","clearable","selected","undefined","alwaysShowGuide"],"sources":["src/components/input/demo/standard/style.css?tag=smoothly-input-demo-standard&encapsulation=scoped","src/components/input/demo/standard/index.tsx"],"sourcesContent":[":host {\n\tmax-width: min(calc(100% - 0.5rem), 48rem);\n\tmargin: auto;\n}\n\n:host h2,\n:host p {\n\tmargin: .5rem 0;\n}\n:host > .description {\n\t--smoothly-form-input-min-width: 18rem;\n}\n:host smoothly-input-range[name=borderRadius] {\n\tflex-basis: 100%;\n}\ndiv.input-wrapper {\n\tdisplay: grid;\n\tmargin-top: 1rem;\n\tgrid-template-columns: 1fr 9rem;\n\tgap: 1rem;\n\tposition: relative;\n\tjustify-content: space-around;\n}\ndiv.input-wrapper > [name] {\n\tgrid-column: 1 / 2;\n}\ndiv.input-wrapper > .width {\n\twidth: 100%;\n\ttext-align: center;\n\tborder-bottom: 1px dashed black;\n}\ndiv.input-wrapper > .height {\n\talign-content: center;\n\tgrid-column: 2 / 3;\n\tborder-left: 1px dashed black;\n\tpadding-left: 1rem;\n\tcontent: \"hello\";\n}\ndiv.input-wrapper > .left-padding {\n\twidth: 0.5rem;\n\tgrid-column: 1 / 2;\n\twhite-space: nowrap;\n\toverflow: visible;\n\tposition: relative;\n\tcursor: default;\n}\ndiv.input-wrapper > .left-padding::before {\n\tcontent: \"\";\n\tposition: absolute;\n\twidth: 100%;\n\ttop: 1.5rem;\n\tbottom: -1rem;\n\tborder: 1px  dashed black;\n\tz-index: 2;\n}\ndiv.input-wrapper > .left-padding:hover::before { \n\tbottom: -100vh;\n}\n","import { Component, Element, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Color } from \"../../../../model\"\nimport { Looks } from \"../../Looks\"\n\ntype Options = {\n\tcolor?: Color\n\tlooks?: Looks\n\tborderRadius?: number\n\treadonly?: boolean\n\tdisabled?: boolean\n\tinvalid?: boolean\n\terrorMessage?: string\n\tshowLabel?: boolean\n\tplaceholder?: string\n\talwaysShowGuide?: boolean\n}\n\n@Component({\n\ttag: \"smoothly-input-demo-standard\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDemoStandard {\n\t@Element() element: HTMLElement\n\t@State() duration: isoly.TimeSpan = { hours: 8 }\n\t@State() options: Options = {}\n\n\tconnectedCallback() {\n\t\tthis.updateInputHeightText()\n\t}\n\tcomponentDidRender() {\n\t\tthis.updateInputHeightText()\n\t}\n\n\tupdateInputHeightText() {\n\t\tconst rootFontSize = Number(getComputedStyle(document.documentElement).fontSize.replace(\"px\", \"\"))\n\t\tthis.element.querySelectorAll(\".height\").forEach((el: HTMLDivElement) => {\n\t\t\tconst height = el.clientHeight\n\t\t\tel.innerHTML = `<b>${height / rootFontSize}rem</b> (${height}pixels)`\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div class=\"description\">\n\t\t\t\t\t<h2>Input Standard</h2>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tHeight of input should be <code>3rem</code> including border. This is should result in a 48 pixel height at\n\t\t\t\t\t\t100% zoom, assuming a root font-size of 16 pixels.\n\t\t\t\t\t</p>\n\t\t\t\t\t<smoothly-form looks={\"grid\"} onSmoothlyFormInput={(e: CustomEvent<Options>) => (this.options = e.detail)}>\n\t\t\t\t\t\t<smoothly-input-select name=\"color\">\n\t\t\t\t\t\t\t<span slot=\"label\">Color</span>\n\t\t\t\t\t\t\t{Color.values.map(c => (\n\t\t\t\t\t\t\t\t<smoothly-item value={c}>\n\t\t\t\t\t\t\t\t\t<span color={c}>{c}</span>\n\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select name=\"looks\">\n\t\t\t\t\t\t\t<span slot=\"label\">Looks</span>\n\t\t\t\t\t\t\t{Looks.values.map(l => (\n\t\t\t\t\t\t\t\t<smoothly-item value={l}>{l}</smoothly-item>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-range label={\"Border Radius (rem)\"} name={\"borderRadius\"} min={0} max={2} step={0.25} />\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"readonly\">Readonly</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"disabled\">Disabled</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"invalid\">Invalid</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input name=\"errorMessage\" value=\"This is not a valid value\">\n\t\t\t\t\t\t\tError Message\n\t\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"showLabel\" checked>\n\t\t\t\t\t\t\tShow Label\n\t\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input name=\"placeholder\">Placeholder</smoothly-input>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"alwaysShowGuide\">\n\t\t\t\t\t\t\tAlways Show Guide (for date inputs)\n\t\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t</smoothly-form>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"input-wrapper\" style={{ \"--smoothly-input-border-radius\": `${this.options.borderRadius}rem` }}>\n\t\t\t\t\t<div class=\"width\">width: 100%</div>\n\t\t\t\t\t<div class=\"left-padding\">padding-left: 0.5rem</div>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tname=\"text\"\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}\n\t\t\t\t\t\tinvalid={this.options.invalid}\n\t\t\t\t\t\terrorMessage={this.options.errorMessage}\n\t\t\t\t\t\tshowLabel={this.options.showLabel}\n\t\t\t\t\t\tplaceholder={this.options.placeholder}>\n\t\t\t\t\t\t{this.options.showLabel && <span>Text</span>}\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<div class=\"height\" />\n\n\t\t\t\t\t<smoothly-input-select\n\t\t\t\t\t\tname=\"month\"\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\tmenuHeight=\"6.7items\"\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}\n\t\t\t\t\t\tinvalid={this.options.invalid}\n\t\t\t\t\t\terrorMessage={this.options.errorMessage}\n\t\t\t\t\t\tplaceholder={this.options.placeholder}>\n\t\t\t\t\t\t{this.options.showLabel && <label slot=\"label\">Select</label>}\n\t\t\t\t\t\t<smoothly-item value=\"1\">January</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"2\">February</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"3\">March</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"4\">April</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"5\">May</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"6\">June</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"7\">July</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"8\">August</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"9\">September</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"10\">October</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"11\">November</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value=\"12\">December</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<div class=\"height\" />\n\n\t\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\t\tname={\"checkbox\"}\n\t\t\t\t\t\tchecked\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}>\n\t\t\t\t\t\tCheck\n\t\t\t\t\t\t<smoothly-input-reset slot=\"end\" />\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t<div class=\"height\" />\n\n\t\t\t\t\t<smoothly-input-radio\n\t\t\t\t\t\tname={\"radio\"}\n\t\t\t\t\t\tclearable\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}\n\t\t\t\t\t\tshowLabel={this.options.showLabel}>\n\t\t\t\t\t\t{this.options.showLabel && <label slot=\"label\">Radio</label>}\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"first\"}>Label 1</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item selected value={\"second\"}>\n\t\t\t\t\t\t\tLabel 2\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"third\"}>Label 3</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<div class=\"height\" />\n\n\t\t\t\t\t<smoothly-input-file\n\t\t\t\t\t\tname={\"file\"}\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}\n\t\t\t\t\t\t// TODO - invalid\n\t\t\t\t\t\t// TODO - errorMessage\n\t\t\t\t\t\tshowLabel={this.options.showLabel}\n\t\t\t\t\t\tplaceholder={this.options.placeholder}>\n\t\t\t\t\t\t{this.options.showLabel && <span slot={\"label\"}>File</span>}\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t<div class=\"height\" />\n\n\t\t\t\t\t<smoothly-input-range\n\t\t\t\t\t\tname={\"range\"}\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}\n\t\t\t\t\t\t// TODO - invalid\n\t\t\t\t\t\t// TODO - errorMessage\n\t\t\t\t\t\tlabel={this.options.showLabel ? \"Range\" : undefined}\n\t\t\t\t\t\t// TODO - disabled\n\t\t\t\t\t\t// TODO - placeholder\n\t\t\t\t\t>\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-range>\n\t\t\t\t\t<div class=\"height\" />\n\n\t\t\t\t\t<smoothly-input-color\n\t\t\t\t\t\tname={\"color\"}\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}\n\t\t\t\t\t\t// TODO - invalid\n\t\t\t\t\t\t// TODO - errorMessage\n\t\t\t\t\t\tshowLabel={this.options.showLabel}\n\t\t\t\t\t\t// TODO - placeholder\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.options.showLabel && <span>Color</span>}\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-color>\n\t\t\t\t\t<div class=\"height\" />\n\n\t\t\t\t\t<smoothly-input-date\n\t\t\t\t\t\tname={\"date\"}\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}\n\t\t\t\t\t\tinvalid={this.options.invalid}\n\t\t\t\t\t\terrorMessage={this.options.errorMessage}\n\t\t\t\t\t\tshowLabel={this.options.showLabel}\n\t\t\t\t\t\tplaceholder={this.options.placeholder}\n\t\t\t\t\t\talwaysShowGuide={this.options.alwaysShowGuide}>\n\t\t\t\t\t\t{this.options.showLabel && <span>Date</span>}\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<div class=\"height\" />\n\n\t\t\t\t\t<smoothly-input-date-time\n\t\t\t\t\t\tname={\"dateTime\"}\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}\n\t\t\t\t\t\tinvalid={this.options.invalid}\n\t\t\t\t\t\terrorMessage={this.options.errorMessage}\n\t\t\t\t\t\tshowLabel={this.options.showLabel}\n\t\t\t\t\t\t// TODO - placeholder\n\t\t\t\t\t>\n\t\t\t\t\t\tDateTime\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-date-time>\n\t\t\t\t\t<div class=\"height\" />\n\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tname={\"dateRange\"}\n\t\t\t\t\t\tcolor={this.options.color}\n\t\t\t\t\t\tlooks={this.options.looks}\n\t\t\t\t\t\treadonly={this.options.readonly}\n\t\t\t\t\t\tdisabled={this.options.disabled}\n\t\t\t\t\t\tinvalid={this.options.invalid}\n\t\t\t\t\t\terrorMessage={this.options.errorMessage}\n\t\t\t\t\t\tplaceholder={this.options.placeholder}\n\t\t\t\t\t\talwaysShowGuide={this.options.alwaysShowGuide}\n\t\t\t\t\t\tshowLabel={this.options.showLabel}>\n\t\t\t\t\t\t{this.options.showLabel && <span>Date Range</span>}\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t<div class=\"height\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/{p-BQIS-JBV.js → p-CqXSfYre.js}

@@ -1,2 +1,2 @@
-import{p as o,H as s,h as t,d as r,t as l}from"./p-BsZrGTcp.js";import{T as e}from"./p-CkXes5c-.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{d as i}from"./p-BiQsRsV4.js";import{d as a}from"./p-CF5IKGi5.js";const c=()=>`.sc-smoothly-dialog-h{display:block;position:fixed;top:55%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1;background:rgba(var(--smoothly-default-color), var(--smoothly-semitransparent)) !important}[hidden].sc-smoothly-dialog-h{display:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog{margin-top:var(--smoothly-dialog-margin-top)}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog{border-top-left-radius:8px;border-top-right-radius:8px;margin-top:2em;color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color));border-color:rgb(var(--smoothly-primary-color))}.sc-smoothly-dialog-h:not([header]) div.header.sc-smoothly-dialog{border:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog{position:relative;color:rgb(var(--smoothly-default-contrast));background-color:rgb(var(--smoothly-default-color));border-color:rgb(var(--smoothly-color));border-width:1px;border-style:solid;max-width:40em;width:calc(100vw - 4em - 2px);max-height:calc(100vh - 6em - 2px);height:auto;margin-left:auto;margin-right:auto;border-collapse:collapse}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:2em;border:1px solid rgb(var(--smoothly-default-contrast));box-sizing:border-box;overflow:hidden}.sc-smoothly-dialog-h:not([header])>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-radius:8px}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog{position:absolute;right:-2em;top:-2em;z-index:1;border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog:hover{border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog>smoothly-icon.sc-smoothly-dialog{background-color:rgb(var(--smoothly-color));border-radius:50%}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>*.sc-smoothly-dialog{margin:10px}`;const d=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}this.open=true;this.closable=false}TriggerListener(o){if(e.is(o.detail)&&o.detail.name=="close"){this.open=false}}hostData(){return{style:{display:this.open?"block":"none"}}}__stencil_render(){return t("section",{key:"d3c1f7ac7d570b91b7f333e6ed1a3d324968c87c"},t("div",{key:"008dcd5c0e1ab41ae9af6b064888a16391b2c9d3",class:"header"},this.closable&&t("smoothly-trigger",{key:"fefe3f3dcf2fb30a1da8617169b513228674fa62",fill:"clear",name:"close"},t("smoothly-icon",{key:"dbc75bd2df07148370796f4b2836cc1046332f3e",name:"close-circle",fill:"solid",color:this.color})),this.header?t("h1",null,this.header):t("slot",{name:"header"})),t("div",{key:"ef442c19429cead69075b022cb0511bd5cdbab50",class:"content"},t("slot",{key:"65681298d9f89649128e93c9193b5e7488157ddf"})))}static get style(){return c()}render(){return t(r,this.hostData(),this.__stencil_render())}},[262,"smoothly-dialog",{color:[513],open:[1540],closable:[516],header:[513]},[[0,"trigger","TriggerListener"]]]);function h(){if(typeof customElements==="undefined"){return}const o=["smoothly-dialog","smoothly-icon","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-dialog":if(!customElements.get(l(o))){customElements.define(l(o),d)}break;case"smoothly-icon":if(!customElements.get(l(o))){i()}break;case"smoothly-trigger":if(!customElements.get(l(o))){a()}break}}))}h();export{d as S,h as d};
-//# sourceMappingURL=p-BQIS-JBV.js.map
+import{p as o,H as s,h as t,d as r,t as l}from"./p-BsZrGTcp.js";import{T as e}from"./p-CkXes5c-.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{d as i}from"./p-BiQsRsV4.js";import{d as a}from"./p-CmPHR3tf.js";const c=()=>`.sc-smoothly-dialog-h{display:block;position:fixed;top:55%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1;background:rgba(var(--smoothly-default-color), var(--smoothly-semitransparent)) !important}[hidden].sc-smoothly-dialog-h{display:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog{margin-top:var(--smoothly-dialog-margin-top)}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog{border-top-left-radius:8px;border-top-right-radius:8px;margin-top:2em;color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color));border-color:rgb(var(--smoothly-primary-color))}.sc-smoothly-dialog-h:not([header]) div.header.sc-smoothly-dialog{border:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog{position:relative;color:rgb(var(--smoothly-default-contrast));background-color:rgb(var(--smoothly-default-color));border-color:rgb(var(--smoothly-color));border-width:1px;border-style:solid;max-width:40em;width:calc(100vw - 4em - 2px);max-height:calc(100vh - 6em - 2px);height:auto;margin-left:auto;margin-right:auto;border-collapse:collapse}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:2em;border:1px solid rgb(var(--smoothly-default-contrast));box-sizing:border-box;overflow:hidden}.sc-smoothly-dialog-h:not([header])>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-radius:8px}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog{position:absolute;right:-2em;top:-2em;z-index:1;border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog:hover{border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog>smoothly-icon.sc-smoothly-dialog{background-color:rgb(var(--smoothly-color));border-radius:50%}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>*.sc-smoothly-dialog{margin:10px}`;const d=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}this.open=true;this.closable=false}TriggerListener(o){if(e.is(o.detail)&&o.detail.name=="close"){this.open=false}}hostData(){return{style:{display:this.open?"block":"none"}}}__stencil_render(){return t("section",{key:"d3c1f7ac7d570b91b7f333e6ed1a3d324968c87c"},t("div",{key:"008dcd5c0e1ab41ae9af6b064888a16391b2c9d3",class:"header"},this.closable&&t("smoothly-trigger",{key:"fefe3f3dcf2fb30a1da8617169b513228674fa62",fill:"clear",name:"close"},t("smoothly-icon",{key:"dbc75bd2df07148370796f4b2836cc1046332f3e",name:"close-circle",fill:"solid",color:this.color})),this.header?t("h1",null,this.header):t("slot",{name:"header"})),t("div",{key:"ef442c19429cead69075b022cb0511bd5cdbab50",class:"content"},t("slot",{key:"65681298d9f89649128e93c9193b5e7488157ddf"})))}static get style(){return c()}render(){return t(r,this.hostData(),this.__stencil_render())}},[262,"smoothly-dialog",{color:[513],open:[1540],closable:[516],header:[513]},[[0,"trigger","TriggerListener"]]]);function h(){if(typeof customElements==="undefined"){return}const o=["smoothly-dialog","smoothly-icon","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-dialog":if(!customElements.get(l(o))){customElements.define(l(o),d)}break;case"smoothly-icon":if(!customElements.get(l(o))){i()}break;case"smoothly-trigger":if(!customElements.get(l(o))){a()}break}}))}h();export{d as S,h as d};
+//# sourceMappingURL=p-CqXSfYre.js.map

package/dist/components/{p-D7cDUGTe.js → p-CqyGm3oe.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-CkXes5c-.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{E as h}from"./p-DFXJvHuL.js";import{S as e}from"./p-ClBX6_1T.js";import{d as u}from"./p-BHEtq3Ue.js";import{d as c}from"./p-DX3KKRD9.js";import{d as a}from"./p-BiQsRsV4.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:"4ba889ed871427b4fd99610c5b775068dc05cc54",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))){c()}break;case"smoothly-icon":if(!customElements.get(n(o))){a()}break}}))}d();export{b as S,d};
-//# sourceMappingURL=p-D7cDUGTe.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-CkXes5c-.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{E as h}from"./p-DFXJvHuL.js";import{S as e}from"./p-ClBX6_1T.js";import{d as u}from"./p-BHEtq3Ue.js";import{d as c}from"./p-DX3KKRD9.js";import{d as a}from"./p-BiQsRsV4.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:"771dbd864209f2f419212813858c654de9352797",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))){c()}break;case"smoothly-icon":if(!customElements.get(n(o))){a()}break}}))}d();export{b as S,d};
+//# sourceMappingURL=p-CqyGm3oe.js.map

package/dist/components/{p-C_f8s6n5.js → p-CrKwvG9J.js}

@@ -1,2 +1,2 @@
-import{p as o,H as t,c as s,h as e,d as h,t as c}from"./p-BsZrGTcp.js";import{E as n}from"./p-DFXJvHuL.js";import{I as l}from"./p-DgaHxdNI.js";import{d as i}from"./p-BiQsRsV4.js";const a=()=>`.sc-smoothly-input-checkbox-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-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-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-checkbox-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-checkbox-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-checkbox-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-checkbox-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-checkbox-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-checkbox-h.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-checkbox-h.floating-label.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.floating-label .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder] .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly] .sc-smoothly-input-checkbox-s>[slot=label],.floating-label.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-value.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-text.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[placeholder].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[readonly].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-checkbox{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-checkbox-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-checkbox{display:none}.sc-smoothly-input-checkbox-h smoothly-icon.smoothly-invalid.sc-smoothly-input-checkbox{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5rem;padding-inline:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:has(>.smoothly-checkbox-end-slot:not(:empty)){padding-right:0}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border-radius:0.25rem;border:1px solid rgb(var(--smoothly-input-foreground));color:rgb(var(--smoothly-input-foreground));display:block}[checked][looks=transparent].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[checked].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>input.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>label.sc-smoothly-input-checkbox{cursor:pointer}.sc-smoothly-input-checkbox-h>label.sc-smoothly-input-checkbox:empty{display:none}[disabled].sc-smoothly-input-checkbox-h,[disabled].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1;pointer-events:none;--smoothly-color-contrast:var(--smoothly-input-background)}[looks="transparent"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox{margin-left:auto}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:empty{display:none}`;const r=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=n.Observer.create(this);this.readonly=false;this.checked=false}componentWillLoad(){this.initialValue=this.checked;!this.readonly&&this.smoothlyFormDisable.emit((o=>this.readonly=o));this.smoothlyInputLooks.emit(((o,t)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:o,!this.color&&(this.color=t)}));this.smoothlyInputLoad.emit((o=>this.parent=o));this.observer.publish();this.id="id-"+Math.random().toString(36).substring(2,11)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}async smoothlyInputLoadHandler(o){l.registerSubAction(this,o)}nameChange(o,t){l.formRename(this,t)}async register(){l.formAdd(this)}async unregister(){l.formRemove(this)}async getValue(){return this.value?this.value[`${!!this.checked}`]:this.checked}async clear(){!this.disabled&&!this.readonly&&(this.checked=false)}async listen(o){this.observer.subscribe(o)}async edit(o){this.readonly=!o}async reset(){this.checked=this.initialValue}async setInitialValue(){this.initialValue=this.checked;this.isDifferentFromInitial=false}async handleDisabledChange(){this.observer.publish()}async elementCheck(o,t){this.isDifferentFromInitial=!!this.initialValue!=!!this.checked;const s=!!this.checked!=!!t;if(s){this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}}render(){return e(h,{key:"d3c69edab659c924b8bcdc9bd7f2c8f3bf3b6b6d"},e("input",{key:"a6ce7d4cc668104d71171e717efe6cbf24227d43",type:"checkbox",id:this.id,checked:this.checked,disabled:this.disabled||this.readonly,onChange:async o=>{this.checked=o.target.checked;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),this.checked&&e("smoothly-icon",{key:"1469bffde30e54f10340e7a6c4a22dac6d6b3755",name:"checkmark-sharp",size:"tiny"}),e("label",{key:"768ef233b6b58a99328caaeae28a30a3f0ee3c7e",htmlFor:this.id},e("slot",{key:"8d6cd0ff949cd3b444dad658a3ebe4a6c974ca42"})),e("span",{key:"e87b01790eb36fafdb0ef8ad4ef4cfefbc32bbde",class:"smoothly-checkbox-end-slot"},e("slot",{key:"3287f4a21799575093d3116708912944fb475576",name:"end"})))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],disabled:[{handleDisabledChange:0}],readonly:[{handleDisabledChange:0}],checked:[{elementCheck:0}]}}static get style(){return a()}},[262,"smoothly-input-checkbox",{name:[513],readonly:[1540],disabled:[516],checked:[1540],value:[16],looks:[1537],color:[1537],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{name:[{nameChange:0}],disabled:[{handleDisabledChange:0}],readonly:[{handleDisabledChange:0}],checked:[{elementCheck:0}]}]);function b(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-checkbox","smoothly-icon"];o.forEach((o=>{switch(o){case"smoothly-input-checkbox":if(!customElements.get(c(o))){customElements.define(c(o),r)}break;case"smoothly-icon":if(!customElements.get(c(o))){i()}break}}))}b();export{r as S,b as d};
-//# sourceMappingURL=p-C_f8s6n5.js.map
+import{p as o,H as t,c as s,h as e,d as h,t as n}from"./p-BsZrGTcp.js";import{E as c}from"./p-DFXJvHuL.js";import{I as l}from"./p-DIhqNc1G.js";import{d as i}from"./p-BiQsRsV4.js";const a=()=>`.sc-smoothly-input-checkbox-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-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-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-checkbox-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-checkbox-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-checkbox-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-checkbox-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-checkbox-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-checkbox-h.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-checkbox-h.floating-label.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.floating-label .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder] .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly] .sc-smoothly-input-checkbox-s>[slot=label],.floating-label.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-value.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-text.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[placeholder].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[readonly].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-checkbox{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-checkbox-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-checkbox{display:none}.sc-smoothly-input-checkbox-h smoothly-icon.smoothly-invalid.sc-smoothly-input-checkbox{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5rem;padding-inline:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:has(>.smoothly-checkbox-end-slot:not(:empty)){padding-right:0}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border-radius:0.25rem;border:1px solid rgb(var(--smoothly-input-foreground));color:rgb(var(--smoothly-input-foreground));display:block}[checked][looks=transparent].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[checked].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>input.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>label.sc-smoothly-input-checkbox{cursor:pointer}.sc-smoothly-input-checkbox-h>label.sc-smoothly-input-checkbox:empty{display:none}[disabled].sc-smoothly-input-checkbox-h,[disabled].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1;pointer-events:none;--smoothly-color-contrast:var(--smoothly-input-background)}[looks="transparent"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox{margin-left:auto}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:empty{display:none}`;const r=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=c.Observer.create(this);this.readonly=false;this.checked=false}componentWillLoad(){this.initialValue=this.checked;!this.readonly&&this.smoothlyFormDisable.emit((o=>this.readonly=o));this.smoothlyInputLooks.emit(((o,t)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:o,!this.color&&(this.color=t)}));this.smoothlyInputLoad.emit((o=>this.parent=o));this.observer.publish();this.id="id-"+Math.random().toString(36).substring(2,11)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}async smoothlyInputLoadHandler(o){l.registerSubAction(this,o)}nameChange(o,t){l.formRename(this,t)}async register(){l.formAdd(this)}async unregister(){l.formRemove(this)}async getValue(){return this.value?this.value[`${!!this.checked}`]:this.checked}async clear(){!this.disabled&&!this.readonly&&(this.checked=false)}async listen(o){this.observer.subscribe(o)}async edit(o){this.readonly=!o}async reset(){this.checked=this.initialValue}async setInitialValue(){this.initialValue=this.checked;this.isDifferentFromInitial=false}async handleDisabledChange(){this.observer.publish()}async elementCheck(o,t){this.isDifferentFromInitial=!!this.initialValue!=!!this.checked;const s=!!this.checked!=!!t;if(s){this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}}render(){return e(h,{key:"3d423adb72e619d4119435408a6b4ee9adbc2704"},e("input",{key:"489144f56039b3edf5dab1f7ffe9f37e2d0fcadd",type:"checkbox",id:this.id,checked:this.checked,disabled:this.disabled||this.readonly,onChange:async o=>{this.checked=o.target.checked;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),this.checked&&e("smoothly-icon",{key:"6f97dca6dbfedce3d06d4146269bb518016476a8",name:"checkmark-sharp",size:"tiny"}),e("label",{key:"63fc6b505b6d21a779e60ae9803b56134fd855e0",htmlFor:this.id},e("slot",{key:"88de07dc316049e436784b8ad1e7a3fe359363ff"})),e("span",{key:"dd9d9e7f30dd37550a089b65c62d26e38471d8bc",class:"smoothly-checkbox-end-slot"},e("slot",{key:"f74c25ab1f6765225044bfc21db40b51e47802aa",name:"end"})))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],disabled:[{handleDisabledChange:0}],readonly:[{handleDisabledChange:0}],checked:[{elementCheck:0}]}}static get style(){return a()}},[262,"smoothly-input-checkbox",{name:[513],readonly:[1540],disabled:[516],checked:[1540],value:[16],looks:[1537],color:[1537],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{name:[{nameChange:0}],disabled:[{handleDisabledChange:0}],readonly:[{handleDisabledChange:0}],checked:[{elementCheck:0}]}]);function b(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-checkbox","smoothly-icon"];o.forEach((o=>{switch(o){case"smoothly-input-checkbox":if(!customElements.get(n(o))){customElements.define(n(o),r)}break;case"smoothly-icon":if(!customElements.get(n(o))){i()}break}}))}b();export{r as S,b as d};
+//# sourceMappingURL=p-CrKwvG9J.js.map