@jsfour/root-ui 0.0.3 → 0.0.5

package/dist/components/root-input.js

@@ -1 +1 @@
-import{t,p as o,H as e,c as i,h as r}from"./p-DAEIwkjv.js";import{r as n}from"./p-CvhBNbMT.js";import{R as s}from"./p-B6-wt2k2.js";import{d as a}from"./p-Bvm--2Dx.js";import{d as c}from"./p-Q_X0HaIL.js";import{d as l}from"./p-C9UP-Ovr.js";import{d as h}from"./p-zK9tf7__.js";import{d}from"./p-DyQ9Hkbh.js";import{d as p}from"./p-Dt7ine4S.js";import{d as u}from"./p-Bc4tk3dW.js";import{d as f}from"./p-CSuvNxEo.js";import{d as b}from"./p-BcVwOXBh.js";const m=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.rootInputChange=i(this,"rootInputChange"),this.rootInputBlur=i(this,"rootInputBlur"),this.inputId=n("root-input"),this.type=s.TEXT,this.placeholder="",this.value="",this.showIcon=!0,this.fullWidth=!1,this.multiline=!1,this.icon=!0,this.showPassword=!1,this.inputValue="",this.error="",this.touched=!1,this.hasIcon=!1,this.fileLabel="Select file",this.openPicker=()=>{if(!this.inputRef)return;const t=this.inputRef;t instanceof HTMLInputElement&&t.showPicker?t.showPicker():(t.focus(),t instanceof HTMLInputElement&&t.click())},this.togglePasswordVisibility=()=>{this.showPassword=!this.showPassword},this.incrementNumber=()=>{this.inputRef instanceof HTMLInputElement&&(this.inputRef.stepUp(),this.inputValue=this.inputRef.value,this.rootInputChange.emit(this.inputValue))},this.decrementNumber=()=>{this.inputRef instanceof HTMLInputElement&&(this.inputRef.stepDown(),this.inputValue=this.inputRef.value,this.rootInputChange.emit(this.inputValue))},this.validate=t=>t?this.type===s.EMAIL?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)?"":"Please enter a valid email address.":this.type===s.TEL?/^[+]?[- 0-9()]{7,}$/.test(t)?"":"Please enter a valid phone number.":"":"",this.handleBlur=t=>{this.touched=!0,this.error=this.validate(this.inputValue),this.rootInputBlur.emit(t)},this.handleChange=t=>{const o=t.target.value;this.inputValue=o,this.rootInputChange.emit(o),this.touched&&(this.error=this.validate(o))},this.handleFileChange=t=>{var o;const e=t.target,i=null===(o=e.files)||void 0===o?void 0:o[0];this.fileLabel=i?i.name:"Select file",this.rootInputChange.emit(e.value)},this.handleFieldClick=()=>{this.inputRef&&(this.multiline||this.inputRef instanceof HTMLInputElement&&"date"!==this.inputRef.type&&"color"!==this.inputRef.type)&&this.inputRef.focus()}}onValueChanged(t){this.inputValue=t}componentWillLoad(){this.setHasIcon(),this.inputValue=this.value}setHasIcon(){const t=!!this.hostElement.querySelector('[slot="icon"]');t&&(this.hasIcon=t)}render(){const t=this.type===s.PASSWORD?this.showPassword?"text":"password":this.type,o=this.type===s.COLOR?this.inputValue||"#000000":this.inputValue,e={"root-input-field":!0,"root-input-field--error":!!this.error,"root-input-field--file":this.type===s.FILE,"root-input-field--color":this.type===s.COLOR,"root-input-field--textarea":this.multiline};return r("div",{key:"7d515423e1abc3bd25ff1df52f391536e787e393",class:{"root-input":!0,"root-input--full-width":this.fullWidth}},r("label",{key:"4e7e0a89e5b266e4e396c5e65070bd35c63fec13",htmlFor:this.inputId},this.label),r("div",{key:"e5227c325bbb88d054093840e5c747a541a032a5",class:e,onClick:this.handleFieldClick},this.hasIcon&&r("div",{key:"6c178aab5e789d67db8f0c9e7795eeb0e9526f60",class:"root-input-icon",onClick:this.openPicker},r("slot",{key:"465b2e8355b2f354f2f215b63ef335b1d3eb893e",name:"icon"})),this.multiline?r("textarea",{ref:t=>this.inputRef=t,placeholder:this.placeholder,id:this.inputId,name:this.inputName,maxLength:this.maxlength,value:this.inputValue,onBlur:this.handleBlur,onInput:this.handleChange,"aria-invalid":this.error?"true":"false",rows:3}):r("input",{ref:t=>this.inputRef=t,placeholder:this.placeholder,id:this.inputId,name:this.inputName,maxLength:this.maxlength,type:t,value:o,onBlur:this.handleBlur,onInput:this.type===s.FILE?this.handleFileChange:this.handleChange,"aria-invalid":this.error?"true":"false"}),(this.type===s.DATE||this.type===s.MONTH)&&this.showIcon&&r("div",{key:"1752f725d3f55aac94c52525121ec58da9a2ec61",class:"root-input-icon",onClick:this.openPicker},r("slot",{key:"37260c467d83e8692a3dc0c4aa0f7e20606fbfc2",name:"calendar-icon"},r("root-icon-calendar",{key:"4dce349a810e945d981fb0b664ba3d151713ba84"}))),this.type===s.TIME&&this.showIcon&&r("div",{key:"a79d4499261d68f5174da113cff89a75af5407a8",class:"root-input-icon",onClick:this.openPicker},r("slot",{key:"f2999c4b46fb97089b7525077f1f8d78b549199c",name:"time-icon"},r("root-icon-clock",{key:"4b58b5fc10bb2058740da897def082827da64d43"}))),this.type===s.SEARCH&&this.showIcon&&r("div",{key:"3435b28f0e6cd7958dc63c0ab83db26e8fdf395e",class:"root-input-icon"},r("slot",{key:"4202c70c15b7e1cfc492c7e1b4286e846ae1461d",name:"search-icon"},r("root-icon-search",{key:"b605187209182d649e11a5e5193e377f7b19e7cd"}))),this.type===s.TEL&&this.showIcon&&r("div",{key:"b7c580a101418fcbe4333b0a62e54d94f3efff3c",class:"root-input-icon"},r("slot",{key:"5f7891c58d2adc416cbe06146271be2b16ca0ef3",name:"phone-icon"},r("root-icon-phone",{key:"4632a71a7a32acd062039c3bedb3ef21088ed061"}))),this.type===s.COLOR&&r("div",{key:"be83a89f6e41ad13c19f879d0ebbb5df5c32ff53",class:"root-input-color-label"},r("span",{key:"91791953bbbf5b4427f4777022578817b2f9835f",class:"root-input-color-swatch",style:{backgroundColor:o},onClick:this.openPicker}),r("span",{key:"89e089ab6ee53cfe8f13184f4e3b736599006639",class:"root-input-color-text"},o)),this.type===s.FILE&&!this.multiline&&this.showIcon&&r("div",{key:"1c46af30c73fb0e61bf3a4439abe2fe63de37368",class:"root-input-file-label"},r("span",{key:"54ffc7fc2928b11988ba59744103ed0efa580d95"},this.fileLabel),r("slot",{key:"8756981a67259a6175854e09af529e534986f905",name:"file-icon"},r("root-icon-files",{key:"aa0cdf06c05fcbf644d2ca357ae984a94627482b"}))),this.type===s.PASSWORD&&!this.multiline&&this.showIcon&&r("div",{key:"065ba1b8e50a6ad041df0e1854d1fb2f6b46d7bb",class:"root-input-icon root-input-icon--password",onClick:this.togglePasswordVisibility},r("slot",{key:"26fa7c49034137f28d808e3fb3cd697f5e5ec0f8",name:"password-icon"},r(this.showPassword?"root-icon-eye-off":"root-icon-eye",null))),this.type===s.NUMBER&&!this.multiline&&this.showIcon&&r("div",{key:"b1aacf2edafc3af370a71e73226636c0bce76108",class:"root-input-number-controls"},r("div",{key:"b8c25451b4e394fa31e3630aec24b1b7a3d529b0",class:"root-input-icon",onClick:this.incrementNumber},r("slot",{key:"460c4e89580da4978a31847bdd1f0fe9d4519427",name:"number-up-icon"},r("root-icon-chevron-up",{key:"da72019682560848a49b1a05d868df18acc1fe99"}))),r("div",{key:"9eadaade23a25bb107c711aad15654ecba5361e9",class:"root-input-icon",onClick:this.decrementNumber},r("slot",{key:"8d0bf9185c1294d7d411c98d29a0a98932c738d8",name:"number-down-icon"},r("root-icon-chevron-down",{key:"e52852e958d9bb5d63da1176f8a35eea407019cc"}))))),this.error&&this.touched&&r("div",{key:"284790798c2d6398133e3132a02eccc48894ecaa",class:"root-input-error"},this.error))}get hostElement(){return this}static get watchers(){return{value:[{onValueChanged:0}]}}static get style(){return".root-input--full-width{width:100%}.root-input .root-input-field{display:flex;align-items:center;width:100%;background-color:var(--rootsdk-input);border:1px solid var(--rootsdk-border);border-radius:12px;padding:14px 20px;color:var(--rootsdk-text-primary);font-size:14px;min-height:2em;outline:transparent;box-shadow:none;box-sizing:border-box;cursor:text}.root-input .root-input-field::placeholder{color:var(--rootsdk-text-tertiary)}.root-input .root-input-field:focus-within,.root-input .root-input-field:focus{border-color:var(--rootsdk-brand-primary)}.root-input .root-input-field.root-input-field--textarea{align-items:flex-start}.root-input .root-input-field.root-input-field--file{position:relative;cursor:pointer}.root-input .root-input-field.root-input-field--color{position:relative;cursor:pointer}.root-input .root-input-field.root-input-field--error{border-color:var(--rootsdk-error, #e53935)}.root-input .root-input-icon{margin-right:0.5rem;display:flex;align-items:center;justify-content:center;height:1em}.root-input .root-input-icon svg{width:18px;height:18px;cursor:pointer}.root-input .root-input-icon--password svg{margin-right:-2px}.root-input input{flex:1;border:none;background:transparent;color:inherit;font-family:inherit;outline:none;padding:0;margin:0;text-overflow:ellipsis;cursor:text;max-height:45px}.root-input input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.root-input input[type=color]{position:absolute;inset:0;top:30px;left:20px;opacity:0;width:1.2rem;height:1.2rem;cursor:pointer}.root-input input::-webkit-calendar-picker-indicator{display:none}.root-input input::-webkit-outer-spin-button,.root-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.root-input textarea{flex:1;border:none;background:transparent;color:inherit;font-family:inherit;outline:none;padding:0;margin:0;resize:vertical;min-height:6rem}.root-input .root-input-number-controls{display:flex;flex-direction:column;gap:0;height:1em;line-height:0.5;align-items:center;justify-content:center;cursor:pointer}.root-input .root-input-file-label{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;width:100%;pointer-events:none}.root-input .root-input-color-label{display:flex;align-items:center;gap:0.5rem;width:100%;pointer-events:none}.root-input .root-input-color-swatch{width:1rem;height:1rem;border-radius:4px;border:0.03125rem solid var(--rootsdk-highlight-normal);cursor:pointer;pointer-events:auto}.root-input .root-input-color-text{font-family:inherit;color:inherit}.root-input label{font-size:0.875rem;color:var(--rootsdk-text-tertiary);text-transform:capitalize;margin-bottom:0.5rem;display:block}.root-input .root-input-error{margin-top:0.35rem;color:var(--rootsdk-error, #e53935);font-size:0.75rem}"}},[257,"root-input",{inputId:[1,"input-id"],type:[1],label:[1],inputName:[1,"input-name"],placeholder:[1],value:[1025],maxlength:[2],showIcon:[4,"show-icon"],fullWidth:[4,"full-width"],multiline:[4],icon:[4],showPassword:[32],inputValue:[32],error:[32],touched:[32],hasIcon:[32],fileLabel:[32]},void 0,{value:[{onValueChanged:0}]}]);function k(){"undefined"!=typeof customElements&&["root-input","root-icon-calendar","root-icon-chevron-down","root-icon-chevron-up","root-icon-clock","root-icon-eye","root-icon-eye-off","root-icon-files","root-icon-phone","root-icon-search"].forEach((o=>{switch(o){case"root-input":customElements.get(t(o))||customElements.define(t(o),m);break;case"root-icon-calendar":customElements.get(t(o))||a();break;case"root-icon-chevron-down":customElements.get(t(o))||c();break;case"root-icon-chevron-up":customElements.get(t(o))||l();break;case"root-icon-clock":customElements.get(t(o))||h();break;case"root-icon-eye":customElements.get(t(o))||d();break;case"root-icon-eye-off":customElements.get(t(o))||p();break;case"root-icon-files":customElements.get(t(o))||u();break;case"root-icon-phone":customElements.get(t(o))||f();break;case"root-icon-search":customElements.get(t(o))||b()}}))}k();const y=m,v=k;export{y as RootInput,v as defineCustomElement}
+import{t,p as o,H as e,c as i,h as r}from"./p-DAEIwkjv.js";import{r as n}from"./p-CvhBNbMT.js";import{R as s}from"./p-B6-wt2k2.js";import{d as a}from"./p-BD-9OM_t.js";import{d as c}from"./p-BeqyZ4gm.js";import{d}from"./p-C1VJKR9-.js";import{d as l}from"./p-DgszV08T.js";import{d as h}from"./p-DOl5uaQO.js";import{d as p}from"./p-CZ37xTnY.js";import{d as u}from"./p-6ZDA7YuJ.js";import{d as f}from"./p-Cu9WBS6a.js";import{d as b}from"./p-CLaPRZwv.js";const m=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.rootInputChange=i(this,"rootInputChange"),this.rootInputBlur=i(this,"rootInputBlur"),this.inputId=n("root-input"),this.type=s.TEXT,this.placeholder="",this.value="",this.showIcon=!0,this.fullWidth=!1,this.multiline=!1,this.icon=!0,this.showPassword=!1,this.inputValue="",this.error="",this.touched=!1,this.hasIcon=!1,this.fileLabel="Select file",this.openPicker=()=>{if(!this.inputRef)return;const t=this.inputRef;t instanceof HTMLInputElement&&t.showPicker?t.showPicker():(t.focus(),t instanceof HTMLInputElement&&t.click())},this.togglePasswordVisibility=()=>{this.showPassword=!this.showPassword},this.incrementNumber=()=>{this.inputRef instanceof HTMLInputElement&&(this.inputRef.stepUp(),this.inputValue=this.inputRef.value,this.rootInputChange.emit(this.inputValue))},this.decrementNumber=()=>{this.inputRef instanceof HTMLInputElement&&(this.inputRef.stepDown(),this.inputValue=this.inputRef.value,this.rootInputChange.emit(this.inputValue))},this.validate=t=>t?this.type===s.EMAIL?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)?"":"Please enter a valid email address.":this.type===s.TEL?/^[+]?[- 0-9()]{7,}$/.test(t)?"":"Please enter a valid phone number.":"":"",this.handleBlur=t=>{this.touched=!0,this.error=this.validate(this.inputValue),this.rootInputBlur.emit(t)},this.handleChange=t=>{const o=t.target.value;this.inputValue=o,this.rootInputChange.emit(o),this.touched&&(this.error=this.validate(o))},this.handleFileChange=t=>{var o;const e=t.target,i=null===(o=e.files)||void 0===o?void 0:o[0];this.fileLabel=i?i.name:"Select file",this.rootInputChange.emit(e.value)},this.handleFieldClick=()=>{this.inputRef&&(this.multiline||this.inputRef instanceof HTMLInputElement&&"date"!==this.inputRef.type&&"color"!==this.inputRef.type)&&this.inputRef.focus()}}onValueChanged(t){this.inputValue=t}componentWillLoad(){this.setHasIcon(),this.inputValue=this.value}setHasIcon(){const t=!!this.hostElement.querySelector('[slot="icon"]');t&&(this.hasIcon=t)}render(){const t=this.type===s.PASSWORD?this.showPassword?"text":"password":this.type,o=this.type===s.COLOR?this.inputValue||"#000000":this.inputValue,e={"root-input-field":!0,"root-input-field--error":!!this.error,"root-input-field--file":this.type===s.FILE,"root-input-field--color":this.type===s.COLOR,"root-input-field--textarea":this.multiline};return r("div",{key:"09c393d270b1d84fcf6c266e3327a6d9add59519",class:{"root-input":!0,"root-input--full-width":this.fullWidth}},r("label",{key:"40c3dbad62c924ab8a99f3a9f05e783226724bd4",htmlFor:this.inputId},this.label),r("div",{key:"dd176e4fc8eb10508a53b9231629d330e8b387d4",class:e,onClick:this.handleFieldClick},this.hasIcon&&r("div",{key:"cd868ecd43ac2ed4ff78151f640b91407df42c1d",class:"root-input-icon",onClick:this.openPicker},r("slot",{key:"4669a8a7def1edc2d96b999c665c153c4cdbebdd",name:"icon"})),this.multiline?r("textarea",{ref:t=>this.inputRef=t,placeholder:this.placeholder,id:this.inputId,name:this.inputName,maxLength:this.maxlength,value:this.inputValue,onBlur:this.handleBlur,onInput:this.handleChange,"aria-invalid":this.error?"true":"false",rows:3}):r("input",{ref:t=>this.inputRef=t,placeholder:this.placeholder,id:this.inputId,name:this.inputName,maxLength:this.maxlength,type:t,value:o,onBlur:this.handleBlur,onInput:this.type===s.FILE?this.handleFileChange:this.handleChange,"aria-invalid":this.error?"true":"false"}),(this.type===s.DATE||this.type===s.MONTH)&&this.showIcon&&r("div",{key:"ddedcb46f6e14ec6b00ed0dc53292cf43e419564",class:"root-input-icon",onClick:this.openPicker},r("slot",{key:"eacefaf6f0ee85bd8dfb109fd0ba638d37b5f23b",name:"calendar-icon"},r("root-icon-calendar",{key:"8cbc121ed08a9c61e705ba4de1b86253c4cb3826"}))),this.type===s.TIME&&this.showIcon&&r("div",{key:"6eb1998a64c9ea386c3d7c48b61e3bca95d4dcd7",class:"root-input-icon",onClick:this.openPicker},r("slot",{key:"f067e83b89bbe711676086a478a0698e9e3b877b",name:"time-icon"},r("root-icon-clock",{key:"e45df0ce926e70ac2958b97e3339e3e4c9400ba1"}))),this.type===s.SEARCH&&this.showIcon&&r("div",{key:"1d6a0de6daf547dbf0bbe002ce882cb6628a2033",class:"root-input-icon"},r("slot",{key:"cdbf006d92b4d5ba20ae5ad386652ef6cb971424",name:"search-icon"},r("root-icon-search",{key:"4a07923979d9d41cf5f9ba5a0e904d69514c698b"}))),this.type===s.TEL&&this.showIcon&&r("div",{key:"929f18a5213bb7b0ef227c5aad7856eaab71bdf3",class:"root-input-icon"},r("slot",{key:"717218d484a9edd3518be56ac0845266b8a7cc06",name:"phone-icon"},r("root-icon-phone",{key:"12bedf543ab9725391d9b80a7b7e25d6264f6ad8"}))),this.type===s.COLOR&&r("div",{key:"d9a05780ce14d6197355eff952b643047f061e58",class:"root-input-color-label"},r("span",{key:"087655dedbb2c40aabe180c9d65965e24da9b19b",class:"root-input-color-swatch",style:{backgroundColor:o},onClick:this.openPicker}),r("span",{key:"6c7efff6d1e86851e2e3b85a48a42f97c7c479bd",class:"root-input-color-text"},o)),this.type===s.FILE&&!this.multiline&&this.showIcon&&r("div",{key:"897a4dd68019b129f4d83d8ce9d98d748224e918",class:"root-input-file-label"},r("span",{key:"7721db6ad60e2bd6b65aa76f563c8a0932f5a1d6"},this.fileLabel),r("slot",{key:"f504dc0b1630c9940b29bd00fcd6e59eb4a4f4b2",name:"file-icon"},r("root-icon-files",{key:"ab8e7e4d48309f82d3bd5e284dfb7e4e1a3f15e6"}))),this.type===s.PASSWORD&&!this.multiline&&this.showIcon&&r("div",{key:"aa46712679ad45613cfcab38388d86f2ff12ec3b",class:"root-input-icon root-input-icon--password",onClick:this.togglePasswordVisibility},r("slot",{key:"c677881ab06514a6f4d834449b8f03a028438f0d",name:"password-icon"},r(this.showPassword?"root-icon-eye-off":"root-icon-eye",null))),this.type===s.NUMBER&&!this.multiline&&this.showIcon&&r("div",{key:"43f827948d9c8a57ca0a01eba0453dbf161db39e",class:"root-input-number-controls"},r("div",{key:"9968816602c267a1ab367ab9393d2b6218d6d502",class:"root-input-icon",onClick:this.incrementNumber},r("slot",{key:"96647e6223debd269114f0635ff900fe96771443",name:"number-up-icon"},r("root-icon-chevron-up",{key:"09ac46283b78cc2cc89b8f953fc629fa2c9bf570"}))),r("div",{key:"071240041c3753cbfdf8720a4e5e627c2a6ef641",class:"root-input-icon",onClick:this.decrementNumber},r("slot",{key:"77ddc10d060b7607f055ed0d7d9d4f0a1dfcfeeb",name:"number-down-icon"},r("root-icon-chevron-down",{key:"6d2e134f8c0edc95e174a2959703a26f64a6d44b"}))))),this.error&&this.touched&&r("div",{key:"3b8fe520b6fa5c4f0d29ad8308998183b9479b8a",class:"root-input-error"},this.error))}get hostElement(){return this}static get watchers(){return{value:[{onValueChanged:0}]}}static get style(){return".root-input--full-width{width:100%}.root-input .root-input-field{display:flex;align-items:center;width:100%;background-color:var(--rootsdk-input);border:1px solid var(--rootsdk-border);border-radius:12px;padding:14px 20px;color:var(--rootsdk-text-primary);font-size:14px;min-height:2em;outline:transparent;box-shadow:none;box-sizing:border-box;cursor:text}.root-input .root-input-field::placeholder{color:var(--rootsdk-text-tertiary)}.root-input .root-input-field:focus-within,.root-input .root-input-field:focus{border-color:var(--rootsdk-brand-primary)}.root-input .root-input-field.root-input-field--textarea{align-items:flex-start}.root-input .root-input-field.root-input-field--file{position:relative;cursor:pointer}.root-input .root-input-field.root-input-field--color{position:relative;cursor:pointer}.root-input .root-input-field.root-input-field--error{border-color:var(--rootsdk-error, #e53935)}.root-input .root-input-icon{margin-right:0.5rem;display:flex;align-items:center;justify-content:center;height:1em}.root-input .root-input-icon svg{width:18px;height:18px;cursor:pointer}.root-input .root-input-icon--password svg{margin-right:-2px}.root-input input{flex:1;border:none;background:transparent;color:inherit;font-family:inherit;outline:none;padding:0;margin:0;text-overflow:ellipsis;cursor:text;max-height:45px}.root-input input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.root-input input[type=color]{position:absolute;inset:0;top:30px;left:20px;opacity:0;width:1.2rem;height:1.2rem;cursor:pointer}.root-input input::-webkit-calendar-picker-indicator{display:none}.root-input input::-webkit-outer-spin-button,.root-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.root-input textarea{flex:1;border:none;background:transparent;color:inherit;font-family:inherit;outline:none;padding:0;margin:0;resize:vertical;min-height:6rem}.root-input .root-input-number-controls{display:flex;flex-direction:column;gap:0;height:1em;line-height:0.5;align-items:center;justify-content:center;cursor:pointer}.root-input .root-input-file-label{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;width:100%;pointer-events:none}.root-input .root-input-color-label{display:flex;align-items:center;gap:0.5rem;width:100%;pointer-events:none}.root-input .root-input-color-swatch{width:1rem;height:1rem;border-radius:4px;border:0.03125rem solid var(--rootsdk-highlight-normal);cursor:pointer;pointer-events:auto}.root-input .root-input-color-text{font-family:inherit;color:inherit}.root-input label{font-size:0.875rem;color:var(--rootsdk-text-tertiary);text-transform:capitalize;margin-bottom:0.5rem;display:block}.root-input .root-input-error{margin-top:0.35rem;color:var(--rootsdk-error, #e53935);font-size:0.75rem}"}},[257,"root-input",{inputId:[1,"input-id"],type:[1],label:[1],inputName:[1,"input-name"],placeholder:[1],value:[1025],maxlength:[2],showIcon:[4,"show-icon"],fullWidth:[4,"full-width"],multiline:[4],icon:[4],showPassword:[32],inputValue:[32],error:[32],touched:[32],hasIcon:[32],fileLabel:[32]},void 0,{value:[{onValueChanged:0}]}]);function k(){"undefined"!=typeof customElements&&["root-input","root-icon-calendar","root-icon-chevron-down","root-icon-chevron-up","root-icon-clock","root-icon-eye","root-icon-eye-off","root-icon-files","root-icon-phone","root-icon-search"].forEach((o=>{switch(o){case"root-input":customElements.get(t(o))||customElements.define(t(o),m);break;case"root-icon-calendar":customElements.get(t(o))||a();break;case"root-icon-chevron-down":customElements.get(t(o))||c();break;case"root-icon-chevron-up":customElements.get(t(o))||d();break;case"root-icon-clock":customElements.get(t(o))||l();break;case"root-icon-eye":customElements.get(t(o))||h();break;case"root-icon-eye-off":customElements.get(t(o))||p();break;case"root-icon-files":customElements.get(t(o))||u();break;case"root-icon-phone":customElements.get(t(o))||f();break;case"root-icon-search":customElements.get(t(o))||b()}}))}k();const y=m,v=k;export{y as RootInput,v as defineCustomElement}

