@brandsync/wc 0.0.12 → 0.1.0

package/dist/components/bs-composer.js

@@ -1 +1 @@
-import{t as o,p as s,H as e,c as r,h as t}from"./p-Be1Pfcnm.js";const a={ai:"Ask Genie something...",human:"Message your support agent..."},i=[6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,18,14,34,22,22,10,28,18,12,24,6,20,30,14,8,26,16,32,10,22,18,12,28,8,20,14,24,10,16,30,12,22,6,18,26,8,14,32,20,10,24,6],c=s(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.bsInput=r(this,"bsInput"),this.bsSubmit=r(this,"bsSubmit"),this.bsStop=r(this,"bsStop"),this.bsVoiceConfirm=r(this,"bsVoiceConfirm"),this.bsAttach=r(this,"bsAttach"),this.bsMicToggle=r(this,"bsMicToggle")}get el(){return this}inputEl;variant="ai";placeholder;value="";state="idle";ariaLabel=null;hasAttachments=!1;bsInput;bsSubmit;bsStop;bsVoiceConfirm;bsAttach;bsMicToggle;componentWillLoad(){this.hasAttachments=Array.from(this.el.childNodes).some((o=>o.nodeType===Node.ELEMENT_NODE&&"attachments"===o.getAttribute("slot")))}componentDidLoad(){this.resizeInput()}componentDidUpdate(){this.resizeInput()}resizeInput(){this.inputEl&&(this.inputEl.style.height="auto",this.inputEl.style.height=this.inputEl.scrollHeight+"px")}onAttachmentsSlotchange=o=>{this.hasAttachments=o.target.assignedNodes().length>0};onInput=o=>{const s=o.target.value;this.resizeInput(),this.bsInput.emit(s)};onAttachClick=()=>{this.bsAttach.emit()};onMicClick=()=>{this.bsMicToggle.emit()};onActionClick=()=>{"idle"===this.state?this.bsSubmit.emit():"generating"===this.state?this.bsStop.emit():"recording"===this.state&&this.bsVoiceConfirm.emit()};actionLabel(){return"generating"===this.state?"Stop":"recording"===this.state?"Confirm":"Send"}renderActionIcon(){return t("generating"===this.state?l:"recording"===this.state?p:d,null)}render(){const o=this.placeholder??a[this.variant],s="disabled"===this.state,e="recording"===this.state;return t("div",{key:"4d6ea6241693e45065388f34f9fe2c141eb6379f",class:`bs-composer bs-composer--${this.state} bs-composer--${this.variant}`},t("div",{key:"952853cd4a36c5dc6057186825432616c5c99b38",part:"attachments",class:"bs-composer__attachments-row "+(this.hasAttachments?"bs-composer__attachments-row--visible":"")},t("slot",{key:"65311f5b1f1b8fd1e6c9f33741a53c94bbe292b0",name:"attachments",onSlotchange:this.onAttachmentsSlotchange})),t("div",{key:"8699568430ff2140b0869a004a253e6c01e1984f",class:"bs-composer__text-row"},t("textarea",{key:"5505815f7bb6ff19191ffea375fcd7fb856371fd",ref:o=>this.inputEl=o,part:"input",class:"bs-composer__input",rows:1,value:this.value,placeholder:o,disabled:s,"aria-label":this.ariaLabel,onInput:this.onInput})),t("div",{key:"fd65f7928117afd583e3f1e2372cbb66305a530e",class:"bs-composer__controls-row"},t("button",{key:"4e691d7ca567a4ece45601f47836d1ac7c5e2a1d",type:"button",part:"attach",class:"bs-composer__attach","aria-label":"Attach",onClick:this.onAttachClick},t(n,{key:"e363bbfcd346090dbceafd20d893af0903952223"})),e?t("span",{class:"bs-composer__waveform","aria-hidden":"true"},i.map((o=>t("span",{class:"bs-composer__waveform-bar",style:{"--bs-composer-bar-height":o+"px"}})))):t("span",{class:"bs-composer__spacer"}),t("button",{key:"e0f113e189ec7ded494c7ef7cf91fe3e13df01bc",type:"button",part:"mic",class:"bs-composer__mic "+(e?"bs-composer__mic--recording":""),"aria-label":e?"Stop recording":"Start voice input",disabled:s,onClick:this.onMicClick},t(e?l:b,null)),t("button",{key:"3603219c2c3781a9e2894142313f84dfa52c21ed",type:"button",part:"action",class:"bs-composer__action bs-composer__action--"+this.state,"aria-label":this.actionLabel(),disabled:s,onClick:this.onActionClick},this.renderActionIcon()),t("slot",{key:"3d143aa3f254310dba537c19a6ac4c40205a405d",name:"actions-end"})))}static get delegatesFocus(){return!0}static get style(){return":host{display:block;--bs-composer-radius:var(--bs-border-radius-150);--bs-composer-button-radius:var(--bs-border-radius-100);--bs-composer-button-size:var(--bs-spacing-600);--bs-composer-bg:var(--bs-input-bg-default);--bs-composer-border:var(--bs-input-border-default);--bs-composer-border-focus:var(--bs-input-border-focus);--bs-composer-action-bg:var(--bs-color-primary-default);--bs-composer-action-bg-hover:var(--bs-color-primary-hover);--bs-composer-action-bg-pressed:var(--bs-color-primary-pressed);--bs-composer-action-bg-disabled:var(--bs-surface-action-disabled);--bs-composer-action-icon:var(--bs-text-on-action);--bs-composer-action-icon-disabled:var(--bs-text-on-disabled);--bs-composer-attach-icon:var(--bs-icon-default);--bs-composer-mic-icon:var(--bs-icon-default);--bs-composer-mic-icon-disabled:var(--bs-icon-disabled);--bs-composer-mic-recording-icon:var(--bs-icon-default);--bs-composer-subtle-hover:var(--bs-color-neutral-container);--bs-composer-subtle-pressed:var(--bs-color-neutral-container-pressed);--bs-composer-waveform-color:var(--bs-border-default);--bs-composer-input-max-lines:10}.bs-composer{box-sizing:border-box;display:flex;flex-direction:column;border:1px solid var(--bs-composer-border);border-radius:var(--bs-composer-radius);background:var(--bs-composer-bg);font-family:inherit}.bs-composer--human{border-style:dashed}.bs-composer:focus-within{border-color:var(--bs-composer-border-focus)}.bs-composer__attachments-row{display:none}.bs-composer__attachments-row--visible{display:block}.bs-composer__text-row{display:flex;align-items:center;gap:var(--bs-spacing-150);padding:var(--bs-spacing-150)}.bs-composer__input{flex:1;min-width:0;box-sizing:border-box;padding:0;border:none;outline:none;resize:none;background:transparent;color:var(--bs-input-text);font-family:inherit;font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px);max-height:calc(var(--bs-composer-input-max-lines) * var(--bs-line-height-body-md) * 1px);overflow-y:auto}.bs-composer__input::placeholder{color:var(--bs-input-placeholder)}.bs-composer__input:disabled{color:var(--bs-input-text-disabled);cursor:not-allowed}.bs-composer__waveform{display:inline-flex;flex:1;min-width:0;align-items:center;justify-content:center;gap:3px;overflow:hidden}.bs-composer__waveform-bar{display:inline-block;flex-shrink:0;width:2.5px;border-radius:1.5px;background:var(--bs-composer-waveform-color);height:var(--bs-composer-bar-height, 6px)}.bs-composer__controls-row{display:flex;align-items:center;gap:var(--bs-spacing-200);padding:var(--bs-spacing-150)}.bs-composer__spacer{flex:1}.bs-composer__attach,.bs-composer__mic,.bs-composer__action{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;padding:0;cursor:pointer;font-family:inherit;border-radius:var(--bs-composer-button-radius);width:var(--bs-composer-button-size);height:var(--bs-composer-button-size);flex-shrink:0;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-composer__attach:focus-visible,.bs-composer__mic:focus-visible,.bs-composer__action:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-composer__attach svg,.bs-composer__mic svg,.bs-composer__action svg{width:24px;height:24px}.bs-composer__attach,.bs-composer__mic{background:transparent}.bs-composer__attach:hover:not(:disabled),.bs-composer__mic:hover:not(:disabled){background:var(--bs-composer-subtle-hover)}.bs-composer__attach:active:not(:disabled),.bs-composer__mic:active:not(:disabled){background:var(--bs-composer-subtle-pressed)}.bs-composer__attach{color:var(--bs-composer-attach-icon)}.bs-composer__mic{color:var(--bs-composer-mic-icon)}.bs-composer__mic--recording{color:var(--bs-composer-mic-recording-icon)}.bs-composer__mic:disabled{color:var(--bs-composer-mic-icon-disabled);cursor:not-allowed}.bs-composer__action{background:var(--bs-composer-action-bg);color:var(--bs-composer-action-icon)}.bs-composer__action:hover:not(:disabled){background:var(--bs-composer-action-bg-hover)}.bs-composer__action:active:not(:disabled){background:var(--bs-composer-action-bg-pressed)}.bs-composer__action:disabled{background:var(--bs-composer-action-bg-disabled);color:var(--bs-composer-action-icon-disabled);cursor:not-allowed}"}},[785,"bs-composer",{variant:[1],placeholder:[1],value:[1],state:[1],ariaLabel:[1,"aria-label"],hasAttachments:[32]}]),n=()=>t("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},t("path",{d:"M8 2.5V13.5M2.5 8H13.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"})),b=()=>t("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},t("path",{d:"M8 9.5C9.10457 9.5 10 8.60457 10 7.5V3.5C10 2.39543 9.10457 1.5 8 1.5C6.89543 1.5 6 2.39543 6 3.5V7.5C6 8.60457 6.89543 9.5 8 9.5Z",stroke:"currentColor","stroke-width":"1.4"}),t("path",{d:"M3.5 7V7.5C3.5 9.98528 5.51472 12 8 12C10.4853 12 12.5 9.98528 12.5 7.5V7",stroke:"currentColor","stroke-width":"1.4","stroke-linecap":"round"}),t("path",{d:"M8 12V14.5",stroke:"currentColor","stroke-width":"1.4","stroke-linecap":"round"})),d=()=>t("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},t("path",{d:"M13.5 12H7.5",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),t("path",{d:"M4.54594 20.745C4.4932 20.889 4.48589 21.0457 4.52499 21.1941C4.56409 21.3424 4.64771 21.4751 4.76459 21.5744C4.88147 21.6737 5.02599 21.7348 5.17866 21.7494C5.33133 21.7641 5.48482 21.7315 5.61844 21.6562L21.3684 12.6478C21.4857 12.583 21.5834 12.4879 21.6514 12.3725C21.7195 12.2571 21.7553 12.1255 21.7553 11.9916C21.7553 11.8576 21.7195 11.7261 21.6514 11.6107C21.5834 11.4952 21.4857 11.4002 21.3684 11.3353L5.61844 2.34937C5.48523 2.27487 5.33245 2.24278 5.18052 2.2574C5.02859 2.27201 4.88474 2.33264 4.76817 2.43117C4.65161 2.5297 4.56788 2.66145 4.52817 2.80882C4.48846 2.9562 4.49466 3.11218 4.54594 3.25594L7.5 12L4.54594 20.745Z",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),l=()=>t("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},t("rect",{x:"6",y:"6",width:"8",height:"8",rx:"1.5",fill:"currentColor"})),p=()=>t("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},t("path",{d:"M4.5 10.5L8 14L15.5 6",stroke:"currentColor","stroke-width":"1.75","stroke-linecap":"round","stroke-linejoin":"round"}));function m(){"undefined"!=typeof customElements&&["bs-composer"].forEach((s=>{"bs-composer"===s&&(customElements.get(o(s))||customElements.define(o(s),c))}))}m();const h=c,u=m;export{h as BsComposer,u as defineCustomElement}
+import{t as o,p as s,H as e,c as r,h as t}from"./p-BJZYe7M4.js";const a={ai:"Ask Genie something...",human:"Message your support agent..."},i=[6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,18,14,34,22,22,10,28,18,12,24,6,20,30,14,8,26,16,32,10,22,18,12,28,8,20,14,24,10,16,30,12,22,6,18,26,8,14,32,20,10,24,6],c=s(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.bsInput=r(this,"bsInput"),this.bsSubmit=r(this,"bsSubmit"),this.bsStop=r(this,"bsStop"),this.bsVoiceConfirm=r(this,"bsVoiceConfirm"),this.bsAttach=r(this,"bsAttach"),this.bsMicToggle=r(this,"bsMicToggle")}get el(){return this}inputEl;variant="ai";placeholder;value="";state="idle";ariaLabel=null;hasAttachments=!1;bsInput;bsSubmit;bsStop;bsVoiceConfirm;bsAttach;bsMicToggle;componentWillLoad(){this.hasAttachments=Array.from(this.el.childNodes).some((o=>o.nodeType===Node.ELEMENT_NODE&&"attachments"===o.getAttribute("slot")))}componentDidLoad(){this.resizeInput()}componentDidUpdate(){this.resizeInput()}resizeInput(){this.inputEl&&(this.inputEl.style.height="auto",this.inputEl.style.height=this.inputEl.scrollHeight+"px")}onAttachmentsSlotchange=o=>{this.hasAttachments=o.target.assignedNodes().length>0};onInput=o=>{const s=o.target.value;this.resizeInput(),this.bsInput.emit(s)};onAttachClick=()=>{this.bsAttach.emit()};onMicClick=()=>{this.bsMicToggle.emit()};onActionClick=()=>{"idle"===this.state?this.bsSubmit.emit():"generating"===this.state?this.bsStop.emit():"recording"===this.state&&this.bsVoiceConfirm.emit()};actionLabel(){return"generating"===this.state?"Stop":"recording"===this.state?"Confirm":"Send"}renderActionIcon(){return t("generating"===this.state?l:"recording"===this.state?p:d,null)}render(){const o=this.placeholder??a[this.variant],s="disabled"===this.state,e="recording"===this.state;return t("div",{key:"ee8e0a250798b3b5f9da6acde497779581c3b9ca",class:`bs-composer bs-composer--${this.state} bs-composer--${this.variant}`},t("div",{key:"fe37e3bd240379513c97022b77635121ae100826",part:"attachments",class:"bs-composer__attachments-row "+(this.hasAttachments?"bs-composer__attachments-row--visible":"")},t("slot",{key:"c6237cef8ebf742d6a68d513bd4366226317ec43",name:"attachments",onSlotchange:this.onAttachmentsSlotchange})),t("div",{key:"e88d294aba83e6a4c11f35095ae4efd58aeb9586",class:"bs-composer__text-row"},t("textarea",{key:"c6a123b0134e74fed67ec590a7ee9c0eaa238318",ref:o=>this.inputEl=o,part:"input",class:"bs-composer__input",rows:1,value:this.value,placeholder:o,disabled:s,"aria-label":this.ariaLabel,onInput:this.onInput})),t("div",{key:"aab617b78bfd3bcd33d43f08669f6f1688238388",class:"bs-composer__controls-row"},t("button",{key:"db8147a8841c08786c725052fdbaa366718c9a2e",type:"button",part:"attach",class:"bs-composer__attach","aria-label":"Attach",onClick:this.onAttachClick},t(n,{key:"cc13f52bfc496bd2a530012917b098fe10dff27b"})),e?t("span",{class:"bs-composer__waveform","aria-hidden":"true"},i.map((o=>t("span",{class:"bs-composer__waveform-bar",style:{"--bs-composer-bar-height":o+"px"}})))):t("span",{class:"bs-composer__spacer"}),t("button",{key:"372d2751ea5dab5793314aa4469ef80ab28536a5",type:"button",part:"mic",class:"bs-composer__mic "+(e?"bs-composer__mic--recording":""),"aria-label":e?"Stop recording":"Start voice input",disabled:s,onClick:this.onMicClick},t(e?l:b,null)),t("button",{key:"4694605f9e970097290d0eabbc1d4815c3b3bfe2",type:"button",part:"action",class:"bs-composer__action bs-composer__action--"+this.state,"aria-label":this.actionLabel(),disabled:s,onClick:this.onActionClick},this.renderActionIcon()),t("slot",{key:"71976baf242f384a2c69ef8561dda47d0a3739ae",name:"actions-end"})))}static get delegatesFocus(){return!0}static get style(){return":host{display:block;--bs-composer-radius:var(--bs-border-radius-150);--bs-composer-button-radius:var(--bs-border-radius-100);--bs-composer-button-size:var(--bs-spacing-600);--bs-composer-bg:var(--bs-input-bg-default);--bs-composer-border:var(--bs-input-border-default);--bs-composer-border-focus:var(--bs-input-border-focus);--bs-composer-action-bg:var(--bs-color-primary-default);--bs-composer-action-bg-hover:var(--bs-color-primary-hover);--bs-composer-action-bg-pressed:var(--bs-color-primary-pressed);--bs-composer-action-bg-disabled:var(--bs-surface-action-disabled);--bs-composer-action-icon:var(--bs-text-on-action);--bs-composer-action-icon-disabled:var(--bs-text-on-disabled);--bs-composer-attach-icon:var(--bs-icon-default);--bs-composer-mic-icon:var(--bs-icon-default);--bs-composer-mic-icon-disabled:var(--bs-icon-disabled);--bs-composer-mic-recording-icon:var(--bs-icon-default);--bs-composer-subtle-hover:var(--bs-color-neutral-container);--bs-composer-subtle-pressed:var(--bs-color-neutral-container-pressed);--bs-composer-waveform-color:var(--bs-border-default);--bs-composer-input-max-lines:10}.bs-composer{box-sizing:border-box;display:flex;flex-direction:column;border:1px solid var(--bs-composer-border);border-radius:var(--bs-composer-radius);background:var(--bs-composer-bg);font-family:inherit}.bs-composer--human{border-style:dashed}.bs-composer:focus-within{border-color:var(--bs-composer-border-focus)}.bs-composer__attachments-row{display:none}.bs-composer__attachments-row--visible{display:block}.bs-composer__text-row{display:flex;align-items:center;gap:var(--bs-spacing-150);padding:var(--bs-spacing-150)}.bs-composer__input{flex:1;min-width:0;box-sizing:border-box;padding:0;border:none;outline:none;resize:none;background:transparent;color:var(--bs-input-text);font-family:inherit;font-size:var(--bs-font-size-md);line-height:calc(var(--bs-line-height-body-md) * 1px);max-height:calc(var(--bs-composer-input-max-lines) * var(--bs-line-height-body-md) * 1px);overflow-y:auto}.bs-composer__input::placeholder{color:var(--bs-input-placeholder)}.bs-composer__input:disabled{color:var(--bs-input-text-disabled);cursor:not-allowed}.bs-composer__waveform{display:inline-flex;flex:1;min-width:0;align-items:center;justify-content:center;gap:3px;overflow:hidden}.bs-composer__waveform-bar{display:inline-block;flex-shrink:0;width:2.5px;border-radius:1.5px;background:var(--bs-composer-waveform-color);height:var(--bs-composer-bar-height, 6px)}.bs-composer__controls-row{display:flex;align-items:center;gap:var(--bs-spacing-200);padding:var(--bs-spacing-150)}.bs-composer__spacer{flex:1}.bs-composer__attach,.bs-composer__mic,.bs-composer__action{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;padding:0;cursor:pointer;font-family:inherit;border-radius:var(--bs-composer-button-radius);width:var(--bs-composer-button-size);height:var(--bs-composer-button-size);flex-shrink:0;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-composer__attach:focus-visible,.bs-composer__mic:focus-visible,.bs-composer__action:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-composer__attach svg,.bs-composer__mic svg,.bs-composer__action svg{width:24px;height:24px}.bs-composer__attach,.bs-composer__mic{background:transparent}.bs-composer__attach:hover:not(:disabled),.bs-composer__mic:hover:not(:disabled){background:var(--bs-composer-subtle-hover)}.bs-composer__attach:active:not(:disabled),.bs-composer__mic:active:not(:disabled){background:var(--bs-composer-subtle-pressed)}.bs-composer__attach{color:var(--bs-composer-attach-icon)}.bs-composer__mic{color:var(--bs-composer-mic-icon)}.bs-composer__mic--recording{color:var(--bs-composer-mic-recording-icon)}.bs-composer__mic:disabled{color:var(--bs-composer-mic-icon-disabled);cursor:not-allowed}.bs-composer__action{background:var(--bs-composer-action-bg);color:var(--bs-composer-action-icon)}.bs-composer__action:hover:not(:disabled){background:var(--bs-composer-action-bg-hover)}.bs-composer__action:active:not(:disabled){background:var(--bs-composer-action-bg-pressed)}.bs-composer__action:disabled{background:var(--bs-composer-action-bg-disabled);color:var(--bs-composer-action-icon-disabled);cursor:not-allowed}"}},[785,"bs-composer",{variant:[1],placeholder:[1],value:[1],state:[1],ariaLabel:[1,"aria-label"],hasAttachments:[32]}]),n=()=>t("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},t("path",{d:"M8 2.5V13.5M2.5 8H13.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"})),b=()=>t("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},t("path",{d:"M8 9.5C9.10457 9.5 10 8.60457 10 7.5V3.5C10 2.39543 9.10457 1.5 8 1.5C6.89543 1.5 6 2.39543 6 3.5V7.5C6 8.60457 6.89543 9.5 8 9.5Z",stroke:"currentColor","stroke-width":"1.4"}),t("path",{d:"M3.5 7V7.5C3.5 9.98528 5.51472 12 8 12C10.4853 12 12.5 9.98528 12.5 7.5V7",stroke:"currentColor","stroke-width":"1.4","stroke-linecap":"round"}),t("path",{d:"M8 12V14.5",stroke:"currentColor","stroke-width":"1.4","stroke-linecap":"round"})),d=()=>t("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},t("path",{d:"M13.5 12H7.5",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),t("path",{d:"M4.54594 20.745C4.4932 20.889 4.48589 21.0457 4.52499 21.1941C4.56409 21.3424 4.64771 21.4751 4.76459 21.5744C4.88147 21.6737 5.02599 21.7348 5.17866 21.7494C5.33133 21.7641 5.48482 21.7315 5.61844 21.6562L21.3684 12.6478C21.4857 12.583 21.5834 12.4879 21.6514 12.3725C21.7195 12.2571 21.7553 12.1255 21.7553 11.9916C21.7553 11.8576 21.7195 11.7261 21.6514 11.6107C21.5834 11.4952 21.4857 11.4002 21.3684 11.3353L5.61844 2.34937C5.48523 2.27487 5.33245 2.24278 5.18052 2.2574C5.02859 2.27201 4.88474 2.33264 4.76817 2.43117C4.65161 2.5297 4.56788 2.66145 4.52817 2.80882C4.48846 2.9562 4.49466 3.11218 4.54594 3.25594L7.5 12L4.54594 20.745Z",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),l=()=>t("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},t("rect",{x:"6",y:"6",width:"8",height:"8",rx:"1.5",fill:"currentColor"})),p=()=>t("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},t("path",{d:"M4.5 10.5L8 14L15.5 6",stroke:"currentColor","stroke-width":"1.75","stroke-linecap":"round","stroke-linejoin":"round"}));function m(){"undefined"!=typeof customElements&&["bs-composer"].forEach((s=>{"bs-composer"===s&&(customElements.get(o(s))||customElements.define(o(s),c))}))}m();const h=c,u=m;export{h as BsComposer,u as defineCustomElement}

package/dist/components/bs-data-table.js

@@ -1 +1 @@
-import{t,p as e,H as s,c as a,h as o}from"./p-Be1Pfcnm.js";const r=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsSort=a(this,"bsSort"),this.bsRowSelect=a(this,"bsRowSelect")}columns=[];rows=[];sortColumn;sortDirection="asc";selectable=!1;cellRenderer;bsSort;bsRowSelect;selectedIds=new Set;onHeaderClick=t=>{t.sortable&&this.bsSort.emit({column:t.key,direction:this.sortColumn===t.key&&"asc"===this.sortDirection?"desc":"asc"})};onRowCheckboxChange=(t,e)=>{const s=e.target.checked,a=new Set(this.selectedIds);s?a.add(t.id):a.delete(t.id),this.selectedIds=a,this.bsRowSelect.emit({id:t.id,selected:s})};render(){return o("table",{key:"b22d3029ddc85bd7125d69b53be2ed427cc7e3c4",part:"table",class:"bs-data-table"},o("thead",{key:"469ff536b8e09ed6f866b1a883ad06f9df75f003",part:"head"},o("tr",{key:"8394e3bfe1259bb2342a324ded83dfac41eb8271"},this.selectable&&o("th",{key:"9d2b97169b92b9e45209f91f855431901e8897c1",class:"bs-data-table__select-col"}),this.columns.map((t=>{const e=this.sortColumn===t.key;return o("th",{part:"header-cell",class:"bs-data-table__header-cell","aria-sort":t.sortable?e?"asc"===this.sortDirection?"ascending":"descending":"none":void 0},t.sortable?o("button",{type:"button",class:"bs-data-table__sort-button",onClick:()=>this.onHeaderClick(t)},t.label,e&&o("span",{class:"bs-data-table__sort-indicator"},"asc"===this.sortDirection?" ▲":" ▼")):t.label)})))),o("tbody",{key:"8a9fa723abcb83820c489b8f07eab58ee306e491",part:"body"},this.rows.map((t=>o("tr",{part:"row",class:"bs-data-table__row"},this.selectable&&o("td",{class:"bs-data-table__select-col"},o("input",{type:"checkbox",checked:this.selectedIds.has(t.id),onChange:e=>this.onRowCheckboxChange(t,e)})),this.columns.map((e=>this.cellRenderer?o("td",{part:"cell",class:"bs-data-table__cell",innerHTML:this.cellRenderer(t,e)}):o("td",{part:"cell",class:"bs-data-table__cell"},(t[e.key]??"")+""))))))))}static get style(){return":host{display:block}.bs-data-table{width:100%;border-collapse:collapse;font-family:inherit;font-size:var(--bs-font-size-sm);color:var(--bs-text-default)}.bs-data-table__header-cell{text-align:left;padding:var(--bs-spacing-200) var(--bs-spacing-300);border-bottom:1px solid var(--bs-border-default);font-weight:var(--bs-font-weight-semibold);color:var(--bs-text-secondary);white-space:nowrap}.bs-data-table__sort-button{display:inline-flex;align-items:center;border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;user-select:none}.bs-data-table__sort-button:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-data-table__sort-indicator{color:var(--bs-text-action)}.bs-data-table__row:hover{background:var(--bs-surface-hover)}.bs-data-table__cell{padding:var(--bs-spacing-200) var(--bs-spacing-300);border-bottom:1px solid var(--bs-border-default)}.bs-data-table__select-col{width:var(--bs-spacing-500);padding:var(--bs-spacing-200) var(--bs-spacing-300);border-bottom:1px solid var(--bs-border-default)}"}},[513,"bs-data-table",{columns:[16],rows:[16],sortColumn:[1,"sort-column"],sortDirection:[1,"sort-direction"],selectable:[4],cellRenderer:[16],selectedIds:[32]}]);function l(){"undefined"!=typeof customElements&&["bs-data-table"].forEach((e=>{"bs-data-table"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}l();const b=r,c=l;export{b as BsDataTable,c as defineCustomElement}
+import{t,p as e,H as s,c as a,h as o}from"./p-BJZYe7M4.js";const r=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsSort=a(this,"bsSort"),this.bsRowSelect=a(this,"bsRowSelect")}columns=[];rows=[];sortColumn;sortDirection="asc";selectable=!1;cellRenderer;bsSort;bsRowSelect;selectedIds=new Set;onHeaderClick=t=>{t.sortable&&this.bsSort.emit({column:t.key,direction:this.sortColumn===t.key&&"asc"===this.sortDirection?"desc":"asc"})};onRowCheckboxChange=(t,e)=>{const s=e.target.checked,a=new Set(this.selectedIds);s?a.add(t.id):a.delete(t.id),this.selectedIds=a,this.bsRowSelect.emit({id:t.id,selected:s})};render(){return o("table",{key:"fa798fc4873097b91f1e5527836c9607630535ad",part:"table",class:"bs-data-table"},o("thead",{key:"4ce731b46239412e2f87167ca678c0a9376a67dd",part:"head"},o("tr",{key:"74fd0fb91c96b62e7ea97f85fb9e215ab5883af5"},this.selectable&&o("th",{key:"595ffb64be9ddb12851acc704e503653c623a385",class:"bs-data-table__select-col"}),this.columns.map((t=>{const e=this.sortColumn===t.key;return o("th",{part:"header-cell",class:"bs-data-table__header-cell","aria-sort":t.sortable?e?"asc"===this.sortDirection?"ascending":"descending":"none":void 0},t.sortable?o("button",{type:"button",class:"bs-data-table__sort-button",onClick:()=>this.onHeaderClick(t)},t.label,e&&o("span",{class:"bs-data-table__sort-indicator"},"asc"===this.sortDirection?" ▲":" ▼")):t.label)})))),o("tbody",{key:"1e46254b85803cbd3925b6a4bbc9ca0205816753",part:"body"},this.rows.map((t=>o("tr",{part:"row",class:"bs-data-table__row"},this.selectable&&o("td",{class:"bs-data-table__select-col"},o("input",{type:"checkbox",checked:this.selectedIds.has(t.id),onChange:e=>this.onRowCheckboxChange(t,e)})),this.columns.map((e=>this.cellRenderer?o("td",{part:"cell",class:"bs-data-table__cell",innerHTML:this.cellRenderer(t,e)}):o("td",{part:"cell",class:"bs-data-table__cell"},(t[e.key]??"")+""))))))))}static get style(){return":host{display:block}.bs-data-table{width:100%;border-collapse:collapse;font-family:inherit;font-size:var(--bs-font-size-sm);color:var(--bs-text-default)}.bs-data-table__header-cell{text-align:left;padding:var(--bs-spacing-200) var(--bs-spacing-300);border-bottom:1px solid var(--bs-border-default);font-weight:var(--bs-font-weight-semibold);color:var(--bs-text-secondary);white-space:nowrap}.bs-data-table__sort-button{display:inline-flex;align-items:center;border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;user-select:none}.bs-data-table__sort-button:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-data-table__sort-indicator{color:var(--bs-text-action)}.bs-data-table__row:hover{background:var(--bs-surface-hover)}.bs-data-table__cell{padding:var(--bs-spacing-200) var(--bs-spacing-300);border-bottom:1px solid var(--bs-border-default)}.bs-data-table__select-col{width:var(--bs-spacing-500);padding:var(--bs-spacing-200) var(--bs-spacing-300);border-bottom:1px solid var(--bs-border-default)}"}},[513,"bs-data-table",{columns:[16],rows:[16],sortColumn:[1,"sort-column"],sortDirection:[1,"sort-direction"],selectable:[4],cellRenderer:[16],selectedIds:[32]}]);function l(){"undefined"!=typeof customElements&&["bs-data-table"].forEach((e=>{"bs-data-table"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}l();const c=r,b=l;export{c as BsDataTable,b as defineCustomElement}

package/dist/components/bs-dialog.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BsDialog extends Components.BsDialog, HTMLElement {}
+export const BsDialog: {
+    prototype: BsDialog;
+    new (): BsDialog;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/bs-dialog.js

@@ -0,0 +1 @@
+import{t as s,p as i,H as o,c as e,h as a}from"./p-BJZYe7M4.js";import{d as t}from"./p-BFcVSpES.js";const n=i(class extends o{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsClose=e(this,"bsClose")}open=!1;heading;size="md";centered=!1;bsClose;hasFooter=!1;hasImage=!1;hasIcon=!1;onFooterSlotchange=s=>{this.hasFooter=s.target.assignedNodes().length>0};onImageSlotchange=s=>{this.hasImage=s.target.assignedNodes().length>0};onIconSlotchange=s=>{this.hasIcon=s.target.assignedNodes().length>0};dialogRef;previouslyFocused;previousBodyOverflow;wasOpen=!1;close=()=>{this.open=!1,this.bsClose.emit()};onKeydown(s){this.open&&"Escape"===s.key&&this.close()}onBackdropClick=s=>{s.target===s.currentTarget&&this.close()};onFocusIn(s){this.open&&this.dialogRef&&!s.composedPath().includes(this.dialogRef)&&this.dialogRef.focus()}componentDidRender(){this.open&&!this.wasOpen?(this.previouslyFocused=document.activeElement,this.dialogRef?.focus(),this.previousBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden"):!this.open&&this.wasOpen&&(this.previouslyFocused?.focus(),document.body.style.overflow=this.previousBodyOverflow??""),this.wasOpen=this.open}disconnectedCallback(){this.wasOpen&&(document.body.style.overflow=this.previousBodyOverflow??"")}render(){if(!this.open)return null;const s=this.centered||this.hasImage;return a("div",{part:"backdrop",class:"bs-dialog__backdrop",onClick:this.onBackdropClick},a("div",{ref:s=>this.dialogRef=s,tabIndex:-1,part:"dialog",class:"bs-dialog__dialog bs-dialog__dialog--"+this.size,role:"dialog","aria-modal":"true","aria-label":this.heading},s&&a("bs-icon-button",{part:"close",class:"bs-dialog__close--floating",variant:"neutral",size:"md","aria-label":"Close",onClick:this.close},a(d,null)),a("div",{part:"image",class:"bs-dialog__image "+(this.hasImage?"bs-dialog__image--visible":"")},a("slot",{name:"image",onSlotchange:this.onImageSlotchange})),this.centered&&a("div",{part:"icon",class:"bs-dialog__icon "+(this.hasIcon?"bs-dialog__icon--visible":"")},a("slot",{name:"icon",onSlotchange:this.onIconSlotchange})),a("div",{part:"header",class:"bs-dialog__header "+(this.centered?"bs-dialog__header--centered":"")},a("span",{class:"bs-dialog__heading"},this.heading),!s&&a("bs-icon-button",{part:"close",variant:"subtle",size:"md","aria-label":"Close",onClick:this.close},a(d,null))),a("div",{part:"body",class:"bs-dialog__body "+(this.centered?"bs-dialog__body--centered":"")},a("slot",null)),a("div",{part:"footer",class:"bs-dialog__footer "+(this.hasFooter?"bs-dialog__footer--visible":"")},a("slot",{name:"footer",onSlotchange:this.onFooterSlotchange}))))}static get style(){return".bs-dialog__backdrop{position:fixed;inset:0;z-index:var(--bs-z-index-modal);display:flex;align-items:center;justify-content:center;background:rgba(0, 0, 0, 0.4)}.bs-dialog__dialog{position:relative;display:flex;flex-direction:column;max-height:calc(100vh - var(--bs-spacing-800));background:var(--bs-surface-base);color:var(--bs-text-default);border-radius:var(--bs-border-radius-200);box-shadow:var(--bs-shadow-xl);font-family:inherit}.bs-dialog__dialog--sm{width:360px}.bs-dialog__dialog--md{width:560px}.bs-dialog__dialog--lg{width:800px}.bs-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-spacing-200) var(--bs-spacing-200) var(--bs-spacing-100)}.bs-dialog__image--visible+.bs-dialog__header,.bs-dialog__icon--visible+.bs-dialog__header{padding-top:0}.bs-dialog__heading{font-size:var(--bs-font-size-lg);font-weight:var(--bs-font-weight-semibold);color:var(--bs-text-default)}.bs-dialog__close--floating{position:absolute;top:var(--bs-spacing-200);right:var(--bs-spacing-200);z-index:1}.bs-dialog__body{padding:0 var(--bs-spacing-200) var(--bs-spacing-200);overflow-y:auto}.bs-dialog__body--centered{text-align:center}.bs-dialog__footer--visible{display:flex;justify-content:flex-end;gap:var(--bs-spacing-200);padding:0 var(--bs-spacing-200) var(--bs-spacing-200)}.bs-dialog__image--visible{overflow:hidden;border-radius:var(--bs-border-radius-200) var(--bs-border-radius-200) 0 0;margin-bottom:var(--bs-spacing-200)}.bs-dialog__image--visible ::slotted(img){display:block;width:100%;height:auto;object-fit:cover}.bs-dialog__icon--visible{display:flex;align-items:center;justify-content:center;padding:var(--bs-spacing-200) var(--bs-spacing-200) 0;margin-bottom:var(--bs-spacing-200)}.bs-dialog__icon--visible ::slotted(*){width:64px;height:64px}.bs-dialog__header--centered{justify-content:center;text-align:center}"}},[769,"bs-dialog",{open:[1540],heading:[1],size:[1],centered:[516],hasFooter:[32],hasImage:[32],hasIcon:[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]),d=()=>a("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},a("path",{d:"M12.5 3.5L3.5 12.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),a("path",{d:"M12.5 12.5L3.5 3.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));function l(){"undefined"!=typeof customElements&&["bs-dialog","bs-icon-button"].forEach((i=>{switch(i){case"bs-dialog":customElements.get(s(i))||customElements.define(s(i),n);break;case"bs-icon-button":customElements.get(s(i))||t()}}))}l();const r=n,c=l;export{r as BsDialog,c as defineCustomElement}

package/dist/components/bs-icon-button.js

@@ -1 +1 @@
-import{B as o,d as s}from"./p-BAOJc0V0.js";const p=o,r=s;export{p as BsIconButton,r as defineCustomElement}
+import{B as o,d as p}from"./p-BFcVSpES.js";const s=o,r=p;export{s as BsIconButton,r as defineCustomElement}

package/dist/components/bs-inline-tab.js

@@ -1 +1 @@
-import{t as i,p as e,H as n,c as a,h as b}from"./p-Be1Pfcnm.js";const s=e(class extends n{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bsSelect=a(this,"bsSelect")}get el(){return this}selected=!1;disabled=!1;ariaLabel=null;hasIcon=!1;hasLabel=!1;bsSelect;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon"),this.hasLabel=this.hasSlottedContent(null)}hasSlottedContent(i){return Array.from(this.el.childNodes).some((e=>e.nodeType===Node.ELEMENT_NODE?e.getAttribute("slot")===i:null===i))}onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};onLabelSlotchange=i=>{this.hasLabel=i.target.assignedNodes().length>0};onClick=()=>{this.disabled||this.bsSelect.emit()};render(){return b("button",{key:"a0a20d6cb582852ae0276ae2dd91bc5c7708cbfa",type:"button",part:"tab",role:"tab",class:`bs-inline-tab ${this.selected?"bs-inline-tab--selected":""} ${this.disabled?"bs-inline-tab--disabled":""} ${this.hasIcon&&!this.hasLabel?"bs-inline-tab--icon-only":""} ${this.hasIcon?"bs-inline-tab--has-icon":""}`,disabled:this.disabled,"aria-selected":this.selected+"","aria-disabled":this.disabled?"true":void 0,"aria-label":this.ariaLabel,onClick:this.onClick},b("span",{key:"e2fea17db42da65d9ff8ff6d59749572a25c3eb2",part:"icon",class:"bs-inline-tab__icon "+(this.hasIcon?"bs-inline-tab__icon--has-content":"")},b("slot",{key:"4551fc4b092105be399277e42bf343390ae18ff8",name:"icon",onSlotchange:this.onIconSlotchange})),b("span",{key:"99de7b930a840f482e0ad2c5e6eaf1b759c6f9ed",part:"label",class:"bs-inline-tab__label "+(this.hasLabel?"bs-inline-tab__label--has-content":"")},b("slot",{key:"dbedcadbb5b1b51c47d0fa44b8a41f67d6ef4ef0",onSlotchange:this.onLabelSlotchange})))}static get style(){return":host{display:inline-block;--bs-inline-tab-radius:var(--bs-border-radius-full);--bs-inline-tab-padding-y:var(--bs-spacing-100);--bs-inline-tab-padding-x:var(--bs-spacing-200);--bs-inline-tab-padding-left-with-icon:var(--bs-spacing-150);--bs-inline-tab-padding-right-with-icon:var(--bs-spacing-200);--bs-inline-tab-gap:var(--bs-spacing-50);--bs-inline-tab-bg-default:var(--bs-color-neutral-container);--bs-inline-tab-color-default:var(--bs-text-secondary);--bs-inline-tab-bg-hover:var(--bs-color-neutral-container-hover);--bs-inline-tab-color-hover:var(--bs-text-default);--bs-inline-tab-bg-focus:var(--bs-color-neutral-container-focused);--bs-inline-tab-bg-pressed:var(--bs-color-neutral-container-pressed);--bs-inline-tab-focus-ring-color:var(--bs-border-neutral-focus);--bs-inline-tab-bg-disabled:var(--bs-surface-action-disabled);--bs-inline-tab-color-disabled:var(--bs-text-on-disabled);--bs-inline-tab-bg-selected:var(--bs-color-primary-default);--bs-inline-tab-color-selected:var(--bs-text-on-action);--bs-inline-tab-bg-selected-hover:var(--bs-color-primary-hover);--bs-inline-tab-bg-selected-focus:var(--bs-color-primary-focused);--bs-inline-tab-bg-selected-pressed:var(--bs-color-primary-pressed);--bs-inline-tab-font-size:var(--bs-font-size-sm);--bs-inline-tab-font-weight:var(--bs-font-weight-semibold);--bs-inline-tab-line-height:var(--bs-line-height-body-sm)}.bs-inline-tab{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:inherit;border-radius:var(--bs-inline-tab-radius);padding:var(--bs-inline-tab-padding-y) var(--bs-inline-tab-padding-x);background:var(--bs-inline-tab-bg-default);color:var(--bs-inline-tab-color-default);transition:color var(--bs-duration-fast) var(--bs-easing-standard),     background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-inline-tab--has-icon{padding-top:var(--bs-inline-tab-padding-y);padding-bottom:var(--bs-inline-tab-padding-y);padding-left:var(--bs-inline-tab-padding-left-with-icon);padding-right:var(--bs-inline-tab-padding-right-with-icon);gap:var(--bs-inline-tab-gap)}.bs-inline-tab:focus-visible{outline:2px solid var(--bs-inline-tab-focus-ring-color);outline-offset:2px}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):hover{background:var(--bs-inline-tab-bg-hover);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):focus-visible{background:var(--bs-inline-tab-bg-focus);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):active{background:var(--bs-inline-tab-bg-pressed);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab--selected{background:var(--bs-inline-tab-bg-selected);color:var(--bs-inline-tab-color-selected)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):hover{background:var(--bs-inline-tab-bg-selected-hover)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):focus-visible{background:var(--bs-inline-tab-bg-selected-focus)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):active{background:var(--bs-inline-tab-bg-selected-pressed)}.bs-inline-tab--disabled{background:var(--bs-inline-tab-bg-disabled);color:var(--bs-inline-tab-color-disabled);cursor:not-allowed}.bs-inline-tab__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-inline-tab__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-inline-tab__icon ::slotted(svg){width:24px;height:24px}.bs-inline-tab__label{display:none;font-size:var(--bs-inline-tab-font-size);font-weight:var(--bs-inline-tab-font-weight);line-height:calc(var(--bs-inline-tab-line-height) * 1px);white-space:nowrap}.bs-inline-tab__label--has-content{display:inline-block}"}},[769,"bs-inline-tab",{selected:[516],disabled:[4],ariaLabel:[1,"aria-label"],hasIcon:[32],hasLabel:[32]}]);function t(){"undefined"!=typeof customElements&&["bs-inline-tab"].forEach((e=>{"bs-inline-tab"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))}t();const l=s,o=t;export{l as BsInlineTab,o as defineCustomElement}
+import{t as i,p as e,H as n,c as a,h as s}from"./p-BJZYe7M4.js";const t=e(class extends n{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bsSelect=a(this,"bsSelect")}get el(){return this}selected=!1;disabled=!1;ariaLabel=null;hasIcon=!1;hasLabel=!1;bsSelect;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon"),this.hasLabel=this.hasSlottedContent(null)}hasSlottedContent(i){return Array.from(this.el.childNodes).some((e=>e.nodeType===Node.ELEMENT_NODE?e.getAttribute("slot")===i:null===i))}onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};onLabelSlotchange=i=>{this.hasLabel=i.target.assignedNodes().length>0};onClick=()=>{this.disabled||this.bsSelect.emit()};render(){return s("button",{key:"5e864cce26e8aafa1427dc6095e55e29b1a323a5",type:"button",part:"tab",role:"tab",class:`bs-inline-tab ${this.selected?"bs-inline-tab--selected":""} ${this.disabled?"bs-inline-tab--disabled":""} ${this.hasIcon&&!this.hasLabel?"bs-inline-tab--icon-only":""} ${this.hasIcon?"bs-inline-tab--has-icon":""}`,disabled:this.disabled,"aria-selected":this.selected+"","aria-disabled":this.disabled?"true":void 0,"aria-label":this.ariaLabel,onClick:this.onClick},s("span",{key:"7c1284b951d12ce59d5619fe3d2ab9c346ceed0e",part:"icon",class:"bs-inline-tab__icon "+(this.hasIcon?"bs-inline-tab__icon--has-content":"")},s("slot",{key:"3be708db5d08b628046b2c60303a829430dc875d",name:"icon",onSlotchange:this.onIconSlotchange})),s("span",{key:"9a8a11172c8c694f3eaa193bffc424e73f712970",part:"label",class:"bs-inline-tab__label "+(this.hasLabel?"bs-inline-tab__label--has-content":"")},s("slot",{key:"089d1858503b4c834e1d3b9bd4763b57fbc2f273",onSlotchange:this.onLabelSlotchange})))}static get style(){return":host{display:inline-block;--bs-inline-tab-radius:var(--bs-border-radius-full);--bs-inline-tab-padding-y:var(--bs-spacing-100);--bs-inline-tab-padding-x:var(--bs-spacing-200);--bs-inline-tab-padding-left-with-icon:var(--bs-spacing-150);--bs-inline-tab-padding-right-with-icon:var(--bs-spacing-200);--bs-inline-tab-gap:var(--bs-spacing-50);--bs-inline-tab-bg-default:var(--bs-color-neutral-container);--bs-inline-tab-color-default:var(--bs-text-secondary);--bs-inline-tab-bg-hover:var(--bs-color-neutral-container-hover);--bs-inline-tab-color-hover:var(--bs-text-default);--bs-inline-tab-bg-focus:var(--bs-color-neutral-container-focused);--bs-inline-tab-bg-pressed:var(--bs-color-neutral-container-pressed);--bs-inline-tab-focus-ring-color:var(--bs-border-neutral-focus);--bs-inline-tab-bg-disabled:var(--bs-surface-action-disabled);--bs-inline-tab-color-disabled:var(--bs-text-on-disabled);--bs-inline-tab-bg-selected:var(--bs-color-primary-default);--bs-inline-tab-color-selected:var(--bs-text-on-action);--bs-inline-tab-bg-selected-hover:var(--bs-color-primary-hover);--bs-inline-tab-bg-selected-focus:var(--bs-color-primary-focused);--bs-inline-tab-bg-selected-pressed:var(--bs-color-primary-pressed);--bs-inline-tab-font-size:var(--bs-font-size-sm);--bs-inline-tab-font-weight:var(--bs-font-weight-semibold);--bs-inline-tab-line-height:var(--bs-line-height-body-sm)}.bs-inline-tab{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:inherit;border-radius:var(--bs-inline-tab-radius);padding:var(--bs-inline-tab-padding-y) var(--bs-inline-tab-padding-x);background:var(--bs-inline-tab-bg-default);color:var(--bs-inline-tab-color-default);transition:color var(--bs-duration-fast) var(--bs-easing-standard),     background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-inline-tab--has-icon{padding-top:var(--bs-inline-tab-padding-y);padding-bottom:var(--bs-inline-tab-padding-y);padding-left:var(--bs-inline-tab-padding-left-with-icon);padding-right:var(--bs-inline-tab-padding-right-with-icon);gap:var(--bs-inline-tab-gap)}.bs-inline-tab:focus-visible{outline:2px solid var(--bs-inline-tab-focus-ring-color);outline-offset:2px}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):hover{background:var(--bs-inline-tab-bg-hover);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):focus-visible{background:var(--bs-inline-tab-bg-focus);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab:not(.bs-inline-tab--selected):not(.bs-inline-tab--disabled):active{background:var(--bs-inline-tab-bg-pressed);color:var(--bs-inline-tab-color-hover)}.bs-inline-tab--selected{background:var(--bs-inline-tab-bg-selected);color:var(--bs-inline-tab-color-selected)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):hover{background:var(--bs-inline-tab-bg-selected-hover)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):focus-visible{background:var(--bs-inline-tab-bg-selected-focus)}.bs-inline-tab--selected:not(.bs-inline-tab--disabled):active{background:var(--bs-inline-tab-bg-selected-pressed)}.bs-inline-tab--disabled{background:var(--bs-inline-tab-bg-disabled);color:var(--bs-inline-tab-color-disabled);cursor:not-allowed}.bs-inline-tab__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-inline-tab__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-inline-tab__icon ::slotted(svg){width:24px;height:24px}.bs-inline-tab__label{display:none;font-size:var(--bs-inline-tab-font-size);font-weight:var(--bs-inline-tab-font-weight);line-height:calc(var(--bs-inline-tab-line-height) * 1px);white-space:nowrap}.bs-inline-tab__label--has-content{display:inline-block}"}},[769,"bs-inline-tab",{selected:[516],disabled:[4],ariaLabel:[1,"aria-label"],hasIcon:[32],hasLabel:[32]}]);function b(){"undefined"!=typeof customElements&&["bs-inline-tab"].forEach((e=>{"bs-inline-tab"===e&&(customElements.get(i(e))||customElements.define(i(e),t))}))}b();const l=t,o=b;export{l as BsInlineTab,o as defineCustomElement}

package/dist/components/bs-input.js

@@ -1 +1 @@
-import{t as i,p as t,H as s,c as e,h as r}from"./p-Be1Pfcnm.js";import{d as n}from"./p-DivZLd6i.js";import{d as o}from"./p-xfx69LQx.js";const a=t(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bsInput=e(this,"bsInput"),this.bsChange=e(this,"bsChange"),this.bsOpen=e(this,"bsOpen"),this.bsChipAdd=e(this,"bsChipAdd"),this.bsChipRemove=e(this,"bsChipRemove"),this.bsTitleChange=e(this,"bsTitleChange"),this.bsCountryChange=e(this,"bsCountryChange")}get el(){return this}value="";type="text";label;placeholder;description;error;disabled=!1;required=!1;step=1;min;max;options=[];rows=3;chips=[];titleOptions=[];initialsTitle="";countryOptions=[];country="";length=4;open=!1;bsInput;bsChange;bsOpen;bsChipAdd;bsChipRemove;bsTitleChange;bsCountryChange;hasIcon=!1;hasEndIcon=!1;passwordVisible=!1;chipDraft="";pinInputs=[];componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon"),this.hasEndIcon=this.hasSlottedContent("end-icon")}hasSlottedContent(i){return Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE&&t.getAttribute("slot")===i))}onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};onEndIconSlotchange=i=>{this.hasEndIcon=i.target.assignedNodes().length>0};onInput=i=>{this.bsInput.emit(i.target.value)};onChange=i=>{this.bsChange.emit(i.target.value)};clampNumber(i){return void 0!==this.min&&i<this.min&&(i=this.min),void 0!==this.max&&i>this.max&&(i=this.max),i}onStepperIncrement=()=>{if(this.disabled)return;const i=this.clampNumber((parseFloat(this.value)||0)+this.step);this.value=i+"",this.bsChange.emit(this.value)};onStepperDecrement=()=>{if(this.disabled)return;const i=this.clampNumber((parseFloat(this.value)||0)-this.step);this.value=i+"",this.bsChange.emit(this.value)};onTogglePasswordVisibility=()=>{this.passwordVisible=!this.passwordVisible};onDropdownToggle=()=>{this.disabled||(this.open=!this.open,this.bsOpen.emit(this.open))};onDropdownKeydown=i=>{"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.onDropdownToggle())};onDropdownOptionSelect=i=>()=>{this.value=i.label,this.open=!1,this.bsChange.emit(this.value)};onHostKeydown(i){"dropdown"===this.type&&this.open&&"Escape"===i.key&&(this.open=!1)}onHostFocusOut(i){if("dropdown"!==this.type||!this.open)return;const t=i.relatedTarget;t&&this.el.contains(t)||(this.open=!1)}onChipDraftInput=i=>{this.chipDraft=i.target.value};onChipDraftKeydown=i=>{if("Enter"===i.key){i.preventDefault();const t=this.chipDraft.trim();t&&(this.bsChipAdd.emit(t),this.chipDraft="")}};onChipRemove=i=>()=>{this.bsChipRemove.emit(i)};onTitleChange=i=>{this.bsTitleChange.emit(i.target.value)};onCountryChange=i=>{this.bsCountryChange.emit(i.target.value)};onPinInput=i=>t=>{const s=t.target;let e=s.value;e.length>1&&(e=e.slice(-1),s.value=e),e&&i<this.length-1&&this.pinInputs[i+1]?.focus(),this.bsChange.emit(this.pinInputs.map((i=>i?.value??"")).join(""))};onPinKeydown=i=>t=>{"Backspace"===t.key&&!t.target.value&&i>0&&this.pinInputs[i-1]?.focus()};get showsEndIconArea(){return"number"===this.type||"password"===this.type||"dropdown"===this.type||"date"===this.type||this.hasEndIcon}get showsIconArea(){return"search"===this.type&&!this.hasIcon||this.hasIcon}renderIconContent(){return"search"!==this.type||this.hasIcon?r("slot",{name:"icon",onSlotchange:this.onIconSlotchange}):r("svg",{class:"bs-input__search-icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},r("circle",{cx:"7",cy:"7",r:"5",stroke:"currentColor","stroke-width":"1.3"}),r("path",{d:"M11 11L14.5 14.5",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round"}))}renderEndIconContent(){return"number"===this.type?r("span",{class:"bs-input__stepper"},r("button",{type:"button",part:"control",class:"bs-input__stepper-btn","aria-label":"Increment",tabIndex:-1,disabled:this.disabled,onClick:this.onStepperIncrement},r("svg",{viewBox:"0 0 10 6",width:"10",height:"6","aria-hidden":"true"},r("path",{d:"M1 5L5 1L9 5",stroke:"currentColor","stroke-width":"1.3",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"}))),r("button",{type:"button",part:"control",class:"bs-input__stepper-btn","aria-label":"Decrement",tabIndex:-1,disabled:this.disabled,onClick:this.onStepperDecrement},r("svg",{viewBox:"0 0 10 6",width:"10",height:"6","aria-hidden":"true"},r("path",{d:"M1 1L5 5L9 1",stroke:"currentColor","stroke-width":"1.3",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})))):"password"===this.type?r("button",{type:"button",part:"control",class:"bs-input__password-toggle","aria-label":this.passwordVisible?"Hide password":"Show password",disabled:this.disabled,onClick:this.onTogglePasswordVisibility},this.passwordVisible?r("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},r("path",{d:"M1 8C2.2 5.5 4.9 3 8 3C11.1 3 13.8 5.5 15 8C13.8 10.5 11.1 13 8 13C4.9 13 2.2 10.5 1 8Z",stroke:"currentColor","stroke-width":"1.2","stroke-linejoin":"round"}),r("circle",{cx:"8",cy:"8",r:"2",stroke:"currentColor","stroke-width":"1.2"}),r("path",{d:"M2 2L14 14",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"})):r("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},r("path",{d:"M1 8C2.2 5.5 4.9 3 8 3C11.1 3 13.8 5.5 15 8C13.8 10.5 11.1 13 8 13C4.9 13 2.2 10.5 1 8Z",stroke:"currentColor","stroke-width":"1.2","stroke-linejoin":"round"}),r("circle",{cx:"8",cy:"8",r:"2",stroke:"currentColor","stroke-width":"1.2"}))):"dropdown"===this.type?r("svg",{class:"bs-input__chevron",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},r("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round","stroke-linejoin":"round"})):"date"!==this.type||this.hasEndIcon?r("slot",{name:"end-icon",onSlotchange:this.onEndIconSlotchange}):r("svg",{class:"bs-input__calendar",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},r("rect",{x:"2",y:"3",width:"12",height:"11",rx:"1",stroke:"currentColor","stroke-width":"1.2"}),r("path",{d:"M2 6.5H14",stroke:"currentColor","stroke-width":"1.2"}),r("path",{d:"M5 1.5V4M11 1.5V4",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"}))}renderStandardControl(){return r("input",{id:"control",part:"control",class:"bs-input__control",type:"password"===this.type?this.passwordVisible?"text":"password":"dropdown"===this.type?"text":this.type,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:"dropdown"===this.type,min:"number"===this.type?this.min:void 0,max:"number"===this.type?this.max:void 0,step:"number"===this.type?this.step:void 0,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})}renderSelectControl(){return r("select",{id:"control",part:"control",class:"bs-input__control",disabled:this.disabled,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange},this.options.map((i=>r("option",{value:i.value,selected:i.value===this.value},i.label))))}renderTextareaControl(){return r("textarea",{id:"control",part:"control",class:"bs-input__control bs-input__control--textarea",rows:this.rows,value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})}renderChipControl(){return r("div",{class:"bs-input__chips"},this.chips.map((i=>r("span",{part:"chip",class:"bs-input__chip"},i,r("button",{type:"button",class:"bs-input__chip-remove","aria-label":"Remove "+i,onClick:this.onChipRemove(i)},"×")))),r("input",{id:"control",part:"control",class:"bs-input__control bs-input__chip-input",type:"text",value:this.chipDraft,placeholder:this.placeholder,disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onChipDraftInput,onKeyDown:this.onChipDraftKeydown}))}renderInitialsControl(){return[r("select",{part:"control",class:"bs-input__control bs-input__title-select",disabled:this.disabled,onChange:this.onTitleChange},this.titleOptions.map((i=>r("option",{value:i,selected:i===this.initialsTitle},i)))),r("input",{id:"control",part:"control",class:"bs-input__control",type:"text",value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})]}renderCountryControl(){return[r("select",{part:"control",class:"bs-input__control bs-input__country-select",disabled:this.disabled,onChange:this.onCountryChange},this.countryOptions.map((i=>r("option",{value:i.code,selected:i.code===this.country},i.flagIcon?i.flagIcon+" ":"",i.code," ",i.label)))),r("input",{id:"control",part:"control",class:"bs-input__control",type:"text",value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})]}renderControl(){switch(this.type){case"select":return this.renderSelectControl();case"textarea":return this.renderTextareaControl();case"chip":return this.renderChipControl();case"initials":return this.renderInitialsControl();case"country":return this.renderCountryControl();default:return this.renderStandardControl()}}renderField(){const i=["bs-input__field",this.error?"bs-input__field--error":"",this.disabled?"bs-input__field--disabled":"","textarea"===this.type?"bs-input__field--textarea":"","chip"===this.type?"bs-input__field--chip":""].filter(Boolean).join(" "),t="dropdown"===this.type;return r("div",{class:"bs-input__field-wrapper"},r("div",{part:"field",class:i,onClick:t?this.onDropdownToggle:void 0,onKeyDown:t?this.onDropdownKeydown:void 0,"aria-haspopup":t?"listbox":void 0,"aria-expanded":t?this.open+"":void 0},r("span",{part:"icon",class:"bs-input__icon "+(this.showsIconArea?"bs-input__icon--visible":"")},this.renderIconContent()),this.renderControl(),r("span",{part:"end-icon",class:"bs-input__end-icon "+(this.showsEndIconArea?"bs-input__end-icon--visible":"")},this.renderEndIconContent())),t&&this.open&&this.options.length>0&&r("bs-menu",{part:"menu",class:"bs-input__dropdown-menu",role:"listbox"},this.options.map((i=>r("bs-menu-item",{key:i.value,onBsSelect:this.onDropdownOptionSelect(i)},i.label)))))}renderPinField(){return this.pinInputs=[],r("div",{part:"field",class:"bs-input__field bs-input__field--pin "+(this.disabled?"bs-input__field--disabled":"")},Array.from({length:this.length}).map(((i,t)=>r("input",{id:0===t?"control":void 0,ref:i=>this.pinInputs[t]=i,part:"control",class:"bs-input__pin-cell",type:"text",inputMode:"numeric",maxLength:1,value:this.value[t]??"",disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onPinInput(t),onKeyDown:this.onPinKeydown(t)}))))}render(){return r("div",{key:"766dae0bf2565f45a9fffffc9684a83c89cea122",class:"bs-input "+(this.error?"bs-input--error":"")},this.label&&r("label",{key:"7935c91837b4882a9b2a416e43f43b1e0d311c8f",part:"label",class:"bs-input__label",htmlFor:"control"},this.label,this.required&&r("span",{key:"4db3ccc8647ebb5e0fb6635fb9c0e6050872b10c",part:"required",class:"bs-input__required","aria-hidden":"true"},"*")),"pin"===this.type?this.renderPinField():this.renderField(),this.error?r("span",{id:"description-or-error",part:"error",class:"bs-input__error"},r("svg",{part:"error-icon",class:"bs-input__error-icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},r("circle",{cx:"8",cy:"8",r:"6.5",stroke:"currentColor","stroke-width":"1.2"}),r("path",{d:"M8 5V8.5",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"}),r("circle",{cx:"8",cy:"11",r:"0.75",fill:"currentColor"})),this.error):this.description?r("span",{id:"description-or-error",part:"description",class:"bs-input__description"},this.description):null)}static get delegatesFocus(){return!0}static get style(){return":host{display:block;--bs-input-radius:var(--bs-border-radius-100);--bs-input-height:var(--bs-spacing-600);--bs-input-padding-x:var(--bs-spacing-150);--bs-input-padding-y:var(--bs-spacing-100);--bs-input-gap:var(--bs-spacing-200);--bs-input-icon-size:var(--bs-spacing-300);--bs-input-stack-gap:var(--bs-spacing-50);--bs-input-error-icon-size:var(--bs-spacing-250);--bs-input-field-bg:var(--bs-input-bg-default);--bs-input-field-bg-disabled:var(--bs-input-bg-disabled);--bs-input-field-border:var(--bs-input-border-default);--bs-input-field-border-hover:var(--bs-input-border-hover);--bs-input-field-border-focus:var(--bs-input-border-focus);--bs-input-field-border-error:var(--bs-input-border-error);--bs-input-field-text:var(--bs-input-text);--bs-input-field-placeholder:var(--bs-input-placeholder);--bs-input-label-color:var(--bs-input-label);--bs-input-description-color:var(--bs-input-description);--bs-input-error-color:var(--bs-input-error);--bs-input-icon-color:var(--bs-icon-muted);--bs-input-icon-color-error:var(--bs-input-icon-error);--bs-input-icon-color-disabled:var(--bs-input-icon-disabled);--bs-input-chip-bg:var(--bs-input-bg-disabled);--bs-input-chip-text:var(--bs-input-text)}.bs-input{display:flex;flex-direction:column;gap:var(--bs-input-stack-gap);font-family:inherit}.bs-input__label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);color:var(--bs-input-label-color)}.bs-input__required{color:var(--bs-input-error-color);margin-left:2px}.bs-input__field{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-input-gap);height:var(--bs-input-height);padding:var(--bs-input-padding-y) var(--bs-input-padding-x);border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg)}.bs-input__field:hover:not(.bs-input__field--disabled){border-color:var(--bs-input-field-border-hover)}.bs-input__field:focus-within{border-color:var(--bs-input-field-border-focus)}.bs-input__field--error{border-color:var(--bs-input-field-border-error)}.bs-input__field--disabled{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}.bs-input__control{flex:1;min-width:0;border:none;outline:none;padding:0;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__control::placeholder{color:var(--bs-input-field-placeholder)}.bs-input__control:disabled{color:var(--bs-input-text-disabled);cursor:not-allowed}.bs-input__control::-webkit-strong-password-auto-fill-button,.bs-input__control::-webkit-credentials-auto-fill-button{display:none !important;visibility:hidden;pointer-events:none;position:absolute;right:0}.bs-input__control::-webkit-textfield-decoration-container{visibility:hidden}.bs-input__control::-ms-reveal,.bs-input__control::-ms-clear{display:none}.bs-input--error .bs-input__label{color:var(--bs-input-label-color)}.bs-input__icon,.bs-input__end-icon{display:none;align-items:center;flex-shrink:0;color:var(--bs-input-icon-color)}.bs-input__icon--visible,.bs-input__end-icon--visible{display:flex}.bs-input__icon ::slotted(*),.bs-input__end-icon ::slotted(*){display:block;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--error .bs-input__icon,.bs-input__field--error .bs-input__end-icon{color:var(--bs-input-icon-color-error)}.bs-input__field--disabled .bs-input__icon,.bs-input__field--disabled .bs-input__end-icon{color:var(--bs-input-icon-color-disabled)}.bs-input__description{font-size:var(--bs-font-size-xs);color:var(--bs-input-description-color)}.bs-input__error{display:flex;align-items:center;gap:var(--bs-input-stack-gap);font-size:var(--bs-font-size-xs);color:var(--bs-input-error-color)}.bs-input__error-icon{flex-shrink:0;width:var(--bs-input-error-icon-size);height:var(--bs-input-error-icon-size)}.bs-input__field--textarea{height:auto;align-items:flex-start}.bs-input__control--textarea{resize:vertical}.bs-input__stepper{display:flex;flex-direction:column}.bs-input__stepper-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer}.bs-input__stepper-btn:disabled{cursor:not-allowed}.bs-input__password-toggle{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__password-toggle:disabled{cursor:not-allowed}.bs-input__password-toggle svg{width:100%;height:100%}.bs-input__chevron{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field-wrapper{position:relative;width:100%}.bs-input__dropdown-menu{position:absolute;top:calc(100% + var(--bs-input-stack-gap));left:0;right:0;z-index:1}.bs-input__calendar{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__search-icon{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--chip{flex-wrap:wrap;height:auto;min-height:var(--bs-input-height)}.bs-input__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bs-spacing-100);flex:1;min-width:0}.bs-input__chip{display:inline-flex;align-items:center;gap:4px;background:var(--bs-input-chip-bg);color:var(--bs-input-chip-text);border-radius:var(--bs-input-radius);padding:2px 6px;font-size:var(--bs-font-size-sm)}.bs-input__chip-remove{border:none;background:transparent;color:inherit;cursor:pointer;padding:0;line-height:1}.bs-input__chip-input{flex:1;min-width:60px}.bs-input__title-select,.bs-input__country-select{flex-shrink:0;width:auto;border:none;outline:none;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__field--pin{border:none;padding:0;background:transparent;gap:var(--bs-input-gap)}.bs-input__pin-cell{box-sizing:border-box;width:var(--bs-input-height);height:var(--bs-input-height);text-align:center;border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg);color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit;outline:none}.bs-input__pin-cell:focus{border-color:var(--bs-input-field-border-focus)}.bs-input__field--pin.bs-input__field--disabled .bs-input__pin-cell{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}"}},[785,"bs-input",{value:[1025],type:[1],label:[1],placeholder:[1],description:[1],error:[1],disabled:[4],required:[4],step:[2],min:[2],max:[2],options:[16],rows:[2],chips:[16],titleOptions:[16],initialsTitle:[1,"initials-title"],countryOptions:[16],country:[1],length:[2],open:[1540],hasIcon:[32],hasEndIcon:[32],passwordVisible:[32],chipDraft:[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]);function p(){"undefined"!=typeof customElements&&["bs-input","bs-menu","bs-menu-item"].forEach((t=>{switch(t){case"bs-input":customElements.get(i(t))||customElements.define(i(t),a);break;case"bs-menu":customElements.get(i(t))||n();break;case"bs-menu-item":customElements.get(i(t))||o()}}))}p();const l=a,d=p;export{l as BsInput,d as defineCustomElement}
+import{t as i,p as t,H as e,c as s,h as n}from"./p-BJZYe7M4.js";import{d as r}from"./p-BtX5URLk.js";import{d as o}from"./p-qK1XlpTA.js";const a=t(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bsInput=s(this,"bsInput"),this.bsChange=s(this,"bsChange"),this.bsOpen=s(this,"bsOpen"),this.bsChipAdd=s(this,"bsChipAdd"),this.bsChipRemove=s(this,"bsChipRemove"),this.bsTitleChange=s(this,"bsTitleChange"),this.bsCountryChange=s(this,"bsCountryChange")}get el(){return this}value="";type="text";label;placeholder;description;error;disabled=!1;required=!1;step=1;min;max;options=[];rows=3;chips=[];titleOptions=[];initialsTitle="";countryOptions=[];country="";length=4;open=!1;bsInput;bsChange;bsOpen;bsChipAdd;bsChipRemove;bsTitleChange;bsCountryChange;hasIcon=!1;hasEndIcon=!1;passwordVisible=!1;chipDraft="";pinInputs=[];componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon"),this.hasEndIcon=this.hasSlottedContent("end-icon")}hasSlottedContent(i){return Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE&&t.getAttribute("slot")===i))}onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};onEndIconSlotchange=i=>{this.hasEndIcon=i.target.assignedNodes().length>0};onInput=i=>{this.bsInput.emit(i.target.value)};onChange=i=>{this.bsChange.emit(i.target.value)};clampNumber(i){return void 0!==this.min&&i<this.min&&(i=this.min),void 0!==this.max&&i>this.max&&(i=this.max),i}onStepperIncrement=()=>{if(this.disabled)return;const i=this.clampNumber((parseFloat(this.value)||0)+this.step);this.value=i+"",this.bsChange.emit(this.value)};onStepperDecrement=()=>{if(this.disabled)return;const i=this.clampNumber((parseFloat(this.value)||0)-this.step);this.value=i+"",this.bsChange.emit(this.value)};onTogglePasswordVisibility=()=>{this.passwordVisible=!this.passwordVisible};onDropdownToggle=()=>{this.disabled||(this.open=!this.open,this.bsOpen.emit(this.open))};onDropdownKeydown=i=>{"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.onDropdownToggle())};onDropdownOptionSelect=i=>()=>{this.value=i.label,this.open=!1,this.bsChange.emit(this.value)};onHostKeydown(i){"dropdown"===this.type&&this.open&&"Escape"===i.key&&(this.open=!1)}onHostFocusOut(i){if("dropdown"!==this.type||!this.open)return;const t=i.relatedTarget;t&&this.el.contains(t)||(this.open=!1)}onChipDraftInput=i=>{this.chipDraft=i.target.value};onChipDraftKeydown=i=>{if("Enter"===i.key){i.preventDefault();const t=this.chipDraft.trim();t&&(this.bsChipAdd.emit(t),this.chipDraft="")}};onChipRemove=i=>()=>{this.bsChipRemove.emit(i)};onTitleChange=i=>{this.bsTitleChange.emit(i.target.value)};onCountryChange=i=>{this.bsCountryChange.emit(i.target.value)};onPinInput=i=>t=>{const e=t.target;let s=e.value;s.length>1&&(s=s.slice(-1),e.value=s),s&&i<this.length-1&&this.pinInputs[i+1]?.focus(),this.bsChange.emit(this.pinInputs.map((i=>i?.value??"")).join(""))};onPinKeydown=i=>t=>{"Backspace"===t.key&&!t.target.value&&i>0&&this.pinInputs[i-1]?.focus()};get showsEndIconArea(){return"number"===this.type||"password"===this.type||"dropdown"===this.type||"date"===this.type||this.hasEndIcon}get showsIconArea(){return"search"===this.type&&!this.hasIcon||this.hasIcon}renderIconContent(){return"search"!==this.type||this.hasIcon?n("slot",{name:"icon",onSlotchange:this.onIconSlotchange}):n("svg",{class:"bs-input__search-icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("circle",{cx:"7",cy:"7",r:"5",stroke:"currentColor","stroke-width":"1.3"}),n("path",{d:"M11 11L14.5 14.5",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round"}))}renderEndIconContent(){return"number"===this.type?n("span",{class:"bs-input__stepper"},n("button",{type:"button",part:"control",class:"bs-input__stepper-btn","aria-label":"Increment",tabIndex:-1,disabled:this.disabled,onClick:this.onStepperIncrement},n("svg",{viewBox:"0 0 10 6",width:"10",height:"6","aria-hidden":"true"},n("path",{d:"M1 5L5 1L9 5",stroke:"currentColor","stroke-width":"1.3",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"}))),n("button",{type:"button",part:"control",class:"bs-input__stepper-btn","aria-label":"Decrement",tabIndex:-1,disabled:this.disabled,onClick:this.onStepperDecrement},n("svg",{viewBox:"0 0 10 6",width:"10",height:"6","aria-hidden":"true"},n("path",{d:"M1 1L5 5L9 1",stroke:"currentColor","stroke-width":"1.3",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})))):"password"===this.type?n("button",{type:"button",part:"control",class:"bs-input__password-toggle","aria-label":this.passwordVisible?"Hide password":"Show password",disabled:this.disabled,onClick:this.onTogglePasswordVisibility},this.passwordVisible?n("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("path",{d:"M1 8C2.2 5.5 4.9 3 8 3C11.1 3 13.8 5.5 15 8C13.8 10.5 11.1 13 8 13C4.9 13 2.2 10.5 1 8Z",stroke:"currentColor","stroke-width":"1.2","stroke-linejoin":"round"}),n("circle",{cx:"8",cy:"8",r:"2",stroke:"currentColor","stroke-width":"1.2"}),n("path",{d:"M2 2L14 14",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"})):n("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("path",{d:"M1 8C2.2 5.5 4.9 3 8 3C11.1 3 13.8 5.5 15 8C13.8 10.5 11.1 13 8 13C4.9 13 2.2 10.5 1 8Z",stroke:"currentColor","stroke-width":"1.2","stroke-linejoin":"round"}),n("circle",{cx:"8",cy:"8",r:"2",stroke:"currentColor","stroke-width":"1.2"}))):"dropdown"===this.type?n("svg",{class:"bs-input__chevron",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round","stroke-linejoin":"round"})):"date"!==this.type||this.hasEndIcon?n("slot",{name:"end-icon",onSlotchange:this.onEndIconSlotchange}):n("svg",{class:"bs-input__calendar",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("rect",{x:"2",y:"3",width:"12",height:"11",rx:"1",stroke:"currentColor","stroke-width":"1.2"}),n("path",{d:"M2 6.5H14",stroke:"currentColor","stroke-width":"1.2"}),n("path",{d:"M5 1.5V4M11 1.5V4",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"}))}renderStandardControl(){return n("input",{id:"control",part:"control",class:"bs-input__control",type:"password"===this.type?this.passwordVisible?"text":"password":"dropdown"===this.type?"text":this.type,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:"dropdown"===this.type,min:"number"===this.type?this.min:void 0,max:"number"===this.type?this.max:void 0,step:"number"===this.type?this.step:void 0,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})}renderSelectControl(){return n("select",{id:"control",part:"control",class:"bs-input__control",disabled:this.disabled,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange},this.options.map((i=>n("option",{value:i.value,selected:i.value===this.value},i.label))))}renderTextareaControl(){return n("textarea",{id:"control",part:"control",class:"bs-input__control bs-input__control--textarea",rows:this.rows,value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})}renderChipControl(){return n("div",{class:"bs-input__chips"},this.chips.map((i=>n("span",{part:"chip",class:"bs-input__chip"},i,n("button",{type:"button",class:"bs-input__chip-remove","aria-label":"Remove "+i,onClick:this.onChipRemove(i)},"×")))),n("input",{id:"control",part:"control",class:"bs-input__control bs-input__chip-input",type:"text",value:this.chipDraft,placeholder:this.placeholder,disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onChipDraftInput,onKeyDown:this.onChipDraftKeydown}))}renderInitialsField(){const i=this.disabled?"bs-input__field--disabled":"";return n("div",{class:"bs-input__initials-row"},n("div",{part:"field",class:`bs-input__field bs-input__field--initials-title ${this.error?"bs-input__field--error":""} ${i}`},n("select",{part:"control",class:"bs-input__control bs-input__title-select",disabled:this.disabled,onChange:this.onTitleChange},this.titleOptions.map((i=>n("option",{value:i,selected:i===this.initialsTitle},i)))),this.renderSelectChevron()),n("div",{part:"field",class:`bs-input__field bs-input__field--initials-value ${this.error?"bs-input__field--error":""} ${i}`},n("input",{id:"control",part:"control",class:"bs-input__control",type:"text",value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})))}renderSelectChevron(){return n("svg",{class:"bs-input__select-chevron",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round","stroke-linejoin":"round"}))}renderCountryControl(){return[n("select",{part:"control",class:"bs-input__control bs-input__country-select",disabled:this.disabled,onChange:this.onCountryChange},this.countryOptions.map((i=>n("option",{value:i.code,selected:i.code===this.country},i.flagIcon?i.flagIcon+" ":"",i.code," ",i.label)))),this.renderSelectChevron(),n("input",{id:"control",part:"control",class:"bs-input__control",type:"text",value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})]}renderControl(){switch(this.type){case"select":return this.renderSelectControl();case"textarea":return this.renderTextareaControl();case"chip":return this.renderChipControl();case"country":return this.renderCountryControl();default:return this.renderStandardControl()}}renderField(){const i=["bs-input__field",this.error?"bs-input__field--error":"",this.disabled?"bs-input__field--disabled":"","textarea"===this.type?"bs-input__field--textarea":"","chip"===this.type?"bs-input__field--chip":""].filter(Boolean).join(" "),t="dropdown"===this.type;return n("div",{class:"bs-input__field-wrapper"},n("div",{part:"field",class:i,onClick:t?this.onDropdownToggle:void 0,onKeyDown:t?this.onDropdownKeydown:void 0,"aria-haspopup":t?"listbox":void 0,"aria-expanded":t?this.open+"":void 0},n("span",{part:"icon",class:"bs-input__icon "+(this.showsIconArea?"bs-input__icon--visible":"")},this.renderIconContent()),this.renderControl(),n("span",{part:"end-icon",class:"bs-input__end-icon "+(this.showsEndIconArea?"bs-input__end-icon--visible":"")},this.renderEndIconContent())),t&&this.open&&this.options.length>0&&n("bs-menu",{part:"menu",class:"bs-input__dropdown-menu",role:"listbox"},this.options.map((i=>n("bs-menu-item",{key:i.value,onBsSelect:this.onDropdownOptionSelect(i)},i.label)))))}renderPinField(){return this.pinInputs=[],n("div",{part:"field",class:`bs-input__field bs-input__field--pin ${this.error?"bs-input__field--error":""} ${this.disabled?"bs-input__field--disabled":""}`},Array.from({length:this.length}).map(((i,t)=>n("input",{id:0===t?"control":void 0,ref:i=>this.pinInputs[t]=i,part:"control",class:"bs-input__pin-cell",type:"text",inputMode:"numeric",maxLength:1,value:this.value[t]??"",disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onPinInput(t),onKeyDown:this.onPinKeydown(t)}))))}render(){return n("div",{key:"3647d132e96c281ba68522647ab422040c6752c2",class:"bs-input "+(this.error?"bs-input--error":"")},this.label&&n("label",{key:"95eb3e3308a746797565480318b35ea2f20c36d0",part:"label",class:"bs-input__label",htmlFor:"control"},this.label,this.required&&n("span",{key:"5c30e73a9e474ac3138aff9868e6b98d42d3771c",part:"required",class:"bs-input__required","aria-hidden":"true"},"*")),"pin"===this.type?this.renderPinField():"initials"===this.type?this.renderInitialsField():this.renderField(),this.error?n("span",{id:"description-or-error",part:"error",class:"bs-input__error"},n("svg",{part:"error-icon",class:"bs-input__error-icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("circle",{cx:"8",cy:"8",r:"6.5",stroke:"currentColor","stroke-width":"1.2"}),n("path",{d:"M8 5V8.5",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"}),n("circle",{cx:"8",cy:"11",r:"0.75",fill:"currentColor"})),this.error):this.description?n("span",{id:"description-or-error",part:"description",class:"bs-input__description"},this.description):null)}static get delegatesFocus(){return!0}static get style(){return":host{display:block;--bs-input-radius:var(--bs-border-radius-100);--bs-input-height:var(--bs-spacing-600);--bs-input-padding-x:var(--bs-spacing-150);--bs-input-padding-y:var(--bs-spacing-100);--bs-input-gap:var(--bs-spacing-200);--bs-input-icon-size:var(--bs-spacing-300);--bs-input-stack-gap:var(--bs-spacing-50);--bs-input-error-icon-size:var(--bs-spacing-250);--bs-input-field-bg:var(--bs-input-bg-default);--bs-input-field-bg-disabled:var(--bs-input-bg-disabled);--bs-input-field-border:var(--bs-input-border-default);--bs-input-field-border-hover:var(--bs-input-border-hover);--bs-input-field-border-focus:var(--bs-input-border-focus);--bs-input-field-border-error:var(--bs-input-border-error);--bs-input-field-text:var(--bs-input-text);--bs-input-field-placeholder:var(--bs-input-placeholder);--bs-input-label-color:var(--bs-input-label);--bs-input-description-color:var(--bs-input-description);--bs-input-error-color:var(--bs-input-error);--bs-input-icon-color:var(--bs-icon-muted);--bs-input-icon-color-error:var(--bs-input-icon-error);--bs-input-icon-color-disabled:var(--bs-input-icon-disabled);--bs-input-chip-bg:var(--bs-input-bg-disabled);--bs-input-chip-text:var(--bs-input-text);--bs-input-initials-title-width:80px;--bs-input-initials-gap:var(--bs-spacing-50)}.bs-input{display:flex;flex-direction:column;gap:var(--bs-input-stack-gap);font-family:inherit}.bs-input__label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);color:var(--bs-input-label-color)}.bs-input__required{color:var(--bs-input-error-color);margin-left:2px}.bs-input__field{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-input-gap);height:var(--bs-input-height);padding:var(--bs-input-padding-y) var(--bs-input-padding-x);border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg)}.bs-input__field:hover:not(.bs-input__field--disabled){border-color:var(--bs-input-field-border-hover)}.bs-input__field:focus-within{border-color:var(--bs-input-field-border-focus)}.bs-input__field--error{border-color:var(--bs-input-field-border-error)}.bs-input__field--disabled{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}.bs-input__control{flex:1;min-width:0;border:none;outline:none;padding:0;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__control::placeholder{color:var(--bs-input-field-placeholder)}.bs-input__control:disabled{color:var(--bs-input-text-disabled);cursor:not-allowed}.bs-input__control::-webkit-strong-password-auto-fill-button,.bs-input__control::-webkit-credentials-auto-fill-button{display:none !important;visibility:hidden;pointer-events:none;position:absolute;right:0}.bs-input__control::-webkit-textfield-decoration-container{visibility:hidden}.bs-input__control::-ms-reveal,.bs-input__control::-ms-clear{display:none}.bs-input--error .bs-input__label{color:var(--bs-input-label-color)}.bs-input__icon,.bs-input__end-icon{display:none;align-items:center;flex-shrink:0;color:var(--bs-input-icon-color)}.bs-input__icon--visible,.bs-input__end-icon--visible{display:flex}.bs-input__icon ::slotted(*),.bs-input__end-icon ::slotted(*){display:block;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--error .bs-input__icon,.bs-input__field--error .bs-input__end-icon{color:var(--bs-input-icon-color-error)}.bs-input__field--disabled .bs-input__icon,.bs-input__field--disabled .bs-input__end-icon{color:var(--bs-input-icon-color-disabled)}.bs-input__description{font-size:var(--bs-font-size-xs);color:var(--bs-input-description-color)}.bs-input__error{display:flex;align-items:center;gap:var(--bs-input-stack-gap);font-size:var(--bs-font-size-xs);color:var(--bs-input-error-color)}.bs-input__error-icon{flex-shrink:0;width:var(--bs-input-error-icon-size);height:var(--bs-input-error-icon-size)}.bs-input__field--textarea{height:auto;align-items:flex-start}.bs-input__control--textarea{resize:vertical}.bs-input__stepper{display:flex;flex-direction:column}.bs-input__stepper-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer}.bs-input__stepper-btn:disabled{cursor:not-allowed}.bs-input__password-toggle{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__password-toggle:disabled{cursor:not-allowed}.bs-input__password-toggle svg{width:100%;height:100%}.bs-input__chevron{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field-wrapper{position:relative;width:100%}.bs-input__dropdown-menu{position:absolute;top:calc(100% + var(--bs-input-stack-gap));left:0;right:0;z-index:1}.bs-input__calendar{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__search-icon{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--chip{flex-wrap:wrap;height:auto;min-height:var(--bs-input-height)}.bs-input__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bs-spacing-100);flex:1;min-width:0}.bs-input__chip{display:inline-flex;align-items:center;gap:4px;background:var(--bs-input-chip-bg);color:var(--bs-input-chip-text);border-radius:var(--bs-input-radius);padding:2px 6px;font-size:var(--bs-font-size-sm)}.bs-input__chip-remove{border:none;background:transparent;color:inherit;cursor:pointer;padding:0;line-height:1}.bs-input__chip-input{flex:1;min-width:60px}.bs-input__country-select{flex-shrink:0;width:auto;border:none;outline:none;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__title-select,.bs-input__country-select{appearance:none;-webkit-appearance:none;-moz-appearance:none}.bs-input__title-select::-ms-expand,.bs-input__country-select::-ms-expand{display:none}.bs-input__select-chevron{flex-shrink:0;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size);color:var(--bs-input-icon-color);pointer-events:none}.bs-input__field--disabled .bs-input__select-chevron{color:var(--bs-input-icon-color-disabled)}.bs-input__initials-row{display:flex;gap:var(--bs-input-initials-gap);width:100%}.bs-input__field--initials-title{flex:0 0 auto;width:var(--bs-input-initials-title-width);gap:var(--bs-spacing-50)}.bs-input__field--initials-title .bs-input__select-chevron{width:10px;height:10px}.bs-input__field--initials-value{flex:1;min-width:0}.bs-input__country-select{width:auto}.bs-input__field--pin{border:none;padding:0;background:transparent;gap:var(--bs-input-gap)}.bs-input__pin-cell{box-sizing:border-box;width:var(--bs-input-height);height:var(--bs-input-height);text-align:center;border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg);color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit;outline:none}.bs-input__pin-cell:focus{border-color:var(--bs-input-field-border-focus)}.bs-input__field--pin.bs-input__field--disabled .bs-input__pin-cell{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}.bs-input__field--pin.bs-input__field--error .bs-input__pin-cell{border-color:var(--bs-input-field-border-error)}"}},[785,"bs-input",{value:[1025],type:[1],label:[1],placeholder:[1],description:[1],error:[1],disabled:[4],required:[4],step:[2],min:[2],max:[2],options:[16],rows:[2],chips:[16],titleOptions:[16],initialsTitle:[1,"initials-title"],countryOptions:[16],country:[1],length:[2],open:[1540],hasIcon:[32],hasEndIcon:[32],passwordVisible:[32],chipDraft:[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]);function l(){"undefined"!=typeof customElements&&["bs-input","bs-menu","bs-menu-item"].forEach((t=>{switch(t){case"bs-input":customElements.get(i(t))||customElements.define(i(t),a);break;case"bs-menu":customElements.get(i(t))||r();break;case"bs-menu-item":customElements.get(i(t))||o()}}))}l();const p=a,d=l;export{p as BsInput,d as defineCustomElement}

package/dist/components/bs-logo.js

@@ -1 +1 @@
-import{B as o,d as s}from"./p-CaWqTQBZ.js";const a=o,p=s;export{a as BsLogo,p as defineCustomElement}
+import{B as o,d as s}from"./p-BKaZWFE1.js";const a=o,p=s;export{a as BsLogo,p as defineCustomElement}

package/dist/components/bs-menu-item.js

@@ -1 +1 @@
-import{B as o,d as s}from"./p-xfx69LQx.js";const x=o,p=s;export{x as BsMenuItem,p as defineCustomElement}
+import{B as o,d as p}from"./p-qK1XlpTA.js";const s=o,r=p;export{s as BsMenuItem,r as defineCustomElement}

package/dist/components/bs-menu.js

@@ -1 +1 @@
-import{B as o,d as s}from"./p-DivZLd6i.js";const i=o,p=s;export{i as BsMenu,p as defineCustomElement}
+import{B as o,d as s}from"./p-BtX5URLk.js";const t=o,p=s;export{t as BsMenu,p as defineCustomElement}

package/dist/components/bs-navigation-drawer-item.js

@@ -1 +1 @@
-import{t as e,p as a,H as i,c as t,h as n}from"./p-Be1Pfcnm.js";const r=a(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsSelect=t(this,"bsSelect"),this.bsToggle=t(this,"bsToggle")}get el(){return this}selected=!1;expandable=!1;expanded=!1;nested=!1;ariaLabel=null;collapsed=!1;bsSelect;bsToggle;hasIcon=!1;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon")}hasSlottedContent(e){return Array.from(this.el.childNodes).some((a=>a.nodeType===Node.ELEMENT_NODE&&a.getAttribute("slot")===e))}onIconSlotchange=e=>{this.hasIcon=e.target.assignedNodes().length>0};onClick=()=>{this.expandable?(this.expanded=!this.expanded,this.bsToggle.emit(this.expanded)):this.bsSelect.emit()};render(){const e=["bs-navigation-drawer-item",this.selected&&!this.expandable?"bs-navigation-drawer-item--selected":"",this.nested?"bs-navigation-drawer-item--nested":""].filter(Boolean).join(" ");return n("div",{key:"56087157f61114bbc3eda6ea4ed9c953c6776e7a",class:"bs-navigation-drawer-item__root"},n("button",{key:"9d7bc98cdcccb4724a7d388209e98c66140d509d",type:"button",part:"item",class:e,"aria-expanded":this.expandable?this.expanded+"":void 0,"aria-label":this.ariaLabel??void 0,onClick:this.onClick},!this.nested&&n("span",{key:"b071e6437b1394002e3494e533e199399b077d09",part:"icon",class:"bs-navigation-drawer-item__icon "+(this.hasIcon?"bs-navigation-drawer-item__icon--has-content":"")},n("slot",{key:"bacc7cf8105454457bd90ca563fd93ab202477af",name:"icon",onSlotchange:this.onIconSlotchange})),n("span",{key:"373e0875b1a68f5c02fe0473a1ff9a322d2dd9eb",part:"label",class:"bs-navigation-drawer-item__label"},n("slot",{key:"0ba908c6abe37b35a72bd4e99491e828a7b27661"})),this.expandable&&n("span",{key:"025af7ea24428581f3a7e89642d09638ebeb1734",part:"chevron",class:"bs-navigation-drawer-item__chevron "+(this.expanded?"bs-navigation-drawer-item__chevron--expanded":"")},n(s,{key:"270f60521effe7a06d4720caa6392a6a76cf5d94"}))),this.expandable&&n("span",{key:"4108f797246cc31029c9a7379d6da6a70ec0dba8",part:"children",class:"bs-navigation-drawer-item__children"},n("slot",{key:"b09f6e81f28fff754f46d2e750fa791e63f8cfe3",name:"children"})))}static get style(){return":host{display:block;--bs-navigation-drawer-item-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-radius:var(--bs-border-radius-100);--bs-navigation-drawer-item-padding-y:var(--bs-spacing-150);--bs-navigation-drawer-item-padding-x:var(--bs-spacing-100);--bs-navigation-drawer-item-padding-left-nested:var(--bs-spacing-600);--bs-navigation-drawer-item-font-weight:var(--bs-font-weight-medium);--bs-navigation-drawer-item-font-size:var(--bs-font-size-md);--bs-navigation-drawer-item-line-height:var(--bs-line-height-body-md);--bs-navigation-drawer-item-color:var(--bs-text-muted);--bs-navigation-drawer-item-color-selected:var(--bs-text-default);--bs-navigation-drawer-item-color-hover:var(--bs-text-secondary);--bs-navigation-drawer-item-bg-selected:var(--bs-surface-selected);--bs-navigation-drawer-item-bg-hover:var(--bs-surface-hover);--bs-navigation-drawer-item-bg-pressed:var(--bs-surface-pressed);--bs-navigation-drawer-item-bg-focus:var(--bs-surface-focus);--bs-navigation-drawer-item-bg-selected-hover:var(--bs-surface-selected-hover);--bs-navigation-drawer-item-bg-selected-pressed:var(--bs-surface-selected-pressed);--bs-navigation-drawer-item-bg-selected-focus:var(--bs-surface-selected-focus);--bs-navigation-drawer-item-focus-ring-color:var(--bs-border-neutral-focus);--bs-navigation-drawer-item-children-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-padding:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-icon-padding-x:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-icon-padding-y:var(--bs-spacing-50);--bs-navigation-drawer-item-collapsed-font-size:var(--bs-fontsize-caption-sm);--bs-navigation-drawer-item-collapsed-line-height:var(--bs-line-height-caption-sm)}.bs-navigation-drawer-item__root{display:contents}.bs-navigation-drawer-item{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:var(--bs-navigation-drawer-item-gap);border:none;border-radius:var(--bs-navigation-drawer-item-radius);padding:var(--bs-navigation-drawer-item-padding-y) var(--bs-navigation-drawer-item-padding-x);background:transparent;color:var(--bs-navigation-drawer-item-color);font-family:inherit;font-weight:var(--bs-navigation-drawer-item-font-weight);font-size:var(--bs-navigation-drawer-item-font-size);line-height:calc(var(--bs-navigation-drawer-item-line-height) * 1px);text-align:left;cursor:pointer;transition:color var(--bs-duration-fast) var(--bs-easing-standard),     background-color var(--bs-duration-fast) var(--bs-easing-standard)}:host(:not([collapsed])) .bs-navigation-drawer-item:hover:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-hover);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:active:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-pressed);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:focus-visible:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-focus);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:hover{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:active{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:focus-visible{background:var(--bs-navigation-drawer-item-bg-selected-focus)}.bs-navigation-drawer-item:focus-visible{outline:2px solid var(--bs-navigation-drawer-item-focus-ring-color);outline-offset:-2px}.bs-navigation-drawer-item--nested{padding-left:var(--bs-navigation-drawer-item-padding-left-nested)}.bs-navigation-drawer-item--selected{background:var(--bs-navigation-drawer-item-bg-selected);color:var(--bs-navigation-drawer-item-color-selected)}.bs-navigation-drawer-item--selected .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-selected)}:host([collapsed]) .bs-navigation-drawer-item{flex-direction:column;justify-content:center;gap:var(--bs-navigation-drawer-item-collapsed-gap);padding:var(--bs-navigation-drawer-item-collapsed-padding);background:transparent}.bs-navigation-drawer-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-navigation-drawer-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-navigation-drawer-item__icon ::slotted(svg){width:24px;height:24px}:host([collapsed]) .bs-navigation-drawer-item__icon--has-content{padding:var(--bs-navigation-drawer-item-collapsed-icon-padding-y) var(--bs-navigation-drawer-item-collapsed-icon-padding-x);border-radius:var(--bs-navigation-drawer-item-radius)}:host([collapsed][selected]) .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-hover)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-pressed)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-focus)}:host([collapsed][selected]) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host([collapsed][selected]) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host([collapsed][selected]) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-focus)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-hover)}.bs-navigation-drawer-item__label{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer-item__label{flex:none;width:100%;text-align:center;font-size:var(--bs-navigation-drawer-item-collapsed-font-size);line-height:calc(var(--bs-navigation-drawer-item-collapsed-line-height) * 1px)}.bs-navigation-drawer-item__chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:inherit;transition:transform var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer-item__chevron svg{width:16px;height:16px}.bs-navigation-drawer-item__chevron--expanded{transform:rotate(180deg)}.bs-navigation-drawer-item__children{display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-item-children-gap)}:host(:not([expanded])) .bs-navigation-drawer-item__children{display:none}:host([collapsed]) .bs-navigation-drawer-item__chevron,:host([collapsed]) .bs-navigation-drawer-item__children{display:none}"}},[769,"bs-navigation-drawer-item",{selected:[516],expandable:[4],expanded:[1540],nested:[4],ariaLabel:[1,"aria-label"],collapsed:[516],hasIcon:[32]}]),s=()=>n("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));function o(){"undefined"!=typeof customElements&&["bs-navigation-drawer-item"].forEach((a=>{"bs-navigation-drawer-item"===a&&(customElements.get(e(a))||customElements.define(e(a),r))}))}o();const d=r,c=o;export{d as BsNavigationDrawerItem,c as defineCustomElement}
+import{t as e,p as a,H as i,c as t,h as n}from"./p-BJZYe7M4.js";const r=a(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsSelect=t(this,"bsSelect"),this.bsToggle=t(this,"bsToggle")}get el(){return this}selected=!1;expandable=!1;expanded=!1;nested=!1;ariaLabel=null;collapsed=!1;bsSelect;bsToggle;hasIcon=!1;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon")}hasSlottedContent(e){return Array.from(this.el.childNodes).some((a=>a.nodeType===Node.ELEMENT_NODE&&a.getAttribute("slot")===e))}onIconSlotchange=e=>{this.hasIcon=e.target.assignedNodes().length>0};onClick=()=>{this.expandable?(this.expanded=!this.expanded,this.bsToggle.emit(this.expanded)):this.bsSelect.emit()};render(){const e=["bs-navigation-drawer-item",this.selected&&!this.expandable?"bs-navigation-drawer-item--selected":"",this.nested?"bs-navigation-drawer-item--nested":""].filter(Boolean).join(" ");return n("div",{key:"6fd089698cd27459fc10a2806fba5a792dbfec2b",class:"bs-navigation-drawer-item__root"},n("button",{key:"5c4448c9f16dfe9356ce069a5f069db9ed084f3b",type:"button",part:"item",class:e,"aria-expanded":this.expandable?this.expanded+"":void 0,"aria-label":this.ariaLabel??void 0,onClick:this.onClick},!this.nested&&n("span",{key:"bcfd23ef22e33ed6dcb3ec70b8263a4dccb14914",part:"icon",class:"bs-navigation-drawer-item__icon "+(this.hasIcon?"bs-navigation-drawer-item__icon--has-content":"")},n("slot",{key:"170f97cc6ca93bf5e9e336b7c39c3d3bb02adca8",name:"icon",onSlotchange:this.onIconSlotchange})),n("span",{key:"abbc25976aa21e94e503497430d2be0895fd8987",part:"label",class:"bs-navigation-drawer-item__label"},n("slot",{key:"0b9e12703c42e326634bb5adb49f1994b9c19754"})),this.expandable&&n("span",{key:"25e2a8517451cced2993390cd194420d57ee5489",part:"chevron",class:"bs-navigation-drawer-item__chevron "+(this.expanded?"bs-navigation-drawer-item__chevron--expanded":"")},n(s,{key:"7b15770e5a071f8f49b06d811dbe1925ff9b5054"}))),this.expandable&&n("span",{key:"861ac7d088e527486c43f80a933e796c05980bc0",part:"children",class:"bs-navigation-drawer-item__children"},n("slot",{key:"fc673a4f19b0aee8c4c3d9d718cb239746e04221",name:"children"})))}static get style(){return":host{display:block;--bs-navigation-drawer-item-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-radius:var(--bs-border-radius-100);--bs-navigation-drawer-item-padding-y:var(--bs-spacing-150);--bs-navigation-drawer-item-padding-x:var(--bs-spacing-100);--bs-navigation-drawer-item-padding-left-nested:var(--bs-spacing-600);--bs-navigation-drawer-item-font-weight:var(--bs-font-weight-medium);--bs-navigation-drawer-item-font-size:var(--bs-font-size-md);--bs-navigation-drawer-item-line-height:var(--bs-line-height-body-md);--bs-navigation-drawer-item-color:var(--bs-text-muted);--bs-navigation-drawer-item-color-selected:var(--bs-text-default);--bs-navigation-drawer-item-color-hover:var(--bs-text-secondary);--bs-navigation-drawer-item-bg-selected:var(--bs-surface-selected);--bs-navigation-drawer-item-bg-hover:var(--bs-surface-hover);--bs-navigation-drawer-item-bg-pressed:var(--bs-surface-pressed);--bs-navigation-drawer-item-bg-focus:var(--bs-surface-focus);--bs-navigation-drawer-item-bg-selected-hover:var(--bs-surface-selected-hover);--bs-navigation-drawer-item-bg-selected-pressed:var(--bs-surface-selected-pressed);--bs-navigation-drawer-item-bg-selected-focus:var(--bs-surface-selected-focus);--bs-navigation-drawer-item-focus-ring-color:var(--bs-border-neutral-focus);--bs-navigation-drawer-item-children-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-padding:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-icon-padding-x:var(--bs-spacing-300);--bs-navigation-drawer-item-collapsed-icon-padding-y:var(--bs-spacing-50);--bs-navigation-drawer-item-collapsed-font-size:var(--bs-fontsize-caption-sm);--bs-navigation-drawer-item-collapsed-line-height:var(--bs-line-height-caption-sm)}.bs-navigation-drawer-item__root{display:contents}.bs-navigation-drawer-item{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:var(--bs-navigation-drawer-item-gap);border:none;border-radius:var(--bs-navigation-drawer-item-radius);padding:var(--bs-navigation-drawer-item-padding-y) var(--bs-navigation-drawer-item-padding-x);background:transparent;color:var(--bs-navigation-drawer-item-color);font-family:inherit;font-weight:var(--bs-navigation-drawer-item-font-weight);font-size:var(--bs-navigation-drawer-item-font-size);line-height:calc(var(--bs-navigation-drawer-item-line-height) * 1px);text-align:left;cursor:pointer;transition:color var(--bs-duration-fast) var(--bs-easing-standard),     background-color var(--bs-duration-fast) var(--bs-easing-standard)}:host(:not([collapsed])) .bs-navigation-drawer-item:hover:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-hover);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:active:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-pressed);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:focus-visible:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-focus);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:hover{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:active{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:focus-visible{background:var(--bs-navigation-drawer-item-bg-selected-focus)}.bs-navigation-drawer-item:focus-visible{outline:2px solid var(--bs-navigation-drawer-item-focus-ring-color);outline-offset:-2px}.bs-navigation-drawer-item--nested{padding-left:var(--bs-navigation-drawer-item-padding-left-nested)}.bs-navigation-drawer-item--selected{background:var(--bs-navigation-drawer-item-bg-selected);color:var(--bs-navigation-drawer-item-color-selected)}.bs-navigation-drawer-item--selected .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-selected)}:host([collapsed]) .bs-navigation-drawer-item{flex-direction:column;justify-content:center;gap:var(--bs-navigation-drawer-item-collapsed-gap);padding:var(--bs-navigation-drawer-item-collapsed-padding);background:transparent}.bs-navigation-drawer-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-navigation-drawer-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-navigation-drawer-item__icon ::slotted(svg){width:24px;height:24px}:host([collapsed]) .bs-navigation-drawer-item__icon--has-content{padding:var(--bs-navigation-drawer-item-collapsed-icon-padding-y) var(--bs-navigation-drawer-item-collapsed-icon-padding-x);border-radius:var(--bs-navigation-drawer-item-radius)}:host([collapsed][selected]) .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-hover)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-pressed)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-focus)}:host([collapsed][selected]) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host([collapsed][selected]) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host([collapsed][selected]) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-focus)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-hover)}.bs-navigation-drawer-item__label{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer-item__label{flex:none;width:100%;text-align:center;font-size:var(--bs-navigation-drawer-item-collapsed-font-size);line-height:calc(var(--bs-navigation-drawer-item-collapsed-line-height) * 1px)}.bs-navigation-drawer-item__chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:inherit;transition:transform var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer-item__chevron svg{width:16px;height:16px}.bs-navigation-drawer-item__chevron--expanded{transform:rotate(180deg)}.bs-navigation-drawer-item__children{display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-item-children-gap)}:host(:not([expanded])) .bs-navigation-drawer-item__children{display:none}:host([collapsed]) .bs-navigation-drawer-item__chevron,:host([collapsed]) .bs-navigation-drawer-item__children{display:none}"}},[769,"bs-navigation-drawer-item",{selected:[516],expandable:[4],expanded:[1540],nested:[4],ariaLabel:[1,"aria-label"],collapsed:[516],hasIcon:[32]}]),s=()=>n("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));function o(){"undefined"!=typeof customElements&&["bs-navigation-drawer-item"].forEach((a=>{"bs-navigation-drawer-item"===a&&(customElements.get(e(a))||customElements.define(e(a),r))}))}o();const d=r,c=o;export{d as BsNavigationDrawerItem,c as defineCustomElement}

