smoothly 1.122.0 → 1.123.0

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

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

package/dist/components/{p-BSHxNVcQ.js → p-BW08Z-5c.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as e,h as s,d as i,t as n}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{E as l}from"./p-iQDU7l2c.js";import{I as h}from"./p-vvQg46ti.js";import{d as m}from"./p-CHjWijPI.js";import{d}from"./p-DFSiKg4M.js";import{d as r}from"./p-o8kM0Soe.js";import{d as u}from"./p-MqffyRVU.js";import{d as p}from"./p-BplZiuMF.js";import{d as c}from"./p-CVdJ19AA.js";const y=()=>`.sc-smoothly-input-date-time-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-time-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-time-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-time-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-time-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-time-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-time-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-time-h,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-time-h>input.sc-smoothly-input-date-time,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within)>input.sc-smoothly-input-date-time{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-time-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-time-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-time-h.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{transform-origin:top right}.sc-smoothly-input-date-time-h.floating-label.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.floating-label .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder] .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly] .sc-smoothly-input-date-time-s>[slot=label],.floating-label.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-value.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-text.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[placeholder].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[readonly].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.sc-smoothly-input-date-time-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-time{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-time-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-time{display:none}.sc-smoothly-input-date-time-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-time{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-time-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time{--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-date-time-h:not([readonly])>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:pointer}[disabled].sc-smoothly-input-date-time-h,[disabled].sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-time-h smoothly-input.sc-smoothly-input-date-time{outline:none}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time::before{content:"";box-sizing:border-box;position:absolute;top:-0.55rem;left:2rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-time-h>span.icons.sc-smoothly-input-date-time{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-time-h>smoothly-input[name="date"].sc-smoothly-input-date-time{width:12rem}.sc-smoothly-input-date-time-h>smoothly-input[name="hour"].sc-smoothly-input-date-time{width:4rem}.sc-smoothly-input-date-time-h>smoothly-input[name="minute"].sc-smoothly-input-date-time{min-width:4rem;flex-grow:1}.sc-smoothly-input-date-time-h>span.colon.sc-smoothly-input-date-time{padding:var(--input-value-padding-top)    var(--input-padding-side)    var(--input-value-padding-bottom)    var(--input-padding-side)}.sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:flex}`;const b=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyValueChange=e(this,"smoothlyValueChange");this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.readonly=false;this.invalid=false;this.isDifferentFromInitial=false;this.observer=l.Observer.create(this);this.showLabel=true}componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,o)=>{var e;return this.looks=(e=this.looks)!==null&&e!==void 0?e:t,!this.color&&(this.color=o)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish();this.valueChange(this.value)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){h.formRename(this,o)}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){const t=this.date&&typeof this.hour=="number"&&typeof this.minute=="number"?`${this.date}T${`${this.hour}`.padStart(2,"0")}:${`${this.minute}`.padStart(2,"0")}:00.000Z`:undefined;return a.DateTime.is(t)?t:undefined}async listen(t){this.observer.subscribe(t)}async clear(){this.value=undefined;this.date=undefined;this.hour=undefined;this.minute=undefined}async handleChange(){const t=await this.getValue();this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){if(a.DateTime.is(t)){this.date=a.DateTime.getDate(t);this.hour=a.DateTime.getHour(t);this.minute=a.DateTime.getMinute(t)}this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}smoothlyInputLoadHandler(t){h.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async edit(t){this.readonly=!t}async reset(){if(a.DateTime.is(this.initialValue)){this.date=a.DateTime.getDate(this.initialValue);this.hour=a.DateTime.getHour(this.initialValue);this.minute=a.DateTime.getMinute(this.initialValue)}else{this.date=undefined;this.hour=undefined;this.minute=undefined}}async setInitialValue(){this.initialValue=await this.getValue();this.isDifferentFromInitial=false}render(){return s(i,{key:"40f6c261f57e7dba3054cf01875d40cdc554ba16"},s("smoothly-input",{key:"98aa0e61e439a1ae686191425fca97a99e3e9232",color:this.color,looks:this.looks=="transparent"?this.looks:undefined,name:"date",onFocus:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),onClick:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),readonly:this.readonly,disabled:this.disabled,type:"date",value:this.date,showLabel:this.showLabel,onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.date=t.detail.date},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}},s("slot",{key:"e54f5e30a8f8bb9add88f07365a723a784da6060"})),s("smoothly-input",{key:"777133878145c16fe94dc58ed7a3c7cbeb6bd44d",name:"hour",type:"integer",max:23,pad:2,value:this.hour,readonly:this.readonly,disabled:this.disabled,placeholder:"hh",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.hour=t.detail.hour},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),s("span",{key:"885faf984fcf9070a1d700acc89dd53dfc5f0731",class:"colon"},":"),s("smoothly-input",{key:"4af1ab62eabdb841edd6a20b9db3758eff7e26b6",name:"minute",type:"integer",max:59,pad:2,value:this.minute,readonly:this.readonly,disabled:this.disabled,placeholder:"mm",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.minute=t.detail.minute},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),s("span",{key:"ae5f1d26cffedde15e3857148fe17c985e147c8d",class:"icons"},s("smoothly-icon",{key:"f50114861f0731b7d5078a6ff683a065defa60e4",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),s("slot",{key:"dbe69226779cb9f14e2077381fd9de71c96f5640",name:"end"})),this.open&&!this.readonly&&s("smoothly-calendar",{key:"e047e6e5de085a1c771854ecb9b990ca16e1aa52",doubleInput:false,value:this.value?a.DateTime.getDate(this.value):undefined,min:this.min?a.DateTime.getDate(this.min):undefined,max:this.max?a.DateTime.getDate(this.max):undefined,onSmoothlyDateSet:async t=>{t.stopPropagation();this.date=t.detail;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()});this.open=false}},s("div",{key:"a06fbb5b5d6800c17166980e056023768eeaf26c",slot:"year-label"},s("slot",{key:"2baa75fd451515f003ae91bc1e7393765cee9de7",name:"year-label"})),s("div",{key:"0b35ff73fbd4e4a0b8b49938a2c8f4deb79f6dd0",slot:"month-label"},s("slot",{key:"f41fd202bcd5d82d87b10ec331e8de51bd518f99",name:"month-label"}))))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],date:[{handleChange:0}],hour:[{handleChange:0}],minute:[{handleChange:0}],value:[{valueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}static get style(){return y()}},[262,"smoothly-input-date-time",{color:[1537],looks:[1537],name:[513],readonly:[1540],disabled:[516],invalid:[516],errorMessage:[513,"error-message"],value:[1025],open:[1028],showLabel:[516,"show-label"],min:[1],max:[1],date:[32],hour:[32],minute:[32],register:[64],unregister:[64],getValue:[64],listen:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{name:[{nameChange:0}],date:[{handleChange:0}],hour:[{handleChange:0}],minute:[{handleChange:0}],value:[{valueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}]);function f(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-time","smoothly-calendar","smoothly-icon","smoothly-input","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-time":if(!customElements.get(n(t))){customElements.define(n(t),b)}break;case"smoothly-calendar":if(!customElements.get(n(t))){m()}break;case"smoothly-icon":if(!customElements.get(n(t))){d()}break;case"smoothly-input":if(!customElements.get(n(t))){r()}break;case"smoothly-input-month":if(!customElements.get(n(t))){u()}break;case"smoothly-input-select":if(!customElements.get(n(t))){p()}break;case"smoothly-item":if(!customElements.get(n(t))){c()}break}}))}f();export{b as S,f as d};
-//# sourceMappingURL=p-BSHxNVcQ.js.map
+import{p as t,H as o,c as e,h as s,d as i,t as n}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{E as l}from"./p-iQDU7l2c.js";import{I as h}from"./p-BLDkKrD6.js";import{d as m}from"./p-DES0wbqs.js";import{d}from"./p-DFSiKg4M.js";import{d as r}from"./p-BWF43Ktc.js";import{d as u}from"./p-CRlfq-AL.js";import{d as p}from"./p-Bd-a9CG1.js";import{d as c}from"./p-DtGUtK97.js";const y=()=>`.sc-smoothly-input-date-time-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-date-time-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-time-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-time-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-date-time-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-date-time-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-date-time-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-time-h,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-time-h>input.sc-smoothly-input-date-time,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within)>input.sc-smoothly-input-date-time{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-time-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-time-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-time-h.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{transform-origin:top right}.sc-smoothly-input-date-time-h.floating-label.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.floating-label .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder] .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly] .sc-smoothly-input-date-time-s>[slot=label],.floating-label.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-value.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-text.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[placeholder].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[readonly].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.sc-smoothly-input-date-time-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-time{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-time-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-time{display:none}.sc-smoothly-input-date-time-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-time{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-time-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time{--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-date-time-h:not([readonly])>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:pointer}[disabled].sc-smoothly-input-date-time-h,[disabled].sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-time-h smoothly-input.sc-smoothly-input-date-time{outline:none}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time::before{content:"";box-sizing:border-box;position:absolute;top:-0.55rem;left:2rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-time-h>span.icons.sc-smoothly-input-date-time{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-time-h>smoothly-input[name="date"].sc-smoothly-input-date-time{width:12rem}.sc-smoothly-input-date-time-h>smoothly-input[name="hour"].sc-smoothly-input-date-time{width:4rem}.sc-smoothly-input-date-time-h>smoothly-input[name="minute"].sc-smoothly-input-date-time{min-width:4rem;flex-grow:1}.sc-smoothly-input-date-time-h>span.colon.sc-smoothly-input-date-time{padding:var(--input-value-padding-top)    var(--input-padding-side)    var(--input-value-padding-bottom)    var(--input-padding-side)}.sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:flex}`;const b=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyValueChange=e(this,"smoothlyValueChange");this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.readonly=false;this.invalid=false;this.isDifferentFromInitial=false;this.observer=l.Observer.create(this);this.showLabel=true}componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,o)=>{var e;return this.looks=(e=this.looks)!==null&&e!==void 0?e:t,!this.color&&(this.color=o)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish();this.valueChange(this.value)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){h.formRename(this,o)}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){const t=this.date&&typeof this.hour=="number"&&typeof this.minute=="number"?`${this.date}T${`${this.hour}`.padStart(2,"0")}:${`${this.minute}`.padStart(2,"0")}:00.000Z`:undefined;return a.DateTime.is(t)?t:undefined}async listen(t){this.observer.subscribe(t)}async clear(){this.value=undefined;this.date=undefined;this.hour=undefined;this.minute=undefined}async handleChange(){const t=await this.getValue();this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){if(a.DateTime.is(t)){this.date=a.DateTime.getDate(t);this.hour=a.DateTime.getHour(t);this.minute=a.DateTime.getMinute(t)}this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}smoothlyInputLoadHandler(t){h.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async edit(t){this.readonly=!t}async reset(){if(a.DateTime.is(this.initialValue)){this.date=a.DateTime.getDate(this.initialValue);this.hour=a.DateTime.getHour(this.initialValue);this.minute=a.DateTime.getMinute(this.initialValue)}else{this.date=undefined;this.hour=undefined;this.minute=undefined}}async setInitialValue(){this.initialValue=await this.getValue();this.isDifferentFromInitial=false}render(){return s(i,{key:"40f6c261f57e7dba3054cf01875d40cdc554ba16"},s("smoothly-input",{key:"98aa0e61e439a1ae686191425fca97a99e3e9232",color:this.color,looks:this.looks=="transparent"?this.looks:undefined,name:"date",onFocus:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),onClick:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),readonly:this.readonly,disabled:this.disabled,type:"date",value:this.date,showLabel:this.showLabel,onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.date=t.detail.date},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}},s("slot",{key:"e54f5e30a8f8bb9add88f07365a723a784da6060"})),s("smoothly-input",{key:"777133878145c16fe94dc58ed7a3c7cbeb6bd44d",name:"hour",type:"integer",max:23,pad:2,value:this.hour,readonly:this.readonly,disabled:this.disabled,placeholder:"hh",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.hour=t.detail.hour},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),s("span",{key:"885faf984fcf9070a1d700acc89dd53dfc5f0731",class:"colon"},":"),s("smoothly-input",{key:"4af1ab62eabdb841edd6a20b9db3758eff7e26b6",name:"minute",type:"integer",max:59,pad:2,value:this.minute,readonly:this.readonly,disabled:this.disabled,placeholder:"mm",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.minute=t.detail.minute},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),s("span",{key:"ae5f1d26cffedde15e3857148fe17c985e147c8d",class:"icons"},s("smoothly-icon",{key:"f50114861f0731b7d5078a6ff683a065defa60e4",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),s("slot",{key:"dbe69226779cb9f14e2077381fd9de71c96f5640",name:"end"})),this.open&&!this.readonly&&s("smoothly-calendar",{key:"e047e6e5de085a1c771854ecb9b990ca16e1aa52",doubleInput:false,value:this.value?a.DateTime.getDate(this.value):undefined,min:this.min?a.DateTime.getDate(this.min):undefined,max:this.max?a.DateTime.getDate(this.max):undefined,onSmoothlyDateSet:async t=>{t.stopPropagation();this.date=t.detail;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()});this.open=false}},s("div",{key:"a06fbb5b5d6800c17166980e056023768eeaf26c",slot:"year-label"},s("slot",{key:"2baa75fd451515f003ae91bc1e7393765cee9de7",name:"year-label"})),s("div",{key:"0b35ff73fbd4e4a0b8b49938a2c8f4deb79f6dd0",slot:"month-label"},s("slot",{key:"f41fd202bcd5d82d87b10ec331e8de51bd518f99",name:"month-label"}))))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],date:[{handleChange:0}],hour:[{handleChange:0}],minute:[{handleChange:0}],value:[{valueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}static get style(){return y()}},[262,"smoothly-input-date-time",{color:[1537],looks:[1537],name:[513],readonly:[1540],disabled:[516],invalid:[516],errorMessage:[513,"error-message"],value:[1025],open:[1028],showLabel:[516,"show-label"],min:[1],max:[1],date:[32],hour:[32],minute:[32],register:[64],unregister:[64],getValue:[64],listen:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{name:[{nameChange:0}],date:[{handleChange:0}],hour:[{handleChange:0}],minute:[{handleChange:0}],value:[{valueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}]);function f(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-time","smoothly-calendar","smoothly-icon","smoothly-input","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-time":if(!customElements.get(n(t))){customElements.define(n(t),b)}break;case"smoothly-calendar":if(!customElements.get(n(t))){m()}break;case"smoothly-icon":if(!customElements.get(n(t))){d()}break;case"smoothly-input":if(!customElements.get(n(t))){r()}break;case"smoothly-input-month":if(!customElements.get(n(t))){u()}break;case"smoothly-input-select":if(!customElements.get(n(t))){p()}break;case"smoothly-item":if(!customElements.get(n(t))){c()}break}}))}f();export{b as S,f as d};
+//# sourceMappingURL=p-BW08Z-5c.js.map

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

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

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

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

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

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

package/dist/components/p-Bd-a9CG1.js

@@ -0,0 +1,2 @@
+import{p as t,H as s,c as e,h as o,d as i,t as l}from"./p-BsZrGTcp.js";import{a as n,E as h}from"./p-iQDU7l2c.js";import{o as c,b as r}from"./p-Dr7iZPxA.js";import{i as a}from"./p-Br0kWrBT.js";import{I as d}from"./p-BLDkKrD6.js";import{d as u}from"./p-DFSiKg4M.js";import{d as m}from"./p-DtGUtK97.js";var p;(function(t){let s;(function(t){t.type=c({value:n(),deselectable:r(),selected:r().optional(),filter:a()});t.is=t.type.is})(s=t.Element||(t.Element={}));t.type=s.type.extend({});t.is=t.type.is})(p||(p={}));var y;(function(t){function s(t){var s;return(s=t.find((t=>t.clientHeight>0)))===null||s===void 0?void 0:s.clientHeight}t.firstItemHeight=s;function e(t,s,e){var o,i;const l=e.endsWith("items")?`${s*+((i=(o=e.match(/^(\d+(\.\d+)?|\.\d+)/g))===null||o===void 0?void 0:o[0])!==null&&i!==void 0?i:"10")}px`:e;t.style.setProperty("--menu-height",l)}t.applyMenuHeight=e;function o(t){t===null||t===void 0?void 0:t.style.setProperty("--element-height",`${t.clientHeight}px`)}t.applyElementHeight=o})(y||(y={}));var b;(function(t){function s(t,s){const e=t.filter((t=>!t.hidden&&!t.disabled));const o=e.findIndex((t=>t.marked));let i;if(o==-1){i=0}else{i=(o+s+e.length)%e.length}return{current:e[o],next:e[i]}}t.next=s;function e(t){return t.some((t=>!t.getAttribute("hidden")))}t.hasVisibleItems=e;function o(t,s){t.map((t=>t.marked=t===s))}t.markOnly=o;function i(t){return t.find((t=>t.selected))}t.findFirstSelected=i;function l(t){return t.find((t=>t.marked))}t.findFirstMarked=l})(b||(b={}));var f;(function(t){function s(t,s,e="smooth"){var o;if(s&&t){t.scrollTo({top:s.offsetTop+s.offsetHeight/2-((o=t.clientHeight)!==null&&o!==void 0?o:0)/2,behavior:e})}}t.centerInView=s})(f||(f={}));const g=()=>`.sc-smoothly-input-select-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-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-select-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-select-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-select-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-select-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-select-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-select-h,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-select-h>input.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background-color:transparent}[looks="transparent"].sc-smoothly-input-select-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-select-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-select-h.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .label.sc-smoothly-input-select{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-select-h .label.sc-smoothly-input-select{transform-origin:top right}.sc-smoothly-input-select-h.floating-label.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.floating-label .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder] .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly] .sc-smoothly-input-select-s>[slot=label],.floating-label.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-value.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-text.sc-smoothly-input-select-h .label.sc-smoothly-input-select,[placeholder].sc-smoothly-input-select-h .label.sc-smoothly-input-select,[readonly].sc-smoothly-input-select-h .label.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-select{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-select-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h smoothly-icon.smoothly-invalid.sc-smoothly-input-select{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));padding-left:var(--input-padding-side)}.open.sc-smoothly-input-select-h{border-radius:var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0}.sc-smoothly-input-select-h>.select-display.sc-smoothly-input-select{box-sizing:border-box;display:flex;padding:var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;width:100%;white-space:nowrap;gap:1rem}.sc-smoothly-input-select-h>.select-display.sc-smoothly-input-select>.value.sc-smoothly-input-select{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>.select-display.sc-smoothly-input-select{cursor:pointer}.sc-smoothly-input-select-h:not(:has([slot=label]))>.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([show-label])>.select-display.sc-smoothly-input-select{padding:.6rem .8rem .6rem 0;align-items:center}.sc-smoothly-input-select-h>.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{opacity:.7;height:100%;padding-inline:var(--input-padding-side)}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{cursor:pointer}[invalid].sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:block;padding:0.5rem}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:none}.has-value.sc-smoothly-input-select-h:has([slot=label]:not(:empty))>.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:20;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));inset-inline:0;border-radius:0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}.sc-smoothly-input-select-h:not(.open)>.dropdown.sc-smoothly-input-select{border:0}[looks="grid"].sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select,[looks=border].sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select,[looks="transparent"].sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select{inset-inline:-1px}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select{display:flex;position:sticky;align-items:center;top:0;gap:1rem;padding:.7rem .7rem .7rem .25rem;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));fill:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));stroke:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)))}.has-filter-persistent.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select{z-index:1}.sc-smoothly-input-select-h:not(.has-filter):not(.has-filter-persistent)>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select{height:0;padding:0;overflow:hidden;pointer-events:none}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select::before{content:"";position:absolute;inset:0;background-color:rgba(var(--smoothly-primary-tint), 0.5);z-index:-1}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select>.search-input.sc-smoothly-input-select{width:100%;background-color:transparent;border:none;outline:none}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select>smoothly-icon[name="search-outline"].sc-smoothly-input-select,.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.search.sc-smoothly-input-select>smoothly-icon[name="backspace-outline"].sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));fill:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));stroke:rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item{position:relative}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item::before{content:"";display:inline-block;width:1rem;height:1rem;margin-right:0.5rem;border:1px solid rgb(var(--smoothly-input-foreground));border-radius:0.15rem;vertical-align:middle}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item[selected]::before{border-color:rgb(var(--smoothly-item-selected-foreground))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item:hover::before{border:1px solid rgb(var(--smoothly-item-hover-foreground))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item[selected]::after{content:"✔";position:absolute;left:0.65rem;color:rgb(var(--smoothly-item-selected-foreground))}.sc-smoothly-input-select-h[multiple].sc-smoothly-input-select-s>.dropdown>.menu>smoothly-item:hover::after{color:rgb(var(--smoothly-item-hover-foreground))}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select{min-width:fit-content}.sc-smoothly-input-select-h>.dropdown.sc-smoothly-input-select>.menu[hidden].sc-smoothly-input-select{display:none}`;const v=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.smoothlyItemSelect=e(this,"smoothlyItemSelect");this.smoothlySelectOpen=e(this,"smoothlySelectOpen");this.smoothlyFilterChange=e(this,"smoothlyFilterChange");this.isDifferentFromInitial=false;this.initialValue=[];this.initialValueHandled=false;this.observer=h.Observer.create(this);this.items=[];this.displaySeparator='<span style="display:inline-block;width:0.8rem"></span>';this.invalid=false;this.name="selected";this.showLabel=true;this.showSelected=true;this.readonly=false;this.disabled=false;this.inCalendar=false;this.multiple=false;this.clearable=true;this.defined=false;this.required=false;this.searchDisabled=false;this.isSearchPersistent=false;this.mutable=false;this.lastOpen=false;this.open=false;this.selected=[];this.filter="";this.addedItems=[];this.display=[]}componentWillLoad(){this.smoothlyInputLooks.emit(((t,s)=>{var e;return this.looks=(e=this.looks)!==null&&e!==void 0?e:t,!this.color&&(this.color=s)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){this.selected&&!this.initialValueHandled&&(this.initialValue=[...this.selected]);this.initialValueHandled=true;this.onSelectedChange()}componentDidRender(){var t;(t=this.itemHeight)!==null&&t!==void 0?t:this.itemHeight=y.firstItemHeight(this.items);if(this.menuHeight&&this.itemHeight){y.applyMenuHeight(this.element,this.itemHeight,this.menuHeight)}y.applyElementHeight(this.element);const s=this.open&&!this.lastOpen;if(s&&this.ordered){this.scrollToSelected()}}scrollToSelected(){const t=b.findFirstSelected(this.items);if(t){b.markOnly(this.items,t);f.centerInView(this.dropdownElement,t,"instant")}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,s){d.formRename(this,s)}async register(){d.formAdd(this)}async unregister(){d.formRemove(this)}async getValue(){return!this.multiple&&this.selected[0]?this.selected[0].value:this.multiple&&this.selected.length>0?this.selected.map((t=>t.value)):undefined}async getItems(){return this.items}async listen(t){this.observer.subscribe(t)}async reset(){this.selected.forEach((t=>t.selected=t.hidden=false));this.initialValue.forEach((t=>t.selected=true));this.selected=[...this.initialValue];this.displaySelected();this.isDifferentFromInitial=false;this.closeMenu()}async clear(){if(this.clearable){this.selected.forEach((t=>t.selected=t.hidden=false));this.selected=[];this.displaySelected()}}async edit(t){this.readonly=!t}async setInitialValue(){this.isDifferentFromInitial=false;this.initialValue=[...this.selected]}async onSelectedChange(){this.initialValueHandled&&(this.isDifferentFromInitial=!this.areValuesEqual(this.selected,this.initialValue));this.defined=this.selected.length>0;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}onRequiredChange(){this.items.forEach((t=>t.deselectable=!this.required))}async onFilterChange(t){t=t.toLowerCase();this.smoothlyFilterChange.emit(this.filter);await Promise.all(this.items.map((s=>s.filter(t))))}watchingReadonly(){this.observer.publish()}async smoothlyInputLoadHandler(t){const s=t.target&&"name"in t.target&&t.target.name!==this.name;const e=t.composedPath().some((t=>t==this.iconsElement));if(s||e){t.stopPropagation()}else if(p.Element.is(t.target)){t.stopPropagation();t.target.deselectable=!this.required;this.items.push(t.target)}d.registerSubAction(this,t);this.displaySelected()}onWindowClick(t){if(this.open&&!t.composedPath().includes(this.element)){this.closeMenu()}}onItemDomChange(t){t.stopPropagation();const s=t.target;if(s.selected){this.displaySelected()}}async onItemSelect(t){t.stopPropagation();const s=t.detail.item;if(this.multiple){this.selected=s.selected?[...this.selected,s]:this.selected.filter((t=>t.selected))}else if(s.selected||!this.items.some((t=>t.selected))){this.selected[0]&&(this.selected[0].hidden=this.selected[0].selected=false);this.selected=!s.selected?this.selected.filter((t=>t.selected)):[s];!this.showSelected&&s.selected&&(s.hidden=true)}this.displaySelected();if(t.detail.userInitiated){this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}onClosed(t,s){this.lastOpen=s;if(!t){const t=b.findFirstMarked(this.items);if(t){t.marked=false}}this.smoothlySelectOpen.emit(t)}areValuesEqual(t,s){return t.length===s.length&&s.every((s=>t.includes(s)))}displaySelected(){this.display=this.selected.map((t=>{const s=t.cloneNode(true);s.querySelectorAll("smoothly-icon").forEach((t=>{const s=t.style;s.display="inline-flex";s.verticalAlign="middle"}));return s.innerHTML}))}onKeyDown(t){t.stopPropagation();const s=t.key;if(s=="ArrowUp"||s=="ArrowDown"){t.preventDefault();this.handlerNavigate(s)}else if(s=="Escape"){t.preventDefault();this.handleEscape()}else if(s=="Enter"){t.preventDefault();this.handleEnter()}else if(s==" "&&!this.open){t.preventDefault();this.openMenu()}else if(this.open&&s=="Tab"){this.closeMenu()}}handlerNavigate(t){if(b.hasVisibleItems(this.items)){this.move(t=="ArrowUp"?-1:1)}this.openMenu()}handleEscape(){if(this.filter){this.resetFilter()}else{this.closeMenu()}}handleEnter(){const t=b.findFirstMarked(this.items);if(t===null||t===void 0?void 0:t.value){t.selected=!t.selected}if(!this.multiple){this.closeMenu();this.resetFilter()}}move(t){const{current:s,next:e}=b.next(this.items,t);s&&(s.marked=false);e.marked=true;f.centerInView(this.dropdownElement,e,"smooth")}addItem(){this.addedItems=this.addedItems.concat(o("smoothly-item",{value:this.filter,selected:true},this.filter))}resetFilter(){this.searchElement&&(this.searchElement.value="");this.filter=""}setFilter(t){if(t){this.filter=t;this.openMenu()}else{this.resetFilter()}}openMenu({focus:t}={}){this.open=true;t&&queueMicrotask((()=>{var t;return(t=this.searchElement)===null||t===void 0?void 0:t.focus()}))}closeMenu(){this.open=false;this.resetFilter()}toggleMenu(){if(!this.readonly&&!this.disabled){this.open?this.closeMenu():this.openMenu({focus:true})}}onClick(t){const e=t.composedPath().includes(this.iconsElement)&&!t.composedPath().includes(this.toggleElement);const o=t.composedPath().includes(this.searchElement);const i=t.composedPath().find((t=>t instanceof s&&t.tagName==="SMOOTHLY-ITEM"));if(!e&&!o&&!(i&&this.multiple)){this.toggleMenu()}}render(){return o(i,{key:"25f2bd12bdd838b7405297411a103aeee38d3c5d",class:{"has-value":this.selected.length!==0,open:this.open,"has-filter":this.filter!=="","has-filter-persistent":this.open&&this.isSearchPersistent},onClick:t=>this.onClick(t)},o("div",{key:"95302cdb09bcd5c218e5f05baed904f24dba193a",class:"select-display"},this.display.length>0?o("div",{class:"value",innerHTML:this.display.join(this.displaySeparator)}):this.placeholder),o("div",{key:"fee48291df4fe018b7bd2933cdfc3ddfb9fc469c",class:"icons",ref:t=>this.iconsElement=t},o("smoothly-icon",{key:"8686946d896e5812bb2137c7d564cee0f55a879d",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),o("slot",{key:"2fa1e318cf0388d3b9bc937962899c1e3308ba18",name:"end"}),this.looks=="border"&&!this.readonly&&o("smoothly-icon",{key:"0caad9d99e1bc011fbb60b8682556b95149173c3",ref:t=>this.toggleElement=t,size:"tiny",name:this.open?"caret-down-outline":"caret-forward-outline"})),o("slot",{key:"8c3c7a67b3b0d71302bb92bd093b0a16b0382e91",name:"label"}),o("div",{key:"3e7875eeac42fd417c7b47a69830ebb28f34978e",class:"dropdown",ref:t=>this.dropdownElement=t},o("div",{key:"c7053135260263324b3f6a3d933694746df5231d",class:"search"},o("smoothly-icon",{key:"cc144d8b70e0fdb87749c033a03a279840b3d0ba",name:"search-outline",size:"small"}),o("input",{key:"ec12d0f1eeb5786cea018e42289e6b98dc269012",class:"search-input",placeholder:this.searchPlaceholder,ref:t=>this.searchElement=t,disabled:this.searchDisabled,onKeyDown:t=>this.onKeyDown(t),onInput:t=>{var s,e;return t.stopPropagation(),this.setFilter((e=(s=this.searchElement)===null||s===void 0?void 0:s.value)!==null&&e!==void 0?e:"")},onPaste:t=>{var s,e;return t.stopPropagation(),this.setFilter((e=(s=this.searchElement)===null||s===void 0?void 0:s.value)!==null&&e!==void 0?e:"")}}),o("smoothly-icon",{key:"1883da80f3a3f34f3fb83ab2c856e8e9edf4a43a",name:"backspace-outline",size:"small",onClick:()=>{var t;this.resetFilter();(t=this.searchElement)===null||t===void 0?void 0:t.focus()}}),this.mutable&&o("smoothly-icon",{key:"612c07080f7b81e0e3998ce3176e9b44c0c34fa3",name:"add",size:"small",onClick:()=>this.addItem()})),o("div",{key:"27c8a711d5f14efcf0a0e0a74e7276f3b5e19230",class:"menu",hidden:!this.open},o("slot",{key:"ac93c1d16f9ee11c1ed486b1f9d4ed190e665e83"}),this.addedItems)))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],selected:[{onSelectedChange:0}],required:[{onRequiredChange:0}],filter:[{onFilterChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],open:[{onClosed:0}]}}static get style(){return g()}},[262,"smoothly-input-select",{invalid:[516],errorMessage:[513,"error-message"],name:[513],color:[1537],looks:[1537],showLabel:[516,"show-label"],showSelected:[1540,"show-selected"],readonly:[1540],disabled:[516],inCalendar:[516,"in-calendar"],ordered:[516],multiple:[516],clearable:[4],defined:[1028],placeholder:[520],menuHeight:[1,"menu-height"],required:[4],searchDisabled:[4,"search-disabled"],isSearchPersistent:[4,"is-search-persistent"],searchPlaceholder:[1,"search-placeholder"],mutable:[4],open:[32],selected:[32],filter:[32],addedItems:[32],display:[32],register:[64],unregister:[64],getValue:[64],getItems:[64],listen:[64],reset:[64],clear:[64],edit:[64],setInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"],[0,"smoothlyItemDOMChange","onItemDomChange"],[0,"smoothlyItemSelect","onItemSelect"]],{name:[{nameChange:0}],selected:[{onSelectedChange:0}],required:[{onRequiredChange:0}],filter:[{onFilterChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],open:[{onClosed:0}]}]);function w(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-select","smoothly-icon","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-select":if(!customElements.get(l(t))){customElements.define(l(t),v)}break;case"smoothly-icon":if(!customElements.get(l(t))){u()}break;case"smoothly-item":if(!customElements.get(l(t))){m()}break}}))}w();export{v as S,w as d};
+//# sourceMappingURL=p-Bd-a9CG1.js.map

package/dist/components/p-Bd-a9CG1.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Item","Element","type","isly.object","value","isly.any","deselectable","isly.boolean","selected","optional","filter","isly.function","is","extend","layout","firstItemHeight","items","_a","find","item","clientHeight","applyMenuHeight","element","itemHeight","menuHeight","height","endsWith","_b","match","style","setProperty","applyElementHeight","menu","next","direction","selectable","hidden","disabled","currentIndex","findIndex","marked","index","length","current","hasVisibleItems","some","getAttribute","markOnly","map","i","findFirstSelected","findFirstMarked","scroll","centerInView","container","behavior","scrollTo","top","offsetTop","offsetHeight","styleCss","SmoothlyInputSelect","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","isDifferentFromInitial","initialValue","initialValueHandled","observer","Editable","Observer","create","displaySeparator","invalid","name","showLabel","showSelected","readonly","inCalendar","multiple","clearable","defined","required","searchDisabled","isSearchPersistent","mutable","lastOpen","open","addedItems","display","componentWillLoad","smoothlyInputLooks","emit","looks","color","smoothlyInputLoad","parent","smoothlyFormDisable","publish","componentDidLoad","onSelectedChange","componentDidRender","justOpened","ordered","scrollToSelected","selectedItem","dropdownElement","disconnectedCallback","isConnected","unregister","nameChange","_","oldName","Input","formRename","register","formAdd","formRemove","getValue","undefined","getItems","listen","listener","subscribe","reset","forEach","displaySelected","closeMenu","clear","edit","editable","setInitialValue","areValuesEqual","smoothlyInput","onRequiredChange","onFilterChange","toLowerCase","smoothlyFilterChange","Promise","all","watchingReadonly","smoothlyInputLoadHandler","event","fromSelf","target","fromEndSlot","composedPath","e","iconsElement","stopPropagation","push","registerSubAction","onWindowClick","includes","onItemDomChange","onItemSelect","detail","userInitiated","smoothlyUserInput","onClosed","before","markedItem","smoothlySelectOpen","every","option","clone","cloneNode","querySelectorAll","icon","verticalAlign","innerHTML","onKeyDown","key","preventDefault","handlerNavigate","handleEscape","handleEnter","openMenu","move","resetFilter","addItem","concat","h","searchElement","setFilter","focus","queueMicrotask","toggleMenu","onClick","wasIconsClicked","toggleElement","wasSearchClicked","wasItemClicked","tagName","render","Host","class","join","ref","size","tooltip","errorMessage","el","placeholder","searchPlaceholder","onInput","onPaste"],"sources":["src/components/item/Item.ts","src/components/input/select/layout.ts","src/components/input/select/menu.ts","src/components/input/select/scroll.ts","src/components/input/select/style.css?tag=smoothly-input-select&encapsulation=scoped","src/components/input/select/index.tsx"],"sourcesContent":["import { isly } from \"isly\"\n\nexport interface Item extends Item.Element {}\n\nexport namespace Item {\n\texport interface Element {\n\t\tvalue: any\n\t\tselected?: boolean\n\t\tdeselectable: boolean\n\t\tfilter: (filter: string) => Promise<void>\n\t}\n\texport namespace Element {\n\t\texport const type = isly.object<Element>({\n\t\t\tvalue: isly.any(),\n\t\t\tdeselectable: isly.boolean(),\n\t\t\tselected: isly.boolean().optional(),\n\t\t\tfilter: isly.function(),\n\t\t})\n\t\texport const is = type.is\n\t}\n\texport const type = Element.type.extend<Item>({})\n\texport const is = type.is\n}\n","export namespace layout {\n\texport function firstItemHeight(items: HTMLSmoothlyItemElement[]): number | undefined {\n\t\treturn items.find(item => item.clientHeight > 0)?.clientHeight\n\t}\n\texport function applyMenuHeight(element: HTMLElement, itemHeight: number, menuHeight: MenuHeight): void {\n\t\tconst height = menuHeight.endsWith(\"items\")\n\t\t\t? `${itemHeight * +(menuHeight.match(/^(\\d+(\\.\\d+)?|\\.\\d+)/g)?.[0] ?? \"10\")}px`\n\t\t\t: menuHeight\n\t\telement.style.setProperty(\"--menu-height\", height)\n\t}\n\texport function applyElementHeight(element: HTMLElement) {\n\t\telement?.style.setProperty(\"--element-height\", `${element.clientHeight}px`)\n\t}\n\texport type MenuHeight = `${number}${\"items\" | \"rem\" | \"px\" | \"vh\"}`\n}\n","export namespace menu {\n\texport function next(\n\t\titems: HTMLSmoothlyItemElement[],\n\t\tdirection: -1 | 1\n\t): { current?: HTMLSmoothlyItemElement; next: HTMLSmoothlyItemElement } {\n\t\tconst selectable = items.filter(item => !item.hidden && !item.disabled)\n\t\tconst currentIndex = selectable.findIndex(item => item.marked)\n\t\tlet index: number\n\t\tif (currentIndex == -1) {\n\t\t\tindex = 0\n\t\t} else {\n\t\t\tindex = (currentIndex + direction + selectable.length) % selectable.length\n\t\t}\n\t\treturn { current: selectable[currentIndex], next: selectable[index] }\n\t}\n\texport function hasVisibleItems(items: HTMLSmoothlyItemElement[]): boolean {\n\t\treturn items.some(item => !item.getAttribute(\"hidden\"))\n\t}\n\texport function markOnly(items: HTMLSmoothlyItemElement[], item: HTMLSmoothlyItemElement): void {\n\t\titems.map(i => (i.marked = i === item))\n\t}\n\texport function findFirstSelected(items: HTMLSmoothlyItemElement[]): HTMLSmoothlyItemElement | undefined {\n\t\treturn items.find(item => item.selected)\n\t}\n\texport function findFirstMarked(items: HTMLSmoothlyItemElement[]): HTMLSmoothlyItemElement | undefined {\n\t\treturn items.find(item => item.marked)\n\t}\n}\n","export namespace scroll {\n\texport function centerInView(container?: HTMLElement, item?: HTMLElement, behavior: ScrollBehavior = \"smooth\") {\n\t\tif (item && container) {\n\t\t\tcontainer.scrollTo({\n\t\t\t\ttop: item.offsetTop + item.offsetHeight / 2 - (container.clientHeight ?? 0) / 2,\n\t\t\t\tbehavior,\n\t\t\t})\n\t\t}\n\t}\n}\n","@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tflex-direction: row;\n\tposition: relative;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n\tfill: rgb(var(--smoothly-input-foreground));\n\tstroke: rgb(var(--smoothly-input-foreground));\n\tpadding-left: var(--input-padding-side);\n}\n\n:host.open {\n\tborder-radius: var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0;\n}\n\n:host>.select-display {\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tpadding: var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;\n\twidth: 100%;\n\twhite-space: nowrap;\n\tgap: 1rem;\n\n}\n\n:host>.select-display>.value {\n\tmin-width: 0;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n\n:host:not([readonly]):not([disabled])>.select-display {\n\tcursor: pointer;\n}\n\n:host:not(:has([slot=label]))>.select-display,\n:host:not([show-label])>.select-display  {\n\tpadding: .6rem .8rem .6rem 0;\n\talign-items: center;\n}\n\n:host>.select-display smoothly-icon {\n\tcolor: rgb(var(--smoothly-input-foreground));\n\tfill: rgb(var(--smoothly-input-foreground));\n\tstroke: rgb(var(--smoothly-input-foreground));\n}\n\n:host>div.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n:host:hover>div.icons::slotted(smoothly-icon) {\n\tfilter: opacity(100%);\n}\n\n:host>div.icons>smoothly-icon[name=caret-down-outline],\n:host>div.icons>smoothly-icon[name=caret-forward-outline] {\n\topacity: .7;\n\theight: 100%;\n\tpadding-inline: var(--input-padding-side);\n}\n:host:not([readonly]):not([disabled])>div.icons>smoothly-icon[name=caret-down-outline],\n:host:not([readonly]):not([disabled])>div.icons>smoothly-icon[name=caret-forward-outline] {\n\tcursor: pointer;\n}\n\n:host[invalid]>div>smoothly-icon.smoothly-invalid {\n\tdisplay: block;\n\tpadding: 0.5rem;\n}\n\n:host>div>smoothly-icon.smoothly-invalid {\n\tdisplay: none\n}\n\n\n:host.has-value:has([slot=label]:not(:empty))>.select-display,\n:host:not(.has-value)[placeholder]>.select-display {\n\toverflow: hidden;\n\twidth: 100%;\n}\n\n\n:host>.dropdown {\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: absolute;\n\ttop: var(--element-height);\n\tz-index: 20;\n\tmax-height: var(--menu-height, unset);\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tinset-inline: 0;\n\tborder-radius: 0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);\n\tborder: rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;\n\tborder-top: rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px;\n}\n:host:not(.open)>.dropdown {\n\tborder: 0;\n}\n:host[looks=\"grid\"]>.dropdown,\n:host[looks=border]>.dropdown,\n:host[looks=\"transparent\"]>.dropdown {\n\tinset-inline: -1px;\n}\n\n:host>.dropdown>.search {\n\tdisplay: flex;\n\tposition: sticky;\n\talign-items: center;\n\ttop: 0;\n\tgap: 1rem;\n\tpadding: .7rem .7rem .7rem .25rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n\tfill: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n\tstroke: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n}\n:host.has-filter-persistent>.dropdown>.search{\n\tz-index: 1;\n}\n:host:not(.has-filter):not(.has-filter-persistent)>.dropdown>.search {\n\t/* hide search */\n\t/* search cant be display: none, since it is the focus element */\n\theight: 0;\n\tpadding: 0;\n\toverflow: hidden;\n\tpointer-events: none;\n}\n:host>.dropdown>.search::before {\n\t/* search have opacity without showing what is underneath */\n\tcontent: \"\";\n\tposition: absolute;\n\tinset: 0;\n\tbackground-color: rgba(var(--smoothly-primary-tint), 0.5);\n\tz-index: -1;\n}\n:host>.dropdown>.search>.search-input {\n\twidth: 100%;\n\tbackground-color: transparent;\n\tborder: none;\n\toutline: none;\n}\n:host>.dropdown>.search>smoothly-icon[name=\"search-outline\"],\n:host>.dropdown>.search>smoothly-icon[name=\"backspace-outline\"] {\n\tcolor: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n\tfill: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n\tstroke: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n}\n\n\n/* --- multiple options --- */\n:host([multiple])::slotted(.dropdown>.menu>smoothly-item) {\n\tposition: relative;\n}\n:host([multiple])::slotted(.dropdown>.menu>smoothly-item::before) {\n\tcontent: \"\";\n\tdisplay: inline-block;\n\twidth: 1rem;\n\theight: 1rem;\n\tmargin-right: 0.5rem;\n\tborder: 1px solid rgb(var(--smoothly-input-foreground));\n\tborder-radius: 0.15rem;\n\tvertical-align: middle;\n}\n:host([multiple])::slotted(.dropdown>.menu>smoothly-item[selected]::before) {\n\tborder-color: rgb(var(--smoothly-item-selected-foreground));\n}\n:host([multiple])::slotted(.dropdown>.menu>smoothly-item:hover::before) {\n\tborder: 1px solid rgb(var(--smoothly-item-hover-foreground));\n}\n:host([multiple])::slotted(.dropdown>.menu>smoothly-item[selected]::after) {\n\tcontent: \"✔\";\n\tposition: absolute;\n\tleft: 0.65rem; \n\tcolor: rgb(var(--smoothly-item-selected-foreground));\n}\n:host([multiple])::slotted(.dropdown>.menu>smoothly-item:hover::after) {\n\tcolor: rgb(var(--smoothly-item-hover-foreground));\n}\n:host>.dropdown {\n\tmin-width: fit-content;\n}\n:host>.dropdown>.menu[hidden] {\n\tdisplay: none;\n}\n\n\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color, Data } from \"../../../model\"\nimport { Item } from \"../../item/Item\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\nimport { layout } from \"./layout\"\nimport { menu } from \"./menu\"\nimport { scroll } from \"./scroll\"\n\n@Component({\n\ttag: \"smoothly-input-select\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputSelect implements Input, Editable, Clearable, ComponentWillLoad {\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate initialValue: HTMLSmoothlyItemElement[] = []\n\tprivate initialValueHandled = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate iconsElement?: HTMLElement\n\tprivate toggleElement?: HTMLElement\n\tprivate dropdownElement?: HTMLElement\n\tprivate searchElement?: HTMLInputElement\n\tprivate items: HTMLSmoothlyItemElement[] = []\n\tprivate itemHeight: number | undefined\n\tprivate readonly displaySeparator = '<span style=\"display:inline-block;width:0.8rem\"></span>'\n\t@Element() element: HTMLSmoothlyInputSelectElement\n\t@Prop({ reflect: true }) invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\t@Prop({ reflect: true }) name = \"selected\"\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ reflect: true, mutable: true }) showSelected?: boolean = true\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) inCalendar = false\n\t@Prop({ reflect: true }) ordered?: boolean\n\t@Prop({ reflect: true }) multiple = false\n\t@Prop() clearable = true\n\t@Prop({ mutable: true }) defined = false\n\t@Prop({ reflect: true }) placeholder?: string | any\n\t@Prop() menuHeight?: layout.MenuHeight\n\t@Prop() required = false\n\t@Prop() searchDisabled = false\n\t@Prop() isSearchPersistent = false\n\t@Prop() searchPlaceholder?: string\n\t@Prop() mutable = false\n\tprivate lastOpen = false\n\t@State() open = false\n\t@State() selected: HTMLSmoothlyItemElement[] = []\n\t@State() filter = \"\"\n\t@State() addedItems: HTMLSmoothlyItemElement[] = []\n\t@State() private display: string[] = []\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\t@Event() smoothlyItemSelect: EventEmitter<HTMLSmoothlyItemElement>\n\t@Event() smoothlySelectOpen: EventEmitter<boolean>\n\t@Event() smoothlyFilterChange: EventEmitter<string>\n\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tcomponentDidLoad(): void | Promise<void> {\n\t\tthis.selected && !this.initialValueHandled && (this.initialValue = [...this.selected])\n\t\tthis.initialValueHandled = true\n\t\tthis.onSelectedChange()\n\t}\n\tcomponentDidRender(): void | Promise<void> {\n\t\tthis.itemHeight ??= layout.firstItemHeight(this.items)\n\t\tif (this.menuHeight && this.itemHeight) {\n\t\t\tlayout.applyMenuHeight(this.element, this.itemHeight, this.menuHeight)\n\t\t}\n\t\tlayout.applyElementHeight(this.element)\n\n\t\tconst justOpened = this.open && !this.lastOpen\n\t\tif (justOpened && this.ordered) {\n\t\t\tthis.scrollToSelected()\n\t\t}\n\t}\n\tprivate scrollToSelected() {\n\t\tconst selectedItem = menu.findFirstSelected(this.items)\n\t\tif (selectedItem) {\n\t\t\tmenu.markOnly(this.items, selectedItem)\n\t\t\tscroll.centerInView(this.dropdownElement, selectedItem, \"instant\")\n\t\t}\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\t}\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<any | any[] | undefined> {\n\t\treturn !this.multiple && this.selected[0]\n\t\t\t? this.selected[0].value\n\t\t\t: this.multiple && this.selected.length > 0\n\t\t\t\t? this.selected.map(item => item.value)\n\t\t\t\t: undefined\n\t}\n\t@Method()\n\tasync getItems(): Promise<HTMLSmoothlyItemElement[]> {\n\t\treturn this.items\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.selected.forEach(item => (item.selected = item.hidden = false))\n\t\tthis.initialValue.forEach(item => (item.selected = true))\n\t\tthis.selected = [...this.initialValue]\n\t\tthis.displaySelected()\n\t\tthis.isDifferentFromInitial = false\n\t\tthis.closeMenu()\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tif (this.clearable) {\n\t\t\tthis.selected.forEach(item => (item.selected = item.hidden = false))\n\t\t\tthis.selected = []\n\t\t\tthis.displaySelected()\n\t\t}\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.isDifferentFromInitial = false\n\t\tthis.initialValue = [...this.selected]\n\t}\n\t@Watch(\"selected\")\n\tasync onSelectedChange() {\n\t\tthis.initialValueHandled && (this.isDifferentFromInitial = !this.areValuesEqual(this.selected, this.initialValue))\n\t\tthis.defined = this.selected.length > 0\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"required\")\n\tonRequiredChange(): void {\n\t\tthis.items.forEach(item => (item.deselectable = !this.required))\n\t}\n\t@Watch(\"filter\")\n\tasync onFilterChange(value: string): Promise<void> {\n\t\tvalue = value.toLowerCase()\n\t\tthis.smoothlyFilterChange.emit(this.filter)\n\t\tawait Promise.all(this.items.map(item => item.filter(value)))\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputSelect) => void>): Promise<void> {\n\t\tconst fromSelf = event.target && \"name\" in event.target && event.target.name !== this.name\n\t\tconst fromEndSlot = event.composedPath().some(e => e == this.iconsElement)\n\t\tif (fromSelf || fromEndSlot) {\n\t\t\tevent.stopPropagation()\n\t\t} else if (Item.Element.is(event.target)) {\n\t\t\tevent.stopPropagation()\n\t\t\tevent.target.deselectable = !this.required\n\t\t\tthis.items.push(event.target as HTMLSmoothlyItemElement)\n\t\t}\n\t\tInput.registerSubAction(this, event)\n\t\tthis.displaySelected()\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: MouseEvent): void {\n\t\tif (this.open && !event.composedPath().includes(this.element)) {\n\t\t\tthis.closeMenu()\n\t\t}\n\t}\n\t@Listen(\"smoothlyItemDOMChange\")\n\tonItemDomChange(e: CustomEvent) {\n\t\te.stopPropagation()\n\t\tconst item = e.target as HTMLSmoothlyItemElement\n\t\tif (item.selected) {\n\t\t\tthis.displaySelected()\n\t\t}\n\t}\n\t@Listen(\"smoothlyItemSelect\")\n\tasync onItemSelect(event: CustomEvent<{ userInitiated: boolean; item: HTMLSmoothlyItemElement }>): Promise<void> {\n\t\tevent.stopPropagation()\n\t\tconst item = event.detail.item\n\t\tif (this.multiple) {\n\t\t\tthis.selected = item.selected ? [...this.selected, item] : this.selected.filter(item => item.selected)\n\t\t} else if (item.selected || !this.items.some(e => e.selected)) {\n\t\t\tthis.selected[0] && (this.selected[0].hidden = this.selected[0].selected = false)\n\t\t\tthis.selected = !item.selected ? this.selected.filter(item => item.selected) : [item]\n\t\t\t!this.showSelected && item.selected && (item.hidden = true)\n\t\t}\n\t\tthis.displaySelected()\n\t\tif (event.detail.userInitiated) {\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t}\n\t}\n\t@Watch(\"open\")\n\tonClosed(open: boolean, before: boolean): void {\n\t\tthis.lastOpen = before\n\t\tif (!open) {\n\t\t\tconst markedItem = menu.findFirstMarked(this.items)\n\t\t\tif (markedItem) {\n\t\t\t\tmarkedItem.marked = false\n\t\t\t}\n\t\t}\n\t\tthis.smoothlySelectOpen.emit(open)\n\t}\n\tareValuesEqual(selected: HTMLSmoothlyItemElement[], initialValue: HTMLSmoothlyItemElement[]): boolean {\n\t\treturn selected.length === initialValue.length && initialValue.every(value => selected.includes(value))\n\t}\n\tdisplaySelected(): void {\n\t\tthis.display = this.selected.map(option => {\n\t\t\tconst clone = option.cloneNode(true) as HTMLElement\n\t\t\tclone.querySelectorAll(\"smoothly-icon\").forEach(icon => {\n\t\t\t\tconst style = (icon as HTMLElement).style\n\t\t\t\tstyle.display = \"inline-flex\"\n\t\t\t\tstyle.verticalAlign = \"middle\"\n\t\t\t})\n\t\t\treturn clone.innerHTML\n\t\t})\n\t}\n\tonKeyDown(event: KeyboardEvent) {\n\t\tevent.stopPropagation()\n\t\tconst key = event.key\n\t\tif (key == \"ArrowUp\" || key == \"ArrowDown\") {\n\t\t\tevent.preventDefault()\n\t\t\tthis.handlerNavigate(key)\n\t\t} else if (key == \"Escape\") {\n\t\t\tevent.preventDefault()\n\t\t\tthis.handleEscape()\n\t\t} else if (key == \"Enter\") {\n\t\t\tevent.preventDefault()\n\t\t\tthis.handleEnter()\n\t\t} else if (key == \" \" && !this.open) {\n\t\t\tevent.preventDefault()\n\t\t\tthis.openMenu()\n\t\t} else if (this.open && key == \"Tab\") {\n\t\t\tthis.closeMenu()\n\t\t}\n\t}\n\tprivate handlerNavigate(key: \"ArrowUp\" | \"ArrowDown\") {\n\t\tif (menu.hasVisibleItems(this.items)) {\n\t\t\tthis.move(key == \"ArrowUp\" ? -1 : 1)\n\t\t}\n\t\tthis.openMenu()\n\t}\n\tprivate handleEscape() {\n\t\tif (this.filter) {\n\t\t\tthis.resetFilter()\n\t\t} else {\n\t\t\tthis.closeMenu()\n\t\t}\n\t}\n\tprivate handleEnter() {\n\t\tconst item = menu.findFirstMarked(this.items)\n\t\tif (item?.value) {\n\t\t\titem.selected = !item.selected\n\t\t}\n\t\tif (!this.multiple) {\n\t\t\tthis.closeMenu()\n\t\t\tthis.resetFilter()\n\t\t}\n\t}\n\tprivate move(direction: -1 | 1): void {\n\t\tconst { current, next } = menu.next(this.items, direction)\n\t\tcurrent && (current.marked = false)\n\t\tnext.marked = true\n\t\tscroll.centerInView(this.dropdownElement, next, \"smooth\")\n\t}\n\tprivate addItem() {\n\t\tthis.addedItems = this.addedItems.concat(\n\t\t\t<smoothly-item value={this.filter} selected>\n\t\t\t\t{this.filter}\n\t\t\t</smoothly-item>\n\t\t)\n\t}\n\tprivate resetFilter() {\n\t\tthis.searchElement && (this.searchElement.value = \"\")\n\t\tthis.filter = \"\"\n\t}\n\tprivate setFilter(filter: string) {\n\t\tif (filter) {\n\t\t\tthis.filter = filter\n\t\t\tthis.openMenu()\n\t\t} else {\n\t\t\tthis.resetFilter()\n\t\t}\n\t}\n\tprivate openMenu({ focus }: { focus?: boolean } = {}) {\n\t\tthis.open = true\n\t\tfocus && queueMicrotask(() => this.searchElement?.focus())\n\t}\n\tprivate closeMenu() {\n\t\tthis.open = false\n\t\tthis.resetFilter()\n\t}\n\tprivate toggleMenu() {\n\t\tif (!this.readonly && !this.disabled) {\n\t\t\tthis.open ? this.closeMenu() : this.openMenu({ focus: true })\n\t\t}\n\t}\n\tprivate onClick(e: MouseEvent) {\n\t\tconst wasIconsClicked =\n\t\t\te.composedPath().includes(this.iconsElement!) && !e.composedPath().includes(this.toggleElement!)\n\t\tconst wasSearchClicked = e.composedPath().includes(this.searchElement!)\n\t\tconst wasItemClicked = e\n\t\t\t.composedPath()\n\t\t\t.find(element => element instanceof HTMLElement && element.tagName === \"SMOOTHLY-ITEM\")\n\t\tif (!wasIconsClicked && !wasSearchClicked && !(wasItemClicked && this.multiple)) {\n\t\t\tthis.toggleMenu()\n\t\t}\n\t}\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{\n\t\t\t\t\t\"has-value\": this.selected.length !== 0,\n\t\t\t\t\topen: this.open,\n\t\t\t\t\t\"has-filter\": this.filter !== \"\",\n\t\t\t\t\t\"has-filter-persistent\": this.open && this.isSearchPersistent,\n\t\t\t\t}}\n\t\t\t\tonClick={(e: MouseEvent) => this.onClick(e)}>\n\t\t\t\t<div class=\"select-display\">\n\t\t\t\t\t{this.display.length > 0 ? (\n\t\t\t\t\t\t<div class=\"value\" innerHTML={this.display.join(this.displaySeparator)}></div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tthis.placeholder\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"icons\" ref={element => (this.iconsElement = element)}>\n\t\t\t\t\t<smoothly-icon class=\"smoothly-invalid\" name=\"alert-circle\" size=\"small\" tooltip={this.errorMessage} />\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t\t{this.looks == \"border\" && !this.readonly && (\n\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\tref={element => (this.toggleElement = element)}\n\t\t\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t\t\tname={this.open ? \"caret-down-outline\" : \"caret-forward-outline\"}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"label\" />\n\t\t\t\t<div class=\"dropdown\" ref={(el: HTMLDivElement) => (this.dropdownElement = el)}>\n\t\t\t\t\t<div class=\"search\">\n\t\t\t\t\t\t<smoothly-icon name=\"search-outline\" size=\"small\" />\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass=\"search-input\"\n\t\t\t\t\t\t\tplaceholder={this.searchPlaceholder}\n\t\t\t\t\t\t\tref={el => (this.searchElement = el)}\n\t\t\t\t\t\t\tdisabled={this.searchDisabled}\n\t\t\t\t\t\t\tonKeyDown={e => this.onKeyDown(e)}\n\t\t\t\t\t\t\tonInput={e => (e.stopPropagation(), this.setFilter(this.searchElement?.value ?? \"\"))}\n\t\t\t\t\t\t\tonPaste={e => (e.stopPropagation(), this.setFilter(this.searchElement?.value ?? \"\"))}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\tname=\"backspace-outline\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tthis.resetFilter()\n\t\t\t\t\t\t\t\tthis.searchElement?.focus()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{this.mutable && <smoothly-icon name=\"add\" size=\"small\" onClick={() => this.addItem()} />}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"menu\" hidden={!this.open}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t{this.addedItems}\n\t\t\t\t\t</div>\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-Bdn7S2FK.js

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

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

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

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

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