package/dist/components/root-list-item.js

@@ -1 +1 @@
-import{t,p as o,H as s,c as i,h as e}from"./p-DAEIwkjv.js";import{r}from"./p-CvhBNbMT.js";const l=o(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.rootItemClicked=i(this,"rootItemClicked"),this.listItemId=r("root-list-item"),this.selected=!1}itemClicked(){this.rootItemClicked.emit(this)}render(){return e("li",{key:"75f8fa143d6019ef35368c4650e5c69a1312d1ff",class:"root-list-item "+(this.selected?"root-list-item--selected":""),onClick:()=>this.itemClicked(),id:this.listItemId},e("slot",{key:"f330688a210566b8e08a962a41b63767f7a3eb84"}))}static get style(){return".root-list-item{padding:8px 12px;border-radius:8px;cursor:pointer;transition:background-color 150ms;color:var(--rootsdk-text-primary)}.root-list-item:hover{background-color:var(--rootsdk-highlight-normal)}.root-list-item--selected{background-color:var(--rootsdk-highlight-strong)}"}},[257,"root-list-item",{listItemId:[1,"list-item-id"],selected:[1540]}]);function c(){"undefined"!=typeof customElements&&["root-list-item"].forEach((o=>{"root-list-item"===o&&(customElements.get(t(o))||customElements.define(t(o),l))}))}c();const m=l,a=c;export{m as RootListItem,a as defineCustomElement}
+import{t,p as o,H as s,c as i,h as e}from"./p-DAEIwkjv.js";import{r}from"./p-CvhBNbMT.js";const c=o(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.rootItemClicked=i(this,"rootItemClicked"),this.listItemId=r("root-list-item"),this.selected=!1}itemClicked(){this.rootItemClicked.emit(this)}render(){return e("li",{key:"ffcbc5e24e97368c24cf0c93f481147d9acd2226",class:"root-list-item "+(this.selected?"root-list-item--selected":""),onClick:()=>this.itemClicked(),id:this.listItemId},e("slot",{key:"a529c50a4331851719da95dcbfdfb0eacd720219"}))}static get style(){return".root-list-item{padding:8px 12px;border-radius:8px;cursor:pointer;transition:background-color 150ms;color:var(--rootsdk-text-primary)}.root-list-item:hover{background-color:var(--rootsdk-highlight-normal)}.root-list-item--selected{background-color:var(--rootsdk-highlight-strong)}"}},[257,"root-list-item",{listItemId:[1,"list-item-id"],selected:[1540]}]);function l(){"undefined"!=typeof customElements&&["root-list-item"].forEach((o=>{"root-list-item"===o&&(customElements.get(t(o))||customElements.define(t(o),c))}))}l();const d=c,m=l;export{d as RootListItem,m as defineCustomElement}