package/dist/components/bs-navigation-drawer.js

@@ -1 +1 @@
-import{t as a,p as r,H as e,c as i,h as n}from"./p-Be1Pfcnm.js";import{d as s}from"./p-CaWqTQBZ.js";const t=r(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bsCollapse=i(this,"bsCollapse"),this.bsSearchClick=i(this,"bsSearchClick")}get el(){return this}heading="Main Menu";collapsible=!0;collapsed=!1;bsCollapse;bsSearchClick;logoBackground="auto";onCollapsedChange(a){this.syncItemsCollapsed(a)}componentDidLoad(){this.syncItemsCollapsed(this.collapsed)}syncItemsCollapsed(a){this.el.querySelectorAll(":scope > bs-navigation-drawer-item").forEach((r=>{r.collapsed=a}))}onCollapseClick=()=>{this.collapsed=!this.collapsed,this.bsCollapse.emit(this.collapsed)};onSearchTriggerClick=()=>{this.bsSearchClick.emit()};render(){return n("nav",{key:"643a802cfef5b124603056ca409c67e5e9fa0561",class:"bs-navigation-drawer","aria-label":this.heading},n("div",{key:"31384937f95737b961aa4f1cb0b535fc78c8fcfd",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--full"},n("bs-logo",{key:"834c8a1a031072803815085036ea6b8a744012a2",variant:"full",background:this.logoBackground})),n("div",{key:"50b877188cea0fce86959517f1e14eb4f6869923",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--mark"},n("bs-logo",{key:"64b66e3e221d9641026009e0b7b0a0bbdf7b946a",variant:"mark",background:this.logoBackground})),n("div",{key:"a7634d178a491940cb43ceca3dd93aa83539a316",class:"bs-navigation-drawer__title-row"},n("span",{key:"fc018e4474f3a38f96538be9064da6b472193b3f",part:"title",class:"bs-navigation-drawer__title"},this.heading),this.collapsible&&n("button",{key:"516e28aba1e037b74ac616fbc8f293c0cef9da1a",type:"button",part:"collapse",class:"bs-navigation-drawer__collapse","aria-label":this.collapsed?"Expand":"Collapse","aria-pressed":this.collapsed?"true":"false",onClick:this.onCollapseClick},n(o,{key:"fba23fed9c12283360bd89dddee6248ec45c98fb"}))),n("div",{key:"29279ec0051d495810f177a194f8dc6f3c649f90",part:"search",class:"bs-navigation-drawer__search"},n("slot",{key:"6eef2761d887ddc776132327c8343626071fc3b3",name:"search"})),n("button",{key:"4ee9e0ca46ca85b17394466b452cba29c0e528cc",type:"button",part:"search-trigger",class:"bs-navigation-drawer__search-trigger","aria-label":"Search",onClick:this.onSearchTriggerClick},n(d,{key:"844c581c6ea6c496718866150e24415f746daa36"})),n("div",{key:"3f7f3c6bb4eae12aa87c732fbc4da6d5b3a87e40",part:"items",class:"bs-navigation-drawer__items"},n("slot",{key:"20833d282601ea298a39ead5b928155e2db33a97"})))}static get watchers(){return{collapsed:[{onCollapsedChange:0}]}}static get style(){return":host{display:block;--bs-navigation-drawer-bg:var(--bs-surface-base);--bs-navigation-drawer-border:var(--bs-border-neutral-container);--bs-navigation-drawer-padding-y:var(--bs-spacing-300);--bs-navigation-drawer-padding-left:var(--bs-spacing-300);--bs-navigation-drawer-padding-right:var(--bs-spacing-200);--bs-navigation-drawer-gap:var(--bs-spacing-300);--bs-navigation-drawer-width:280px;--bs-navigation-drawer-title-font-family:var(--bs-typography-font-family-heading);--bs-navigation-drawer-title-font-weight:var(--bs-font-weight-bold);--bs-navigation-drawer-title-font-size:var(--bs-font-size-md);--bs-navigation-drawer-title-line-height:var(--bs-line-height-heading-h6);--bs-navigation-drawer-title-color:var(--bs-text-default);--bs-navigation-drawer-collapse-size:48px;--bs-navigation-drawer-collapse-radius:var(--bs-border-radius-100);--bs-navigation-drawer-collapse-hover:var(--bs-color-neutral-container);--bs-navigation-drawer-collapse-pressed:var(--bs-color-neutral-container-pressed);--bs-navigation-drawer-collapse-icon:var(--bs-icon-default);--bs-navigation-drawer-items-gap:var(--bs-spacing-100);--bs-navigation-drawer-collapsed-width:96px;--bs-navigation-drawer-search-trigger-size:44px;--bs-navigation-drawer-search-trigger-bg:var(--bs-color-neutral-container);--bs-navigation-drawer-search-trigger-border:var(--bs-border-neutral-container);--bs-navigation-drawer-search-trigger-icon:var(--bs-icon-default)}.bs-navigation-drawer{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-gap);width:var(--bs-navigation-drawer-width);height:100%;background:var(--bs-navigation-drawer-bg);border-right:1px solid var(--bs-navigation-drawer-border);padding:var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-right) var(--bs-navigation-drawer-padding-y)     var(--bs-navigation-drawer-padding-left);font-family:inherit;transition:width var(--bs-duration-fast) var(--bs-easing-standard),     padding var(--bs-duration-fast) var(--bs-easing-standard)}:host([collapsed]) .bs-navigation-drawer{width:var(--bs-navigation-drawer-collapsed-width);padding-left:0;padding-right:0;align-items:center}.bs-navigation-drawer__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-drawer__logo--mark{display:none}:host([collapsed]) .bs-navigation-drawer__logo--full{display:none}:host([collapsed]) .bs-navigation-drawer__logo--mark{display:flex}.bs-navigation-drawer__title-row{flex-shrink:0;display:flex;align-items:center;gap:var(--bs-navigation-drawer-gap)}.bs-navigation-drawer__title{flex:1;min-width:0;font-family:var(--bs-navigation-drawer-title-font-family);font-weight:var(--bs-navigation-drawer-title-font-weight);font-size:var(--bs-navigation-drawer-title-font-size);line-height:calc(var(--bs-navigation-drawer-title-line-height) * 1px);color:var(--bs-navigation-drawer-title-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer__title{display:none}.bs-navigation-drawer__collapse{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-collapse-size);height:var(--bs-navigation-drawer-collapse-size);border:none;border-radius:var(--bs-navigation-drawer-collapse-radius);padding:0;background:transparent;color:var(--bs-navigation-drawer-collapse-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__collapse svg{width:24px;height:24px}.bs-navigation-drawer__collapse:hover{background:var(--bs-navigation-drawer-collapse-hover)}.bs-navigation-drawer__collapse:active{background:var(--bs-navigation-drawer-collapse-pressed)}.bs-navigation-drawer__collapse:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-navigation-drawer__search{flex-shrink:0;width:100%}:host([collapsed]) .bs-navigation-drawer__search{display:none}.bs-navigation-drawer__search-trigger{display:none;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-search-trigger-size);height:var(--bs-navigation-drawer-search-trigger-size);border:1px solid var(--bs-navigation-drawer-search-trigger-border);border-radius:var(--bs-navigation-drawer-collapse-radius);background:var(--bs-navigation-drawer-search-trigger-bg);color:var(--bs-navigation-drawer-search-trigger-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__search-trigger svg{width:24px;height:24px}.bs-navigation-drawer__search-trigger:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}:host([collapsed]) .bs-navigation-drawer__search-trigger{display:inline-flex}.bs-navigation-drawer__items{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-items-gap);scrollbar-width:none}.bs-navigation-drawer__items::-webkit-scrollbar{display:none}"}},[769,"bs-navigation-drawer",{heading:[1],collapsible:[4],collapsed:[1540],logoBackground:[1,"logo-background"]},void 0,{collapsed:[{onCollapsedChange:0}]}]),o=()=>n("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M15 18L9 12L15 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),d=()=>n("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("circle",{cx:"11",cy:"11",r:"7",stroke:"currentColor","stroke-width":"2"}),n("path",{d:"M16.5 16.5L21 21",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}));function l(){"undefined"!=typeof customElements&&["bs-navigation-drawer","bs-logo"].forEach((r=>{switch(r){case"bs-navigation-drawer":customElements.get(a(r))||customElements.define(a(r),t);break;case"bs-logo":customElements.get(a(r))||s()}}))}l();const g=t,b=l;export{g as BsNavigationDrawer,b as defineCustomElement}
+import{t as a,p as r,H as e,c as i,h as s}from"./p-BJZYe7M4.js";import{d as n}from"./p-BKaZWFE1.js";const t=r(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bsCollapse=i(this,"bsCollapse"),this.bsSearchClick=i(this,"bsSearchClick")}get el(){return this}heading="Main Menu";collapsible=!0;collapsed=!1;bsCollapse;bsSearchClick;logoBackground="auto";showLogo=!0;onCollapsedChange(a){this.syncItemsCollapsed(a)}componentDidLoad(){this.syncItemsCollapsed(this.collapsed)}syncItemsCollapsed(a){this.el.querySelectorAll(":scope > bs-navigation-drawer-item").forEach((r=>{r.collapsed=a}))}onCollapseClick=()=>{this.collapsed=!this.collapsed,this.bsCollapse.emit(this.collapsed)};onSearchTriggerClick=()=>{this.bsSearchClick.emit()};render(){return s("nav",{key:"0b6979dbab9e8b0bfcd1a4bdceead7b87c8d2b88",class:"bs-navigation-drawer","aria-label":this.heading},this.showLogo&&s("div",{key:"f7b4b0238118d95f48a60da815738673db41da9f",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--full"},s("bs-logo",{key:"9d40a85424f2931b251eb1e90991f3fa6b6eaccf",variant:"full",background:this.logoBackground})),this.showLogo&&s("div",{key:"77250a1f5f66e7fcd981bfd6494ee38722a7406f",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--mark"},s("bs-logo",{key:"0365624f3796b1c44af10488e8a3cab93e296169",variant:"mark",background:this.logoBackground})),s("div",{key:"4c5b0de2a90df7f6462fac6d6b79abb62829293e",class:"bs-navigation-drawer__title-row"},s("span",{key:"f9507d3c31687abcaa99340ca4e413f8d47559bc",part:"title",class:"bs-navigation-drawer__title"},this.heading),this.collapsible&&s("button",{key:"f07c9f1f04d0b3e745273d8f61b3c1af02a5bc08",type:"button",part:"collapse",class:"bs-navigation-drawer__collapse","aria-label":this.collapsed?"Expand":"Collapse","aria-pressed":this.collapsed?"true":"false",onClick:this.onCollapseClick},s(o,{key:"9731cf6bd727b753c99b5969059997a6800ec3a4"}))),s("div",{key:"7b1cc15eb095988451c32e4ba429fa5f36a5bbb8",part:"search",class:"bs-navigation-drawer__search"},s("slot",{key:"1cf0fa19d789ea44ef29a9a3fbc7852ea012045e",name:"search"})),s("button",{key:"9a7c7bf69a7ef92144e60641279fbaca47395d4f",type:"button",part:"search-trigger",class:"bs-navigation-drawer__search-trigger","aria-label":"Search",onClick:this.onSearchTriggerClick},s(d,{key:"6c55207e0b45a07c2be7aa350c07bbab4018696b"})),s("div",{key:"e22497a133d16a622ef68ff5de4796eaa96a25fb",part:"items",class:"bs-navigation-drawer__items"},s("slot",{key:"465d9447ef355558ffd0d79306abd9a9204517a1"})))}static get watchers(){return{collapsed:[{onCollapsedChange:0}]}}static get style(){return":host{display:block;--bs-navigation-drawer-bg:var(--bs-surface-base);--bs-navigation-drawer-border:var(--bs-border-neutral-container);--bs-navigation-drawer-padding-y:var(--bs-spacing-300);--bs-navigation-drawer-padding-left:var(--bs-spacing-300);--bs-navigation-drawer-padding-right:var(--bs-spacing-200);--bs-navigation-drawer-gap:var(--bs-spacing-300);--bs-navigation-drawer-width:280px;--bs-navigation-drawer-title-font-family:var(--bs-typography-font-family-heading);--bs-navigation-drawer-title-font-weight:var(--bs-font-weight-bold);--bs-navigation-drawer-title-font-size:var(--bs-font-size-md);--bs-navigation-drawer-title-line-height:var(--bs-line-height-heading-h6);--bs-navigation-drawer-title-color:var(--bs-text-default);--bs-navigation-drawer-collapse-size:48px;--bs-navigation-drawer-collapse-radius:var(--bs-border-radius-100);--bs-navigation-drawer-collapse-hover:var(--bs-color-neutral-container);--bs-navigation-drawer-collapse-pressed:var(--bs-color-neutral-container-pressed);--bs-navigation-drawer-collapse-icon:var(--bs-icon-default);--bs-navigation-drawer-items-gap:var(--bs-spacing-100);--bs-navigation-drawer-collapsed-width:96px;--bs-navigation-drawer-search-trigger-size:44px;--bs-navigation-drawer-search-trigger-bg:var(--bs-color-neutral-container);--bs-navigation-drawer-search-trigger-border:var(--bs-border-neutral-container);--bs-navigation-drawer-search-trigger-icon:var(--bs-icon-default)}.bs-navigation-drawer{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-gap);width:var(--bs-navigation-drawer-width);height:100%;background:var(--bs-navigation-drawer-bg);border-right:1px solid var(--bs-navigation-drawer-border);padding:var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-right) var(--bs-navigation-drawer-padding-y)     var(--bs-navigation-drawer-padding-left);font-family:inherit;transition:width var(--bs-duration-fast) var(--bs-easing-standard),     padding var(--bs-duration-fast) var(--bs-easing-standard)}:host([collapsed]) .bs-navigation-drawer{width:var(--bs-navigation-drawer-collapsed-width);padding-left:0;padding-right:0;align-items:center}.bs-navigation-drawer__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-drawer__logo--mark{display:none}:host([collapsed]) .bs-navigation-drawer__logo--full{display:none}:host([collapsed]) .bs-navigation-drawer__logo--mark{display:flex}.bs-navigation-drawer__title-row{flex-shrink:0;display:flex;align-items:center;gap:var(--bs-navigation-drawer-gap)}.bs-navigation-drawer__title{flex:1;min-width:0;font-family:var(--bs-navigation-drawer-title-font-family);font-weight:var(--bs-navigation-drawer-title-font-weight);font-size:var(--bs-navigation-drawer-title-font-size);line-height:calc(var(--bs-navigation-drawer-title-line-height) * 1px);color:var(--bs-navigation-drawer-title-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer__title{display:none}.bs-navigation-drawer__collapse{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-collapse-size);height:var(--bs-navigation-drawer-collapse-size);border:none;border-radius:var(--bs-navigation-drawer-collapse-radius);padding:0;background:transparent;color:var(--bs-navigation-drawer-collapse-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__collapse svg{width:24px;height:24px}.bs-navigation-drawer__collapse:hover{background:var(--bs-navigation-drawer-collapse-hover)}.bs-navigation-drawer__collapse:active{background:var(--bs-navigation-drawer-collapse-pressed)}.bs-navigation-drawer__collapse:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-navigation-drawer__search{flex-shrink:0;width:100%}:host([collapsed]) .bs-navigation-drawer__search{display:none}.bs-navigation-drawer__search-trigger{display:none;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-search-trigger-size);height:var(--bs-navigation-drawer-search-trigger-size);border:1px solid var(--bs-navigation-drawer-search-trigger-border);border-radius:var(--bs-navigation-drawer-collapse-radius);background:var(--bs-navigation-drawer-search-trigger-bg);color:var(--bs-navigation-drawer-search-trigger-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__search-trigger svg{width:24px;height:24px}.bs-navigation-drawer__search-trigger:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}:host([collapsed]) .bs-navigation-drawer__search-trigger{display:inline-flex}.bs-navigation-drawer__items{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-items-gap);scrollbar-width:none}.bs-navigation-drawer__items::-webkit-scrollbar{display:none}"}},[769,"bs-navigation-drawer",{heading:[1],collapsible:[4],collapsed:[1540],logoBackground:[1,"logo-background"],showLogo:[4,"show-logo"]},void 0,{collapsed:[{onCollapsedChange:0}]}]),o=()=>s("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},s("path",{d:"M15 18L9 12L15 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),d=()=>s("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},s("circle",{cx:"11",cy:"11",r:"7",stroke:"currentColor","stroke-width":"2"}),s("path",{d:"M16.5 16.5L21 21",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}));function l(){"undefined"!=typeof customElements&&["bs-navigation-drawer","bs-logo"].forEach((r=>{switch(r){case"bs-navigation-drawer":customElements.get(a(r))||customElements.define(a(r),t);break;case"bs-logo":customElements.get(a(r))||n()}}))}l();const g=t,b=l;export{g as BsNavigationDrawer,b as defineCustomElement}

package/dist/components/bs-navigation-header.js

@@ -1 +1 @@
-import{t as a,p as e,H as i,h as n}from"./p-Be1Pfcnm.js";import{d as t}from"./p-CaWqTQBZ.js";const s=e(class extends i{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}alignment="default";ariaLabel=null;skipToContentHref=null;skipToContentLabel="Skip to main content";logoBackground="auto";render(){const a="with-navigation-drawer"!==this.alignment;return n("header",{key:"e106c295d18a32638e8b2e8179264da30c6343fd",class:"bs-navigation-header bs-navigation-header--"+this.alignment,"aria-label":this.ariaLabel??void 0},this.skipToContentHref&&n("a",{key:"9b0aa4f626e2ac17fd02ff35f63861be5cca0a4c",part:"skip-link",class:"bs-navigation-header__skip-link",href:this.skipToContentHref},this.skipToContentLabel),a&&n("bs-logo",{key:"079ebb7b6077307cb84dacf5504eeca259c265df",part:"logo",class:"bs-navigation-header__logo",variant:"full",background:this.logoBackground}),n("div",{key:"79fb735078a3d2b200811c4c055b881fb17feb54",part:"left",class:"bs-navigation-header__left"},n("slot",{key:"8c72405a0adeb158bd6427e9c6afb77950cb1de2",name:"left"})),n("div",{key:"81941860e7e9b2780cc02b3ca9a13c0f0cde00bd",part:"right",class:"bs-navigation-header__right"},n("slot",{key:"ceb361449083be06404b862e22d461daa56cd8ca",name:"right"})))}static get style(){return":host{display:block;--bs-navigation-header-bg:var(--bs-surface-base);--bs-navigation-header-border:var(--bs-border-default);--bs-navigation-header-padding-top:var(--bs-spacing-200);--bs-navigation-header-padding-bottom:var(--bs-spacing-100);--bs-navigation-header-padding-x:var(--bs-margin-fluid);--bs-navigation-header-max-width:1920px;--bs-navigation-header-item-gap:calc(var(--bs-navigation-header-gap) * 1px);--bs-navigation-header-slot-gap:var(--bs-spacing-100);--bs-navigation-header-skip-link-bg:var(--bs-surface-action);--bs-navigation-header-skip-link-color:var(--bs-text-inverse)}.bs-navigation-header{box-sizing:border-box;position:relative;display:flex;align-items:center;width:100%;max-width:var(--bs-navigation-header-max-width);background:var(--bs-navigation-header-bg);border-bottom:1px solid var(--bs-navigation-header-border);padding:var(--bs-navigation-header-padding-top) var(--bs-navigation-header-padding-x) var(--bs-navigation-header-padding-bottom)}.bs-navigation-header__skip-link{position:absolute;top:var(--bs-spacing-100);left:-9999px;z-index:1;padding:var(--bs-spacing-100) var(--bs-spacing-200);border-radius:var(--bs-border-radius-100);background:var(--bs-navigation-header-skip-link-bg);color:var(--bs-navigation-header-skip-link-color);font-size:var(--bs-font-size-sm);text-decoration:underline}.bs-navigation-header__skip-link:focus{left:var(--bs-navigation-header-padding-x)}.bs-navigation-header--default,.bs-navigation-header--with-navigation-drawer{gap:var(--bs-navigation-header-item-gap)}.bs-navigation-header__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-header--center .bs-navigation-header__logo{flex:1 0 0;min-width:0}.bs-navigation-header__left{display:flex;align-items:center;gap:var(--bs-navigation-header-slot-gap);flex-shrink:0}.bs-navigation-header__right{display:flex;align-items:center;justify-content:flex-end;gap:var(--bs-navigation-header-slot-gap);flex:1 0 0;min-width:0}"}},[769,"bs-navigation-header",{alignment:[1],ariaLabel:[1,"aria-label"],skipToContentHref:[1,"skip-to-content-href"],skipToContentLabel:[1,"skip-to-content-label"],logoBackground:[1,"logo-background"]}]);function o(){"undefined"!=typeof customElements&&["bs-navigation-header","bs-logo"].forEach((e=>{switch(e){case"bs-navigation-header":customElements.get(a(e))||customElements.define(a(e),s);break;case"bs-logo":customElements.get(a(e))||t()}}))}o();const r=s,d=o;export{r as BsNavigationHeader,d as defineCustomElement}
+import{t as a,p as e,H as i,h as n}from"./p-BJZYe7M4.js";import{d as t}from"./p-BKaZWFE1.js";const s=e(class extends i{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}alignment="default";ariaLabel=null;skipToContentHref=null;skipToContentLabel="Skip to main content";logoBackground="auto";render(){const a="with-navigation-drawer"!==this.alignment;return n("header",{key:"7edb19100328942a082a3f35b0b6202effacd9df",class:"bs-navigation-header bs-navigation-header--"+this.alignment,"aria-label":this.ariaLabel??void 0},this.skipToContentHref&&n("a",{key:"db181c2823ae10bad5769c4578f8d560769330b8",part:"skip-link",class:"bs-navigation-header__skip-link",href:this.skipToContentHref},this.skipToContentLabel),a&&n("bs-logo",{key:"618b592c7d37bfb9f1882e98153277bc833d15ea",part:"logo",class:"bs-navigation-header__logo",variant:"full",background:this.logoBackground}),n("div",{key:"2f2d14ec0b410d6ad6ef9cbcf6aebe1336d25f89",part:"left",class:"bs-navigation-header__left"},n("slot",{key:"cad41138dd5411480eaccebef01f5d8ddc20ef6c",name:"left"})),n("div",{key:"59d65743ae936910e889d9d74b25896d5e4b61dd",part:"right",class:"bs-navigation-header__right"},n("slot",{key:"21b7aeff58441efdd504b0bbabc3fa96e99906e5",name:"right"})))}static get style(){return":host{display:block;--bs-navigation-header-bg:var(--bs-surface-base);--bs-navigation-header-border:var(--bs-border-default);--bs-navigation-header-padding-top:var(--bs-spacing-200);--bs-navigation-header-padding-bottom:var(--bs-spacing-100);--bs-navigation-header-padding-x:var(--bs-margin-fluid);--bs-navigation-header-max-width:1920px;--bs-navigation-header-item-gap:calc(var(--bs-navigation-header-gap) * 1px);--bs-navigation-header-slot-gap:var(--bs-spacing-100);--bs-navigation-header-skip-link-bg:var(--bs-surface-action);--bs-navigation-header-skip-link-color:var(--bs-text-inverse)}.bs-navigation-header{box-sizing:border-box;position:relative;display:flex;align-items:center;width:100%;max-width:var(--bs-navigation-header-max-width);background:var(--bs-navigation-header-bg);border-bottom:1px solid var(--bs-navigation-header-border);padding:var(--bs-navigation-header-padding-top) var(--bs-navigation-header-padding-x) var(--bs-navigation-header-padding-bottom)}.bs-navigation-header__skip-link{position:absolute;top:var(--bs-spacing-100);left:-9999px;z-index:1;padding:var(--bs-spacing-100) var(--bs-spacing-200);border-radius:var(--bs-border-radius-100);background:var(--bs-navigation-header-skip-link-bg);color:var(--bs-navigation-header-skip-link-color);font-size:var(--bs-font-size-sm);text-decoration:underline}.bs-navigation-header__skip-link:focus{left:var(--bs-navigation-header-padding-x)}.bs-navigation-header--default,.bs-navigation-header--with-navigation-drawer{gap:var(--bs-navigation-header-item-gap)}.bs-navigation-header__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-header--center .bs-navigation-header__logo{flex:1 0 0;min-width:0}.bs-navigation-header__left{display:flex;align-items:center;gap:var(--bs-navigation-header-slot-gap);flex-shrink:0}.bs-navigation-header__right{display:flex;align-items:center;justify-content:flex-end;gap:var(--bs-navigation-header-slot-gap);flex:1 0 0;min-width:0}"}},[769,"bs-navigation-header",{alignment:[1],ariaLabel:[1,"aria-label"],skipToContentHref:[1,"skip-to-content-href"],skipToContentLabel:[1,"skip-to-content-label"],logoBackground:[1,"logo-background"]}]);function o(){"undefined"!=typeof customElements&&["bs-navigation-header","bs-logo"].forEach((e=>{switch(e){case"bs-navigation-header":customElements.get(a(e))||customElements.define(a(e),s);break;case"bs-logo":customElements.get(a(e))||t()}}))}o();const r=s,d=o;export{r as BsNavigationHeader,d as defineCustomElement}