package/dist/components/root-list.js

@@ -1 +1 @@
-import{t,p as e,H as o,c as s,h as r}from"./p-DAEIwkjv.js";const i=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.rootClick=s(this,"rootClick"),this.multiselect=!1,this.selectedIndexes=[]}rootItemClicked(t){var e;const o=t.detail;this.multiselect?o.selected=!o.selected:(this.clearSelection(),o.selected=!0),this.rootClick.emit({item:o,selected:o.selected,text:null===(e=null==o?void 0:o.item)||void 0===e?void 0:e.text})}clearSelection(){Array.from(this.el.querySelectorAll("root-list-item")).forEach((t=>t.selected=!1))}render(){return r("ul",{key:"c6232be39cac24863efee5a66a5c8b7bbbb3d11a",class:"root-list"},r("slot",{key:"04a330f0d98075c1f565dc93feb5a4d40acd3058"}))}get el(){return this}static get style(){return".root-list{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;background:var(--rootsdk-background-primary);border:1px solid var(--rootsdk-border);border-radius:8px;padding:8px;list-style-type:none}"}},[257,"root-list",{multiselect:[4],selectedIndexes:[32]},[[0,"rootItemClicked","rootItemClicked"]]]);function l(){"undefined"!=typeof customElements&&["root-list"].forEach((e=>{"root-list"===e&&(customElements.get(t(e))||customElements.define(t(e),i))}))}l();const c=i,d=l;export{c as RootList,d as defineCustomElement}
+import{t,p as e,H as o,c as s,h as r}from"./p-DAEIwkjv.js";const i=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.rootClick=s(this,"rootClick"),this.multiselect=!1,this.selectedIndexes=[]}rootItemClicked(t){var e;const o=t.detail;this.multiselect?o.selected=!o.selected:(this.clearSelection(),o.selected=!0),this.rootClick.emit({item:o,selected:o.selected,text:null===(e=null==o?void 0:o.item)||void 0===e?void 0:e.text})}clearSelection(){Array.from(this.el.querySelectorAll("root-list-item")).forEach((t=>t.selected=!1))}render(){return r("ul",{key:"a5dbe01cddba5f74b9d8a26600f3e0c4d7d8e8f1",class:"root-list"},r("slot",{key:"24630d5702ecf1574f3c1db6674f2676fba0f732"}))}get el(){return this}static get style(){return".root-list{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;background:var(--rootsdk-background-primary);border:1px solid var(--rootsdk-border);border-radius:8px;padding:8px;list-style-type:none}"}},[257,"root-list",{multiselect:[4],selectedIndexes:[32]},[[0,"rootItemClicked","rootItemClicked"]]]);function l(){"undefined"!=typeof customElements&&["root-list"].forEach((e=>{"root-list"===e&&(customElements.get(t(e))||customElements.define(t(e),i))}))}l();const d=i,c=l;export{d as RootList,c as defineCustomElement}

package/dist/components/root-radio-button.js

@@ -1 +1 @@
-import{t as o,p as t,H as r,c as e,h as a}from"./p-DAEIwkjv.js";const i=t(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.rootRadioButtonClick=e(this,"rootRadioButtonClick"),this.isSelected=!1}async setSelectionState(o){this.isSelected=o}onClick(){this.isSelected=!this.isSelected,this.rootRadioButtonClick.emit(this.value)}render(){return a("div",{key:"fb0db6b9bc6aee6cca9ccd104a3dbbee290852f1",class:"root-radio-button-container "+(this.isSelected?"root-radio-button-container--selected":""),onClick:()=>this.onClick()},a("input",{key:"aae9d2ff73f147c73e22e624236bfb3105e2fdb4",class:"root-radio-input",type:"radio",name:this.value,value:this.value}),a("span",{key:"a427b156b4b2cd637ff4bcc892006e1bda728857",class:"root-radio-squircle"},a("span",{key:"721b82eda9f621d873799da8b260df01c5cc9402",class:"root-radio-dot"})),a("label",{key:"aa84135ae1f5423d789c3af9739e5a7da72f0b63",class:"root-radio-button-label"},a("slot",{key:"752ce915e71eaaecf558bdf548f706cfc2d48148"})))}static get style(){return".root-radio-button-container{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--rootsdk-border);border-radius:10px;cursor:pointer;transition:border-color 150ms, background-color 150ms}.root-radio-button-container .root-radio-input{position:absolute;opacity:0;pointer-events:none}.root-radio-button-container .root-radio-squircle{width:20px;height:20px;border:2px solid var(--rootsdk-text-tertiary);border-radius:6px;display:flex;align-items:center;justify-content:center}.root-radio-button-container .root-radio-squircle .root-radio-dot{width:10px;height:10px;background:var(--rootsdk-brand-primary);border-radius:3px;opacity:0;transform:scale(0);transition:opacity 150ms, transform 150ms}.root-radio-button-container .root-radio-button-label{font-size:14px;color:var(--rootsdk-text-primary)}.root-radio-button-container:hover{background:var(--rootsdk-highlight-light)}.root-radio-button-container--selected{border-color:var(--rootsdk-brand-primary);background:var(--rootsdk-highlight-light)}.root-radio-button-container--selected .root-radio-squircle{border-color:var(--rootsdk-brand-primary)}.root-radio-button-container--selected .root-radio-dot{opacity:1 !important;transform:scale(1) !important}"}},[260,"root-radio-button",{value:[1],isSelected:[32],setSelectionState:[64]}]);function n(){"undefined"!=typeof customElements&&["root-radio-button"].forEach((t=>{"root-radio-button"===t&&(customElements.get(o(t))||customElements.define(o(t),i))}))}n();const s=i,d=n;export{s as RootRadioButton,d as defineCustomElement}
+import{t as o,p as t,H as r,c as a,h as e}from"./p-DAEIwkjv.js";const i=t(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.rootRadioButtonClick=a(this,"rootRadioButtonClick"),this.isSelected=!1}async setSelectionState(o){this.isSelected=o}onClick(){this.isSelected=!this.isSelected,this.rootRadioButtonClick.emit(this.value)}render(){return e("div",{key:"c79b334a5c09ca1296cd40a56a45acd7add121a1",class:"root-radio-button-container "+(this.isSelected?"root-radio-button-container--selected":""),onClick:()=>this.onClick()},e("input",{key:"62bef3fffd3a460f312d5e9be899cfc28b0af582",class:"root-radio-input",type:"radio",name:this.value,value:this.value}),e("span",{key:"95bb6f802ebb1fd471fa42747b0a53cb331976a3",class:"root-radio-squircle"},e("span",{key:"8c445e36d7d8dfb3a08cecdceb2d62b6a23f7b3f",class:"root-radio-dot"})),e("label",{key:"18393855b1378b2fd43c1a5720b670b1ab86c725",class:"root-radio-button-label"},e("slot",{key:"0668fe9d81ed6ef2abf2e890ab74c0bc2af745f5"})))}static get style(){return".root-radio-button-container{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--rootsdk-border);border-radius:10px;cursor:pointer;transition:border-color 150ms, background-color 150ms}.root-radio-button-container .root-radio-input{position:absolute;opacity:0;pointer-events:none}.root-radio-button-container .root-radio-squircle{width:20px;height:20px;border:2px solid var(--rootsdk-text-tertiary);border-radius:6px;display:flex;align-items:center;justify-content:center}.root-radio-button-container .root-radio-squircle .root-radio-dot{width:10px;height:10px;background:var(--rootsdk-brand-primary);border-radius:3px;opacity:0;transform:scale(0);transition:opacity 150ms, transform 150ms}.root-radio-button-container .root-radio-button-label{font-size:14px;color:var(--rootsdk-text-primary)}.root-radio-button-container:hover{background:var(--rootsdk-highlight-light)}.root-radio-button-container--selected{border-color:var(--rootsdk-brand-primary);background:var(--rootsdk-highlight-light)}.root-radio-button-container--selected .root-radio-squircle{border-color:var(--rootsdk-brand-primary)}.root-radio-button-container--selected .root-radio-dot{opacity:1 !important;transform:scale(1) !important}"}},[260,"root-radio-button",{value:[1],isSelected:[32],setSelectionState:[64]}]);function n(){"undefined"!=typeof customElements&&["root-radio-button"].forEach((t=>{"root-radio-button"===t&&(customElements.get(o(t))||customElements.define(o(t),i))}))}n();const s=i,d=n;export{s as RootRadioButton,d as defineCustomElement}

package/dist/components/root-radio-group.js

@@ -1 +1 @@
-import{t as o,p as t,H as e,c as r,h as s}from"./p-DAEIwkjv.js";const i=t(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.rootOnClick=r(this,"rootOnClick")}handleRadioClick(o){this.rootOnClick.emit(o.detail);const t=o.target,e=this.el.querySelectorAll("root-radio-button");console.log(e),e.forEach((o=>{o!==t&&o.setSelectionState(!1)}))}render(){return s("div",{key:"1ce7227757b4710aa009d62b5d9d65cbebca58bc",class:"root-radio-group"},s("slot",{key:"17d4a3d302c36cfe6bdb51dd7d5b4b70983210ef"}))}get el(){return this}static get style(){return".root-radio-group{display:flex;flex-direction:column;gap:8px}"}},[257,"root-radio-group",void 0,[[0,"rootRadioButtonClick","handleRadioClick"]]]);function d(){"undefined"!=typeof customElements&&["root-radio-group"].forEach((t=>{"root-radio-group"===t&&(customElements.get(o(t))||customElements.define(o(t),i))}))}d();const c=i,n=d;export{c as RootRadioGroup,n as defineCustomElement}
+import{t as o,p as t,H as e,c as r,h as s}from"./p-DAEIwkjv.js";const i=t(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.rootOnClick=r(this,"rootOnClick")}handleRadioClick(o){this.rootOnClick.emit(o.detail);const t=o.target,e=this.el.querySelectorAll("root-radio-button");console.log(e),e.forEach((o=>{o!==t&&o.setSelectionState(!1)}))}render(){return s("div",{key:"6f6eea5bf1fcf92eddd7c35f84c7b34c005390b9",class:"root-radio-group"},s("slot",{key:"909ef637f4a19353d7e69a639cabc864f67b524a"}))}get el(){return this}static get style(){return".root-radio-group{display:flex;flex-direction:column;gap:8px}"}},[257,"root-radio-group",void 0,[[0,"rootRadioButtonClick","handleRadioClick"]]]);function c(){"undefined"!=typeof customElements&&["root-radio-group"].forEach((t=>{"root-radio-group"===t&&(customElements.get(o(t))||customElements.define(o(t),i))}))}c();const a=i,n=c;export{a as RootRadioGroup,n as defineCustomElement}

package/dist/components/root-select-item.js

@@ -1 +1 @@
-import{t,p as e,H as o,c as s,h as r}from"./p-DAEIwkjv.js";const c=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.rootOnItemChange=s(this,"rootOnItemChange"),this.value="",this.selected=!1,this.isSelected=this.selected}async setSelectionState(t){this.isSelected=t}setSelected(){this.isSelected=!0,this.rootOnItemChange.emit(this.value)}render(){return r("option",{key:"e51e7c0744330ac930b9de7d55d027b495697dc5",class:"root-select-item "+(this.isSelected?"root-select-item--selected":""),onClick:()=>this.setSelected(),value:this.value},r("slot",{key:"09c993c46dde478a5b079ac0dfde9cfe40cfc91f"}))}static get style(){return".root-select-item{display:flex;padding:10px 16px;border:none;border-radius:6px;background:transparent;color:var(--rootsdk-text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background-color 150ms;white-space:normal;overflow:visible;text-overflow:unset}.root-select-item--selected{background-color:var(--rootsdk-highlight-strong)}.root-select-item:hover{background-color:var(--rootsdk-highlight-normal)}"}},[260,"root-select-item",{value:[1],selected:[4],isSelected:[32],setSelectionState:[64]}]);function i(){"undefined"!=typeof customElements&&["root-select-item"].forEach((e=>{"root-select-item"===e&&(customElements.get(t(e))||customElements.define(t(e),c))}))}i();const l=c,n=i;export{l as RootSelectItem,n as defineCustomElement}
+import{t,p as e,H as o,c as s,h as r}from"./p-DAEIwkjv.js";const i=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.rootOnItemChange=s(this,"rootOnItemChange"),this.value="",this.selected=!1,this.isSelected=this.selected}async setSelectionState(t){this.isSelected=t}setSelected(){this.isSelected=!0,this.rootOnItemChange.emit(this.value)}render(){return r("option",{key:"8b24dc4af25c24731afb2cde7e2f4f6728ed750e",class:"root-select-item "+(this.isSelected?"root-select-item--selected":""),onClick:()=>this.setSelected(),value:this.value},r("slot",{key:"42e0a9dc5ad723836455f381461b87e72ef81351"}))}static get style(){return".root-select-item{display:flex;padding:10px 16px;border:none;border-radius:6px;background:transparent;color:var(--rootsdk-text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background-color 150ms;white-space:normal;overflow:visible;text-overflow:unset}.root-select-item--selected{background-color:var(--rootsdk-highlight-strong)}.root-select-item:hover{background-color:var(--rootsdk-highlight-normal)}"}},[260,"root-select-item",{value:[1],selected:[4],isSelected:[32],setSelectionState:[64]}]);function c(){"undefined"!=typeof customElements&&["root-select-item"].forEach((e=>{"root-select-item"===e&&(customElements.get(t(e))||customElements.define(t(e),i))}))}c();const l=i,n=c;export{l as RootSelectItem,n as defineCustomElement}

package/dist/components/root-select.js