package/dist/components/bs-pagination.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BsPagination extends Components.BsPagination, HTMLElement {}
+export const BsPagination: {
+    prototype: BsPagination;
+    new (): BsPagination;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/bs-pagination.js

@@ -0,0 +1 @@
+import{t as i,p as a,H as t,c as n,h as e}from"./p-BJZYe7M4.js";const s=a(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bsPageChange=n(this,"bsPageChange")}totalPages=1;currentPage=1;siblingCount=1;previousLabel="Previous page";nextLabel="Next page";bsPageChange;get safeTotalPages(){return Number.isFinite(this.totalPages)&&this.totalPages>=1?this.totalPages:1}get safeSiblingCount(){return Number.isFinite(this.siblingCount)&&this.siblingCount>=0?this.siblingCount:1}goToPage(i){i===this.currentPage||i<1||i>this.safeTotalPages||(this.currentPage=i,this.bsPageChange.emit(i))}getPageList(){const{currentPage:i}=this,a=this.safeTotalPages,t=this.safeSiblingCount;if(2*t+5>=a)return o(1,a);const n=Math.max(i-t,1),e=Math.min(i+t,a),s=n>2,r=e<a-1;return!s&&r?[...o(1,2*t+1),"ellipsis",a]:s&&!r?[1,"ellipsis",...o(a-(2*t+1)+1,a)]:[1,"ellipsis",...o(n,e),"ellipsis",a]}render(){const i=this.getPageList();return e("nav",{key:"5c11c5d41a0ea748a6564dd6afe95acd1e1f7233","aria-label":"Pagination"},e("ul",{key:"bbb88ec648d773e31cdfb5afadba74f465510acb",part:"list",class:"bs-pagination__list"},e("li",{key:"7eb6c6c6b4e4f129d1b0ad09d6ad33bd1e529c39",part:"item",class:"bs-pagination__item"},e("button",{key:"1b30bbf87077802e5fb70d0b5d5bde9b1556efbe",part:"prev",type:"button",class:"bs-pagination__control","aria-label":this.previousLabel,disabled:this.currentPage<=1,onClick:()=>this.goToPage(this.currentPage-1)},e(r,{key:"e5f834332744d5caace2ff2da50dc9ea0fad6c51"}))),i.map(((i,a)=>"ellipsis"===i?e("li",{part:"item",class:"bs-pagination__item",key:"ellipsis-"+a},e("span",{part:"ellipsis",class:"bs-pagination__ellipsis","aria-hidden":"true"},e(p,null))):e("li",{part:"item",class:"bs-pagination__item",key:i},e("button",{part:i===this.currentPage?"page current":"page",type:"button",class:"bs-pagination__control bs-pagination__page "+(i===this.currentPage?"bs-pagination__page--current":""),"aria-label":"Go to page "+i,"aria-current":i===this.currentPage?"page":void 0,onClick:()=>this.goToPage(i)},i)))),e("li",{key:"5e52c579ff5c2501470af0749f44dddf97bf268c",part:"item",class:"bs-pagination__item"},e("button",{key:"6ae764d141460b432834dc79be6e094149e6f7c5",part:"next",type:"button",class:"bs-pagination__control","aria-label":this.nextLabel,disabled:this.currentPage>=this.safeTotalPages,onClick:()=>this.goToPage(this.currentPage+1)},e(l,{key:"c4e25fa5b69848ca35b9e907b0f90d0a2d8fbf14"})))))}static get style(){return":host{display:inline-block;--bs-pagination-gap:var(--bs-spacing-50);--bs-pagination-size:var(--bs-spacing-550);--bs-pagination-radius:var(--bs-border-radius-100);--bs-pagination-font-size:var(--bs-font-size-md);--bs-pagination-line-height:var(--bs-line-height-body-md);--bs-pagination-color:var(--bs-text-secondary);--bs-pagination-color-disabled:var(--bs-icon-disabled);--bs-pagination-hover:var(--bs-color-neutral-container-hover);--bs-pagination-pressed:var(--bs-color-neutral-container-pressed);--bs-pagination-current-bg:var(--bs-color-primary-default);--bs-pagination-current-bg-hover:var(--bs-color-primary-hover);--bs-pagination-current-bg-pressed:var(--bs-color-primary-pressed);--bs-pagination-current-color:var(--bs-text-on-action);--bs-pagination-focus-ring-color:var(--bs-border-neutral-focus)}.bs-pagination__list{display:flex;align-items:center;flex-wrap:wrap;margin:0;padding:0;list-style:none;gap:var(--bs-pagination-gap);font-family:inherit}.bs-pagination__item{display:flex}.bs-pagination__control{display:flex;align-items:center;justify-content:center;width:var(--bs-pagination-size);height:var(--bs-pagination-size);padding:0;border:none;border-radius:var(--bs-pagination-radius);background:transparent;color:var(--bs-pagination-color);font-family:inherit;font-size:var(--bs-pagination-font-size);line-height:calc(var(--bs-pagination-line-height) * 1px);cursor:pointer}.bs-pagination__control svg{width:24px;height:24px}.bs-pagination__control:disabled{color:var(--bs-pagination-color-disabled);cursor:not-allowed}.bs-pagination__page:not(:disabled):hover{background:var(--bs-pagination-hover)}.bs-pagination__page:not(:disabled):active{background:var(--bs-pagination-pressed)}.bs-pagination__control:focus-visible{outline:2px solid var(--bs-pagination-focus-ring-color);outline-offset:2px}.bs-pagination__page--current{background:var(--bs-pagination-current-bg);color:var(--bs-pagination-current-color)}.bs-pagination__page--current:hover{background:var(--bs-pagination-current-bg-hover)}.bs-pagination__page--current:active{background:var(--bs-pagination-current-bg-pressed)}.bs-pagination__ellipsis{display:flex;align-items:center;justify-content:center;width:var(--bs-pagination-size);height:var(--bs-pagination-size);color:var(--bs-pagination-color)}.bs-pagination__ellipsis svg{width:24px;height:24px}"}},[513,"bs-pagination",{totalPages:[2,"total-pages"],currentPage:[1538,"current-page"],siblingCount:[2,"sibling-count"],previousLabel:[1,"previous-label"],nextLabel:[1,"next-label"]}]);function o(i,a){return Array.from({length:a-i+1},((a,t)=>i+t))}const r=()=>e("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e("path",{d:"M15 18L9 12L15 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),l=()=>e("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e("path",{d:"M9 18L15 12L9 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),p=()=>e("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e("path",{d:"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),e("path",{d:"M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),e("path",{d:"M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}));function b(){"undefined"!=typeof customElements&&["bs-pagination"].forEach((a=>{"bs-pagination"===a&&(customElements.get(i(a))||customElements.define(i(a),s))}))}b();const g=s,c=b;export{g as BsPagination,c as defineCustomElement}