@@ -1 +1 @@
-import{t,p as e,H as o,c as r,h as s}from"./p-DAEIwkjv.js";import{d as i}from"./p-Q_X0HaIL.js";const c=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.rootOnChange=r(this,"rootOnChange"),this.value="",this.label="",this.fullwidth=!1,this.selectedOption="",this.isOpen=!1,this.handleClickOutside=t=>{this.el&&((t.composedPath&&t.composedPath()||[]).includes(this.el)||(this.isOpen=!1))},this.handleEscape=t=>{"Escape"===t.key&&(this.isOpen=!1)}}rootOnItemChange(t){var e;this.isOpen=!1;const o=t.target;this.selectedOption=(null===(e=o.textContent)||void 0===e?void 0:e.trim())||t.detail,this.el.querySelectorAll("root-select-item").forEach((t=>{t!==o&&t.setSelectionState(!1)})),this.rootOnChange.emit(t.detail)}componentWillLoad(){var t;const e=this.el.querySelector("root-select-item[selected]");e&&(this.selectedOption=(null===(t=e.textContent)||void 0===t?void 0:t.trim())||"")}componentDidLoad(){document.addEventListener("mousedown",this.handleClickOutside),document.addEventListener("keydown",this.handleEscape)}disconnectedCallback(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleEscape)}render(){return s("div",{key:"bcbe773e1b7b491e7a365b4e99dc74452e371200",class:`root-select-container ${this.fullwidth?"root-select--fullwidth":""} ${this.isOpen?"root-select--open":""}`},s("button",{key:"8a3da36dc45e7d59dd248f0ba63f69eee82040c1",class:"root-select-trigger "+(this.isOpen?"root-select-trigger-open":""),onClick:()=>this.isOpen=!this.isOpen,"aria-haspopup":"listbox","aria-expanded":this.isOpen},s("span",{key:"6eacf741cf99761b366c0dc22e585446f74929f9",class:"root-select-trigger--label"},this.selectedOption||this.label),s("span",{key:"b3ec8b9cfb43863361bb3b8dff14259be28b535b",class:"root-select-trigger--arrow"},s("root-icon-chevron-down",{key:"9ecde2c5e296a723a12371717c50344789d76a99"}))),this.isOpen&&s("div",{key:"b56b58f7b8744d8cd01601e960f3d47671dde855",class:"root-select-menu"},s("slot",{key:"0cea104ee8f74046d5aa26efe3406fb805e099dd"})))}get el(){return this}static get style(){return".root-select-container{position:relative;display:inline-block}.root-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:200px;background-color:var(--rootsdk-input);border:1px solid var(--rootsdk-border);border-radius:12px;padding:14px 20px;font-size:14px;line-height:20px;color:var(--rootsdk-text-primary);cursor:pointer;outline:none;text-align:left}.root-select--fullwidth{width:100%}.root-select--fullwidth .root-select-trigger{width:100%}.root-select-trigger--label{flex:1}.root-select-trigger--arrow svg{width:16px;height:16px;display:flex;align-items:center;color:var(--rootsdk-text-tertiary);transition:transform 150ms}.root-select-trigger-open .root-select-trigger--arrow svg{transform:rotate(180deg)}.root-select-trigger:focus{border-color:var(--rootsdk-brand-primary)}.root-select-trigger:hover{border-color:var(--rootsdk-text-tertiary)}.root-select-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;width:max-content;z-index:100;background-color:var(--rootsdk-background-tertiary);border:1px solid var(--rootsdk-border);border-radius:8px;padding:4px;box-shadow:0 0 12px rgba(0, 0, 0, 0.5);overflow-x:visible;overflow-y:auto;max-width:90vw}"}},[257,"root-select",{value:[1],label:[1],fullwidth:[4],selectedOption:[32],isOpen:[32]},[[0,"rootOnItemChange","rootOnItemChange"]]]);function n(){"undefined"!=typeof customElements&&["root-select","root-icon-chevron-down"].forEach((e=>{switch(e){case"root-select":customElements.get(t(e))||customElements.define(t(e),c);break;case"root-icon-chevron-down":customElements.get(t(e))||i()}}))}n();const a=c,d=n;export{a as RootSelect,d as defineCustomElement}
+import{t,p as e,H as o,c as r,h as s}from"./p-DAEIwkjv.js";import{d as i}from"./p-BeqyZ4gm.js";const c=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.rootOnChange=r(this,"rootOnChange"),this.value="",this.label="",this.fullwidth=!1,this.selectedOption="",this.isOpen=!1,this.handleClickOutside=t=>{this.el&&((t.composedPath&&t.composedPath()||[]).includes(this.el)||(this.isOpen=!1))},this.handleEscape=t=>{"Escape"===t.key&&(this.isOpen=!1)}}rootOnItemChange(t){var e;this.isOpen=!1;const o=t.target;this.selectedOption=(null===(e=o.textContent)||void 0===e?void 0:e.trim())||t.detail,this.el.querySelectorAll("root-select-item").forEach((t=>{t!==o&&t.setSelectionState(!1)})),this.rootOnChange.emit(t.detail)}componentWillLoad(){var t;const e=this.el.querySelector("root-select-item[selected]");e&&(this.selectedOption=(null===(t=e.textContent)||void 0===t?void 0:t.trim())||"")}componentDidLoad(){document.addEventListener("mousedown",this.handleClickOutside),document.addEventListener("keydown",this.handleEscape)}disconnectedCallback(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleEscape)}render(){return s("div",{key:"5c93c639f2215b01e3c31cb79d4a5060d9247df2",class:`root-select-container ${this.fullwidth?"root-select--fullwidth":""} ${this.isOpen?"root-select--open":""}`},s("button",{key:"6f89f964ddf2c165855ffbd071c1d9b2d36a285b",class:"root-select-trigger "+(this.isOpen?"root-select-trigger-open":""),onClick:()=>this.isOpen=!this.isOpen,"aria-haspopup":"listbox","aria-expanded":this.isOpen},s("span",{key:"3122bab29fe9533030efb5f62ba6226795a848bc",class:"root-select-trigger--label"},this.selectedOption||this.label),s("span",{key:"b5b0e52b23c86d4f87c489fc7d739da352999ca6",class:"root-select-trigger--arrow"},s("root-icon-chevron-down",{key:"b572152f921127b307520c74da9ff22a43715138"}))),this.isOpen&&s("div",{key:"4803c0aed16bbdf3c635ec1587e4e45eb060da9c",class:"root-select-menu"},s("slot",{key:"c8c2750b4afd599fc709e1a51df3e4c97efc4752"})))}get el(){return this}static get style(){return".root-select-container{position:relative;display:inline-block}.root-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:200px;background-color:var(--rootsdk-input);border:1px solid var(--rootsdk-border);border-radius:12px;padding:14px 20px;font-size:14px;line-height:20px;color:var(--rootsdk-text-primary);cursor:pointer;outline:none;text-align:left}.root-select--fullwidth{width:100%}.root-select--fullwidth .root-select-trigger{width:100%}.root-select-trigger--label{flex:1}.root-select-trigger--arrow svg{width:16px;height:16px;display:flex;align-items:center;color:var(--rootsdk-text-tertiary);transition:transform 150ms}.root-select-trigger-open .root-select-trigger--arrow svg{transform:rotate(180deg)}.root-select-trigger:focus{border-color:var(--rootsdk-brand-primary)}.root-select-trigger:hover{border-color:var(--rootsdk-text-tertiary)}.root-select-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;width:max-content;z-index:100;background-color:var(--rootsdk-background-tertiary);border:1px solid var(--rootsdk-border);border-radius:8px;padding:4px;box-shadow:0 0 12px rgba(0, 0, 0, 0.5);overflow-x:visible;overflow-y:auto;max-width:90vw}"}},[257,"root-select",{value:[1],label:[1],fullwidth:[4],selectedOption:[32],isOpen:[32]},[[0,"rootOnItemChange","rootOnItemChange"]]]);function n(){"undefined"!=typeof customElements&&["root-select","root-icon-chevron-down"].forEach((e=>{switch(e){case"root-select":customElements.get(t(e))||customElements.define(t(e),c);break;case"root-icon-chevron-down":customElements.get(t(e))||i()}}))}n();const a=c,l=n;export{a as RootSelect,l as defineCustomElement}

package/dist/components/root-slider.js

@@ -1 +1 @@
-import{t as e,p as r,H as t,c as o,h as i}from"./p-DAEIwkjv.js";const s=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.rootOnChange=o(this,"rootOnChange"),this.hideValue=!1,this.value=0,this.currentValue=0}sliderOnChange(e){const r=e.target.value;this.currentValue=Number(r),this.rootOnChange.emit(Number(r))}componentWillLoad(){this.currentValue=Number(this.value)}render(){return i("div",{key:"ad2e82920a81595f9952526f61d05a07b091f68f",class:"root-slider-container"},i("div",{key:"1a26049cd9954d1d3a28bc0e30bee15421809db2",class:"root-slider-track"},i("div",{key:"d6864fc1be0d807f37c50e1fb893745b92963aa3",class:"root-slider-fill",style:{width:this.currentValue+"%"}}),i("input",{key:"c03761024cdcf148e808c1d0705259f2eeef7780",class:"root-slider",type:"range",min:"0",max:"100",value:this.currentValue,onInput:this.sliderOnChange.bind(this)})),!this.hideValue&&i("span",{key:"466a83223cb78cd8c3f12a217261cc116fdda4ce",class:"root-slider-value"},this.currentValue,"%"))}static get style(){return".root-slider-container{display:flex;align-items:center;gap:12px}.root-slider-container .root-slider-track{position:relative;flex:1;height:6px;border-radius:9999px;background:var(--rootsdk-highlight-strong)}.root-slider-container .root-slider-track .root-slider-fill{position:absolute;top:0;left:0;height:100%;background:var(--rootsdk-brand-primary);border-radius:9999px}.root-slider-container .root-slider-track .root-slider{width:100%;background:transparent;-webkit-appearance:none;appearance:none;width:100%;height:6px;position:relative;border-radius:9999px;outline:none}.root-slider-container .root-slider-track .root-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--rootsdk-text-primary);cursor:pointer;border-radius:50%;transform:translate(0, -50%)}.root-slider-container .root-slider-value{min-width:40px;text-align:right;font-size:14px;color:var(--rootsdk-text-secondary)}"}},[1,"root-slider",{hideValue:[4,"hide-value"],value:[2],currentValue:[32]}]);function a(){"undefined"!=typeof customElements&&["root-slider"].forEach((r=>{"root-slider"===r&&(customElements.get(e(r))||customElements.define(e(r),s))}))}a();const n=s,d=a;export{n as RootSlider,d as defineCustomElement}
+import{t as e,p as r,H as t,c as o,h as i}from"./p-DAEIwkjv.js";const s=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.rootOnChange=o(this,"rootOnChange"),this.hideValue=!1,this.value=0,this.currentValue=0}sliderOnChange(e){const r=e.target.value;this.currentValue=Number(r),this.rootOnChange.emit(Number(r))}componentWillLoad(){this.currentValue=Number(this.value)}render(){return i("div",{key:"289b9f39004ef0f9cdd0ff44fda19e5f69499a3d",class:"root-slider-container"},i("div",{key:"07ff18dcb7037d6ba54a2acc55225b85f67a9d5e",class:"root-slider-track"},i("div",{key:"4c59183da7befd8d3c0a3029d6826aad61f72573",class:"root-slider-fill",style:{width:this.currentValue+"%"}}),i("input",{key:"ef236f53ecfe60234a4b2b5755086d085839a339",class:"root-slider",type:"range",min:"0",max:"100",value:this.currentValue,onInput:this.sliderOnChange.bind(this)})),!this.hideValue&&i("span",{key:"190584055057c47fae59ad3f2043ac2494652e35",class:"root-slider-value"},this.currentValue,"%"))}static get style(){return".root-slider-container{display:flex;align-items:center;gap:12px}.root-slider-container .root-slider-track{position:relative;flex:1;height:6px;border-radius:9999px;background:var(--rootsdk-highlight-strong)}.root-slider-container .root-slider-track .root-slider-fill{position:absolute;top:0;left:0;height:100%;background:var(--rootsdk-brand-primary);border-radius:9999px}.root-slider-container .root-slider-track .root-slider{width:100%;background:transparent;-webkit-appearance:none;appearance:none;width:100%;height:6px;position:relative;border-radius:9999px;outline:none}.root-slider-container .root-slider-track .root-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--rootsdk-text-primary);cursor:pointer;border-radius:50%;transform:translate(0, -50%)}.root-slider-container .root-slider-value{min-width:40px;text-align:right;font-size:14px;color:var(--rootsdk-text-secondary)}"}},[1,"root-slider",{hideValue:[4,"hide-value"],value:[2],currentValue:[32]}]);function a(){"undefined"!=typeof customElements&&["root-slider"].forEach((r=>{"root-slider"===r&&(customElements.get(e(r))||customElements.define(e(r),s))}))}a();const n=s,d=a;export{n as RootSlider,d as defineCustomElement}

package/dist/components/root-switch.js

@@ -1 +1 @@
-import{t,p as o,H as s,c as r,h as i}from"./p-DAEIwkjv.js";const e=o(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.rootOnChange=r(this,"rootOnChange"),this.switchOn=!1}toggleSwitch(){this.switchOn=!this.switchOn,this.rootOnChange.emit({checked:this.switchOn})}render(){return i("div",{key:"626f8e3701f7284ee34d5ed64aac5c3acae5407e",class:"root-switch "+(this.switchOn?"root-switch-checked":""),role:"switch","aria-checked":this.switchOn,onClick:()=>this.toggleSwitch()},i("div",{key:"5a9203f61077ee7435b05139b7b73d1969f1a0e3",class:"root-switch-thumb"}))}static get style(){return".root-switch{position:relative;width:44px;height:24px;background-color:var(--rootsdk-highlight-normal);border-radius:9999px;cursor:pointer;transition:background-color 150ms}.root-switch.root-switch-checked{background-color:var(--rootsdk-brand-primary)}.root-switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--rootsdk-text-primary);border-radius:50%;transition:transform 150ms}.root-switch-checked .root-switch-thumb{transform:translateX(20px)}"}},[1,"root-switch",{switchOn:[32]}]);function c(){"undefined"!=typeof customElements&&["root-switch"].forEach((o=>{"root-switch"===o&&(customElements.get(t(o))||customElements.define(t(o),e))}))}c();const h=e,a=c;export{h as RootSwitch,a as defineCustomElement}
+import{t,p as o,H as s,c as r,h as i}from"./p-DAEIwkjv.js";const e=o(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.rootOnChange=r(this,"rootOnChange"),this.switchOn=!1}toggleSwitch(){this.switchOn=!this.switchOn,this.rootOnChange.emit({checked:this.switchOn})}render(){return i("div",{key:"78a2db2203ccbe7eb0a88759743e96ab23f460f0",class:"root-switch "+(this.switchOn?"root-switch-checked":""),role:"switch","aria-checked":this.switchOn,onClick:()=>this.toggleSwitch()},i("div",{key:"de89bedee9814b5b636e4bfdd39468bc566790c6",class:"root-switch-thumb"}))}static get style(){return".root-switch{position:relative;width:44px;height:24px;background-color:var(--rootsdk-highlight-normal);border-radius:9999px;cursor:pointer;transition:background-color 150ms}.root-switch.root-switch-checked{background-color:var(--rootsdk-brand-primary)}.root-switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--rootsdk-text-primary);border-radius:50%;transition:transform 150ms}.root-switch-checked .root-switch-thumb{transform:translateX(20px)}"}},[1,"root-switch",{switchOn:[32]}]);function c(){"undefined"!=typeof customElements&&["root-switch"].forEach((o=>{"root-switch"===o&&(customElements.get(t(o))||customElements.define(t(o),e))}))}c();const h=e,a=c;export{h as RootSwitch,a as defineCustomElement}

package/dist/esm/{button-variation.enum-Ba-B_miF.js → button-variation.enum-aTQZMuIe.js}

@@ -19,9 +19,7 @@ var RootButtonVariation;
     RootButtonVariation["SECONDARY"] = "secondary";
     RootButtonVariation["TERTIARY"] = "tertiary";
     RootButtonVariation["OUTLINE"] = "outline";
-    RootButtonVariation["SUBMIT"] = "submit";
     RootButtonVariation["DANGER"] = "danger";