package/dist/components/bs-radio.js

@@ -1 +1 @@
-import{t as a,p as e,H as r,c as i,h as s}from"./p-Be1Pfcnm.js";const d=e(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bsChange=i(this,"bsChange")}get el(){return this}name;value;checked=!1;disabled=!1;bsChange;onChange=a=>{const e=a.target.checked;this.checked=e,e&&this.bsChange.emit(this.value)};render(){return s("label",{key:"da5cdc3a3661ed9d2f10741e46f87cc9beb9dbfd",class:"bs-radio "+(this.disabled?"bs-radio--disabled":"")},s("input",{key:"431a861dbbd5ea993272714e5c366eaea3a0bd8d",class:"bs-radio__input",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,onChange:this.onChange}),s("span",{key:"525d9b9d3d980a70af93a7ee800043ce0ba8d98e",class:"bs-radio__hit-area"},s("span",{key:"8c19cc4f2eb771fe82d4cb20376563b61da0f69e",class:"bs-radio__state-layer"},s("span",{key:"33829a5a6c179a8bc3289f4a25fe65ddbcce5c96",part:"circle",class:"bs-radio__circle "+(this.checked?"bs-radio__circle--selected":"")},this.checked&&s("span",{key:"36fc0fa7d46a6bd32879c83a3d084afb282fd39d",part:"dot",class:"bs-radio__dot"})))),s("span",{key:"efc3e222bae86289767794a23ede57b349567238",part:"label",class:"bs-radio__label"},s("slot",{key:"d4842d16ecade0d79572bf53a37549f017f846dd"})))}static get delegatesFocus(){return!0}static get style(){return":host{display:inline-block;--bs-radio-size:var(--bs-spacing-300);--bs-radio-border-width:2px;--bs-radio-state-layer-size:40px;--bs-radio-hit-area-size:48px;--bs-radio-gap:var(--bs-spacing-100)}.bs-radio{position:relative;display:inline-flex;align-items:center;gap:var(--bs-radio-gap);font-family:inherit;cursor:pointer}.bs-radio--disabled{cursor:not-allowed}.bs-radio__input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.bs-radio__input:disabled{cursor:not-allowed}.bs-radio__hit-area{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-hit-area-size);height:var(--bs-radio-hit-area-size)}.bs-radio__state-layer{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:var(--bs-radio-state-layer-size);height:var(--bs-radio-state-layer-size);border-radius:50%;background:var(--bs-radio-bg-default)}.bs-radio__circle{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-size);height:var(--bs-radio-size);border:var(--bs-radio-border-width) solid var(--bs-radio-enabled-border-default);border-radius:50%;background:transparent}.bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-default)}.bs-radio__dot{width:50%;height:50%;border-radius:50%;background:var(--bs-radio-icon-checked)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-hover)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-focus);outline:2px solid var(--bs-radio-focus-ring);outline-offset:2px}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-focus)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-focus)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-pressed)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-border-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-disabled)}.bs-radio__label{font-size:var(--bs-font-size-md);color:var(--bs-radio-label-default)}.bs-radio--disabled .bs-radio__label{color:var(--bs-radio-label-disabled)}"}},[785,"bs-radio",{name:[1],value:[1],checked:[1540],disabled:[4]}]);function o(){"undefined"!=typeof customElements&&["bs-radio"].forEach((e=>{"bs-radio"===e&&(customElements.get(a(e))||customElements.define(a(e),d))}))}o();const b=d,t=o;export{b as BsRadio,t as defineCustomElement}
+import{t as a,p as e,H as r,c as i,h as s}from"./p-BJZYe7M4.js";const d=e(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bsChange=i(this,"bsChange")}get el(){return this}name;value;checked=!1;disabled=!1;bsChange;onChange=a=>{const e=a.target.checked;this.checked=e,e&&this.bsChange.emit(this.value)};render(){return s("label",{key:"4c6ce599b279240445e60b89fc909f55e105cc69",class:"bs-radio "+(this.disabled?"bs-radio--disabled":"")},s("input",{key:"26ca5de7011a9c0b1d2d61c35e8859ebe5e2041f",class:"bs-radio__input",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,onChange:this.onChange}),s("span",{key:"3cd825f6153e79c6aede28a9ebb9f4d9ee3b2d6e",class:"bs-radio__hit-area"},s("span",{key:"3a1e5b58a14a6f94770ae9dca5a541ade38efcfc",class:"bs-radio__state-layer"},s("span",{key:"83391c2364a58a1cb1582fca112abd77886e5b10",part:"circle",class:"bs-radio__circle "+(this.checked?"bs-radio__circle--selected":"")},this.checked&&s("span",{key:"799e979b2b299f05b535a66604fa7c975fd43456",part:"dot",class:"bs-radio__dot"})))),s("span",{key:"89271b1d0c8460b4fce80a21b3c3fe2029630046",part:"label",class:"bs-radio__label"},s("slot",{key:"e5401f3f384330a51e51b7309a459bcb237e9034"})))}static get delegatesFocus(){return!0}static get style(){return":host{display:inline-block;--bs-radio-size:var(--bs-spacing-300);--bs-radio-border-width:2px;--bs-radio-state-layer-size:40px;--bs-radio-hit-area-size:48px;--bs-radio-gap:var(--bs-spacing-100)}.bs-radio{position:relative;display:inline-flex;align-items:center;gap:var(--bs-radio-gap);font-family:inherit;cursor:pointer}.bs-radio--disabled{cursor:not-allowed}.bs-radio__input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.bs-radio__input:disabled{cursor:not-allowed}.bs-radio__hit-area{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-hit-area-size);height:var(--bs-radio-hit-area-size)}.bs-radio__state-layer{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:var(--bs-radio-state-layer-size);height:var(--bs-radio-state-layer-size);border-radius:50%;background:var(--bs-radio-bg-default)}.bs-radio__circle{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-size);height:var(--bs-radio-size);border:var(--bs-radio-border-width) solid var(--bs-radio-enabled-border-default);border-radius:50%;background:transparent}.bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-default)}.bs-radio__dot{width:50%;height:50%;border-radius:50%;background:var(--bs-radio-icon-checked)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-hover)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-focus);outline:2px solid var(--bs-radio-focus-ring);outline-offset:2px}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-focus)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-focus)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-pressed)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-border-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-disabled)}.bs-radio__label{font-size:var(--bs-font-size-md);color:var(--bs-radio-label-default)}.bs-radio--disabled .bs-radio__label{color:var(--bs-radio-label-disabled)}"}},[785,"bs-radio",{name:[1],value:[1],checked:[1540],disabled:[4]}]);function o(){"undefined"!=typeof customElements&&["bs-radio"].forEach((e=>{"bs-radio"===e&&(customElements.get(a(e))||customElements.define(a(e),d))}))}o();const b=d,t=o;export{b as BsRadio,t as defineCustomElement}