-    RootButtonVariation["CANCEL"] = "cancel";
 })(RootButtonVariation || (RootButtonVariation = {}));
 
 export { RootButtonSize as R, RootButtonType as a, RootButtonVariation as b };

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-export { R as RootButtonSize, a as RootButtonType, b as RootButtonVariation } from './button-variation.enum-Ba-B_miF.js';
+export { R as RootButtonSize, a as RootButtonType, b as RootButtonVariation } from './button-variation.enum-aTQZMuIe.js';
 export { R as RootBadgeVariation } from './badge-variation.enum-f3AbbFY9.js';
 export { R as RootBannerVariation } from './banner-variation.enum-DnWoi5Lf.js';
 export { R as RootInputType } from './input-type.enum-B6-wt2k2.js';

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["root-select",[[257,"root-select",{"value":[1],"label":[1],"fullwidth":[4],"selectedOption":[32],"isOpen":[32]},[[0,"rootOnItemChange","rootOnItemChange"]]]]],["root-alert",[[1,"root-alert",{"type":[1]}]]],["root-badge",[[257,"root-badge",{"badgeId":[1,"badge-id"],"variation":[1],"fullWidth":[4,"full-width"],"disabled":[4]}]]],["root-banner",[[257,"root-banner",{"bannerId":[1,"banner-id"],"variation":[1],"fullWidth":[4,"full-width"],"disabled":[4]}]]],["root-button",[[257,"root-button",{"buttonId":[1,"button-id"],"size":[1],"variation":[1],"type":[1],"icon":[1],"fullWidth":[4,"full-width"],"disabled":[4]}]]],["root-icon",[[0,"root-icon",{"icon":[1],"currentIcon":[32]},null,{"icon":[{"setIcon":0}]}]]],["root-icon-add",[[0,"root-icon-add"]]],["root-icon-add-group",[[0,"root-icon-add-group"]]],["root-icon-add-image",[[0,"root-icon-add-image"]]],["root-icon-add-reaction",[[0,"root-icon-add-reaction"]]],["root-icon-add-user",[[0,"root-icon-add-user"]]],["root-icon-attach",[[0,"root-icon-attach"]]],["root-icon-attachment",[[0,"root-icon-attachment"]]],["root-icon-back-arrow",[[0,"root-icon-back-arrow"]]],["root-icon-bag",[[0,"root-icon-bag"]]],["root-icon-bold",[[0,"root-icon-bold"]]],["root-icon-bookmark",[[0,"root-icon-bookmark"]]],["root-icon-camera",[[0,"root-icon-camera"]]],["root-icon-camera-flip",[[0,"root-icon-camera-flip"]]],["root-icon-camera-off",[[0,"root-icon-camera-off"]]],["root-icon-camera-off-alert",[[0,"root-icon-camera-off-alert"]]],["root-icon-category",[[0,"root-icon-category"]]],["root-icon-category-art",[[0,"root-icon-category-art"]]],["root-icon-category-collaboration",[[0,"root-icon-category-collaboration"]]],["root-icon-category-education",[[0,"root-icon-category-education"]]],["root-icon-category-entertainment",[[0,"root-icon-category-entertainment"]]],["root-icon-category-games",[[0,"root-icon-category-games"]]],["root-icon-category-music",[[0,"root-icon-category-music"]]],["root-icon-category-science",[[0,"root-icon-category-science"]]],["root-icon-chat",[[0,"root-icon-chat"]]],["root-icon-check-circle",[[0,"root-icon-check-circle"]]],["root-icon-checkbox-disabled",[[0,"root-icon-checkbox-disabled"]]],["root-icon-checkbox-enabled",[[0,"root-icon-checkbox-enabled"]]],["root-icon-checkbox-neutral",[[0,"root-icon-checkbox-neutral"]]],["root-icon-checkmark",[[0,"root-icon-checkmark"]]],["root-icon-chevron-left",[[0,"root-icon-chevron-left"]]],["root-icon-chevron-right",[[0,"root-icon-chevron-right"]]],["root-icon-close",[[0,"root-icon-close"]]],["root-icon-cloud",[[0,"root-icon-cloud"]]],["root-icon-cloud-off",[[0,"root-icon-cloud-off"]]],["root-icon-code",[[0,"root-icon-code"]]],["root-icon-code-block",[[0,"root-icon-code-block"]]],["root-icon-collapse",[[0,"root-icon-collapse"]]],["root-icon-color-swatch",[[0,"root-icon-color-swatch"]]],["root-icon-compass",[[0,"root-icon-compass"]]],["root-icon-conversation",[[0,"root-icon-conversation"]]],["root-icon-delete",[[0,"root-icon-delete"]]],["root-icon-direct-message",[[0,"root-icon-direct-message"]]],["root-icon-down-arrow",[[0,"root-icon-down-arrow"]]],["root-icon-download",[[0,"root-icon-download"]]],["root-icon-ellipsis-horizontal",[[0,"root-icon-ellipsis-horizontal"]]],["root-icon-ellipsis-vertical",[[0,"root-icon-ellipsis-vertical"]]],["root-icon-emoji",[[0,"root-icon-emoji"]]],["root-icon-error",[[0,"root-icon-error"]]],["root-icon-exit-full-screen",[[0,"root-icon-exit-full-screen"]]],["root-icon-eye-filled",[[0,"root-icon-eye-filled"]]],["root-icon-eye-off-outlined",[[0,"root-icon-eye-off-outlined"]]],["root-icon-favorite",[[0,"root-icon-favorite"]]],["root-icon-favorite-filled",[[0,"root-icon-favorite-filled"]]],["root-icon-file-too-large",[[0,"root-icon-file-too-large"]]],["root-icon-flag",[[0,"root-icon-flag"]]],["root-icon-folder",[[0,"root-icon-folder"]]],["root-icon-folder-open",[[0,"root-icon-folder-open"]]],["root-icon-forward-arrow",[[0,"root-icon-forward-arrow"]]],["root-icon-full-screen",[[0,"root-icon-full-screen"]]],["root-icon-gif",[[0,"root-icon-gif"]]],["root-icon-globe",[[0,"root-icon-globe"]]],["root-icon-grid-view",[[0,"root-icon-grid-view"]]],["root-icon-headphones",[[0,"root-icon-headphones"]]],["root-icon-headphones-off",[[0,"root-icon-headphones-off"]]],["root-icon-headphones-off-alert",[[0,"root-icon-headphones-off-alert"]]],["root-icon-heart",[[0,"root-icon-heart"]]],["root-icon-heart-filled",[[0,"root-icon-heart-filled"]]],["root-icon-help",[[0,"root-icon-help"]]],["root-icon-home",[[0,"root-icon-home"]]],["root-icon-home-filled",[[0,"root-icon-home-filled"]]],["root-icon-image",[[0,"root-icon-image"]]],["root-icon-info",[[0,"root-icon-info"]]],["root-icon-integration",[[0,"root-icon-integration"]]],["root-icon-italic",[[0,"root-icon-italic"]]],["root-icon-jump",[[0,"root-icon-jump"]]],["root-icon-lightbulb",[[0,"root-icon-lightbulb"]]],["root-icon-link",[[0,"root-icon-link"]]],["root-icon-list",[[0,"root-icon-list"]]],["root-icon-list-view",[[0,"root-icon-list-view"]]],["root-icon-lock",[[0,"root-icon-lock"]]],["root-icon-logout",[[0,"root-icon-logout"]]],["root-icon-mail",[[0,"root-icon-mail"]]],["root-icon-mark-as-read",[[0,"root-icon-mark-as-read"]]],["root-icon-mention",[[0,"root-icon-mention"]]],["root-icon-menu",[[0,"root-icon-menu"]]],["root-icon-message",[[0,"root-icon-message"]]],["root-icon-microphone",[[0,"root-icon-microphone"]]],["root-icon-microphone-off",[[0,"root-icon-microphone-off"]]],["root-icon-microphone-off-alert",[[0,"root-icon-microphone-off-alert"]]],["root-icon-notification-active",[[0,"root-icon-notification-active"]]],["root-icon-notification-add",[[0,"root-icon-notification-add"]]],["root-icon-notification-bell",[[0,"root-icon-notification-bell"]]],["root-icon-notification-filled",[[0,"root-icon-notification-filled"]]],["root-icon-notification-off",[[0,"root-icon-notification-off"]]],["root-icon-notification-off-outlined",[[0,"root-icon-notification-off-outlined"]]],["root-icon-open",[[0,"root-icon-open"]]],["root-icon-pause",[[0,"root-icon-pause"]]],["root-icon-pencil",[[0,"root-icon-pencil"]]],["root-icon-phone-disconnect",[[0,"root-icon-phone-disconnect"]]],["root-icon-pin",[[0,"root-icon-pin"]]],["root-icon-pin-filled",[[0,"root-icon-pin-filled"]]],["root-icon-plane",[[0,"root-icon-plane"]]],["root-icon-play",[[0,"root-icon-play"]]],["root-icon-popout",[[0,"root-icon-popout"]]],["root-icon-prohibited",[[0,"root-icon-prohibited"]]],["root-icon-recent-files",[[0,"root-icon-recent-files"]]],["root-icon-refresh",[[0,"root-icon-refresh"]]],["root-icon-remove",[[0,"root-icon-remove"]]],["root-icon-remove-user",[[0,"root-icon-remove-user"]]],["root-icon-replay",[[0,"root-icon-replay"]]],["root-icon-reply",[[0,"root-icon-reply"]]],["root-icon-rocket",[[0,"root-icon-rocket"]]],["root-icon-screen-share",[[0,"root-icon-screen-share"]]],["root-icon-selected-item-checkbox",[[0,"root-icon-selected-item-checkbox"]]],["root-icon-send",[[0,"root-icon-send"]]],["root-icon-settings",[[0,"root-icon-settings"]]],["root-icon-share",[[0,"root-icon-share"]]],["root-icon-signal",[[0,"root-icon-signal"]]],["root-icon-sort",[[0,"root-icon-sort"]]],["root-icon-speaker",[[0,"root-icon-speaker"]]],["root-icon-stop",[[0,"root-icon-stop"]]],["root-icon-strikethrough",[[0,"root-icon-strikethrough"]]],["root-icon-trophy",[[0,"root-icon-trophy"]]],["root-icon-undock",[[0,"root-icon-undock"]]],["root-icon-up-arrow",[[0,"root-icon-up-arrow"]]],["root-icon-upload",[[0,"root-icon-upload"]]],["root-icon-user",[[0,"root-icon-user"]]],["root-icon-user-filled",[[0,"root-icon-user-filled"]]],["root-icon-users",[[0,"root-icon-users"]]],["root-icon-users-filled",[[0,"root-icon-users-filled"]]],["root-icon-video-camera",[[0,"root-icon-video-camera"]]],["root-icon-video-camera-off",[[0,"root-icon-video-camera-off"]]],["root-icon-voice",[[0,"root-icon-voice"]]],["root-icon-volume-high",[[0,"root-icon-volume-high"]]],["root-icon-volume-low",[[0,"root-icon-volume-low"]]],["root-icon-volume-off",[[0,"root-icon-volume-off"]]],["root-list",[[257,"root-list",{"multiselect":[4],"selectedIndexes":[32]},[[0,"rootItemClicked","rootItemClicked"]]]]],["root-list-item",[[257,"root-list-item",{"listItemId":[1,"list-item-id"],"selected":[1540]}]]],["root-radio-button",[[260,"root-radio-button",{"value":[1],"isSelected":[32],"setSelectionState":[64]}]]],["root-radio-group",[[257,"root-radio-group",null,[[0,"rootRadioButtonClick","handleRadioClick"]]]]],["root-select-item",[[260,"root-select-item",{"value":[1],"selected":[4],"isSelected":[32],"setSelectionState":[64]}]]],["root-slider",[[1,"root-slider",{"hideValue":[4,"hide-value"],"value":[2],"currentValue":[32]}]]],["root-switch",[[1,"root-switch",{"switchOn":[32]}]]],["root-breadcrumbs_12",[[257,"root-input",{"inputId":[1,"input-id"],"type":[1],"label":[1],"inputName":[1,"input-name"],"placeholder":[1],"value":[1025],"maxlength":[2],"showIcon":[4,"show-icon"],"fullWidth":[4,"full-width"],"multiline":[4],"icon":[4],"showPassword":[32],"inputValue":[32],"error":[32],"touched":[32],"hasIcon":[32],"fileLabel":[32]},null,{"value":[{"onValueChanged":0}]}],[1,"root-breadcrumbs",{"breadcrumbsId":[1,"breadcrumbs-id"],"linkItems":[32]}],[257,"root-card",{"cardTitle":[1,"card-title"]}],[0,"root-icon-calendar"],[0,"root-icon-chevron-up"],[0,"root-icon-clock"],[0,"root-icon-eye"],[0,"root-icon-eye-off"],[0,"root-icon-files"],[0,"root-icon-phone"],[0,"root-icon-search"],[0,"root-icon-chevron-down"]]]], options);
+  return bootstrapLazy([["root-select",[[257,"root-select",{"value":[1],"label":[1],"fullwidth":[4],"selectedOption":[32],"isOpen":[32]},[[0,"rootOnItemChange","rootOnItemChange"]]]]],["root-alert",[[1,"root-alert",{"type":[1]}]]],["root-badge",[[257,"root-badge",{"badgeId":[1,"badge-id"],"variation":[1],"fullWidth":[4,"full-width"],"disabled":[4]}]]],["root-banner",[[257,"root-banner",{"bannerId":[1,"banner-id"],"variation":[1],"fullWidth":[4,"full-width"],"disabled":[4]}]]],["root-button",[[257,"root-button",{"buttonId":[1,"button-id"],"size":[1],"variation":[1],"type":[1],"icon":[1],"fullWidth":[4,"full-width"],"disabled":[4]}]]],["root-card",[[257,"root-card",{"cardTitle":[1,"card-title"]}]]],["root-icon-add-group",[[0,"root-icon-add-group"]]],["root-icon-add-image",[[0,"root-icon-add-image"]]],["root-icon-add-reaction",[[0,"root-icon-add-reaction"]]],["root-icon-add-user",[[0,"root-icon-add-user"]]],["root-icon-attach",[[0,"root-icon-attach"]]],["root-icon-attachment",[[0,"root-icon-attachment"]]],["root-icon-back-arrow",[[0,"root-icon-back-arrow"]]],["root-icon-bag",[[0,"root-icon-bag"]]],["root-icon-bold",[[0,"root-icon-bold"]]],["root-icon-bookmark",[[0,"root-icon-bookmark"]]],["root-icon-camera",[[0,"root-icon-camera"]]],["root-icon-camera-flip",[[0,"root-icon-camera-flip"]]],["root-icon-camera-off",[[0,"root-icon-camera-off"]]],["root-icon-camera-off-alert",[[0,"root-icon-camera-off-alert"]]],["root-icon-category",[[0,"root-icon-category"]]],["root-icon-category-art",[[0,"root-icon-category-art"]]],["root-icon-category-collaboration",[[0,"root-icon-category-collaboration"]]],["root-icon-category-education",[[0,"root-icon-category-education"]]],["root-icon-category-entertainment",[[0,"root-icon-category-entertainment"]]],["root-icon-category-games",[[0,"root-icon-category-games"]]],["root-icon-category-music",[[0,"root-icon-category-music"]]],["root-icon-category-science",[[0,"root-icon-category-science"]]],["root-icon-chat",[[0,"root-icon-chat"]]],["root-icon-check-circle",[[0,"root-icon-check-circle"]]],["root-icon-checkbox-disabled",[[0,"root-icon-checkbox-disabled"]]],["root-icon-checkbox-enabled",[[0,"root-icon-checkbox-enabled"]]],["root-icon-checkbox-neutral",[[0,"root-icon-checkbox-neutral"]]],["root-icon-checkmark",[[0,"root-icon-checkmark"]]],["root-icon-chevron-left",[[0,"root-icon-chevron-left"]]],["root-icon-chevron-right",[[0,"root-icon-chevron-right"]]],["root-icon-close",[[0,"root-icon-close"]]],["root-icon-cloud",[[0,"root-icon-cloud"]]],["root-icon-cloud-off",[[0,"root-icon-cloud-off"]]],["root-icon-code",[[0,"root-icon-code"]]],["root-icon-code-block",[[0,"root-icon-code-block"]]],["root-icon-collapse",[[0,"root-icon-collapse"]]],["root-icon-color-swatch",[[0,"root-icon-color-swatch"]]],["root-icon-compass",[[0,"root-icon-compass"]]],["root-icon-conversation",[[0,"root-icon-conversation"]]],["root-icon-delete",[[0,"root-icon-delete"]]],["root-icon-direct-message",[[0,"root-icon-direct-message"]]],["root-icon-down-arrow",[[0,"root-icon-down-arrow"]]],["root-icon-download",[[0,"root-icon-download"]]],["root-icon-ellipsis-horizontal",[[0,"root-icon-ellipsis-horizontal"]]],["root-icon-ellipsis-vertical",[[0,"root-icon-ellipsis-vertical"]]],["root-icon-emoji",[[0,"root-icon-emoji"]]],["root-icon-error",[[0,"root-icon-error"]]],["root-icon-exit-full-screen",[[0,"root-icon-exit-full-screen"]]],["root-icon-eye-filled",[[0,"root-icon-eye-filled"]]],["root-icon-eye-off-outlined",[[0,"root-icon-eye-off-outlined"]]],["root-icon-favorite",[[0,"root-icon-favorite"]]],["root-icon-favorite-filled",[[0,"root-icon-favorite-filled"]]],["root-icon-file-too-large",[[0,"root-icon-file-too-large"]]],["root-icon-flag",[[0,"root-icon-flag"]]],["root-icon-folder",[[0,"root-icon-folder"]]],["root-icon-folder-open",[[0,"root-icon-folder-open"]]],["root-icon-forward-arrow",[[0,"root-icon-forward-arrow"]]],["root-icon-full-screen",[[0,"root-icon-full-screen"]]],["root-icon-gif",[[0,"root-icon-gif"]]],["root-icon-globe",[[0,"root-icon-globe"]]],["root-icon-grid-view",[[0,"root-icon-grid-view"]]],["root-icon-headphones",[[0,"root-icon-headphones"]]],["root-icon-headphones-off",[[0,"root-icon-headphones-off"]]],["root-icon-headphones-off-alert",[[0,"root-icon-headphones-off-alert"]]],["root-icon-heart",[[0,"root-icon-heart"]]],["root-icon-heart-filled",[[0,"root-icon-heart-filled"]]],["root-icon-help",[[0,"root-icon-help"]]],["root-icon-home",[[0,"root-icon-home"]]],["root-icon-home-filled",[[0,"root-icon-home-filled"]]],["root-icon-image",[[0,"root-icon-image"]]],["root-icon-info",[[0,"root-icon-info"]]],["root-icon-integration",[[0,"root-icon-integration"]]],["root-icon-italic",[[0,"root-icon-italic"]]],["root-icon-jump",[[0,"root-icon-jump"]]],["root-icon-lightbulb",[[0,"root-icon-lightbulb"]]],["root-icon-link",[[0,"root-icon-link"]]],["root-icon-list",[[0,"root-icon-list"]]],["root-icon-list-view",[[0,"root-icon-list-view"]]],["root-icon-lock",[[0,"root-icon-lock"]]],["root-icon-logout",[[0,"root-icon-logout"]]],["root-icon-mail",[[0,"root-icon-mail"]]],["root-icon-mark-as-read",[[0,"root-icon-mark-as-read"]]],["root-icon-mention",[[0,"root-icon-mention"]]],["root-icon-menu",[[0,"root-icon-menu"]]],["root-icon-message",[[0,"root-icon-message"]]],["root-icon-microphone",[[0,"root-icon-microphone"]]],["root-icon-microphone-off",[[0,"root-icon-microphone-off"]]],["root-icon-microphone-off-alert",[[0,"root-icon-microphone-off-alert"]]],["root-icon-notification-active",[[0,"root-icon-notification-active"]]],["root-icon-notification-add",[[0,"root-icon-notification-add"]]],["root-icon-notification-bell",[[0,"root-icon-notification-bell"]]],["root-icon-notification-filled",[[0,"root-icon-notification-filled"]]],["root-icon-notification-off",[[0,"root-icon-notification-off"]]],["root-icon-notification-off-outlined",[[0,"root-icon-notification-off-outlined"]]],["root-icon-open",[[0,"root-icon-open"]]],["root-icon-pause",[[0,"root-icon-pause"]]],["root-icon-pencil",[[0,"root-icon-pencil"]]],["root-icon-phone-disconnect",[[0,"root-icon-phone-disconnect"]]],["root-icon-plane",[[0,"root-icon-plane"]]],["root-icon-play",[[0,"root-icon-play"]]],["root-icon-popout",[[0,"root-icon-popout"]]],["root-icon-prohibited",[[0,"root-icon-prohibited"]]],["root-icon-recent-files",[[0,"root-icon-recent-files"]]],["root-icon-refresh",[[0,"root-icon-refresh"]]],["root-icon-remove-user",[[0,"root-icon-remove-user"]]],["root-icon-replay",[[0,"root-icon-replay"]]],["root-icon-reply",[[0,"root-icon-reply"]]],["root-icon-rocket",[[0,"root-icon-rocket"]]],["root-icon-screen-share",[[0,"root-icon-screen-share"]]],["root-icon-selected-item-checkbox",[[0,"root-icon-selected-item-checkbox"]]],["root-icon-send",[[0,"root-icon-send"]]],["root-icon-settings",[[0,"root-icon-settings"]]],["root-icon-share",[[0,"root-icon-share"]]],["root-icon-signal",[[0,"root-icon-signal"]]],["root-icon-sort",[[0,"root-icon-sort"]]],["root-icon-speaker",[[0,"root-icon-speaker"]]],["root-icon-stop",[[0,"root-icon-stop"]]],["root-icon-strikethrough",[[0,"root-icon-strikethrough"]]],["root-icon-trophy",[[0,"root-icon-trophy"]]],["root-icon-undock",[[0,"root-icon-undock"]]],["root-icon-up-arrow",[[0,"root-icon-up-arrow"]]],["root-icon-upload",[[0,"root-icon-upload"]]],["root-icon-user",[[0,"root-icon-user"]]],["root-icon-user-filled",[[0,"root-icon-user-filled"]]],["root-icon-users",[[0,"root-icon-users"]]],["root-icon-users-filled",[[0,"root-icon-users-filled"]]],["root-icon-video-camera",[[0,"root-icon-video-camera"]]],["root-icon-video-camera-off",[[0,"root-icon-video-camera-off"]]],["root-icon-voice",[[0,"root-icon-voice"]]],["root-icon-volume-high",[[0,"root-icon-volume-high"]]],["root-icon-volume-low",[[0,"root-icon-volume-low"]]],["root-icon-volume-off",[[0,"root-icon-volume-off"]]],["root-list",[[257,"root-list",{"multiselect":[4],"selectedIndexes":[32]},[[0,"rootItemClicked","rootItemClicked"]]]]],["root-list-item",[[257,"root-list-item",{"listItemId":[1,"list-item-id"],"selected":[1540]}]]],["root-radio-button",[[260,"root-radio-button",{"value":[1],"isSelected":[32],"setSelectionState":[64]}]]],["root-radio-group",[[257,"root-radio-group",null,[[0,"rootRadioButtonClick","handleRadioClick"]]]]],["root-select-item",[[260,"root-select-item",{"value":[1],"selected":[4],"isSelected":[32],"setSelectionState":[64]}]]],["root-slider",[[1,"root-slider",{"hideValue":[4,"hide-value"],"value":[2],"currentValue":[32]}]]],["root-switch",[[1,"root-switch",{"switchOn":[32]}]]],["root-breadcrumbs_16",[[257,"root-input",{"inputId":[1,"input-id"],"type":[1],"label":[1],"inputName":[1,"input-name"],"placeholder":[1],"value":[1025],"maxlength":[2],"showIcon":[4,"show-icon"],"fullWidth":[4,"full-width"],"multiline":[4],"icon":[4],"showPassword":[32],"inputValue":[32],"error":[32],"touched":[32],"hasIcon":[32],"fileLabel":[32]},null,{"value":[{"onValueChanged":0}]}],[1,"root-breadcrumbs",{"breadcrumbsId":[1,"breadcrumbs-id"],"linkItems":[32]}],[0,"root-icon",{"icon":[1],"currentIcon":[32]},null,{"icon":[{"setIcon":0}]}],[0,"root-icon-add"],[0,"root-icon-pin"],[0,"root-icon-pin-filled"],[0,"root-icon-remove"],[0,"root-icon-calendar"],[0,"root-icon-chevron-up"],[0,"root-icon-clock"],[0,"root-icon-eye"],[0,"root-icon-eye-off"],[0,"root-icon-files"],[0,"root-icon-phone"],[0,"root-icon-search"],[0,"root-icon-chevron-down"]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/root-alert.entry.js

@@ -7,7 +7,7 @@ const RootAlert = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '041d9a77bdfdaf6245fab4a33283982b1c630da4', class: `root-alert root-alert--${this.type}` }, "Default alert message"));
+        return (h("div", { key: '81e15e9a931eb319e0e467e6c4dbc0fa99bffc2d', class: `root-alert root-alert--${this.type}` }, "Default alert message"));
     }
 };
 RootAlert.style = alertCss();

package/dist/esm/root-badge.entry.js

@@ -22,7 +22,7 @@ const RootBadge = class {
             [`root-badge--${this.variation}`]: !!this.variation,
             'root-badge--full-width': this.fullWidth,
         };
-        return (h("span", { key: 'fc2236e858c1bb9ad738c092aab6b918f7abbd23', id: this.badgeId, class: classes, onClick: (e) => this.clickHandler(e) }, h("slot", { key: '16485443400b291612adce07605de305fe0ce4f1' })));
+        return (h("span", { key: '4821cfe845e2bf7c4ff6b81bda02376c614d0eea', id: this.badgeId, class: classes, onClick: (e) => this.clickHandler(e) }, h("slot", { key: '3cfb4c31dc0bb4a722afd19ae88d20d11018c2b8' })));
     }
 };
 RootBadge.style = badgeCss();

package/dist/esm/root-banner.entry.js

@@ -21,7 +21,7 @@ const RootBanner = class {
             'root-banner': true,
             [`root-banner--${this.variation}`]: !!this.variation
         };
-        return (h("div", { key: 'eae799f293612322230ea5a7609d6d9e50c2689a', id: this.bannerId, class: classes, onClick: (e) => this.clickHandler(e) }, h("slot", { key: '9b7abc007ebd81c2e1445bd3a08b42bd1fa932eb' })));
+        return (h("div", { key: '35dd4c70390ea486a502dd4daab5b91057259158', id: this.bannerId, class: classes, onClick: (e) => this.clickHandler(e) }, h("slot", { key: '12942d8615ddae5622d7e4da25aca484c9e8d4ee' })));
     }
 };
 RootBanner.style = bannerCss();