package/dist/components/bs-slider.js

@@ -1 +1 @@
-import{t as s,p as e,H as i,c as t,h as r}from"./p-Be1Pfcnm.js";const l=e(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsChange=t(this,"bsChange"),this.bsRangeChange=t(this,"bsRangeChange")}get el(){return this}type="default";showLabel=!0;label="Label";min=0;max=100;step=1;value=0;valueStart;valueEnd;segments=10;disabled=!1;ariaLabel=null;bsChange;bsRangeChange;get effectiveValueStart(){return this.valueStart??this.min}get effectiveValueEnd(){return this.valueEnd??this.max}get effectiveStep(){return"segmented"===this.type&&this.segments>0?(this.max-this.min)/this.segments:this.step}clamp(s){return Number.isNaN(s)?this.min:Math.min(this.max,Math.max(this.min,s))}percent(s){return this.max===this.min?0:(s-this.min)/(this.max-this.min)*100}onInputChange=s=>{if(this.disabled)return;const e=this.clamp(parseFloat(s.target.value));this.value=e,this.bsChange.emit(e)};clampPercent(s){return Number.isNaN(s)?0:Math.min(100,Math.max(0,s))}fromPercent(s){return this.min+this.clampPercent(s)/100*(this.max-this.min)}onPercentFieldChange=s=>{if(this.disabled)return;const e=this.clamp(this.fromPercent(parseFloat(s.target.value)));this.value=e,this.bsChange.emit(e)};onStartInputChange=s=>{if(this.disabled)return;let e=this.clamp(parseFloat(s.target.value));e=Math.min(e,this.effectiveValueEnd),this.valueStart=e,this.bsRangeChange.emit({start:e,end:this.effectiveValueEnd})};onEndInputChange=s=>{if(this.disabled)return;let e=this.clamp(parseFloat(s.target.value));e=Math.max(e,this.effectiveValueStart),this.valueEnd=e,this.bsRangeChange.emit({start:this.effectiveValueStart,end:e})};onStartPercentFieldChange=s=>{if(this.disabled)return;let e=this.clamp(this.fromPercent(parseFloat(s.target.value)));e=Math.min(e,this.effectiveValueEnd),this.valueStart=e,this.bsRangeChange.emit({start:e,end:this.effectiveValueEnd})};onEndPercentFieldChange=s=>{if(this.disabled)return;let e=this.clamp(this.fromPercent(parseFloat(s.target.value)));e=Math.max(e,this.effectiveValueStart),this.valueEnd=e,this.bsRangeChange.emit({start:this.effectiveValueStart,end:e})};renderPercentField(s,e,i){return r("span",{part:"field",class:"bs-slider__field"},r("input",{type:"number",class:"bs-slider__field-input",value:Math.round(this.clampPercent(s)),min:0,max:100,disabled:this.disabled,"aria-label":i,onChange:e}),r("span",{class:"bs-slider__field-suffix","aria-hidden":"true"},"%"))}renderSegmentedTicks(){return"segmented"!==this.type||this.segments<=0?null:r("div",{class:"bs-slider__ticks","aria-hidden":"true"},Array.from({length:this.segments+1}).map(((s,e)=>r("span",{class:"bs-slider__tick "+(0===e?"bs-slider__tick--hidden":"")}))))}renderSingleThumb(){const s=this.percent(this.value);return r("div",{class:"bs-slider__track-wrapper",style:{"--bs-slider-fill-start":"0%","--bs-slider-fill-end":s+"%"}},r("div",{part:"track",class:"bs-slider__track"},r("div",{part:"fill",class:"bs-slider__track-fill"}),this.renderSegmentedTicks()),r("input",{type:"range",part:"control",class:"bs-slider__input",min:this.min,max:this.max,step:this.effectiveStep,value:this.value,disabled:this.disabled,"aria-label":this.ariaLabel??void 0,"aria-labelledby":!this.ariaLabel&&this.showLabel?"bs-slider-label":void 0,onInput:this.onInputChange,onChange:this.onInputChange}),r("span",{class:"bs-slider__tooltip",part:"tooltip",style:{left:s+"%"},"aria-hidden":"true"},Math.round(this.percent(this.value)),"%"))}renderRangeThumbs(){const s=this.effectiveValueStart,e=this.effectiveValueEnd,i=this.percent(s),t=this.percent(e),l=this.percent(s)>50;return r("div",{class:"bs-slider__track-wrapper",style:{"--bs-slider-fill-start":i+"%","--bs-slider-fill-end":t+"%"}},r("div",{part:"track",class:"bs-slider__track"},r("div",{part:"fill",class:"bs-slider__track-fill"})),r("input",{type:"range",part:"control",class:"bs-slider__input bs-slider__input--start",style:{zIndex:l?"4":"3"},min:this.min,max:this.max,step:this.step,value:s,disabled:this.disabled,"aria-label":this.ariaLabel??"Start value",onInput:this.onStartInputChange,onChange:this.onStartInputChange}),r("input",{type:"range",part:"control",class:"bs-slider__input bs-slider__input--end",style:{zIndex:l?"3":"4"},min:this.min,max:this.max,step:this.step,value:e,disabled:this.disabled,"aria-label":this.ariaLabel?this.ariaLabel+" end":"End value",onInput:this.onEndInputChange,onChange:this.onEndInputChange}),r("span",{class:"bs-slider__tooltip bs-slider__tooltip--start",part:"tooltip",style:{left:i+"%"},"aria-hidden":"true"},Math.round(this.percent(s)),"%"),r("span",{class:"bs-slider__tooltip bs-slider__tooltip--end",part:"tooltip",style:{left:t+"%"},"aria-hidden":"true"},Math.round(this.percent(e)),"%"))}render(){const s="range"===this.type,e=["bs-slider",this.disabled?"bs-slider--disabled":""].filter(Boolean).join(" ");return r("div",{key:"85529486524fc9859b4b1706a69e70f46537ab77",class:e},this.showLabel&&r("div",{key:"4871263c05627057e838478048caed54554db6fc",class:"bs-slider__header"},r("span",{key:"91ef26112441bdd1bdc7b4b0d1653c81db88bf4a",id:"bs-slider-label",part:"label",class:"bs-slider__label"},this.label),s?r("span",{class:"bs-slider__value-fields"},this.renderPercentField(this.percent(this.effectiveValueStart),this.onStartPercentFieldChange,this.ariaLabel??"Start value"),r("span",{class:"bs-slider__separator"},"–"),this.renderPercentField(this.percent(this.effectiveValueEnd),this.onEndPercentFieldChange,this.ariaLabel?this.ariaLabel+" end":"End value")):this.renderPercentField(this.percent(this.value),this.onPercentFieldChange,this.ariaLabel?this.ariaLabel+" value":"Value")),r("div",{key:"336901d2c9195c4415fce9fe9c683c51b652feb8",class:"bs-slider__row"},this.showLabel&&r("span",{key:"49330dd4efe29c2f4d27ded8a5ed812b5a98d6af",part:"bound",class:"bs-slider__bound"},this.min),s?this.renderRangeThumbs():this.renderSingleThumb(),this.showLabel&&r("span",{key:"6daa487800d4303d2d43c7d526bd457d3caddf7f",part:"bound",class:"bs-slider__bound"},this.max)))}static get delegatesFocus(){return!0}static get style(){return":host{display:block;--bs-slider-gap:var(--bs-spacing-100);--bs-slider-label-color:var(--bs-text-default);--bs-slider-label-color-disabled:var(--bs-text-muted);--bs-slider-label-font-weight:var(--bs-font-weight-semibold);--bs-slider-track-height:var(--bs-spacing-50);--bs-slider-track-radius:var(--bs-border-radius-full);--bs-slider-track-bg:var(--bs-surface-container);--bs-slider-track-bg-disabled:var(--bs-surface-action-disabled);--bs-slider-fill-bg:var(--bs-surface-action);--bs-slider-fill-bg-disabled:var(--bs-surface-on-action-disabled);--bs-slider-knob-hit-size:var(--bs-spacing-600);--bs-slider-knob-size:var(--bs-spacing-300);--bs-slider-knob-bg:var(--bs-surface-action);--bs-slider-knob-color-disabled:var(--bs-surface-on-action-disabled);--bs-slider-focus-ring-color:var(--bs-border-primary-focus);--bs-slider-focus-ring-gap-color:var(--bs-surface-base);--bs-slider-tick-bg:var(--bs-surface-inset);--bs-slider-tooltip-bg:var(--bs-surface-inverse);--bs-slider-tooltip-color:var(--bs-text-inverse);--bs-slider-tooltip-radius:var(--bs-border-radius-50);--bs-slider-field-width:56px;--bs-slider-field-border:var(--bs-input-border-default);--bs-slider-field-bg:var(--bs-input-bg-default);--bs-slider-field-radius:var(--bs-border-radius-100);--bs-slider-field-text:var(--bs-input-text);--bs-slider-field-text-disabled:var(--bs-text-on-disabled);--bs-slider-bound-color:var(--bs-text-default);--bs-slider-bound-color-disabled:var(--bs-text-on-disabled)}.bs-slider{display:flex;flex-direction:column;gap:var(--bs-slider-gap);font-family:inherit}.bs-slider__label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-slider-label-font-weight);color:var(--bs-slider-label-color)}.bs-slider--disabled .bs-slider__label{color:var(--bs-slider-label-color-disabled);font-weight:normal}.bs-slider__header{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-slider-gap)}.bs-slider__value-fields{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-slider__row{display:flex;align-items:center;gap:var(--bs-slider-gap)}.bs-slider__bound{color:var(--bs-slider-bound-color);font-size:var(--bs-font-size-md);flex-shrink:0}.bs-slider--disabled .bs-slider__bound{color:var(--bs-slider-bound-color-disabled)}.bs-slider__separator{color:var(--bs-slider-field-text);flex-shrink:0}.bs-slider--disabled .bs-slider__separator{color:var(--bs-slider-field-text-disabled)}.bs-slider__field{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-spacing-25);flex-shrink:0;width:var(--bs-slider-field-width);border:1px solid var(--bs-slider-field-border);border-radius:var(--bs-slider-field-radius);background:var(--bs-slider-field-bg);padding:var(--bs-spacing-50) var(--bs-spacing-100)}.bs-slider--disabled .bs-slider__field{cursor:not-allowed}.bs-slider__field-input{flex:1;min-width:0;border:none;outline:none;padding:0;background:transparent;color:var(--bs-slider-field-text);font-size:var(--bs-font-size-sm);font-family:inherit;text-align:left;-moz-appearance:textfield}.bs-slider__field-suffix{flex-shrink:0;color:var(--bs-slider-field-text);font-size:var(--bs-font-size-sm)}.bs-slider--disabled .bs-slider__field-suffix{color:var(--bs-slider-field-text-disabled)}.bs-slider__field-input::-webkit-outer-spin-button,.bs-slider__field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bs-slider__field-input:disabled{color:var(--bs-slider-field-text-disabled);cursor:not-allowed}.bs-slider__track-wrapper{position:relative;flex:1;min-width:0;height:var(--bs-slider-knob-hit-size);display:flex;align-items:center}.bs-slider__track{position:relative;width:100%;height:var(--bs-slider-track-height);border-radius:var(--bs-slider-track-radius);background:var(--bs-slider-track-bg);overflow:visible;pointer-events:none}.bs-slider--disabled .bs-slider__track{background:var(--bs-slider-track-bg-disabled)}.bs-slider__track-fill{position:absolute;top:0;bottom:0;left:var(--bs-slider-fill-start, 0%);right:calc(100% - var(--bs-slider-fill-end, 0%));border-radius:var(--bs-slider-track-radius);background:var(--bs-slider-fill-bg)}.bs-slider--disabled .bs-slider__track-fill{background:var(--bs-slider-fill-bg-disabled)}.bs-slider__ticks{position:absolute;top:50%;left:0;width:100%;height:0;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.bs-slider__tick{width:2px;height:var(--bs-spacing-50);background:var(--bs-slider-tick-bg)}.bs-slider__tick--hidden{opacity:0}.bs-slider__input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;appearance:none;background:transparent;cursor:pointer}.bs-slider--disabled .bs-slider__input{cursor:not-allowed}.bs-slider__input::-webkit-slider-runnable-track{background:transparent}.bs-slider__input::-moz-range-track{background:transparent}.bs-slider__input::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--bs-slider-knob-size);height:var(--bs-slider-knob-size);border-radius:var(--bs-border-radius-full);border:none;background:var(--bs-slider-knob-bg);cursor:pointer}.bs-slider__input::-moz-range-thumb{box-sizing:border-box;width:var(--bs-slider-knob-size);height:var(--bs-slider-knob-size);border-radius:var(--bs-border-radius-full);border:none;background:var(--bs-slider-knob-bg);cursor:pointer}.bs-slider--disabled .bs-slider__input::-webkit-slider-thumb{cursor:not-allowed;background:var(--bs-slider-knob-color-disabled)}.bs-slider--disabled .bs-slider__input::-moz-range-thumb{cursor:not-allowed;background:var(--bs-slider-knob-color-disabled)}.bs-slider__input--start,.bs-slider__input--end{pointer-events:none}.bs-slider__input--start::-webkit-slider-thumb,.bs-slider__input--end::-webkit-slider-thumb{pointer-events:auto}.bs-slider__input--start::-moz-range-thumb,.bs-slider__input--end::-moz-range-thumb{pointer-events:auto}.bs-slider__input:focus-visible::-webkit-slider-thumb,.bs-slider__input:active::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--bs-slider-focus-ring-gap-color), 0 0 0 4px var(--bs-slider-focus-ring-color)}.bs-slider__input:focus-visible::-moz-range-thumb,.bs-slider__input:active::-moz-range-thumb{box-shadow:0 0 0 2px var(--bs-slider-focus-ring-gap-color), 0 0 0 4px var(--bs-slider-focus-ring-color)}.bs-slider__tooltip{position:absolute;bottom:calc(50% + 38px);transform:translateX(-50%);padding:var(--bs-spacing-25) var(--bs-spacing-100);background:var(--bs-slider-tooltip-bg);color:var(--bs-slider-tooltip-color);border-radius:var(--bs-slider-tooltip-radius);font-size:var(--bs-font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.1s ease}.bs-slider__tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:8px;height:8px;background:var(--bs-slider-tooltip-bg);clip-path:polygon(50% 100%, 0% 0%, 100% 0%)}.bs-slider__input:focus-visible~.bs-slider__tooltip,.bs-slider__input:active~.bs-slider__tooltip{opacity:1}.bs-slider__input--start:focus-visible~.bs-slider__tooltip--end,.bs-slider__input--start:active~.bs-slider__tooltip--end,.bs-slider__input--end:focus-visible~.bs-slider__tooltip--start,.bs-slider__input--end:active~.bs-slider__tooltip--start{opacity:0}"}},[529,"bs-slider",{type:[1],showLabel:[4,"show-label"],label:[1],min:[2],max:[2],step:[2],value:[1026],valueStart:[1026,"value-start"],valueEnd:[1026,"value-end"],segments:[2],disabled:[4],ariaLabel:[1,"aria-label"]}]);function a(){"undefined"!=typeof customElements&&["bs-slider"].forEach((e=>{"bs-slider"===e&&(customElements.get(s(e))||customElements.define(s(e),l))}))}a();const d=l,b=a;export{d as BsSlider,b as defineCustomElement}
+import{t as s,p as e,H as i,c as t,h as r}from"./p-BJZYe7M4.js";const l=e(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsChange=t(this,"bsChange"),this.bsRangeChange=t(this,"bsRangeChange")}get el(){return this}type="default";showLabel=!0;label="Label";min=0;max=100;step=1;value=0;valueStart;valueEnd;segments=10;disabled=!1;ariaLabel=null;bsChange;bsRangeChange;get effectiveValueStart(){return this.valueStart??this.min}get effectiveValueEnd(){return this.valueEnd??this.max}get effectiveStep(){return"segmented"===this.type&&this.segments>0?(this.max-this.min)/this.segments:this.step}clamp(s){return Number.isNaN(s)?this.min:Math.min(this.max,Math.max(this.min,s))}percent(s){return this.max===this.min?0:(s-this.min)/(this.max-this.min)*100}onInputChange=s=>{if(this.disabled)return;const e=this.clamp(parseFloat(s.target.value));this.value=e,this.bsChange.emit(e)};clampPercent(s){return Number.isNaN(s)?0:Math.min(100,Math.max(0,s))}fromPercent(s){return this.min+this.clampPercent(s)/100*(this.max-this.min)}onPercentFieldChange=s=>{if(this.disabled)return;const e=this.clamp(this.fromPercent(parseFloat(s.target.value)));this.value=e,this.bsChange.emit(e)};onStartInputChange=s=>{if(this.disabled)return;let e=this.clamp(parseFloat(s.target.value));e=Math.min(e,this.effectiveValueEnd),this.valueStart=e,this.bsRangeChange.emit({start:e,end:this.effectiveValueEnd})};onEndInputChange=s=>{if(this.disabled)return;let e=this.clamp(parseFloat(s.target.value));e=Math.max(e,this.effectiveValueStart),this.valueEnd=e,this.bsRangeChange.emit({start:this.effectiveValueStart,end:e})};onStartPercentFieldChange=s=>{if(this.disabled)return;let e=this.clamp(this.fromPercent(parseFloat(s.target.value)));e=Math.min(e,this.effectiveValueEnd),this.valueStart=e,this.bsRangeChange.emit({start:e,end:this.effectiveValueEnd})};onEndPercentFieldChange=s=>{if(this.disabled)return;let e=this.clamp(this.fromPercent(parseFloat(s.target.value)));e=Math.max(e,this.effectiveValueStart),this.valueEnd=e,this.bsRangeChange.emit({start:this.effectiveValueStart,end:e})};renderPercentField(s,e,i){return r("span",{part:"field",class:"bs-slider__field"},r("input",{type:"number",class:"bs-slider__field-input",value:Math.round(this.clampPercent(s)),min:0,max:100,disabled:this.disabled,"aria-label":i,onChange:e}),r("span",{class:"bs-slider__field-suffix","aria-hidden":"true"},"%"))}renderSegmentedTicks(){return"segmented"!==this.type||this.segments<=0?null:r("div",{class:"bs-slider__ticks","aria-hidden":"true"},Array.from({length:this.segments+1}).map(((s,e)=>r("span",{class:"bs-slider__tick "+(0===e?"bs-slider__tick--hidden":"")}))))}renderSingleThumb(){const s=this.percent(this.value);return r("div",{class:"bs-slider__track-wrapper",style:{"--bs-slider-fill-start":"0%","--bs-slider-fill-end":s+"%"}},r("div",{part:"track",class:"bs-slider__track"},r("div",{part:"fill",class:"bs-slider__track-fill"}),this.renderSegmentedTicks()),r("input",{type:"range",part:"control",class:"bs-slider__input",min:this.min,max:this.max,step:this.effectiveStep,value:this.value,disabled:this.disabled,"aria-label":this.ariaLabel??void 0,"aria-labelledby":!this.ariaLabel&&this.showLabel?"bs-slider-label":void 0,onInput:this.onInputChange,onChange:this.onInputChange}),r("span",{class:"bs-slider__tooltip",part:"tooltip",style:{left:s+"%"},"aria-hidden":"true"},Math.round(this.percent(this.value)),"%"))}renderRangeThumbs(){const s=this.effectiveValueStart,e=this.effectiveValueEnd,i=this.percent(s),t=this.percent(e),l=this.percent(s)>50;return r("div",{class:"bs-slider__track-wrapper",style:{"--bs-slider-fill-start":i+"%","--bs-slider-fill-end":t+"%"}},r("div",{part:"track",class:"bs-slider__track"},r("div",{part:"fill",class:"bs-slider__track-fill"})),r("input",{type:"range",part:"control",class:"bs-slider__input bs-slider__input--start",style:{zIndex:l?"4":"3"},min:this.min,max:this.max,step:this.step,value:s,disabled:this.disabled,"aria-label":this.ariaLabel??"Start value",onInput:this.onStartInputChange,onChange:this.onStartInputChange}),r("input",{type:"range",part:"control",class:"bs-slider__input bs-slider__input--end",style:{zIndex:l?"3":"4"},min:this.min,max:this.max,step:this.step,value:e,disabled:this.disabled,"aria-label":this.ariaLabel?this.ariaLabel+" end":"End value",onInput:this.onEndInputChange,onChange:this.onEndInputChange}),r("span",{class:"bs-slider__tooltip bs-slider__tooltip--start",part:"tooltip",style:{left:i+"%"},"aria-hidden":"true"},Math.round(this.percent(s)),"%"),r("span",{class:"bs-slider__tooltip bs-slider__tooltip--end",part:"tooltip",style:{left:t+"%"},"aria-hidden":"true"},Math.round(this.percent(e)),"%"))}render(){const s="range"===this.type,e=["bs-slider",this.disabled?"bs-slider--disabled":""].filter(Boolean).join(" ");return r("div",{key:"94e7804dd4e03881c5b53e3eb60ad6d4908b3c6d",class:e},this.showLabel&&r("div",{key:"5a175e2c755c316e31637a99f32bbee4529a060e",class:"bs-slider__header"},r("span",{key:"31c8b1ee83e4f86d9df201bb3e98be143c1bb4fb",id:"bs-slider-label",part:"label",class:"bs-slider__label"},this.label),s?r("span",{class:"bs-slider__value-fields"},this.renderPercentField(this.percent(this.effectiveValueStart),this.onStartPercentFieldChange,this.ariaLabel??"Start value"),r("span",{class:"bs-slider__separator"},"–"),this.renderPercentField(this.percent(this.effectiveValueEnd),this.onEndPercentFieldChange,this.ariaLabel?this.ariaLabel+" end":"End value")):this.renderPercentField(this.percent(this.value),this.onPercentFieldChange,this.ariaLabel?this.ariaLabel+" value":"Value")),r("div",{key:"3e76e43398df4e013544e14cda18d61297f586c1",class:"bs-slider__row"},this.showLabel&&r("span",{key:"68b68fb76315c024e8a58ef6e69ef5d3bcef8b8a",part:"bound",class:"bs-slider__bound"},this.min),s?this.renderRangeThumbs():this.renderSingleThumb(),this.showLabel&&r("span",{key:"37cd8e768c6c374f972ab7e00893193eeaaa14ec",part:"bound",class:"bs-slider__bound"},this.max)))}static get delegatesFocus(){return!0}static get style(){return":host{display:block;--bs-slider-gap:var(--bs-spacing-100);--bs-slider-label-color:var(--bs-text-default);--bs-slider-label-color-disabled:var(--bs-text-muted);--bs-slider-label-font-weight:var(--bs-font-weight-semibold);--bs-slider-track-height:var(--bs-spacing-50);--bs-slider-track-radius:var(--bs-border-radius-full);--bs-slider-track-bg:var(--bs-surface-container);--bs-slider-track-bg-disabled:var(--bs-surface-action-disabled);--bs-slider-fill-bg:var(--bs-surface-action);--bs-slider-fill-bg-disabled:var(--bs-surface-on-action-disabled);--bs-slider-knob-hit-size:var(--bs-spacing-600);--bs-slider-knob-size:var(--bs-spacing-300);--bs-slider-knob-bg:var(--bs-surface-action);--bs-slider-knob-color-disabled:var(--bs-surface-on-action-disabled);--bs-slider-focus-ring-color:var(--bs-border-primary-focus);--bs-slider-focus-ring-gap-color:var(--bs-surface-base);--bs-slider-tick-bg:var(--bs-surface-inset);--bs-slider-tooltip-bg:var(--bs-surface-inverse);--bs-slider-tooltip-color:var(--bs-text-inverse);--bs-slider-tooltip-radius:var(--bs-border-radius-50);--bs-slider-field-width:56px;--bs-slider-field-border:var(--bs-input-border-default);--bs-slider-field-bg:var(--bs-input-bg-default);--bs-slider-field-radius:var(--bs-border-radius-100);--bs-slider-field-text:var(--bs-input-text);--bs-slider-field-text-disabled:var(--bs-text-on-disabled);--bs-slider-bound-color:var(--bs-text-default);--bs-slider-bound-color-disabled:var(--bs-text-on-disabled)}.bs-slider{display:flex;flex-direction:column;gap:var(--bs-slider-gap);font-family:inherit}.bs-slider__label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-slider-label-font-weight);color:var(--bs-slider-label-color)}.bs-slider--disabled .bs-slider__label{color:var(--bs-slider-label-color-disabled);font-weight:normal}.bs-slider__header{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-slider-gap)}.bs-slider__value-fields{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-slider__row{display:flex;align-items:center;gap:var(--bs-slider-gap)}.bs-slider__bound{color:var(--bs-slider-bound-color);font-size:var(--bs-font-size-md);flex-shrink:0}.bs-slider--disabled .bs-slider__bound{color:var(--bs-slider-bound-color-disabled)}.bs-slider__separator{color:var(--bs-slider-field-text);flex-shrink:0}.bs-slider--disabled .bs-slider__separator{color:var(--bs-slider-field-text-disabled)}.bs-slider__field{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-spacing-25);flex-shrink:0;width:var(--bs-slider-field-width);border:1px solid var(--bs-slider-field-border);border-radius:var(--bs-slider-field-radius);background:var(--bs-slider-field-bg);padding:var(--bs-spacing-50) var(--bs-spacing-100)}.bs-slider--disabled .bs-slider__field{cursor:not-allowed}.bs-slider__field-input{flex:1;min-width:0;border:none;outline:none;padding:0;background:transparent;color:var(--bs-slider-field-text);font-size:var(--bs-font-size-sm);font-family:inherit;text-align:left;-moz-appearance:textfield}.bs-slider__field-suffix{flex-shrink:0;color:var(--bs-slider-field-text);font-size:var(--bs-font-size-sm)}.bs-slider--disabled .bs-slider__field-suffix{color:var(--bs-slider-field-text-disabled)}.bs-slider__field-input::-webkit-outer-spin-button,.bs-slider__field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bs-slider__field-input:disabled{color:var(--bs-slider-field-text-disabled);cursor:not-allowed}.bs-slider__track-wrapper{position:relative;flex:1;min-width:0;height:var(--bs-slider-knob-hit-size);display:flex;align-items:center}.bs-slider__track{position:relative;width:100%;height:var(--bs-slider-track-height);border-radius:var(--bs-slider-track-radius);background:var(--bs-slider-track-bg);overflow:visible;pointer-events:none}.bs-slider--disabled .bs-slider__track{background:var(--bs-slider-track-bg-disabled)}.bs-slider__track-fill{position:absolute;top:0;bottom:0;left:var(--bs-slider-fill-start, 0%);right:calc(100% - var(--bs-slider-fill-end, 0%));border-radius:var(--bs-slider-track-radius);background:var(--bs-slider-fill-bg)}.bs-slider--disabled .bs-slider__track-fill{background:var(--bs-slider-fill-bg-disabled)}.bs-slider__ticks{position:absolute;top:50%;left:0;width:100%;height:0;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.bs-slider__tick{width:2px;height:var(--bs-spacing-50);background:var(--bs-slider-tick-bg)}.bs-slider__tick--hidden{opacity:0}.bs-slider__input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;appearance:none;background:transparent;cursor:pointer}.bs-slider--disabled .bs-slider__input{cursor:not-allowed}.bs-slider__input::-webkit-slider-runnable-track{background:transparent}.bs-slider__input::-moz-range-track{background:transparent}.bs-slider__input::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--bs-slider-knob-size);height:var(--bs-slider-knob-size);border-radius:var(--bs-border-radius-full);border:none;background:var(--bs-slider-knob-bg);cursor:pointer}.bs-slider__input::-moz-range-thumb{box-sizing:border-box;width:var(--bs-slider-knob-size);height:var(--bs-slider-knob-size);border-radius:var(--bs-border-radius-full);border:none;background:var(--bs-slider-knob-bg);cursor:pointer}.bs-slider--disabled .bs-slider__input::-webkit-slider-thumb{cursor:not-allowed;background:var(--bs-slider-knob-color-disabled)}.bs-slider--disabled .bs-slider__input::-moz-range-thumb{cursor:not-allowed;background:var(--bs-slider-knob-color-disabled)}.bs-slider__input--start,.bs-slider__input--end{pointer-events:none}.bs-slider__input--start::-webkit-slider-thumb,.bs-slider__input--end::-webkit-slider-thumb{pointer-events:auto}.bs-slider__input--start::-moz-range-thumb,.bs-slider__input--end::-moz-range-thumb{pointer-events:auto}.bs-slider__input:focus-visible::-webkit-slider-thumb,.bs-slider__input:active::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--bs-slider-focus-ring-gap-color), 0 0 0 4px var(--bs-slider-focus-ring-color)}.bs-slider__input:focus-visible::-moz-range-thumb,.bs-slider__input:active::-moz-range-thumb{box-shadow:0 0 0 2px var(--bs-slider-focus-ring-gap-color), 0 0 0 4px var(--bs-slider-focus-ring-color)}.bs-slider__tooltip{position:absolute;bottom:calc(50% + 38px);transform:translateX(-50%);padding:var(--bs-spacing-25) var(--bs-spacing-100);background:var(--bs-slider-tooltip-bg);color:var(--bs-slider-tooltip-color);border-radius:var(--bs-slider-tooltip-radius);font-size:var(--bs-font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.1s ease}.bs-slider__tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:8px;height:8px;background:var(--bs-slider-tooltip-bg);clip-path:polygon(50% 100%, 0% 0%, 100% 0%)}.bs-slider__input:focus-visible~.bs-slider__tooltip,.bs-slider__input:active~.bs-slider__tooltip{opacity:1}.bs-slider__input--start:focus-visible~.bs-slider__tooltip--end,.bs-slider__input--start:active~.bs-slider__tooltip--end,.bs-slider__input--end:focus-visible~.bs-slider__tooltip--start,.bs-slider__input--end:active~.bs-slider__tooltip--start{opacity:0}"}},[529,"bs-slider",{type:[1],showLabel:[4,"show-label"],label:[1],min:[2],max:[2],step:[2],value:[1026],valueStart:[1026,"value-start"],valueEnd:[1026,"value-end"],segments:[2],disabled:[4],ariaLabel:[1,"aria-label"]}]);function a(){"undefined"!=typeof customElements&&["bs-slider"].forEach((e=>{"bs-slider"===e&&(customElements.get(s(e))||customElements.define(s(e),l))}))}a();const d=l,b=a;export{d as BsSlider,b as defineCustomElement}

package/dist/components/bs-snackbar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BsSnackbar extends Components.BsSnackbar, HTMLElement {}
+export const BsSnackbar: {
+    prototype: BsSnackbar;
+    new (): BsSnackbar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/bs-snackbar.js

@@ -0,0 +1 @@
+import{t as a,p as s,H as r,c as n,h as c}from"./p-BJZYe7M4.js";const b=s(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bsAction=n(this,"bsAction"),this.bsDismiss=n(this,"bsDismiss")}variant="default";loading=!1;actionLabel;bsAction;bsDismiss;onAction=()=>{this.bsAction.emit()};onDismiss=()=>{this.bsDismiss.emit()};render(){return c("div",{key:"9106411da12b9a4687fc15cf51c3398e9f44cf61",part:"container",class:"bs-snackbar bs-snackbar--"+this.variant,role:"status","aria-live":"error"===this.variant?"assertive":"polite"},c("div",{key:"47d66fbf472070db51cc4ef1da513068a06bd4cf",class:"bs-snackbar__content"},c("span",{key:"aabe82b54a892ae9ce0ec299a8a8282b9c64a158",part:"icon",class:"bs-snackbar__icon","aria-hidden":"true"},this.loading?c("span",{class:"bs-snackbar__spinner"}):c(e,null)),c("span",{key:"0d349ebe58140aed06a6a887a71105aab8218c55",part:"message",class:"bs-snackbar__message"},c("slot",{key:"c95af54cae4327a956196c5e252c2e1bafc26e92"}))),c("div",{key:"9d85cb2e47cc696523bc3921afa804648ea13553",class:"bs-snackbar__actions"},this.actionLabel&&c("button",{key:"59e85117a9351385d258ec9b5bac6cfb6b2d88bf",part:"action",type:"button",class:"bs-snackbar__action",onClick:this.onAction},this.actionLabel),c("button",{key:"9e60406a369a599d9a43fb3c9c321e1aa8e1144d",part:"close",type:"button",class:"bs-snackbar__close","aria-label":"Dismiss",onClick:this.onDismiss},c(o,{key:"93e815dace277cbee4f0f67a2ec1b3321c9ff495"}))))}static get style(){return":host{display:inline-flex;--bs-snackbar-radius:var(--bs-border-radius-100);--bs-snackbar-shadow:var(--bs-shadow-md);--bs-snackbar-gap:var(--bs-spacing-100);--bs-snackbar-content-padding-y:var(--bs-spacing-200);--bs-snackbar-content-padding-x:var(--bs-spacing-200);--bs-snackbar-content-gap:var(--bs-spacing-150);--bs-snackbar-font-size:var(--bs-font-size-md);--bs-snackbar-line-height:var(--bs-line-height-body-md);--bs-snackbar-actions-padding-y:var(--bs-spacing-50);--bs-snackbar-actions-padding-x:var(--bs-spacing-100);--bs-snackbar-actions-gap:var(--bs-spacing-50);--bs-snackbar-action-radius:var(--bs-border-radius-100);--bs-snackbar-action-font-size:var(--bs-font-size-sm);--bs-snackbar-action-font-weight:var(--bs-font-weight-medium);--bs-snackbar-action-line-height:var(--bs-line-height-body-sm);--bs-snackbar-close-radius:var(--bs-border-radius-100);--bs-snackbar-surface-default:var(--bs-snackbar-bg-default);--bs-snackbar-color-default:var(--bs-snackbar-text-default);--bs-snackbar-action-border-default:var(--bs-blue-300);--bs-snackbar-action-text-default:var(--bs-snackbar-action-text);--bs-snackbar-surface-info:var(--bs-color-info-container);--bs-snackbar-text-info:var(--bs-text-info);--bs-snackbar-action-bg-info:var(--bs-snackbar-bg-info);--bs-snackbar-action-bg-info-hover:var(--bs-color-info-hover);--bs-snackbar-action-bg-info-pressed:var(--bs-color-info-pressed);--bs-snackbar-surface-warning:var(--bs-color-warning-container);--bs-snackbar-text-warning:var(--bs-text-warning);--bs-snackbar-action-bg-warning:var(--bs-snackbar-bg-warning);--bs-snackbar-action-bg-warning-hover:var(--bs-color-warning-hover);--bs-snackbar-action-bg-warning-pressed:var(--bs-color-warning-pressed);--bs-snackbar-surface-success:var(--bs-color-success-container);--bs-snackbar-text-success:var(--bs-text-success);--bs-snackbar-action-bg-success:var(--bs-snackbar-bg-success);--bs-snackbar-action-bg-success-hover:var(--bs-color-success-hover);--bs-snackbar-action-bg-success-pressed:var(--bs-color-success-pressed);--bs-snackbar-surface-error:var(--bs-color-error-container);--bs-snackbar-text-error:var(--bs-text-error);--bs-snackbar-action-bg-error:var(--bs-snackbar-bg-error);--bs-snackbar-action-bg-error-hover:var(--bs-color-error-hover);--bs-snackbar-action-bg-error-pressed:var(--bs-color-error-pressed);--bs-snackbar-action-text-on-action:var(--bs-text-on-action);--bs-snackbar-spinner-track:var(--bs-neutral-200)}.bs-snackbar{display:flex;align-items:center;gap:var(--bs-snackbar-gap);border-radius:var(--bs-snackbar-radius);box-shadow:var(--bs-snackbar-shadow);font-family:inherit}.bs-snackbar--default{background:var(--bs-snackbar-surface-default);color:var(--bs-snackbar-color-default)}.bs-snackbar--info{background:var(--bs-snackbar-surface-info);color:var(--bs-snackbar-text-info)}.bs-snackbar--warning{background:var(--bs-snackbar-surface-warning);color:var(--bs-snackbar-text-warning)}.bs-snackbar--success{background:var(--bs-snackbar-surface-success);color:var(--bs-snackbar-text-success)}.bs-snackbar--error{background:var(--bs-snackbar-surface-error);color:var(--bs-snackbar-text-error)}.bs-snackbar__content{display:flex;align-items:center;gap:var(--bs-snackbar-content-gap);flex:1 1 auto;min-width:0;padding:var(--bs-snackbar-content-padding-y) 0 var(--bs-snackbar-content-padding-y) var(--bs-snackbar-content-padding-x)}.bs-snackbar__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-snackbar__icon svg{width:24px;height:24px}.bs-snackbar__spinner{display:inline-block;box-sizing:border-box;width:24px;height:24px;border:2px solid var(--bs-snackbar-spinner-track);border-top-color:currentColor;border-radius:50%;animation:bs-snackbar-spin 0.8s linear infinite}@keyframes bs-snackbar-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.bs-snackbar__spinner{animation:none}}.bs-snackbar__message{flex:1 1 auto;min-width:0;font-size:var(--bs-snackbar-font-size);line-height:calc(var(--bs-snackbar-line-height) * 1px)}.bs-snackbar__actions{display:flex;align-items:center;align-self:stretch;gap:var(--bs-snackbar-actions-gap);flex-shrink:0;padding:var(--bs-snackbar-actions-padding-y) var(--bs-snackbar-actions-padding-x) var(--bs-snackbar-actions-padding-y) 0}.bs-snackbar__action{height:32px;padding:0 var(--bs-spacing-150);border-radius:var(--bs-snackbar-action-radius);font-family:inherit;font-size:var(--bs-snackbar-action-font-size);font-weight:var(--bs-snackbar-action-font-weight);line-height:calc(var(--bs-snackbar-action-line-height) * 1px);white-space:nowrap;cursor:pointer;border:none;background:transparent}.bs-snackbar--default .bs-snackbar__action{border:1px solid var(--bs-snackbar-action-border-default);color:var(--bs-snackbar-action-text-default)}.bs-snackbar--info .bs-snackbar__action{background:var(--bs-snackbar-action-bg-info);color:var(--bs-snackbar-action-text-on-action)}.bs-snackbar--info .bs-snackbar__action:hover{background:var(--bs-snackbar-action-bg-info-hover)}.bs-snackbar--info .bs-snackbar__action:active{background:var(--bs-snackbar-action-bg-info-pressed)}.bs-snackbar--warning .bs-snackbar__action{background:var(--bs-snackbar-action-bg-warning);color:var(--bs-snackbar-action-text-on-action)}.bs-snackbar--warning .bs-snackbar__action:hover{background:var(--bs-snackbar-action-bg-warning-hover)}.bs-snackbar--warning .bs-snackbar__action:active{background:var(--bs-snackbar-action-bg-warning-pressed)}.bs-snackbar--success .bs-snackbar__action{background:var(--bs-snackbar-action-bg-success);color:var(--bs-snackbar-action-text-on-action)}.bs-snackbar--success .bs-snackbar__action:hover{background:var(--bs-snackbar-action-bg-success-hover)}.bs-snackbar--success .bs-snackbar__action:active{background:var(--bs-snackbar-action-bg-success-pressed)}.bs-snackbar--error .bs-snackbar__action{background:var(--bs-snackbar-action-bg-error);color:var(--bs-snackbar-action-text-on-action)}.bs-snackbar--error .bs-snackbar__action:hover{background:var(--bs-snackbar-action-bg-error-hover)}.bs-snackbar--error .bs-snackbar__action:active{background:var(--bs-snackbar-action-bg-error-pressed)}.bs-snackbar__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;padding:0;border:none;background:transparent;border-radius:var(--bs-snackbar-close-radius);color:inherit;cursor:pointer}.bs-snackbar__close svg{width:24px;height:24px}.bs-snackbar--default .bs-snackbar__action:hover,.bs-snackbar__close:hover{background:color-mix(in srgb, currentColor 12%, transparent)}.bs-snackbar--default .bs-snackbar__action:active,.bs-snackbar__close:active{background:color-mix(in srgb, currentColor 24%, transparent)}.bs-snackbar__action:focus-visible,.bs-snackbar__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}"}},[769,"bs-snackbar",{variant:[1],loading:[4],actionLabel:[1,"action-label"]}]),e=()=>c("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},c("path",{d:"M8.25 12.75L10.5 15L15.75 9.75",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),c("path",{d:"M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})),o=()=>c("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},c("path",{d:"M18.75 5.25L5.25 18.75",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),c("path",{d:"M18.75 18.75L5.25 5.25",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}));function t(){"undefined"!=typeof customElements&&["bs-snackbar"].forEach((s=>{"bs-snackbar"===s&&(customElements.get(a(s))||customElements.define(a(s),b))}))}t();const i=b,k=t;export{i as BsSnackbar,k as defineCustomElement}