@telesign/boreal-web-components 0.1.0-alpha.5 → 0.1.0-alpha.6

package/components-build/bds-radio-group.js

@@ -1 +1 @@
-import{p as t,M as i,c as s,h as e,H as r,t as a}from"./index.js";import{f as o}from"./p-nxYzL9uu.js";import{O as d}from"./p-CPvuMm5C.js";import{c as h}from"./p-DhSchGPI.js";import{v as n}from"./p-kGnB15Lz.js";import{K as l}from"./p-bAMuJ4Jx.js";import{d as c}from"./p-BSlaf0ff.js";import{d as b}from"./p-N_tqtRV2.js";import{d as u}from"./p-c2z3tneT.js";const p=["BDS-RADIO","BDS-RADIO-BUTTON","BDS-RADIO-CARD"],g=t(class extends(i(o)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.bdsChange=s(this,"bdsChange"),this.valueChange=s(this,"valueChange"),this.internals=this.attachInternals(),this._id=h("bds-radio-group"),this.isDisabled=!1,this.isInvalid=!1,this.disabled=!1,this.error=!1,this.errorMessage="",this.helperText="",this.info="",this.label="",this.orientation=d.VERTICAL,this.required=!1,this.type="radio",this.value="",this.handleKeyDown=t=>{const i=t.target;if(p.includes(i.tagName))switch(t.key){case l.ArrowDown:case l.ArrowRight:this.navigateTo(i,!0),t.preventDefault();break;case l.ArrowUp:case l.ArrowLeft:this.navigateTo(i,!1),t.preventDefault()}},this.handleSlotChange=()=>{this.updateLayoutCount()},this._buttonCount=0}checkPropValues(){n(Object.values(d),d.VERTICAL,this.el,"orientation")}onDisabledChange(t){this.isDisabled=t,this.radioElements.forEach((i=>i.disabled=t))}onErrorChange(t){this.radioElements.forEach((i=>i.error=t))}onValueChange(t){this.radioElements.forEach((i=>{i.checked=i.value===t,i.setAttribute("aria-checked",(i.value===t)+"")}));const i=this.radioElements.find((t=>t.checked));this.updateTabIndexes(i??null)}componentWillLoad(){if(this.checkPropValues(),this.isDisabled=this.disabled,""===this.value){const t=Array.from(this.el.querySelectorAll("bds-radio[checked], bds-radio-button[checked], bds-radio-card[checked]")).at(-1);void 0!==t&&(this.value=t.getAttribute("value")??"")}}componentDidLoad(){const t=this.radioElements.filter((t=>t.checked));t.length>1&&t.slice(0,-1).forEach((t=>t.checked=!1)),this.onValueChange(this.value),this.error&&this.radioElements.forEach((t=>t.error=!0)),this.updateLayoutCount(),this.updateTabIndexes(this.radioElements.find((t=>t.checked))??this.radioElements.find((t=>!t.disabled))??null),this.updateFormValidity()}formAssociatedCallback(){this.syncFormValue()}formResetCallback(){this.value="",this.isInvalid=!1,this.radioElements.forEach((t=>{t.checked=!1,t.setAttribute("aria-checked","false"),this.error||(t.error=!1)})),this.internals.setFormValue(null),this.updateFormValidity();const t=this.radioElements.find((t=>!t.disabled));this.updateTabIndexes(t??null)}formStateRestoreCallback(t,i){const s="string"==typeof t?t:"";this.value=s,this.internals.setFormValue(""!==s?s:null)}formDisabledCallback(t){this.isDisabled=t,this.radioElements.forEach((i=>i.disabled=t))}handleRadioChange(t){const i=t.target;p.includes(i.tagName)&&(this.radioElements.filter((t=>t!==i)).forEach((t=>{t.checked=!1,t.setAttribute("aria-checked","false")})),this.value=t.detail.value,this.internals.setFormValue(this.value),this.updateTabIndexes(i),this.updateFormValidity(),this.bdsChange.emit({value:this.value}),this.valueChange.emit(this.value))}handleInvalid(t){""!==this.errorMessage&&(t.preventDefault(),this.isInvalid=!0,this.radioElements.forEach((t=>t.error=!0)))}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}navigateTo(t,i){const s=this.radioElements.filter((t=>!t.disabled));if(0===s.length)return;const e=s.indexOf(t),r=s[(s.length+e+(i?1:-1))%s.length];r.checked=!0,r.setAttribute("aria-checked","true"),this.radioElements.filter((t=>t!==r)).forEach((t=>{t.checked=!1,t.setAttribute("aria-checked","false")})),this.value=r.value,this.internals.setFormValue(this.value),this.updateTabIndexes(r),this.updateFormValidity(),this.bdsChange.emit({value:this.value}),this.valueChange.emit(this.value),r.focus()}insertDividers(){if(this.el.querySelectorAll("bds-divider[data-injected]").forEach((t=>t.remove())),"radiobutton"!==this.type)return;const t=this.orientation===d.HORIZONTAL?d.VERTICAL:d.HORIZONTAL;this.radioElements.filter((t=>"BDS-RADIO-BUTTON"===t.tagName)).forEach(((i,s)=>{if(0===s)return;const e=document.createElement("bds-divider");e.setAttribute("orientation",t),e.setAttribute("data-injected",""),i.parentNode?.insertBefore(e,i)}))}get radioElements(){return Array.from(this.el.querySelectorAll("bds-radio, bds-radio-button, bds-radio-card"))}syncFormValue(){this.internals.setFormValue(""!==this.value?this.value:null),this.updateFormValidity()}updateFormValidity(){if(this.required&&""===this.value){const t=this.radioElements.find((t=>!t.disabled));this.internals.setValidity({valueMissing:!0},""!==this.errorMessage?this.errorMessage:"Please select an option.",t)}else this.internals.setValidity({}),this.isInvalid&&(this.isInvalid=!1,this.error||this.radioElements.forEach((t=>t.error=!1)))}updateLayoutCount(){const t=this.radioElements.length;this.el.style.setProperty("--layout-count",""+t),t!==this._buttonCount&&(this._buttonCount=t,this.insertDividers())}updateTabIndexes(t){this.radioElements.forEach((t=>t.setAttribute("tabindex","-1"))),null!==t&&t.setAttribute("tabindex","0")}get isError(){return this.error&&!this.disabled||this.isInvalid}get classMap(){return{"bds-radio-group":!0,"bds-radio-group--disabled":this.isDisabled,"bds-radio-group--error":this.isError,"bds-radio-group--required":this.required}}render(){const t=this._id+"-label",i=this._id+"-helper",s=this.isError,a=this.isDisabled?"disabled":s?"error":"default",o=s&&""!==this.errorMessage?this.errorMessage:this.helperText;return e(r,{key:"ab755f253ab7096e8ed0efa7196cedd96cdc7ca8",class:this.classMap,role:"radiogroup","aria-labelledby":""!==this.label?t:void 0,"aria-describedby":""!==o?i:void 0,"aria-invalid":s?"true":void 0,"aria-required":this.required?"true":void 0,onKeyDown:this.handleKeyDown},this.label&&e("bds-typography",{key:"85bc7d114efabd92930c6c934c19e4ba887a3663",id:t,variant:"label",state:a,required:this.required,tooltipText:""!==this.info?this.info:void 0},this.label),e("div",{key:"3f1670875353369c608c9cf064ccb1b7beede19a",class:"bds-radio-group__options"},e("slot",{key:"b0d52880c82dec9557c10bcf7ef8930299bdf7a6",onSlotchange:this.handleSlotChange})),o&&e("bds-typography",{key:"f0a17de329944c3fe63cf7cb586ec85016693208",id:i,variant:"helper",state:a},o))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{orientation:[{checkPropValues:0}],disabled:[{onDisabledChange:0}],error:[{onErrorChange:0}],value:[{onValueChange:0}]}}static get style(){return'@charset "UTF-8";.bds-radio-group{--bds-divider-gap:var(--boreal-spacing-3xs);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-2xs)}.bds-radio-group__options{display:grid;grid-template-columns:1fr;gap:var(--boreal-spacing-xs)}.bds-radio-group[orientation=horizontal] .bds-radio-group__options{grid-template-columns:repeat(var(--layout-count, 1), auto);-ms-flex-pack:start;justify-content:start}.bds-radio-group[type=radiobutton] .bds-radio-group__options{display:-ms-inline-flexbox;display:inline-flex;gap:0;padding:var(--boreal-spacing-3xs);border:1px solid var(--boreal-stroke-default-light);background-color:var(--boreal-ui-inverse);border-radius:var(--boreal-radius-xs);overflow:hidden}.bds-radio-group[type=radiobutton][orientation=vertical] .bds-radio-group__options{-ms-flex-direction:column;flex-direction:column}.bds-radio-group[type=radiobutton].bds-radio-group--error .bds-radio-group__options{border-color:var(--boreal-stroke-danger-base)}.bds-radio-group[type=radiobutton].bds-radio-group--error bds-radio-button.bds-radio-button--error{color:var(--boreal-stroke-danger-base)}.bds-radio-group[type=radiobutton].bds-radio-group--error bds-divider[data-injected]{--bds-divider-color:var(--boreal-stroke-danger-base)}'}},[836,"bds-radio-group",{disabled:[516],error:[516],errorMessage:[1,"error-message"],helperText:[1,"helper-text"],info:[1],label:[1],name:[513],orientation:[513],required:[516],type:[513],value:[1025],isDisabled:[32],isInvalid:[32],checkValidity:[64],reportValidity:[64]},[[0,"bdsChange","handleRadioChange"],[0,"invalid","handleInvalid"]],{orientation:[{checkPropValues:0}],disabled:[{onDisabledChange:0}],error:[{onErrorChange:0}],value:[{onValueChange:0}]}]),f=g,m=function(){"undefined"!=typeof customElements&&["bds-radio-group","bds-divider","bds-tooltip","bds-typography"].forEach((t=>{switch(t){case"bds-radio-group":customElements.get(a(t))||customElements.define(a(t),g);break;case"bds-divider":customElements.get(a(t))||c();break;case"bds-tooltip":customElements.get(a(t))||b();break;case"bds-typography":customElements.get(a(t))||u()}}))};export{f as BdsRadioGroup,m as defineCustomElement}
+import{p as i,M as t,c as s,h as e,H as r,t as a}from"./index.js";import{f as o}from"./p-nxYzL9uu.js";import{O as d}from"./p-CPvuMm5C.js";import{K as h}from"./p-yLNcMg2E.js";import{c as n}from"./p-DhSchGPI.js";import{v as l}from"./p-kGnB15Lz.js";import{d as c}from"./p-DoNZM78n.js";import{d as b}from"./p-B6e9eIHB.js";import{d as u}from"./p-CJBdGD_4.js";const p=["BDS-RADIO","BDS-RADIO-BUTTON","BDS-RADIO-CARD"],g=i(class extends(t(o)){constructor(i){super(!1),!1!==i&&this.__registerHost(),this.bdsChange=s(this,"bdsChange"),this.valueChange=s(this,"valueChange"),this.internals=this.attachInternals(),this._id=n("bds-radio-group"),this.isDisabled=!1,this.isInvalid=!1,this.disabled=!1,this.error=!1,this.errorMessage="",this.helperText="",this.info="",this.label="",this.orientation="vertical",this.required=!1,this.type="radio",this.value="",this.joined=!1,this.handleKeyDown=i=>{const t=i.target;if(p.includes(t.tagName))switch(i.key){case h.ArrowDown:case h.ArrowRight:this.navigateTo(t,!0),i.preventDefault();break;case h.ArrowUp:case h.ArrowLeft:this.navigateTo(t,!1),i.preventDefault()}},this.handleSlotChange=()=>{this.updateLayoutCount()},this._buttonCount=0}onJoinedChange(){this.insertDividers()}checkPropValues(){l(Object.values(d),d.VERTICAL,this.el,"orientation"),this.insertDividers()}onDisabledChange(i){this.isDisabled=i,this.radioElements.forEach((t=>t.disabled=i))}onErrorChange(i){this.radioElements.forEach((t=>t.error=i))}onValueChange(i){this.radioElements.forEach((t=>{t.checked=t.value===i,t.setAttribute("aria-checked",(t.value===i)+"")}));const t=this.radioElements.find((i=>i.checked));this.updateTabIndexes(t??null)}componentWillLoad(){if(this.checkPropValues(),this.isDisabled=this.disabled,""===this.value){const i=Array.from(this.el.querySelectorAll("bds-radio[checked], bds-radio-button[checked], bds-radio-card[checked]")).at(-1);void 0!==i&&(this.value=i.getAttribute("value")??"")}}componentDidLoad(){const i=this.radioElements.filter((i=>i.checked));i.length>1&&i.slice(0,-1).forEach((i=>i.checked=!1)),this.onValueChange(this.value),this.error&&this.radioElements.forEach((i=>i.error=!0)),this.updateLayoutCount(),this.updateTabIndexes(this.radioElements.find((i=>i.checked))??this.radioElements.find((i=>!i.disabled))??null),this.updateFormValidity()}formAssociatedCallback(){this.syncFormValue()}formResetCallback(){this.value="",this.isInvalid=!1,this.radioElements.forEach((i=>{i.checked=!1,i.setAttribute("aria-checked","false"),this.error||(i.error=!1)})),this.internals.setFormValue(null),this.updateFormValidity();const i=this.radioElements.find((i=>!i.disabled));this.updateTabIndexes(i??null)}formStateRestoreCallback(i,t){const s="string"==typeof i?i:"";this.value=s,this.internals.setFormValue(""!==s?s:null)}formDisabledCallback(i){this.isDisabled=i,this.radioElements.forEach((t=>t.disabled=i))}handleRadioChange(i){const t=i.target;p.includes(t.tagName)&&(this.radioElements.filter((i=>i!==t)).forEach((i=>{i.checked=!1,i.setAttribute("aria-checked","false")})),this.value=i.detail.value,this.internals.setFormValue(this.value),this.updateTabIndexes(t),this.updateFormValidity(),this.bdsChange.emit({value:this.value}),this.valueChange.emit(this.value))}handleInvalid(i){""!==this.errorMessage&&(i.preventDefault(),this.isInvalid=!0,this.radioElements.forEach((i=>i.error=!0)))}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}navigateTo(i,t){const s=this.radioElements.filter((i=>!i.disabled));if(0===s.length)return;const e=s.indexOf(i),r=s[(s.length+e+(t?1:-1))%s.length];r.checked=!0,r.setAttribute("aria-checked","true"),this.radioElements.filter((i=>i!==r)).forEach((i=>{i.checked=!1,i.setAttribute("aria-checked","false")})),this.value=r.value,this.internals.setFormValue(this.value),this.updateTabIndexes(r),this.updateFormValidity(),this.bdsChange.emit({value:this.value}),this.valueChange.emit(this.value),r.focus()}insertDividers(){if(this.el.querySelectorAll("bds-divider[data-injected]").forEach((i=>i.remove())),"radiobutton"!==this.type||this.joined)return;const i=this.orientation===d.HORIZONTAL?d.VERTICAL:d.HORIZONTAL;this.radioElements.filter((i=>"BDS-RADIO-BUTTON"===i.tagName)).forEach(((t,s)=>{if(0===s)return;const e=document.createElement("bds-divider");e.setAttribute("orientation",i),e.setAttribute("data-injected",""),t.parentNode?.insertBefore(e,t)}))}get radioElements(){return Array.from(this.el.querySelectorAll("bds-radio, bds-radio-button, bds-radio-card"))}syncFormValue(){this.internals.setFormValue(""!==this.value?this.value:null),this.updateFormValidity()}updateFormValidity(){if(this.required&&""===this.value){const i=this.radioElements.find((i=>!i.disabled));this.internals.setValidity({valueMissing:!0},""!==this.errorMessage?this.errorMessage:"Please select an option.",i)}else this.internals.setValidity({}),this.isInvalid&&(this.isInvalid=!1,this.error||this.radioElements.forEach((i=>i.error=!1)))}updateLayoutCount(){const i=this.radioElements.length;this.el.style.setProperty("--layout-count",""+i),i!==this._buttonCount&&(this._buttonCount=i,this.insertDividers())}updateTabIndexes(i){this.radioElements.forEach((i=>i.setAttribute("tabindex","-1"))),null!==i&&i.setAttribute("tabindex","0")}get isError(){return this.error&&!this.disabled||this.isInvalid}get classMap(){return{"bds-radio-group":!0,"bds-radio-group--disabled":this.isDisabled,"bds-radio-group--error":this.isError,"bds-radio-group--required":this.required}}render(){const i=this._id+"-label",t=this._id+"-helper",s=this.isError,a=this.isDisabled?"disabled":s?"error":"default",o=s&&""!==this.errorMessage?this.errorMessage:this.helperText;return e(r,{key:"983eacc6649cdca62de5a73780c3ca0eb8e26879",class:this.classMap,role:"radiogroup","aria-labelledby":""!==this.label?i:void 0,"aria-describedby":""!==o?t:void 0,"aria-invalid":s?"true":void 0,"aria-required":this.required?"true":void 0,onKeyDown:this.handleKeyDown},this.label&&e("bds-typography",{key:"80461fca6630261b13198a69185cf92dda18704f",id:i,variant:"label",state:a,required:this.required,tooltipText:""!==this.info?this.info:void 0},this.label),e("div",{key:"6fda8a3d053c9b3998177d29b8dc593c1d21f5cf",class:"bds-radio-group__options"},e("slot",{key:"5d8a8a9d040b862173ea8d43e34c260377114f58",onSlotchange:this.handleSlotChange})),o&&e("bds-typography",{key:"31bd0d32d0e72e12be4ff04677ab99b3a7139fd0",id:t,variant:"helper",state:a},o))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{joined:[{onJoinedChange:0}],orientation:[{checkPropValues:0}],disabled:[{onDisabledChange:0}],error:[{onErrorChange:0}],value:[{onValueChange:0}]}}static get style(){return'@charset "UTF-8";.bds-radio-group{--bds-divider-gap:var(--boreal-spacing-3xs);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-2xs)}.bds-radio-group__options{display:grid;grid-template-columns:1fr;gap:var(--boreal-spacing-xs)}.bds-radio-group[orientation=horizontal] .bds-radio-group__options{grid-template-columns:repeat(var(--layout-count, 1), auto);-ms-flex-pack:start;justify-content:start}.bds-radio-group[type=radiobutton] .bds-radio-group__options{display:-ms-inline-flexbox;display:inline-flex;gap:0;padding:var(--boreal-spacing-3xs);border:1px solid var(--boreal-stroke-default-light);background-color:var(--boreal-ui-inverse);border-radius:var(--boreal-radius-xs);overflow:hidden}.bds-radio-group[type=radiobutton][orientation=vertical] .bds-radio-group__options{-ms-flex-direction:column;flex-direction:column}.bds-radio-group[type=radiobutton].bds-radio-group--error .bds-radio-group__options{border-color:var(--boreal-stroke-danger-base)}.bds-radio-group[type=radiobutton].bds-radio-group--error bds-radio-button.bds-radio-button--error{color:var(--boreal-stroke-danger-base)}.bds-radio-group[type=radiobutton].bds-radio-group--error bds-divider[data-injected]{--bds-divider-color:var(--boreal-stroke-danger-base)}'}},[836,"bds-radio-group",{disabled:[516],error:[516],errorMessage:[1,"error-message"],helperText:[1,"helper-text"],info:[1],label:[1],name:[513],orientation:[513],required:[516],type:[513],value:[1025],joined:[516],isDisabled:[32],isInvalid:[32],checkValidity:[64],reportValidity:[64]},[[0,"bdsChange","handleRadioChange"],[0,"invalid","handleInvalid"]],{joined:[{onJoinedChange:0}],orientation:[{checkPropValues:0}],disabled:[{onDisabledChange:0}],error:[{onErrorChange:0}],value:[{onValueChange:0}]}]),m=g,f=function(){"undefined"!=typeof customElements&&["bds-radio-group","bds-divider","bds-tooltip","bds-typography"].forEach((i=>{switch(i){case"bds-radio-group":customElements.get(a(i))||customElements.define(a(i),g);break;case"bds-divider":customElements.get(a(i))||c();break;case"bds-tooltip":customElements.get(a(i))||b();break;case"bds-typography":customElements.get(a(i))||u()}}))};export{m as BdsRadioGroup,f as defineCustomElement}

package/components-build/bds-radio.js

@@ -1 +1 @@
-import{p as e,a as o,c as a,h as s,H as r,t as i}from"./index.js";import{d}from"./p-N_tqtRV2.js";const t=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.bdsChange=a(this,"bdsChange"),this.checked=!1,this.disabled=!1,this.value="on",this.name="",this.label="",this.error=!1,this.info="",this.handleClick=()=>this.select(),this.handleKeyDown=e=>{" "===e.key&&(e.preventDefault(),this.select())}}componentDidLoad(){this.el.setAttribute("role","radio"),this.el.setAttribute("aria-checked",this.checked+""),this.el.setAttribute("tabindex","-1")}select(){this.disabled||this.checked||(this.checked=!0,this.el.setAttribute("aria-checked","true"),this.bdsChange.emit({checked:!0,value:this.value}))}get classMap(){return{"bds-radio":!0,"bds-radio--checked":this.checked,"bds-radio--error":this.error,"bds-radio--disabled":this.disabled}}render(){return s(r,{key:"1d68465b5124471bda9fb1e4f3dc022d4f22be6d",class:this.classMap,onClick:this.handleClick,onKeyDown:this.handleKeyDown},s("input",{key:"8c820cf327a9978f6f098794e26a4ec0394e99c3",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-hidden":"true",tabIndex:-1,onFocus:()=>this.el.focus()}),s("span",{key:"6de9fcb7657842b81b4bf803e3e60b6891fef27e",class:"bds-radio__button"},s("span",{key:"660c57e990abc4f6f1288f93c198e9bb60be6c29",class:"bds-radio__dot"})),s("span",{key:"ec3879d0edb42cdbc7b4257d563d9c298fd3b89d",class:"bds-radio__content"},s("span",{key:"430b04fd6f836cf2881fecf9df56bee70486da85",class:"bds-radio__icon"},s("slot",{key:"30dcf8837cd50a9e48a6c061576f7b9d53eeabd9",name:"icon"})),s("span",{key:"dbb139d87c4689a64e2860b365d7c261c56b638b",class:"bds-radio__label"},this.label||s("slot",{key:"a7d985fa9773a8f285c36f3deaeb7112adf20f95"})),this.info&&s("span",{key:"36958330fd1ed9fa6f64bcf757c9be113fae5daf",class:"bds-radio__info"},s("span",{key:"ea5a415943c9f67f027a4b241d024ea61321a8a1",class:"bds-radio__info-icon bds-icon-info-circle","aria-hidden":"true"}),s("bds-tooltip",{key:"875105c226c6d1fb90d62fe275ed544f043a1c19"},this.info))))}get el(){return this}static get style(){return'@charset "UTF-8";.bds-radio__content,.bds-radio__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bds-radio__info{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.bds-radio{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs);cursor:pointer;outline:none}.bds-radio input[type=radio]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.bds-radio__content{gap:var(--boreal-spacing-3xs)}.bds-radio__icon{-ms-flex-negative:0;flex-shrink:0;line-height:1}.bds-radio__label{font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default)}.bds-radio__button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:18px;height:18px;border-radius:var(--boreal-radius-full);border:1px solid var(--boreal-stroke-default-light);background-color:var(--boreal-ui-inverse);-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-radio__dot{width:10px;height:10px;border-radius:var(--boreal-radius-full);background-color:transparent;-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-radio__info-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:var(--boreal-typography-font-size-sm);line-height:1;color:var(--boreal-icon-default-ink)}.bds-radio:hover:not(.bds-radio--disabled):not(.bds-radio--checked) .bds-radio__button{border-color:var(--boreal-stroke-default-light);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-radio:hover:not(.bds-radio--disabled):not(.bds-radio--checked) .bds-radio__dot{background-color:var(--boreal-ui-base-light)}.bds-radio:is(:focus-visible,:focus) .bds-radio__button{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-radio:active:not(.bds-radio--disabled):not(.bds-radio--checked) .bds-radio__button{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-radio--checked .bds-radio__button{border-color:var(--boreal-stroke-primary-base)}.bds-radio--checked .bds-radio__dot{background-color:var(--boreal-ui-primary-base)}.bds-radio--error .bds-radio__button{border-color:var(--boreal-stroke-danger-base)}.bds-radio--disabled{cursor:not-allowed;pointer-events:none}.bds-radio--disabled .bds-radio__button{border-color:var(--boreal-stroke-default-light);background-color:var(--boreal-ui-disabled)}.bds-radio--disabled .bds-radio__label{color:var(--boreal-text-disabled)}.bds-radio--disabled.bds-radio--checked .bds-radio__button{border-color:var(--boreal-ui-primary-light)}.bds-radio--disabled.bds-radio--checked .bds-radio__dot{background-color:var(--boreal-ui-primary-light)}'}},[260,"bds-radio",{checked:[1540],disabled:[516],value:[1],name:[513],label:[1],error:[516],info:[1]}]),b=t,n=function(){"undefined"!=typeof customElements&&["bds-radio","bds-tooltip"].forEach((e=>{switch(e){case"bds-radio":customElements.get(i(e))||customElements.define(i(e),t);break;case"bds-tooltip":customElements.get(i(e))||d()}}))};export{b as BdsRadio,n as defineCustomElement}
+import{p as e,a as o,c as a,h as s,H as d,t as r}from"./index.js";import{d as i}from"./p-B6e9eIHB.js";const t=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.bdsChange=a(this,"bdsChange"),this.checked=!1,this.disabled=!1,this.value="on",this.name="",this.label="",this.error=!1,this.info="",this.handleClick=()=>this.select(),this.handleKeyDown=e=>{" "===e.key&&(e.preventDefault(),this.select())}}componentDidLoad(){this.el.setAttribute("role","radio"),this.el.setAttribute("aria-checked",this.checked+""),this.el.setAttribute("tabindex","-1")}select(){this.disabled||this.checked||(this.checked=!0,this.el.setAttribute("aria-checked","true"),this.bdsChange.emit({checked:!0,value:this.value}))}get classMap(){return{"bds-radio":!0,"bds-radio--checked":this.checked,"bds-radio--error":this.error,"bds-radio--disabled":this.disabled}}render(){return s(d,{key:"460a06887759af9d8ff04be3b76e93c48a6e59f6",class:this.classMap,onClick:this.handleClick,onKeyDown:this.handleKeyDown},s("input",{key:"10e93de9010a5002d4a6605ef35f3a5273f20dc2",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-hidden":"true",tabIndex:-1,onFocus:()=>this.el.focus()}),s("span",{key:"e660d053bec4d6fb7a134230aad1317c1cc839cd",class:"bds-radio__button"},s("span",{key:"2a983b9b97396c9d0f0485e7b00309292c398cd6",class:"bds-radio__dot"})),s("span",{key:"e616d473595a3efd5f01f2896d8481d91c9195ac",class:"bds-radio__content"},s("span",{key:"50e7006d945aad95fb2c01d7beae98672e5fc532",class:"bds-radio__icon"},s("slot",{key:"d2f2018dbc9cb25e996b33be2fbfab3b96c84f14",name:"icon"})),s("span",{key:"b39791291a81d307dae7f45b4d764695d34d8f8f",class:"bds-radio__label"},this.label||s("slot",{key:"1aef7b131da161b51afb52383913d5187332352f"})),this.info&&s("span",{key:"943d3e05512fab78db5700d5c1527c3db9eeb272",class:"bds-radio__info"},s("span",{key:"d2a2a78eac436334545013539f8410c73ed06b2e",class:"bds-radio__info-icon bds-icon-info-circle","aria-hidden":"true"}),s("bds-tooltip",{key:"f6add279f359fde8c9727219a6126b776c755eff"},this.info))))}get el(){return this}static get style(){return'@charset "UTF-8";.bds-radio__content,.bds-radio__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bds-radio__info{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.bds-radio{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs);cursor:pointer;outline:none}.bds-radio input[type=radio]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.bds-radio__content{gap:var(--boreal-spacing-3xs)}.bds-radio__icon{-ms-flex-negative:0;flex-shrink:0;line-height:1}.bds-radio__label{font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default)}.bds-radio__button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:18px;height:18px;border-radius:var(--boreal-radius-full);border:1px solid var(--boreal-stroke-default-light);background-color:var(--boreal-ui-inverse);-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-radio__dot{width:10px;height:10px;border-radius:var(--boreal-radius-full);background-color:transparent;-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease}.bds-radio__info-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:var(--boreal-typography-font-size-sm);line-height:1;color:var(--boreal-icon-default-ink)}.bds-radio:hover:not(.bds-radio--disabled):not(.bds-radio--checked) .bds-radio__button{border-color:var(--boreal-stroke-default-light);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-radio:hover:not(.bds-radio--disabled):not(.bds-radio--checked) .bds-radio__dot{background-color:var(--boreal-ui-base-light)}.bds-radio:is(:focus-visible,:focus) .bds-radio__button{-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-radio:active:not(.bds-radio--disabled):not(.bds-radio--checked) .bds-radio__button{-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-radio--checked .bds-radio__button{border-color:var(--boreal-stroke-primary-base)}.bds-radio--checked .bds-radio__dot{background-color:var(--boreal-ui-primary-base)}.bds-radio--error .bds-radio__button{border-color:var(--boreal-stroke-danger-base)}.bds-radio--disabled{cursor:not-allowed;pointer-events:none}.bds-radio--disabled .bds-radio__button{border-color:var(--boreal-stroke-default-light);background-color:var(--boreal-ui-disabled)}.bds-radio--disabled .bds-radio__label{color:var(--boreal-text-disabled)}.bds-radio--disabled.bds-radio--checked .bds-radio__button{border-color:var(--boreal-ui-primary-light)}.bds-radio--disabled.bds-radio--checked .bds-radio__dot{background-color:var(--boreal-ui-primary-light)}'}},[260,"bds-radio",{checked:[1540],disabled:[516],value:[1],name:[513],label:[1],error:[516],info:[1]}]),b=t,n=function(){"undefined"!=typeof customElements&&["bds-radio","bds-tooltip"].forEach((e=>{switch(e){case"bds-radio":customElements.get(r(e))||customElements.define(r(e),t);break;case"bds-tooltip":customElements.get(r(e))||i()}}))};export{b as BdsRadio,n as defineCustomElement}

package/components-build/bds-select.d.ts

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

package/components-build/bds-select.js

@@ -0,0 +1 @@
+import{p as t,a as s,c as i,h as e,H as h,t as l}from"./index.js";import{a as n}from"./p-fUK0GCeC.js";import{L as a}from"./p-yLNcMg2E.js";import{c as o}from"./p-DhSchGPI.js";import{d}from"./p-DdOPD9wW.js";import{d as r}from"./p-PmjPRW8X.js";function u(t){const s=t;return null!==s&&s.textContent?.trim()||""}function c(t,s,i){null!==t&&(t[s]=i)}function b(t,s,i){null!=t&&t.setAttribute(s,i)}function p(t,s,i){null!=t&&t.addEventListener(s,i)}function m(t,s,i){null!=t&&t.removeEventListener(s,i)}const f=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.bdsChange=i(this,"bdsChange"),this.valueChange=i(this,"valueChange"),this.inheritedAttributes={},this.hostForm=null,this.value="",this.searchable=!1,this.name="",this.valueString="",this.popoverVisible=!1,this.listId="bds-select-list-"+o(),this._preventFocusOpen=!1,this.listenListMenu=t=>{if(t.stopPropagation(),null!==this.bdsList){const s=t.detail;this._preventFocusOpen=!0,this.setValue(s||""),this.bdsPopover?.closePopover()}},this.listenClearInput=()=>{this.setValue(""),this.valueString="",this.resetChildren()},this.listenField=t=>{t.stopPropagation();const s=t.target.value;""!==s?(this.popoverVisible||this.bdsPopover?.openPopover(),this.searcherElement(s)):this.resetChildren()},this.listenBlurInput=t=>{const s=t.relatedTarget;s&&this.el.contains(s)||(this.resetValueField(),this.resetChildren())},this.listenKeydown=t=>{if("Tab"!==t.key||!this.popoverVisible||this.searchable)return;t.preventDefault();const s=(""!==this.value?this.bdsList?.querySelector(`bds-list-menu-item[value="${this.value}"]`):null)??this.bdsList?.querySelector('bds-list-menu-item:not([disabled]):not([hidden]):not([variant="label"])');s?.focus()},this.listenMouseDown=()=>{this._preventFocusOpen=!0},this.listenFocusInput=()=>{this._preventFocusOpen?this._preventFocusOpen=!1:this.bdsPopover?.openPopover()},this.stopFieldValueChange=t=>{t.stopPropagation()},this.listenFormReset=()=>{this.value="",this.valueString="",this.bdsList?.setSelectedValues("").catch((()=>{(new a).warn("bds-select","No options available to reset the value")}))}}watchPopoverVisible(t){b(this.bdsInput,"aria-expanded",""+t),b(this.el,"aria-expanded",""+t)}watchValue(){this.loadValue()}watchValueString(t){b(this.bdsField,"value",t)}componentWillLoad(){this.inheritedAttributes={...n(this.el,["role"])}}componentDidLoad(){this.hostForm=this.el.closest("form"),p(this.hostForm,"reset",this.listenFormReset),this.assignListeners(),this.loadDefaultProps(),this.loadValue()}disconnectedCallback(){m(this.hostForm,"reset",this.listenFormReset),this.removeListeners()}get bdsList(){return null!==this.el?this.el.querySelector("bds-list-menu"):null}get bdsField(){return null!==this.el?this.el.querySelector("bds-text-field"):null}get bdsInput(){return null!==this.bdsField?this.bdsField.querySelector("input"):null}get bdsPopover(){return null!==this.el?this.el.querySelector("bds-popover"):null}assignListeners(){p(this.bdsList,"bdsChange",this.listenListMenu),p(this.bdsField,"bdsClear",this.listenClearInput),p(this.bdsField,"bdsInput",this.listenField),p(this.bdsField,"valueChange",this.stopFieldValueChange),p(this.bdsInput,"blur",this.listenBlurInput),p(this.bdsInput,"keydown",this.listenKeydown),this.searchable&&(p(this.bdsInput,"focus",this.listenFocusInput),p(this.el,"mousedown",this.listenMouseDown)),this.listenPopOver()}removeListeners(){m(this.bdsList,"bdsChange",this.listenListMenu),m(this.bdsField,"bdsClear",this.listenClearInput),m(this.bdsField,"bdsInput",this.listenField),m(this.bdsField,"valueChange",this.stopFieldValueChange),m(this.bdsInput,"blur",this.listenBlurInput),m(this.bdsInput,"keydown",this.listenKeydown),m(this.bdsInput,"focus",this.listenFocusInput),m(this.el,"mousedown",this.listenMouseDown)}loadDefaultProps(){this.loadDefaultTextFieldProps(),this.loadDefaultListMenuProps()}loadDefaultTextFieldProps(){c(this.bdsField,"clearable",!0),c(this.bdsField,"selectable",!this.searchable),c(this.bdsField,"iconRight","bds-icon-chevron-down"),b(this.bdsInput,"role","combobox"),b(this.bdsInput,"aria-haspopup","listbox"),b(this.bdsInput,"aria-expanded","false"),b(this.bdsInput,"aria-autocomplete",this.searchable?"list":"none"),b(this.bdsInput,"aria-controls",this.listId)}loadDefaultListMenuProps(){b(this.bdsList,"menu-role","listbox"),b(this.bdsList,"id",this.listId)}setValue(t){this.value=t,this.bdsChange.emit(t),this.valueChange.emit(t)}listenPopOver(){c(this.bdsPopover,"floatingOptions",{hideArrow:!0,onAfterShow:()=>(this.popoverVisible=!0,!0),onAfterHide:()=>(this.popoverVisible=!1,this.resetValueField(),this.resetChildren(),!0)})}resetValueField(){""===this.value?this.bdsField?.setAttribute("value",""):""!==this.valueString&&this.bdsField?.setAttribute("value",this.valueString)}searcherElement(t){const s=t.toLowerCase();this.bdsList?.querySelectorAll("bds-list-menu-item").forEach((t=>{const i=t.getAttribute("value")||"",e=t.querySelector(".bds-list-item__content-left__text"),h=(null!==e?u(e):"").toLowerCase().includes(s)||i.toLowerCase().includes(s);c(t,"hidden",!h),b(t,"tabindex",h?"0":"-1"),h&&this.showParentLabel(t)}));const i=this.bdsList?.querySelectorAll("bds-list-menu-item:not([hidden])");c(this.bdsList,"empty",0===i?.length)}showParentLabel(t){let s=t.previousElementSibling;for(;null!==s;){if("label"===s.variant){c(s,"hidden",!1);break}s=s.previousElementSibling}}resetChildren(){this.bdsList?.querySelectorAll("bds-list-menu-item").forEach((t=>{c(t,"hidden",!1)}))}loadValue(){const t=this.value;if(""===t||null===this.bdsList||null===this.bdsField)return this.valueString="",void this.bdsList?.setSelectedValues("").catch((()=>{(new a).warn("bds-select","No options available to select the value")}));const s=this.bdsList.querySelector(`bds-list-menu-item[value="${t}"]`);if(null===s)return;const i=u(s.querySelector(".bds-list-item__content-left__text"));this.bdsList.setSelectedValues(t).then((()=>{this.valueString=i,s.scrollIntoView({block:"nearest"})})).catch((()=>{(new a).warn("bds-select","Failed to set selected value")}))}render(){return e(h,{key:"03665a810a8bccc7613bb617624253edf36ba543",role:"none",...this.inheritedAttributes},e("slot",{key:"dd6e528ceaf121f372ce82cc1682a676d6a5a64a",name:"field"}),e("input",{key:"4ff9a9348bac3c0a838950357523fd379e44d497",type:"hidden",value:this.value,name:this.name}),e("bds-popover",{key:"4f03fb1eb766c29ccaf26cf6450b8346d3681dc7",width:"full"},e("slot",{key:"80e28f34ed9369a1a8f3f687dbbda40aa246e3fb",name:"list"})))}get el(){return this}static get watchers(){return{popoverVisible:[{watchPopoverVisible:0}],value:[{watchValue:0}],valueString:[{watchValueString:0}]}}static get style(){return'@charset "UTF-8";bds-select{position:relative;display:-ms-flexbox;display:flex}bds-select .bds-list-menu{--bds-list-menu-max-width:100%}'}},[260,"bds-select",{value:[1537],searchable:[4],name:[1],valueString:[32],popoverVisible:[32]},void 0,{popoverVisible:[{watchPopoverVisible:0}],value:[{watchValue:0}],valueString:[{watchValueString:0}]}]),v=f,w=function(){"undefined"!=typeof customElements&&["bds-select","bds-button","bds-popover"].forEach((t=>{switch(t){case"bds-select":customElements.get(l(t))||customElements.define(l(t),f);break;case"bds-button":customElements.get(l(t))||d();break;case"bds-popover":customElements.get(l(t))||r()}}))};export{v as BdsSelect,w as defineCustomElement}

package/components-build/bds-slider.d.ts

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

package/components-build/bds-slider.js

@@ -0,0 +1 @@
+import{p as t,M as s,c as i,h as e,H as a,t as r}from"./index.js";import{f as o}from"./p-nxYzL9uu.js";import{s as n}from"./p-DfaYciGa.js";import{d as l}from"./p-B6e9eIHB.js";import{d as h}from"./p-CJBdGD_4.js";const d="never",b="focus",u="single",p="range";function c(t,s=[0]){if(Array.isArray(t)){const i=t.map(Number).filter((t=>!isNaN(t)));return i.length>0?i:s}try{const i=JSON.parse(t),e=(Array.isArray(i)?i:[i]).map(Number).filter((t=>!isNaN(t)));return e.length>0?e:s}catch{const i=Number(t);return isNaN(i)?s:[i]}}class v{constructor(t){this.options=t}clamp(t){return Math.min(Math.max(t,this.options.min),this.options.max)}snapToStep(t){return this.clamp(Math.round((t-this.options.min)/this.options.step)*this.options.step+this.options.min)}applyCollision(t,s){const i=[...t],e=this.options.step;return this.options.type!==p||i.length<2||(0===s?i[0]=Math.min(i[0]??this.options.min,(i[1]??this.options.max)-e):i[1]=Math.max(i[1]??this.options.max,(i[0]??this.options.min)+e)),i}toPercent(t){const s=this.options.max-this.options.min;return 0===s?0:(t-this.options.min)/s*100}getConnectSegment(t){if(this.options.type===u)return{left:0,width:this.toPercent(t[0]??this.options.min)};const s=t[0]??this.options.min,i=t[1]??this.options.max;return{left:this.toPercent(s),width:this.toPercent(i-s+this.options.min)}}getPipPositions(){const{min:t,max:s,step:i}=this.options,e=[],a=(s-t)/i;for(let s=1;s<a;s++)e.push(this.toPercent(t+s*i));return e}getThumbCSSPosition(t,s,i){return this.toPercent(t)/100*(s-i)+i/2}}class g{static addTooltipsStates(t,s){void 0!==t&&t.classList.add(s+"__tooltip--visible",s+"__tooltip--active")}static removeTooltipsStates(t,s){void 0!==t&&t.classList.remove(s+"__tooltip--visible",s+"__tooltip--active")}static syncTooltips(t,s){t.forEach(((t,i)=>{const e=s[i];void 0!==e&&(e.value=t+"",e.setAttribute("value",t+""),e.setAttribute("aria-valuenow",t+""))}))}static moveConnect(t,s){t.style.left=s.left+"%",t.style.width=s.width+"%"}static getThumbCSSPosition(t){const s="var(--handle-size, 16px)";return`calc(${t}% + (${s} / 2) - (${t} * ${s} / 100))`}static updateInputValue(t,s){t.value=s+"",t.setAttribute("value",s+""),t.setAttribute("aria-valuenow",s+"")}}const m=t(class extends(s(o)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.bdsChange=i(this,"bdsChange"),this.valueChange=i(this,"valueChange"),this.bdsClick=i(this,"bdsClick"),this.internals=this.attachInternals(),this.blockClass="bds-slider",this.inputEls=[],this.tooltipEls=[],this.min=0,this.max=100,this.type=u,this.label="",this.step=1,this.showLimits=!1,this.value=[0],this.disabled=!1,this.name="",this.disabledHandlers="[]",this.discrete=!1,this.tooltip=b,this.isDisabled=!1,this.isDiscrete=!1,this.internalValues=[0],this.handleClick=t=>{this.bdsClick.emit({target:t.target,value:[...this.internalValues]})}}onDisabledChange(t){this.isDisabled=t,this.syncDOMUpdates()}onDisabledHandlersChange(){this.syncDOMUpdates()}onValueChange(t){this.internalValues=this.resolveValues(t),this.syncDOMUpdates()}onConfigChange(){this.isDiscrete=this.discrete,this.internalValues=this.resolveValues(this.value),this.buildAdapter(),this.syncDOMUpdates()}onRangeChange(){this.buildAdapter(),this.syncDOMUpdates()}formAssociatedCallback(){this.syncFormValue()}formResetCallback(){const t=this.resolveValues(this.value);this.updateValues(t,!1),this.syncDOMUpdates(),this.emitChange(t)}formStateRestoreCallback(t,s){if("string"!=typeof t)return;const i=t.split(",").map((t=>parseFloat(t))).filter((t=>!Number.isNaN(t)));0!==i.length&&(this.updateValues(i,!1),this.syncDOMUpdates(),n(this.internals,t))}syncFormValue(){n(this.internals,function(t){return t.join(",")}(this.internalValues))}async getValues(){return[...this.internalValues]}async setValues(t){const s=this.resolveValues(t);this.updateValues(s,!1),this.syncDOMUpdates(),this.syncFormValue(),this.emitChange(s)}buildAdapter(){this.service=new v({min:Number(this.min),max:Number(this.max),step:Number(this.step),type:this.type,value:this.internalValues,disabledHandlers:c(this.disabledHandlers,[]),discrete:this.isDiscrete,disabled:this.isDisabled,name:(this.name??"")+""})}syncDOMUpdates(){this.syncInputsToValues(),this.updateProgress(),this.syncTooltips()}handleInputEvent(t,s){const i=s?.target,e=i??this.inputEls[t];if(void 0===e)return;let a=this.service.snapToStep(parseFloat(e.value));const r=[...this.internalValues];r[t]=a;const o=this.service.applyCollision(r,t);a=o[t]??a,this.internalValues=o,g.updateInputValue(e,a),this.updateProgress(),this.syncTooltip(t,a),this.syncFormValue()}handleChangeEvent(t,s){this.handleInputEvent(t,s),this.isDisabled||this.emitChange([...this.internalValues])}onHandleFocus(t){g.addTooltipsStates(this.tooltipEls[t],this.blockClass)}onHandleBlur(t){g.removeTooltipsStates(this.tooltipEls[t],this.blockClass)}onHandleInactive(t){const s=this.inputEls[t];g.removeTooltipsStates(s,this.blockClass),s.blur()}syncInputsToValues(){g.syncTooltips(this.internalValues,this.inputEls)}updateProgress(){if(void 0===this.connectEl||void 0===this.service)return;const t=this.service.getConnectSegment(this.internalValues);g.moveConnect(this.connectEl,t)}syncTooltip(t,s){const i=this.tooltipEls[t];void 0!==i&&(i.textContent=s+"",i.style.left=this.getThumbPosition(s)+"px")}syncTooltips(){this.internalValues.forEach(((t,s)=>{this.syncTooltip(s,t)}))}resolveValues(t){const s=this.service;return function(t,s,i,e){const a=c(t,[Number(s)]);return e===p?a.length>=2?[a[0]??Number(s),a[1]??Number(i)]:[a[0]??Number(s),Number(i)]:[a[0]??Number(s)]}(t,this.min,this.max,this.type).map((t=>s.clamp(t)))}updateValues(t,s=!0){this.internalValues=t,s&&this.emitChange(t)}emitChange(t){this.isDisabled||(this.bdsChange.emit({value:t}),this.valueChange.emit(t),this.syncFormValue())}isHandleDisabled(t){const s=c(this.disabledHandlers,[]);return this.isDisabled||s.includes(t)}getPipPositions(){return void 0===this.service?[]:this.service.getPipPositions()}get classMap(){const t="bds-slider";return{[t]:!0,[t+"--disabled"]:this.isDisabled,[t+"--discrete"]:this.isDiscrete,[t+"--label"]:!!this.label.trim(),[t+"--tooltip"]:!!this.tooltip&&this.tooltip!==d&&!1===this.isDisabled,[t+"--tooltip-never"]:this.tooltip===d,[t+"--tooltip-focus"]:this.tooltip===b}}getThumbPosition(t){if(void 0===this.trackEl||void 0===this.service)return 0;const s=this.trackEl.getBoundingClientRect().width,i=parseFloat(getComputedStyle(this.el).getPropertyValue("--handle-size"))||16;return this.service.getThumbCSSPosition(t,s,i)}getThumbCSSPosition(t){return g.getThumbCSSPosition(t)}renderInput(t,s){const i=this.isHandleDisabled(s);return e("input",{class:this.blockClass+"__input",type:"range",min:this.min,max:this.max,step:this.step,value:s,disabled:i,"data-handle":t,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":s,"aria-disabled":i?"true":void 0,"aria-describedby":"bds-slider-tooltip-"+t,onInput:s=>this.handleInputEvent(t,s),onChange:s=>this.handleChangeEvent(t,s),onFocus:()=>this.onHandleFocus(t),onBlur:()=>this.onHandleBlur(t),onPointerUp:()=>this.onHandleInactive(t),ref:s=>{void 0!==s&&(this.inputEls[t]=s)}})}renderMinMax(){return!1===this.showLimits?null:e("div",{class:this.blockClass+"__limits"},e("bds-typography",{variant:"helper"},this.min),e("bds-typography",{variant:"helper"},this.max))}handleTrackClick(t){if(this.isDisabled||void 0===this.trackEl)return;if(t.target.classList.contains(this.blockClass+"__input"))return;const s=this.trackEl.getBoundingClientRect(),i=Math.min(Math.max((t.clientX-s.left)/s.width,0),1),e=this.service.snapToStep(Number(this.min)+i*(Number(this.max)-Number(this.min))),a=[...this.internalValues];if(this.type===u){if(this.isHandleDisabled(a[0]))return;a[0]=e,this.internalValues=a}else{const[t,s]=a,i=Math.abs(e-t)<=Math.abs(e-s)?0:1;if(this.isHandleDisabled(a[i]))return;a[i]=e,this.internalValues=this.service.applyCollision(a,i)}this.syncDOMUpdates(),this.emitChange([...this.internalValues])}renderTooltip(t,s){return this.tooltip===d?null:e("div",{id:"bds-slider-tooltip-"+t,class:{[this.blockClass+"__tooltip"]:!0,[`${this.blockClass}__tooltip--${this.tooltip}`]:!0},role:"tooltip",onClick:t=>{t.stopPropagation()},style:{left:(this.service?.toPercent(s)??0)+"%"},ref:s=>{void 0!==s&&(this.tooltipEls[t]=s)}},s)}renderPips(){return this.isDiscrete?e("div",{class:this.blockClass+"__pips"},this.getPipPositions().map(((t,s)=>e("div",{key:"pip-"+s,class:this.blockClass+"__pip",style:{left:this.getThumbCSSPosition(t)}})))):null}renderLabel(){return""===this.label.trim()||void 0===this.label?null:e("bds-typography",{class:this.blockClass+"__label",htmlFor:this.el.id,variant:"label"},this.label)}componentWillLoad(){this.isDisabled=this.disabled,this.isDiscrete=this.discrete,this.buildAdapter(),this.internalValues=this.resolveValues(this.value)}componentDidLoad(){this.syncDOMUpdates()}componentDidUpdate(){this.syncDOMUpdates()}disconnectedCallback(){this.inputEls=[],this.tooltipEls=[]}render(){return e(a,{key:"d883f67c2dfc80f8b97f2d7394b99ad6c30798fa",class:this.classMap,"aria-disabled":this.isDisabled?"true":void 0,onClick:this.handleClick},this.renderLabel(),e("div",{key:"2704c76fbc751029ca89519950dfb90c3294d5e7",class:this.blockClass+"__wrapper",onClick:t=>this.handleTrackClick(t)},e("div",{key:"db67ea023a4f200069e68e02281539378e9e39db",class:this.blockClass+"__track-base",ref:t=>{void 0!==t&&(this.trackEl=t)}}),e("div",{key:"02163060bb531de138aae3ad1a4e7f221e7c127f",class:this.blockClass+"__connect",ref:t=>{void 0!==t&&(this.connectEl=t)}}),this.renderPips(),this.internalValues.map(((t,s)=>this.renderInput(s,t))),this.internalValues.map(((t,s)=>this.renderTooltip(s,t)))),this.renderMinMax())}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{disabled:[{onDisabledChange:0}],disabledHandlers:[{onDisabledHandlersChange:0}],value:[{onValueChange:0}],type:[{onConfigChange:0}],discrete:[{onConfigChange:0}],min:[{onRangeChange:0}],max:[{onRangeChange:0}],step:[{onRangeChange:0}]}}static get style(){return'@charset "UTF-8";.bds-slider{display:block;width:100%;--handle-size:16px}.bds-slider--range .bds-slider__input{pointer-events:none}.bds-slider--tooltip{margin-top:var(--boreal-spacing-xl)}.bds-slider--tooltip.bds-slider--label{margin-top:var(--boreal-spacing-ml)}.bds-slider--disabled .bds-slider__tooltip{display:none}.bds-slider--disabled .bds-slider__wrapper{cursor:auto}.bds-slider--disabled .bds-slider__connect{background:var(--boreal-ui-primary-light)}.bds-slider__label{margin-bottom:var(--boreal-spacing-3xs)}.bds-slider__wrapper{position:relative;width:100%;height:var(--handle-size);overflow:visible;cursor:pointer}.bds-slider__track-base{position:absolute;left:0;right:0;top:50%;height:var(--boreal-spacing-2xs);-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--boreal-base-light);border-radius:var(--boreal-radius-full);pointer-events:none;z-index:1}.bds-slider__connect{position:absolute;top:50%;height:4px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--boreal-ui-primary-base);border-radius:var(--boreal-radius-full);pointer-events:none;z-index:2}.bds-slider__input{position:absolute;left:0;top:50%;width:100%;height:var(--handle-size);-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0;padding:0;background:transparent;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;pointer-events:none;z-index:5}.bds-slider__input::-webkit-slider-runnable-track{height:var(--handle-size);background:transparent;border:none;appearance:none;-webkit-appearance:none}.bds-slider__input::-webkit-slider-thumb{width:var(--handle-size);height:var(--handle-size);margin-top:0;border-radius:var(--boreal-radius-full);background:var(--boreal-ui-inverse);border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-default-light);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs);cursor:-webkit-grab;cursor:grab;pointer-events:auto;appearance:none;-webkit-appearance:none}.bds-slider__input::-moz-range-track{height:var(--handle-size);background:transparent;border:none}.bds-slider__input::-moz-range-thumb{width:var(--handle-size);height:var(--handle-size);border-radius:var(--boreal-radius-full);background:var(--boreal-ui-inverse);border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-default-light);box-shadow:var(--boreal-depth-box-shadow-xs);cursor:grab;pointer-events:auto}.bds-slider__input:focus-visible::-webkit-slider-thumb,.bds-slider__input:active::-webkit-slider-thumb{-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-slider__input:focus-visible::-webkit-slider-thumb .bds-slider__tooltip--active,.bds-slider__input:active::-webkit-slider-thumb .bds-slider__tooltip--active{-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-slider__input:focus-visible::-moz-range-thumb,.bds-slider__input:active::-moz-range-thumb{box-shadow:var(--boreal-depth-box-shadow-active)}.bds-slider__input:focus-visible::-moz-range-thumb .bds-slider__tooltip--active,.bds-slider__input:active::-moz-range-thumb .bds-slider__tooltip--active{box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-slider__input:active::-webkit-slider-thumb{cursor:-webkit-grabbing;cursor:grabbing}.bds-slider__input:active::-moz-range-thumb{cursor:grabbing}.bds-slider__input:disabled{pointer-events:none}.bds-slider__input:disabled.bds-slider__connect{background:var(--boreal-ui-disabled)}.bds-slider__input:disabled::-webkit-slider-thumb{background:var(--boreal-ui-disabled);border-color:var(--boreal-base-light);-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed}.bds-slider__input:disabled::-moz-range-thumb{background:var(--boreal-ui-disabled);border-color:var(--boreal-base-light);box-shadow:none;cursor:not-allowed}.bds-slider__pips{position:absolute;left:0;right:0;top:50%;height:var(--boreal-spacing-2xs);-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none;z-index:3}.bds-slider__pip{position:absolute;top:0;width:var(--boreal-spacing-3xs);height:100%;background:var(--boreal-ui-inverse);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.bds-slider__limits{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-top:var(--boreal-spacing-3xs)}.bds-slider__tooltip{position:absolute;bottom:calc(100% + 10px);-webkit-transform:translateX(-50%);transform:translateX(-50%);color:var(--boreal-text-default);background:var(--boreal-ui-inverse);border-radius:var(--boreal-radius-xs);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-2xs);font-size:var(--boreal-typography-font-size-xs);font-family:var(--boreal-typography-font-family-primary);white-space:nowrap;cursor:auto;pointer-events:fill;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--boreal-layout-ml);height:var(--boreal-layout-ml)}.bds-slider__tooltip--active{-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-slider__tooltip--never{opacity:0}.bds-slider__tooltip--focus{opacity:0;-webkit-transition:opacity 0.15s ease;transition:opacity 0.15s ease}.bds-slider__tooltip--focus.bds-slider__tooltip--visible{opacity:1}'}},[576,"bds-slider",{min:[514],max:[514],type:[513],label:[513],step:[514],showLimits:[516,"show-limits"],value:[1],disabled:[516],name:[513],disabledHandlers:[513,"disabled-handlers"],discrete:[516],tooltip:[513],isDisabled:[32],isDiscrete:[32],internalValues:[32],getValues:[64],setValues:[64]},void 0,{disabled:[{onDisabledChange:0}],disabledHandlers:[{onDisabledHandlersChange:0}],value:[{onValueChange:0}],type:[{onConfigChange:0}],discrete:[{onConfigChange:0}],min:[{onRangeChange:0}],max:[{onRangeChange:0}],step:[{onRangeChange:0}]}]),_=m,f=function(){"undefined"!=typeof customElements&&["bds-slider","bds-tooltip","bds-typography"].forEach((t=>{switch(t){case"bds-slider":customElements.get(r(t))||customElements.define(r(t),m);break;case"bds-tooltip":customElements.get(r(t))||l();break;case"bds-typography":customElements.get(r(t))||h()}}))};export{_ as BdsSlider,f as defineCustomElement}

package/components-build/bds-tag.js

@@ -1 +1 @@
-import{p as e,a,c as o,h as t,F as r,H as s,t as l}from"./index.js";import{c as d}from"./p-DhSchGPI.js";import{v as b}from"./p-kGnB15Lz.js";const i={GRAY:"gray",CYAN:"cyan",TEAL:"teal",LIME:"lime",ORANGE:"orange",COBALT:"cobalt",ROSE:"rose",PURPLE:"purple"},n=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.bdsClose=o(this,"bdsClose"),this.bdsSelect=o(this,"bdsSelect"),this._id=d("bds-tag"),this.internalSelected=!1,this.multiselect=!1,this.selected=!1,this.closeButtonLabel="Close tag",this.color=i.GRAY,this.readonly=!1,this.disabled=!1,this.handleClose=e=>{this.disabled||(void 0!==e&&(e.preventDefault(),e.stopPropagation()),this.bdsClose.emit({id:this._id,selected:this.internalSelected,el:this.el}))},this.handleKeyDown=e=>{this.disabled||(this.readonly||!["Delete","Backspace"].includes(e.key)?[" ","Enter"].includes(e.key)&&e.target===this.el&&(e.preventDefault(),this.handleSelection()):this.handleClose(e))},this.handleSelection=()=>{this.disabled||this.multiselect&&(this.internalSelected=!this.internalSelected,this.bdsSelect.emit({id:this._id,selected:this.internalSelected,el:this.el}))}}componentWillLoad(){this.syncSelectedFromProp(this.selected),this.checkPropValues(),this.validateMultiselectRole()}checkPropValues(){b(Object.values(i),i.GRAY,this.el,"color")}syncSelectedFromProp(e){this.internalSelected=e}validateMultiselectRole(){this.multiselect&&null===this.el.closest('[role="listbox"], [role="group"], bds-tag-group')&&console.warn('[BorealDS Tag] Missing required ARIA parent. Expected role="listbox", role="group", or <bds-tag-group> when multiselect=true.')}getClasses(){return{"bds-tag":!0,["bds-tag--"+this.color]:!0,"bds-tag--disabled":this.disabled,"bds-tag--selected":this.internalSelected}}renderTag(){return t(r,null,t("span",{"aria-hidden":"true",class:"bds-tag__icon"},t("slot",{name:"icon"})),t("span",{class:"bds-tag__text"},t("slot",null)))}renderCloseIcon(){return t("button",{class:"bds-tag__close-button","aria-label":this.closeButtonLabel,onClick:e=>this.handleClose(e),disabled:this.disabled,type:"button"},t("em",{class:"bds-icon-close","aria-hidden":"true"}))}render(){const e=this.getClasses(),a=!this.readonly,o=this.multiselect;return t(s,{key:"bd62a05fccbfa4aed3b7f72b9edf800c3ab05362",class:e,role:o?"option":void 0,tabIndex:o&&!this.disabled?0:-1,"aria-disabled":this.disabled?"true":void 0,"aria-selected":o?""+this.internalSelected:void 0,onKeyDown:this.disabled?void 0:e=>this.handleKeyDown(e),onClick:this.disabled?void 0:this.handleSelection,id:this._id},this.renderTag(),a&&this.renderCloseIcon())}get el(){return this}static get watchers(){return{color:[{checkPropValues:0}],selected:[{syncSelectedFromProp:0}]}}static get style(){return'@charset "UTF-8";.bds-tag{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--boreal-spacing-3xs);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-3xs) var(--boreal-spacing-3xs) var(--boreal-spacing-2xs);border-radius:var(--boreal-radius-m);cursor:default;max-width:100%;min-width:0;font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs)}.bds-tag:hover:not(.bds-tag--selected):not(.bds-tag--disabled){-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-tag:focus:not(.bds-tag--selected){outline:none;-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-tag--selected{outline:none;-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-tag__icon{font-size:var(--boreal-typography-font-size-md);max-height:var(--boreal-spacing-m)}.bds-tag__icon:empty{display:none}.bds-tag__text{margin-right:var(--boreal-spacing-2xs);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bds-tag__close-button{display:-ms-flexbox;display:flex;padding:var(--boreal-spacing-3xs);width:var(--boreal-spacing-s);height:var(--boreal-spacing-s);-webkit-box-sizing:content-box;box-sizing:content-box;border-radius:var(--boreal-radius-full);border:0px solid transparent;background-color:transparent;opacity:0.5;cursor:pointer}.bds-tag__close-button:hover{-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);background-color:var(--boreal-ui-inverse);opacity:0.5}.bds-tag__close-button:focus{background-color:var(--boreal-ui-inverse);opacity:0.5;outline:none;-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-tag__close-button:active{background-color:var(--boreal-ui-inverse);opacity:0.5;-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset, 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset, 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-tag--disabled{cursor:not-allowed}.bds-tag--disabled .bds-tag__close-button{pointer-events:none}.bds-tag--gray{background-color:var(--boreal-extended-onyx-light);color:var(--boreal-extended-onyx-dark)}.bds-tag--gray .bds-tag__close-button{color:var(--boreal-extended-onyx-dark)}.bds-tag--gray.bds-tag--disabled{color:var(--boreal-extended-onyx-base);background-color:var(--boreal-extended-onyx-lighter)}.bds-tag--gray.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-onyx-base)}.bds-tag--purple{background-color:var(--boreal-extended-purple-light);color:var(--boreal-extended-purple-dark)}.bds-tag--purple .bds-tag__close-button{color:var(--boreal-extended-purple-dark)}.bds-tag--purple.bds-tag--disabled{color:var(--boreal-extended-purple-light);background-color:var(--boreal-extended-purple-lighter)}.bds-tag--purple.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-purple-light)}.bds-tag--rose{background-color:var(--boreal-extended-rose-light);color:var(--boreal-extended-rose-dark)}.bds-tag--rose .bds-tag__close-button{color:var(--boreal-extended-rose-dark)}.bds-tag--rose.bds-tag--disabled{color:var(--boreal-extended-rose-light);background-color:var(--boreal-extended-rose-lighter)}.bds-tag--rose.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-rose-light)}.bds-tag--lime{background-color:var(--boreal-extended-lime-light);color:var(--boreal-extended-lime-dark)}.bds-tag--lime .bds-tag__close-button{color:var(--boreal-extended-lime-dark)}.bds-tag--lime.bds-tag--disabled{color:var(--boreal-extended-lime-light);background-color:var(--boreal-extended-lime-lighter)}.bds-tag--lime.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-lime-light)}.bds-tag--cobalt{background-color:var(--boreal-extended-cobalt-light);color:var(--boreal-extended-cobalt-dark)}.bds-tag--cobalt .bds-tag__close-button{color:var(--boreal-extended-cobalt-dark)}.bds-tag--cobalt.bds-tag--disabled{color:var(--boreal-extended-cobalt-light);background-color:var(--boreal-extended-cobalt-lighter)}.bds-tag--cobalt.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-cobalt-light)}.bds-tag--orange{background-color:var(--boreal-extended-orange-light);color:var(--boreal-extended-orange-dark)}.bds-tag--orange .bds-tag__close-button{color:var(--boreal-extended-orange-dark)}.bds-tag--orange.bds-tag--disabled{color:var(--boreal-extended-orange-light);background-color:var(--boreal-extended-orange-lighter)}.bds-tag--orange.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-orange-light)}.bds-tag--teal{background-color:var(--boreal-extended-teal-light);color:var(--boreal-extended-teal-dark)}.bds-tag--teal .bds-tag__close-button{color:var(--boreal-extended-teal-dark)}.bds-tag--teal.bds-tag--disabled{color:var(--boreal-extended-teal-light);background-color:var(--boreal-extended-teal-lighter)}.bds-tag--teal.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-teal-light)}.bds-tag--cyan{background-color:var(--boreal-extended-cyan-light);color:var(--boreal-extended-cyan-dark)}.bds-tag--cyan .bds-tag__close-button{color:var(--boreal-extended-cyan-dark)}.bds-tag--cyan.bds-tag--disabled{color:var(--boreal-extended-cyan-light);background-color:var(--boreal-extended-cyan-lighter)}.bds-tag--cyan.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-cyan-light)}'}},[260,"bds-tag",{multiselect:[4],selected:[4],closeButtonLabel:[1,"close-button-label"],color:[1],readonly:[4],disabled:[4],internalSelected:[32]},void 0,{color:[{checkPropValues:0}],selected:[{syncSelectedFromProp:0}]}]),c=n,g=function(){"undefined"!=typeof customElements&&["bds-tag"].forEach((e=>{"bds-tag"===e&&(customElements.get(l(e))||customElements.define(l(e),n))}))};export{c as BdsTag,g as defineCustomElement}
+import{p as e,a,c as o,h as t,F as r,H as d,t as s}from"./index.js";import{c as l}from"./p-DhSchGPI.js";import{v as b}from"./p-kGnB15Lz.js";const i={GRAY:"gray",CYAN:"cyan",TEAL:"teal",LIME:"lime",ORANGE:"orange",COBALT:"cobalt",ROSE:"rose",PURPLE:"purple"},n=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.bdsClose=o(this,"bdsClose"),this.bdsSelect=o(this,"bdsSelect"),this._id=l("bds-tag"),this.internalSelected=!1,this.multiselect=!1,this.selected=!1,this.closeButtonLabel="Close tag",this.color=i.GRAY,this.readonly=!1,this.disabled=!1,this.handleClose=e=>{this.disabled||(void 0!==e&&(e.preventDefault(),e.stopPropagation()),this.bdsClose.emit({id:this._id,selected:this.internalSelected,el:this.el}))},this.handleKeyDown=e=>{this.disabled||(this.readonly||!["Delete","Backspace"].includes(e.key)?[" ","Enter"].includes(e.key)&&e.target===this.el&&(e.preventDefault(),this.handleSelection()):this.handleClose(e))},this.handleSelection=()=>{this.disabled||this.multiselect&&(this.internalSelected=!this.internalSelected,this.bdsSelect.emit({id:this._id,selected:this.internalSelected,el:this.el}))}}componentWillLoad(){this.syncSelectedFromProp(this.selected),this.checkPropValues(),this.validateMultiselectRole()}checkPropValues(){b(Object.values(i),i.GRAY,this.el,"color")}syncSelectedFromProp(e){this.internalSelected=e}validateMultiselectRole(){this.multiselect&&null===this.el.closest('[role="listbox"], [role="group"], bds-tag-group')&&console.warn('[BorealDS Tag] Missing required ARIA parent. Expected role="listbox", role="group", or <bds-tag-group> when multiselect=true.')}getClasses(){return{"bds-tag":!0,["bds-tag--"+this.color]:!0,"bds-tag--disabled":this.disabled,"bds-tag--selected":this.internalSelected}}renderTag(){return t(r,null,t("span",{"aria-hidden":"true",class:"bds-tag__icon"},t("slot",{name:"icon"})),t("span",{class:"bds-tag__text"},t("slot",null)))}renderCloseIcon(){return t("button",{class:"bds-tag__close-button","aria-label":this.closeButtonLabel,onClick:e=>this.handleClose(e),disabled:this.disabled,type:"button"},t("em",{class:"bds-icon-close","aria-hidden":"true"}))}render(){const e=this.getClasses(),a=!this.readonly,o=this.multiselect;return t(d,{key:"bd62a05fccbfa4aed3b7f72b9edf800c3ab05362",class:e,role:o?"option":void 0,tabIndex:o&&!this.disabled?0:-1,"aria-disabled":this.disabled?"true":void 0,"aria-selected":o?""+this.internalSelected:void 0,onKeyDown:this.disabled?void 0:e=>this.handleKeyDown(e),onClick:this.disabled?void 0:this.handleSelection,id:this._id},this.renderTag(),a&&this.renderCloseIcon())}get el(){return this}static get watchers(){return{color:[{checkPropValues:0}],selected:[{syncSelectedFromProp:0}]}}static get style(){return'@charset "UTF-8";.bds-tag{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--boreal-spacing-3xs);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-3xs) var(--boreal-spacing-3xs) var(--boreal-spacing-2xs);border-radius:var(--boreal-radius-m);cursor:default;max-width:100%;min-width:0;font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs)}.bds-tag:hover:not(.bds-tag--selected):not(.bds-tag--disabled){-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-tag:focus:not(.bds-tag--selected){outline:none;-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-tag--selected{outline:none;-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-tag__icon{font-size:var(--boreal-typography-font-size-md);max-height:var(--boreal-spacing-m)}.bds-tag__icon:empty{display:none}.bds-tag__text{margin-right:var(--boreal-spacing-2xs);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bds-tag__close-button{display:-ms-flexbox;display:flex;padding:var(--boreal-spacing-3xs);width:var(--boreal-spacing-s);height:var(--boreal-spacing-s);-webkit-box-sizing:content-box;box-sizing:content-box;border-radius:var(--boreal-radius-full);border:0px solid transparent;background-color:transparent;opacity:0.5;cursor:pointer}.bds-tag__close-button:hover{-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs);background-color:var(--boreal-ui-inverse);opacity:0.5}.bds-tag__close-button:focus{background-color:var(--boreal-ui-inverse);opacity:0.5;outline:none;-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-tag__close-button:active{background-color:var(--boreal-ui-inverse);opacity:0.5;-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-tag--disabled{cursor:not-allowed}.bds-tag--disabled .bds-tag__close-button{pointer-events:none}.bds-tag--gray{background-color:var(--boreal-extended-onyx-light);color:var(--boreal-extended-onyx-dark)}.bds-tag--gray .bds-tag__close-button{color:var(--boreal-extended-onyx-dark)}.bds-tag--gray.bds-tag--disabled{color:var(--boreal-extended-onyx-base);background-color:var(--boreal-extended-onyx-lighter)}.bds-tag--gray.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-onyx-base)}.bds-tag--purple{background-color:var(--boreal-extended-purple-light);color:var(--boreal-extended-purple-dark)}.bds-tag--purple .bds-tag__close-button{color:var(--boreal-extended-purple-dark)}.bds-tag--purple.bds-tag--disabled{color:var(--boreal-extended-purple-light);background-color:var(--boreal-extended-purple-lighter)}.bds-tag--purple.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-purple-light)}.bds-tag--rose{background-color:var(--boreal-extended-rose-light);color:var(--boreal-extended-rose-dark)}.bds-tag--rose .bds-tag__close-button{color:var(--boreal-extended-rose-dark)}.bds-tag--rose.bds-tag--disabled{color:var(--boreal-extended-rose-light);background-color:var(--boreal-extended-rose-lighter)}.bds-tag--rose.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-rose-light)}.bds-tag--lime{background-color:var(--boreal-extended-lime-light);color:var(--boreal-extended-lime-dark)}.bds-tag--lime .bds-tag__close-button{color:var(--boreal-extended-lime-dark)}.bds-tag--lime.bds-tag--disabled{color:var(--boreal-extended-lime-light);background-color:var(--boreal-extended-lime-lighter)}.bds-tag--lime.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-lime-light)}.bds-tag--cobalt{background-color:var(--boreal-extended-cobalt-light);color:var(--boreal-extended-cobalt-dark)}.bds-tag--cobalt .bds-tag__close-button{color:var(--boreal-extended-cobalt-dark)}.bds-tag--cobalt.bds-tag--disabled{color:var(--boreal-extended-cobalt-light);background-color:var(--boreal-extended-cobalt-lighter)}.bds-tag--cobalt.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-cobalt-light)}.bds-tag--orange{background-color:var(--boreal-extended-orange-light);color:var(--boreal-extended-orange-dark)}.bds-tag--orange .bds-tag__close-button{color:var(--boreal-extended-orange-dark)}.bds-tag--orange.bds-tag--disabled{color:var(--boreal-extended-orange-light);background-color:var(--boreal-extended-orange-lighter)}.bds-tag--orange.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-orange-light)}.bds-tag--teal{background-color:var(--boreal-extended-teal-light);color:var(--boreal-extended-teal-dark)}.bds-tag--teal .bds-tag__close-button{color:var(--boreal-extended-teal-dark)}.bds-tag--teal.bds-tag--disabled{color:var(--boreal-extended-teal-light);background-color:var(--boreal-extended-teal-lighter)}.bds-tag--teal.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-teal-light)}.bds-tag--cyan{background-color:var(--boreal-extended-cyan-light);color:var(--boreal-extended-cyan-dark)}.bds-tag--cyan .bds-tag__close-button{color:var(--boreal-extended-cyan-dark)}.bds-tag--cyan.bds-tag--disabled{color:var(--boreal-extended-cyan-light);background-color:var(--boreal-extended-cyan-lighter)}.bds-tag--cyan.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-cyan-light)}'}},[260,"bds-tag",{multiselect:[4],selected:[4],closeButtonLabel:[1,"close-button-label"],color:[1],readonly:[4],disabled:[4],internalSelected:[32]},void 0,{color:[{checkPropValues:0}],selected:[{syncSelectedFromProp:0}]}]),c=n,g=function(){"undefined"!=typeof customElements&&["bds-tag"].forEach((e=>{"bds-tag"===e&&(customElements.get(s(e))||customElements.define(s(e),n))}))};export{c as BdsTag,g as defineCustomElement}

package/components-build/bds-text-field.js

@@ -1 +1 @@
-import{p as e,M as t,c as s,h as i,H as a,t as o}from"./index.js";import{f as l}from"./p-nxYzL9uu.js";import{s as r,r as d}from"./p-DfaYciGa.js";import{c as n}from"./p-DhSchGPI.js";import{v as h}from"./p-kGnB15Lz.js";import{d as c}from"./p-N_tqtRV2.js";import{d as b}from"./p-c2z3tneT.js";const f={TEXT:"text",PASSWORD:"password"},x={OUTLINE:"outline",PLAIN:"plain"},p={BLUR:"blur",CHANGE:"change",INPUT:"input",SUBMIT:"submit"},u=e(class extends(t(l)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.valueChange=s(this,"valueChange"),this.bdsInput=s(this,"bdsInput"),this.bdsChange=s(this,"bdsChange"),this.bdsFocus=s(this,"bdsFocus"),this.bdsBlur=s(this,"bdsBlur"),this.bdsClear=s(this,"bdsClear"),this.bdsValidationChange=s(this,"bdsValidationChange"),this.internals=this.attachInternals(),this.name="",this.disabled=!1,this.required=!1,this.isDisabled=!1,this.value="",this.error=!1,this.errorMessage="",this.customValidators=[],this.validationTiming=p.BLUR,this.type=f.TEXT,this.variant=x.OUTLINE,this.placeholder="",this.readOnly=!1,this.autocomplete="off",this.pattern="",this.minLength=0,this.maxLength=0,this.label="",this.sublabel="",this.icon="",this.helperText="",this.info="",this.clearable=!1,this.clearOnHover=!1,this.charCount=0,this.counter=!1,this.customWidth="",this.focused=!1,this.showPassword=!1,this.touched=!1,this.dirty=!1,this.currentCharCount=0,this.validationError=!1,this.validationMessage="",this._valueAtFocus="",this._id=n("bds-text-field"),this.invalidHandler=e=>{e.preventDefault(),this.validationError=!0,this.validationMessage=this.internals.validationMessage,this.bdsValidationChange.emit({valid:!1,validity:this.internals.validity,value:this.value,touched:this.touched,dirty:this.dirty})}}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}onDisabledChange(e){this.isDisabled=e}checkPropValues(){h(Object.values(f),f.TEXT,this.el,"type"),h(Object.values(x),x.OUTLINE,this.el,"variant"),h(Object.values(p),p.BLUR,this.el,"validationTiming")}componentWillLoad(){this.checkPropValues(),this.isDisabled=this.disabled,this.currentCharCount=this.value.length}componentDidLoad(){this.el.addEventListener("invalid",this.invalidHandler)}disconnectedCallback(){this.el.removeEventListener("invalid",this.invalidHandler)}onCustomValidatorsChange(){this.updateValidity()}onValueChange(e){r(this.internals,e),this.currentCharCount=e.length,this.updateValidity(),this.valueChange.emit(e)}formAssociatedCallback(){r(this.internals,this.value),this.updateValidity()}formResetCallback(){this.value="",this.touched=!1,this.dirty=!1,this.currentCharCount=0,this.validationError=!1,this.validationMessage="",r(this.internals,null),this.updateValidity()}formStateRestoreCallback(e,t){this.value="string"==typeof e?e:"",r(this.internals,this.value),this.updateValidity()}updateValidity(e=!1){const t=d(this.internals,[...this.validators,...this.customValidators],this.el);e&&(this.validationError=!t,this.validationMessage=t?"":this.internals.validationMessage,this.bdsValidationChange.emit({valid:t,validity:this.internals.validity,value:this.value,touched:this.touched,dirty:this.dirty}))}handleInput(e){this.value=e.target.value,this.dirty=!0,this.bdsInput.emit({value:this.value,event:e}),this.validationTiming===p.INPUT&&this.updateValidity(!0)}handleChange(e){this.bdsChange.emit({value:this.value,event:e}),this.validationTiming===p.CHANGE&&this.updateValidity(!0)}handleFocus(e){this.focused=!0,this._valueAtFocus=this.value,this.bdsFocus.emit({event:e})}handleBlur(e){this.focused=!1,this.touched=!0,this.bdsBlur.emit({event:e}),(this.validationTiming===p.BLUR||this.validationTiming===p.CHANGE&&this.value!==this._valueAtFocus)&&this.updateValidity(!0)}handleShowPassword(){this.showPassword=!this.showPassword}handleClear(){this.value="",this.dirty=!0,this.validationError=!1,this.validationMessage="",this.bdsClear.emit(),this.el.querySelector("input")?.focus()}handleMouseDown(e){this.readOnly&&e.preventDefault()}get validators(){return[{key:"valueMissing",isValid:()=>!this.required||""!==this.value,message:"This field is required. Please fill it out."},{key:"tooShort",isValid:()=>0===this.minLength||this.value.length>=this.minLength,message:`Please enter at least ${this.minLength} characters.`},{key:"patternMismatch",isValid:()=>{if(""===this.pattern||""===this.value)return!0;try{return RegExp(this.pattern).test(this.value)}catch{return!0}},message:"Please match the requested format."}]}get effectiveMaxLength(){return 0!==this.maxLength?this.maxLength:this.counter&&this.charCount>0?this.charCount:void 0}get classMap(){return{"bds-text-field":!0,"bds-text-field--error":this.error||this.validationError,"bds-text-field--disabled":this.isDisabled,"bds-text-field--focused":this.focused,"bds-text-field--readonly":this.readOnly,"bds-text-field--plain":this.variant===x.PLAIN,"bds-text-field--clear-on-hover":this.clearOnHover}}get hostStyle(){return""!==this.customWidth?{"--bds-text-field-width":this.customWidth}:void 0}get iconClear(){return this.clearable||this.clearOnHover?"bds-icon-close":""}get showPasswordIcon(){return this.showPassword?"bds-icon-sight-on":"bds-icon-sight-off"}render(){const e=this._id+"-label",t=this._id+"-helper",s=(this.clearable||this.clearOnHover)&&""!==this.value&&!this.isDisabled&&!this.readOnly,o=this.error&&""!==this.errorMessage?this.errorMessage:this.validationError&&""!==this.validationMessage?this.validationMessage:this.helperText,l=""!==o||this.counter&&this.charCount>0,r=this.isDisabled?"disabled":this.error||this.validationError?"error":"default";return i(a,{key:"5f52a0a9553efa1ec140b9edc4d3d332b9b306bc",class:this.classMap,style:this.hostStyle,tabIndex:-1,onFocus:()=>!this.readOnly&&this.el.querySelector("input")?.focus()},""!==this.label&&i("bds-typography",{key:"eea2b4211cb13cc24baa650239ceca1168933eb5",id:e,variant:"label",htmlFor:this._id,required:this.required,tooltipText:""!==this.info?this.info:void 0,state:r},this.label),i("div",{key:"17d9e4b5f7e0d64a7e6e73200073db9e2d89b601",class:"bds-text-field__container"},(""!==this.icon||""!==this.sublabel)&&i("span",{key:"5557471fd0b5b49a1bb856ea4c1b901ca96039e6",class:"bds-text-field__sublabel"},""!==this.icon&&i("em",{key:"e213979d268b2fce51a0a090b82dff0552515a8c",class:this.icon}),this.sublabel),i("slot",{key:"828b889037a40e562bf45a4b502988542b815701",name:"prefix"}),i("input",{key:"b842de768f53b095b65fc60da7a0cfabfbcc87d1",id:this._id,class:"bds-text-field__control","aria-labelledby":""!==this.label?e:void 0,"aria-describedby":l&&""!==o?t:void 0,"aria-invalid":this.error||this.validationError?"true":void 0,"aria-required":this.required?"true":void 0,type:this.type===f.PASSWORD&&this.showPassword?f.TEXT:this.type,value:this.value,disabled:this.isDisabled,readOnly:this.readOnly,tabIndex:this.readOnly?-1:void 0,placeholder:this.placeholder,autocomplete:this.autocomplete,pattern:""!==this.pattern?this.pattern:void 0,minLength:0!==this.minLength?this.minLength:void 0,maxLength:this.effectiveMaxLength,onMouseDown:e=>this.handleMouseDown(e),onInput:e=>this.handleInput(e),onChange:e=>this.handleChange(e),onFocus:e=>this.handleFocus(e),onBlur:e=>this.handleBlur(e)}),(s||this.type===f.PASSWORD)&&i("div",{key:"19ffb36c88f72645969fed69eb8368647ea8071c",class:"bds-text-field__actions"},s&&i("button",{key:"1adbe2d791fa48cbc6d0b9d71bda40f01f77efe4",class:"bds-text-field__action bds-text-field__action--clear",type:"button","aria-label":"Clear",onClick:()=>this.handleClear()},i("em",{key:"72e94a903896a8f0d04569ffb4b692c5fe37c621",class:this.iconClear})),this.type===f.PASSWORD&&i("button",{key:"795a85ad395254a8dbac151eb225aeb0d0d9266a",class:"bds-text-field__action bds-text-field__action--password",type:"button","aria-label":this.showPassword?"Hide password":"Show password",onClick:()=>this.handleShowPassword()},i("em",{key:"e84632218e25422ce5ba64ad6efc40a94310a0c5",class:this.showPasswordIcon})))),l&&i("div",{key:"ef98f783b7cd1ccf37d04a209d1bcf4b87ca048a",class:"bds-text-field__footer"},""!==o&&i("bds-typography",{key:"c560b15810400be0710368c089294a6ee51746b1",id:t,variant:"helper",state:r},o),this.counter&&this.charCount>0&&i("span",{key:"e4f7d33f2e3bf588f30ccb7165a9b385d8f5a8e3",class:"bds-text-field__char-count"},this.currentCharCount,"/",this.charCount)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{disabled:[{onDisabledChange:0}],type:[{checkPropValues:0}],variant:[{checkPropValues:0}],validationTiming:[{checkPropValues:0}],customValidators:[{onCustomValidatorsChange:0}],value:[{onValueChange:0}]}}static get style(){return'@charset "UTF-8";.bds-text-field__container,.bds-text-field__sublabel,.bds-text-field__actions,.bds-text-field__action,.bds-text-field__footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bds-text-field [slot=prefix],.bds-text-field__sublabel{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs)}.bds-text-field{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-2xs);width:var(--bds-text-field-width, 100%);font-family:var(--boreal-typography-font-family-primary);color:var(--boreal-text-default)}.bds-text-field__container{padding:var(--boreal-spacing-1xs);padding-left:0;height:var(--boreal-layout-l);border:1px solid var(--boreal-stroke-default-light);border-radius:var(--boreal-radius-xs);background-color:var(--boreal-ui-inverse);-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;overflow:hidden}.bds-text-field__sublabel{gap:var(--boreal-spacing-3xs);padding-left:var(--boreal-spacing-xs);white-space:nowrap}.bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field__sublabel em[class*=" bds-icon-"]{width:var(--boreal-icons-m);height:var(--boreal-icons-m);font-size:var(--boreal-typography-font-size-md);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field [slot=prefix]{padding-left:var(--boreal-spacing-xs);overflow:hidden;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.bds-text-field__control{min-width:0;width:100%;border:none;outline:none;background:transparent;padding:0;padding-left:var(--boreal-spacing-xs);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm)}.bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:disabled{cursor:not-allowed}.bds-text-field__actions{padding-left:var(--boreal-spacing-xs);gap:var(--boreal-spacing-3xs)}.bds-text-field__action{-ms-flex-pack:center;justify-content:center;background:none;border:none;padding:var(--boreal-spacing-3xs);cursor:pointer;color:var(--boreal-icon-default-light);line-height:1;-webkit-transition:color 0.3s ease, opacity 0.3s ease;transition:color 0.3s ease, opacity 0.3s ease}.bds-text-field__action--clear em[class^=bds-icon-],.bds-text-field__action--clear em[class*=" bds-icon-"]{width:var(--boreal-icons-s);height:var(--boreal-icons-s);font-size:var(--boreal-typography-font-size-xs);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action--password em[class^=bds-icon-],.bds-text-field__action--password em[class*=" bds-icon-"]{width:var(--boreal-icons-l);height:var(--boreal-icons-l);font-size:var(--boreal-typography-font-size-lg);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action:hover{color:var(--boreal-icon-default-dark)}.bds-text-field__action:focus-visible{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-text-field__footer{-ms-flex-pack:justify;justify-content:space-between}.bds-text-field__char-count{-ms-flex-negative:0;flex-shrink:0;font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-xs);color:var(--boreal-text-default-light)}.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-text-field--error .bds-text-field__container{border-color:var(--boreal-stroke-danger-base)}.bds-text-field--disabled{cursor:not-allowed}.bds-text-field--disabled .bds-text-field__container{background-color:var(--boreal-ui-default-lighter);border-color:var(--boreal-stroke-default-light)}.bds-text-field--disabled .bds-text-field__sublabel{color:var(--boreal-text-disabled)}.bds-text-field--disabled .bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field--disabled .bds-text-field__sublabel em[class*=" bds-icon-"]{color:var(--boreal-icon-disabled)}.bds-text-field--disabled .bds-text-field__control{color:var(--boreal-icon-disabled)}.bds-text-field--readonly .bds-text-field__container{background-color:transparent;border:none}.bds-text-field--readonly .bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--plain .bds-text-field__container{border-color:transparent}.bds-text-field--plain.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus)}.bds-text-field--clear-on-hover .bds-text-field__action--clear{opacity:0;pointer-events:none}.bds-text-field--clear-on-hover:hover .bds-text-field__action--clear{opacity:1;pointer-events:auto}'}},[836,"bds-text-field",{name:[513],disabled:[516],required:[516],value:[1537],error:[516],errorMessage:[1,"error-message"],customValidators:[16],validationTiming:[1,"validation-timing"],type:[513],variant:[513],placeholder:[1],readOnly:[4,"readonly"],autocomplete:[1],pattern:[1],minLength:[2,"min-length"],maxLength:[2,"max-length"],label:[1],sublabel:[1],icon:[1],helperText:[1,"helper-text"],info:[1],clearable:[4],clearOnHover:[4,"clear-on-hover"],charCount:[2,"char-count"],counter:[4],customWidth:[1,"custom-width"],isDisabled:[32],focused:[32],showPassword:[32],touched:[32],dirty:[32],currentCharCount:[32],validationError:[32],validationMessage:[32],checkValidity:[64],reportValidity:[64]},void 0,{disabled:[{onDisabledChange:0}],type:[{checkPropValues:0}],variant:[{checkPropValues:0}],validationTiming:[{checkPropValues:0}],customValidators:[{onCustomValidatorsChange:0}],value:[{onValueChange:0}]}]),g=u,v=function(){"undefined"!=typeof customElements&&["bds-text-field","bds-tooltip","bds-typography"].forEach((e=>{switch(e){case"bds-text-field":customElements.get(o(e))||customElements.define(o(e),u);break;case"bds-tooltip":customElements.get(o(e))||c();break;case"bds-typography":customElements.get(o(e))||b()}}))};export{g as BdsTextField,v as defineCustomElement}
+import{p as e,M as t,c as s,h as i,H as a,t as o}from"./index.js";import{f as l}from"./p-nxYzL9uu.js";import{s as r,r as d}from"./p-DfaYciGa.js";import{c as n}from"./p-DhSchGPI.js";import{v as h}from"./p-kGnB15Lz.js";import{d as c}from"./p-B6e9eIHB.js";import{d as b}from"./p-CJBdGD_4.js";const f={TEXT:"text",PASSWORD:"password"},x={OUTLINE:"outline",PLAIN:"plain"},p={BLUR:"blur",CHANGE:"change",INPUT:"input",SUBMIT:"submit"},u=e(class extends(t(l)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.valueChange=s(this,"valueChange"),this.bdsInput=s(this,"bdsInput"),this.bdsChange=s(this,"bdsChange"),this.bdsFocus=s(this,"bdsFocus"),this.bdsBlur=s(this,"bdsBlur"),this.bdsClear=s(this,"bdsClear"),this.bdsValidationChange=s(this,"bdsValidationChange"),this.internals=this.attachInternals(),this.name="",this.disabled=!1,this.required=!1,this.isDisabled=!1,this.value="",this.error=!1,this.errorMessage="",this.customValidators=[],this.validationTiming=p.BLUR,this.type=f.TEXT,this.variant=x.OUTLINE,this.placeholder="",this.readOnly=!1,this.autocomplete="off",this.pattern="",this.minLength=0,this.maxLength=0,this.label="",this.sublabel="",this.icon="",this.helperText="",this.info="",this.clearable=!1,this.clearOnHover=!1,this.charCount=0,this.counter=!1,this.customWidth="",this.selectable=!1,this.iconRight="",this.focused=!1,this.showPassword=!1,this.touched=!1,this.dirty=!1,this.currentCharCount=0,this.validationError=!1,this.validationMessage="",this._valueAtFocus="",this._id=n("bds-text-field"),this.invalidHandler=e=>{e.preventDefault(),this.validationError=!0,this.validationMessage=this.internals.validationMessage,this.bdsValidationChange.emit({valid:!1,validity:this.internals.validity,value:this.value,touched:this.touched,dirty:this.dirty})}}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}onDisabledChange(e){this.isDisabled=e}checkPropValues(){h(Object.values(f),f.TEXT,this.el,"type"),h(Object.values(x),x.OUTLINE,this.el,"variant"),h(Object.values(p),p.BLUR,this.el,"validationTiming")}componentWillLoad(){this.checkPropValues(),this.isDisabled=this.disabled,this.currentCharCount=this.value.length}componentDidLoad(){this.el.addEventListener("invalid",this.invalidHandler)}disconnectedCallback(){this.el.removeEventListener("invalid",this.invalidHandler)}onCustomValidatorsChange(){this.updateValidity()}onValueChange(e){r(this.internals,e),this.currentCharCount=e.length,this.updateValidity(this.touched||this.validationError),this.valueChange.emit(e)}formAssociatedCallback(){r(this.internals,this.value),this.updateValidity()}formResetCallback(){this.value="",this.touched=!1,this.dirty=!1,this.currentCharCount=0,this.validationError=!1,this.validationMessage="",r(this.internals,null),this.updateValidity()}formStateRestoreCallback(e,t){this.value="string"==typeof e?e:"",r(this.internals,this.value),this.updateValidity()}updateValidity(e=!1){const t=d(this.internals,[...this.validators,...this.customValidators],this.el);e&&(this.validationError=!t,this.validationMessage=t?"":this.internals.validationMessage,this.bdsValidationChange.emit({valid:t,validity:this.internals.validity,value:this.value,touched:this.touched,dirty:this.dirty}))}handleInput(e){this.value=e.target.value,this.dirty=!0,this.bdsInput.emit({value:this.value,event:e}),this.validationTiming===p.INPUT&&this.updateValidity(!0)}handleChange(e){this.bdsChange.emit({value:this.value,event:e}),this.validationTiming===p.CHANGE&&this.updateValidity(!0)}handleFocus(e){this.focused=!0,this._valueAtFocus=this.value,this.bdsFocus.emit({event:e})}handleBlur(e){this.focused=!1,this.touched=!0,this.bdsBlur.emit({event:e}),(this.validationTiming===p.BLUR||this.validationTiming===p.CHANGE&&this.value!==this._valueAtFocus)&&this.updateValidity(!0)}handleShowPassword(){this.showPassword=!this.showPassword}handleClear(){this.value="",this.dirty=!0,this.validationError=!1,this.validationMessage="",this.bdsClear.emit(),this.el.querySelector("input")?.focus()}handleMouseDown(e){this.readOnly&&e.preventDefault()}get validators(){return[{key:"valueMissing",isValid:()=>!this.required||""!==this.value,message:"This field is required. Please fill it out."},{key:"tooShort",isValid:()=>0===this.minLength||this.value.length>=this.minLength,message:`Please enter at least ${this.minLength} characters.`},{key:"patternMismatch",isValid:()=>{if(""===this.pattern||""===this.value)return!0;try{return RegExp(this.pattern).test(this.value)}catch{return!0}},message:"Please match the requested format."}]}get effectiveMaxLength(){return 0!==this.maxLength?this.maxLength:this.counter&&this.charCount>0?this.charCount:void 0}get classMap(){return{"bds-text-field":!0,"bds-text-field--error":this.error||this.validationError,"bds-text-field--disabled":this.isDisabled,"bds-text-field--focused":this.focused,"bds-text-field--readonly":this.readOnly,"bds-text-field--plain":this.variant===x.PLAIN,"bds-text-field--clear-on-hover":this.clearOnHover,"bds-text-field--selectable":this.selectable}}get hostStyle(){return""!==this.customWidth?{"--bds-text-field-width":this.customWidth}:void 0}get iconClear(){return this.clearable||this.clearOnHover?"bds-icon-close":""}get showPasswordIcon(){return this.showPassword?"bds-icon-sight-on":"bds-icon-sight-off"}render(){const e=this._id+"-label",t=this._id+"-helper",s=(this.clearable||this.clearOnHover)&&""!==this.value&&!this.isDisabled&&!this.readOnly,o=this.error&&""!==this.errorMessage?this.errorMessage:this.validationError&&""!==this.validationMessage?this.validationMessage:this.helperText,l=""!==o||this.counter&&this.charCount>0,r=this.isDisabled?"disabled":this.error||this.validationError?"error":"default";return i(a,{key:"6481e9c4eac94aee0b9a24fdaae8a00d3ae100b3",class:this.classMap,style:this.hostStyle,tabIndex:-1,onFocus:()=>!this.readOnly&&this.el.querySelector("input")?.focus()},""!==this.label&&i("bds-typography",{key:"f21f1a20b452876a3d3e91276318142e517d4099",id:e,variant:"label",htmlFor:this._id,required:this.required,tooltipText:""!==this.info?this.info:void 0,state:r},this.label),i("div",{key:"08c4e6498a31ee97f8ab1e3b6f2774bd30b933df",class:"bds-text-field__container"},(""!==this.icon||""!==this.sublabel)&&i("span",{key:"aad475c4e9b6870ea2dae597a14aa9a42a3eb837",class:"bds-text-field__sublabel"},""!==this.icon&&i("em",{key:"f6cdaddf127e35143fcc3749395438e2082eb7c1",class:this.icon}),this.sublabel),i("slot",{key:"29fae2b0cf57634c0fa64eacc450a4989d4bbbf0",name:"prefix"}),i("slot",{key:"446a355e5d028e0a8ed0401c2f6452ab32a51959",name:"tags"}),i("input",{key:"d4dbc554a0121ac773d965d39277291562924e3f",id:this._id,class:"bds-text-field__control","aria-labelledby":""!==this.label?e:void 0,"aria-describedby":l&&""!==o?t:void 0,"aria-invalid":this.error||this.validationError?"true":void 0,"aria-required":this.required?"true":void 0,type:this.type===f.PASSWORD&&this.showPassword?f.TEXT:this.type,value:this.value,disabled:this.isDisabled,readOnly:this.readOnly||this.selectable,tabIndex:this.readOnly?-1:void 0,placeholder:this.placeholder,autocomplete:this.autocomplete,pattern:""!==this.pattern?this.pattern:void 0,minLength:0!==this.minLength?this.minLength:void 0,maxLength:this.effectiveMaxLength,onMouseDown:e=>this.handleMouseDown(e),onInput:e=>this.handleInput(e),onChange:e=>this.handleChange(e),onFocus:e=>this.handleFocus(e),onBlur:e=>this.handleBlur(e)}),(s||this.type===f.PASSWORD||""!==this.iconRight)&&i("div",{key:"47964ef2af3f328434fee12cbea2db2976c12d13",class:"bds-text-field__actions"},s&&i("button",{key:"f5265e5b44d1025697b4bb8237d4c6fccf5e1c2a",class:"bds-text-field__action bds-text-field__action--clear",type:"button","aria-label":"Clear",onClick:()=>this.handleClear()},i("em",{key:"bddaa1e6a9f347fea502e9d59eef0e008329b76b",class:this.iconClear})),this.type===f.PASSWORD&&i("button",{key:"deb294a70355419c49748f7821db56c83e811115",class:"bds-text-field__action bds-text-field__action--password",type:"button","aria-label":this.showPassword?"Hide password":"Show password",onClick:()=>this.handleShowPassword()},i("em",{key:"29945864601c1461054da11465ac0695a9c4432e",class:this.showPasswordIcon})),""!==this.iconRight&&i("span",{key:"a69939fe890b5c05a7752bbdba6cff9c159ea08c",class:"bds-text-field__action bds-text-field__action--icon-right","aria-hidden":"true"},i("i",{key:"db51d8c6dc8a3d74f26190ea8859a3fb19fad879",class:this.iconRight})))),l&&i("div",{key:"0052fb8c0e466d74afc7e30d55ae8016f48fe20b",class:"bds-text-field__footer"},""!==o&&i("bds-typography",{key:"aa7528b125145b7b36582dd1607cc80bf85948e4",id:t,variant:"helper",state:r},o),this.counter&&this.charCount>0&&i("span",{key:"5274eea422b00ec03da9f0b3ff90d055336b2727",class:"bds-text-field__char-count"},this.currentCharCount,"/",this.charCount)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{disabled:[{onDisabledChange:0}],type:[{checkPropValues:0}],variant:[{checkPropValues:0}],validationTiming:[{checkPropValues:0}],customValidators:[{onCustomValidatorsChange:0}],value:[{onValueChange:0}]}}static get style(){return'@charset "UTF-8";.bds-text-field__container,.bds-text-field__sublabel,.bds-text-field__actions,.bds-text-field__action,.bds-text-field__footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bds-text-field [slot=prefix],.bds-text-field__sublabel{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs)}.bds-text-field{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-2xs);width:var(--bds-text-field-width, 100%);font-family:var(--boreal-typography-font-family-primary);color:var(--boreal-text-default)}.bds-text-field__container{padding:var(--boreal-spacing-1xs);padding-left:0;height:var(--boreal-layout-l);border:1px solid var(--boreal-stroke-default-light);border-radius:var(--boreal-radius-xs);background-color:var(--boreal-ui-inverse);-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;overflow:hidden}.bds-text-field__sublabel{gap:var(--boreal-spacing-3xs);padding-left:var(--boreal-spacing-xs);white-space:nowrap}.bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field__sublabel em[class*=" bds-icon-"]{width:var(--boreal-icons-m);height:var(--boreal-icons-m);font-size:var(--boreal-typography-font-size-md);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field [slot=prefix]{padding-left:var(--boreal-spacing-xs);overflow:hidden;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.bds-text-field__control{min-width:0;width:100%;border:none;outline:none;background:transparent;padding:0;padding-left:var(--boreal-spacing-xs);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm)}.bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:disabled{cursor:not-allowed}.bds-text-field__control[aria-expanded=true]~.bds-text-field__actions .bds-text-field__action--icon-right{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bds-text-field__actions{padding-left:var(--boreal-spacing-xs);gap:var(--boreal-spacing-3xs)}.bds-text-field__action{-ms-flex-pack:center;justify-content:center;background:none;border:none;padding:var(--boreal-spacing-3xs);cursor:pointer;color:var(--boreal-icon-default-light);line-height:1;-webkit-transition:color 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease-in-out;transition:color 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease-in-out;transition:color 0.3s ease, opacity 0.3s ease, transform 0.3s ease-in-out;transition:color 0.3s ease, opacity 0.3s ease, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}.bds-text-field__action--clear em[class^=bds-icon-],.bds-text-field__action--clear em[class*=" bds-icon-"]{width:var(--boreal-icons-s);height:var(--boreal-icons-s);font-size:var(--boreal-typography-font-size-xs);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action--password em[class^=bds-icon-],.bds-text-field__action--password em[class*=" bds-icon-"]{width:var(--boreal-icons-l);height:var(--boreal-icons-l);font-size:var(--boreal-typography-font-size-lg);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action:hover{color:var(--boreal-icon-default-dark)}.bds-text-field__action:focus-visible{-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-text-field__footer{-ms-flex-pack:justify;justify-content:space-between}.bds-text-field__char-count{-ms-flex-negative:0;flex-shrink:0;font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-xs);color:var(--boreal-text-default-light)}.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-text-field--error .bds-text-field__container{border-color:var(--boreal-stroke-danger-base)}.bds-text-field--disabled{cursor:not-allowed}.bds-text-field--disabled .bds-text-field__container{background-color:var(--boreal-ui-default-lighter);border-color:var(--boreal-stroke-default-light)}.bds-text-field--disabled .bds-text-field__sublabel{color:var(--boreal-text-disabled)}.bds-text-field--disabled .bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field--disabled .bds-text-field__sublabel em[class*=" bds-icon-"]{color:var(--boreal-icon-disabled)}.bds-text-field--disabled .bds-text-field__control{color:var(--boreal-icon-disabled)}.bds-text-field--selectable .bds-text-field__container input{cursor:pointer;pointer-events:auto}.bds-text-field--readonly .bds-text-field__container{background-color:transparent;border:none}.bds-text-field--readonly .bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--plain .bds-text-field__container{border-color:transparent}.bds-text-field--plain.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus)}.bds-text-field--clear-on-hover .bds-text-field__action--clear{opacity:0;pointer-events:none}.bds-text-field--clear-on-hover:hover .bds-text-field__action--clear{opacity:1;pointer-events:auto}'}},[836,"bds-text-field",{name:[513],disabled:[516],required:[516],value:[1537],error:[516],errorMessage:[1,"error-message"],customValidators:[16],validationTiming:[1,"validation-timing"],type:[513],variant:[513],placeholder:[1],readOnly:[4,"readonly"],autocomplete:[1],pattern:[1],minLength:[2,"min-length"],maxLength:[2,"max-length"],label:[1],sublabel:[1],icon:[1],helperText:[1,"helper-text"],info:[1],clearable:[4],clearOnHover:[4,"clear-on-hover"],charCount:[2,"char-count"],counter:[4],customWidth:[1,"custom-width"],selectable:[4],iconRight:[1,"icon-right"],isDisabled:[32],focused:[32],showPassword:[32],touched:[32],dirty:[32],currentCharCount:[32],validationError:[32],validationMessage:[32],checkValidity:[64],reportValidity:[64]},void 0,{disabled:[{onDisabledChange:0}],type:[{checkPropValues:0}],variant:[{checkPropValues:0}],validationTiming:[{checkPropValues:0}],customValidators:[{onCustomValidatorsChange:0}],value:[{onValueChange:0}]}]),g=u,v=function(){"undefined"!=typeof customElements&&["bds-text-field","bds-tooltip","bds-typography"].forEach((e=>{switch(e){case"bds-text-field":customElements.get(o(e))||customElements.define(o(e),u);break;case"bds-tooltip":customElements.get(o(e))||c();break;case"bds-typography":customElements.get(o(e))||b()}}))};export{g as BdsTextField,v as defineCustomElement}

package/components-build/bds-toggle.js

@@ -1 +1 @@
-import{p as e,M as t,c as s,h as i,H as o,t as a}from"./index.js";import{f as r}from"./p-nxYzL9uu.js";import{i as l}from"./p-fUK0GCeC.js";import{s as d}from"./p-DfaYciGa.js";import{c as n}from"./p-DhSchGPI.js";import{d as b}from"./p-N_tqtRV2.js";import{d as h}from"./p-c2z3tneT.js";const g=e(class extends(t(r)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.valueChange=s(this,"valueChange"),this.bdsChange=s(this,"bdsChange"),this.internals=this.attachInternals(),this.inheritedAttributes={},this.disabled=!1,this.required=!1,this.info="",this.error=!1,this.errorMessage="",this.checked=!1,this.placement="left",this.label="",this.helperText="",this.value="on",this._id=n("bds-toggle"),this.isDisabled=!1,this.validationError=!1,this.validationMessage="",this.isChecked=!1,this.handleClick=()=>this.toggle(),this.handleKeyDown=e=>{" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.toggle())},this.handleInvalid=e=>{e.preventDefault(),this.validate()}}componentWillLoad(){this.isChecked=this.checked||!1,this.isDisabled=this.disabled||!1,this.inheritedAttributes={...l(this.el)},this.syncFormValue()}onCheckedChange(e){this.isChecked=e,this.syncFormValue()}onDisabledChange(e){this.isDisabled=e}formAssociatedCallback(){this.syncFormValue()}formDisabledCallback(e){this.isDisabled=e}formResetCallback(){this.isChecked=!1,this.internals.setValidity({}),d(this.internals,null)}formStateRestoreCallback(e,t){this.isChecked=e===this.value,this.internals.setValidity({}),this.syncFormValue()}syncFormValue(){d(this.internals,this.isChecked?this.value:null)}validate(){if(this.isDisabled||!this.required||this.isChecked)this.validationError=!1,this.validationMessage="",this.internals.setValidity({});else{const e=this.el.querySelector("input");this.validationError=!0,this.validationMessage="This field is required",this.internals.setValidity({valueMissing:!0},this.validationMessage,e??this.el)}}toggle(){this.isDisabled||(this.isChecked=!this.isChecked,this.syncFormValue(),this.validate(),this.valueChange.emit(this.isChecked),this.bdsChange.emit({checked:this.isChecked,value:this.value}))}get containerClasses(){return{"bds-toggle__container":!0,"bds-toggle__container--inverse":"right"===this.placement,"bds-toggle__container--checked":this.isChecked,"bds-toggle__container--disabled":this.isDisabled}}get canShowLabel(){return void 0!==this.label&&""!==this.label.trim()&&null!=this.label}render(){const e="bds-toggle",t=this.isDisabled?"disabled":this.error||this.validationError?"error":"default",s=this.error&&""!==this.errorMessage?this.errorMessage:this.validationError&&""!==this.validationMessage?this.validationMessage:this.helperText;return i(o,{key:"b5d27825358eaadb5cbca86e48488350e6099d8f",...this.inheritedAttributes,onClick:this.handleClick,onKeyDown:this.handleKeyDown,class:e},i("div",{key:"9b7bb4c4551beb61ed72c9ee4a4d7ee14e746c4e",part:"container",class:this.containerClasses},this.canShowLabel&&i("bds-typography",{key:"a95e1b66d8452b983002348b9456aa0c3674b202",variant:"label",class:e+"__label",htmlFor:this._id,required:this.required,tooltipText:this.info},this.label),i("label",{key:"954125135521cd6e65c2e6c3dfa41216e6f52dd3",class:e+"__switch",htmlFor:this._id,onClick:e=>e.preventDefault()},i("input",{key:"c3e0ee266aba0bd6e8ca7fb2d3efaeb412161806",class:e+"__input","aria-invalid":this.error||this.validationError?"true":void 0,"aria-label":this.label||null,id:this._id,type:"checkbox",name:this.name,required:this.required,disabled:this.isDisabled,checked:this.isChecked,onInvalid:this.handleInvalid}),i("span",{key:"68912685234edb7c6ec972231c7f951531862f7c",class:`${e}__slider ${e}__slider--round`}))),""!==s&&i("bds-typography",{key:"3e5645d234edc1f3efe7805260def2c74bc7cd44",class:e+"__helper-text",variant:"helper",state:t,onClick:e=>e.stopPropagation()},s))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}}static get style(){return'@charset "UTF-8";.bds-toggle{font-family:var(--boreal-typography-font-family-primary);display:inline-block}.bds-toggle__container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs);outline:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.bds-toggle__container:focus{outline:none}.bds-toggle__container--inverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.bds-toggle:active,.bds-toggle:focus-visible{outline:none}.bds-toggle:active .bds-toggle__input:not([disabled])+.bds-toggle__slider,.bds-toggle:focus-visible .bds-toggle__input:not([disabled])+.bds-toggle__slider{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-toggle .bds-toggle__input:active:not([disabled])+.bds-toggle__slider,.bds-toggle .bds-toggle__input:focus-visible:not([disabled])+.bds-toggle__slider{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-toggle:hover:not(:active):not([checked]):not([disabled]) .bds-toggle__slider,.bds-toggle:hover:not(:active):focus-within:not([checked]) .bds-toggle__slider{-webkit-box-shadow:0 1px 2px 0 var(--boreal-stroke-default-light);box-shadow:0 1px 2px 0 var(--boreal-stroke-default-light)}.bds-toggle__switch{position:relative;display:inline-block;width:var(--boreal-spacing-3xl);height:var(--boreal-spacing-l)}.bds-toggle__input{opacity:0;width:0;height:0}.bds-toggle__input:not(:checked)+.bds-toggle__slider{border:1px solid var(--boreal-stroke-default-light)}.bds-toggle__input:checked+.bds-toggle__slider{background-color:var(--boreal-ui-primary-base)}.bds-toggle__input:checked+.bds-toggle__slider::before{-webkit-transform:translateX(var(--boreal-spacing-l));-ms-transform:translateX(var(--boreal-spacing-l));transform:translateX(var(--boreal-spacing-l))}.bds-toggle__input:disabled+.bds-toggle__slider{background-color:var(--boreal-ui-disabled);cursor:default}.bds-toggle__input:disabled+.bds-toggle__slider::before{background-color:var(--boreal-icon-default-light)}.bds-toggle__input:disabled:checked+.bds-toggle__slider{background-color:var(--boreal-ui-primary-light)}.bds-toggle__input:disabled:checked+.bds-toggle__slider::before{background-color:var(--boreal-icon-inverse)}.bds-toggle__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--boreal-ui-base-light);-webkit-transition:all 0.4s, border-color 0s;transition:all 0.4s, border-color 0s}.bds-toggle__slider::before{position:absolute;content:"";height:var(--boreal-typography-font-size-md);width:var(--boreal-typography-font-size-md);left:var(--boreal-spacing-2xs);background-color:var(--boreal-text-inverse);bottom:0;top:0;margin:auto;-webkit-transition:0.3s;transition:0.3s}.bds-toggle__slider--round{border-radius:var(--boreal-radius-m)}.bds-toggle__slider--round::before{border-radius:var(--boreal-radius-full)}.bds-toggle__label{font-size:var(--boreal-typography-font-size-sm);color:var(--boreal-text-default)}.bds-toggle__helper-text{display:-ms-flexbox;display:flex;position:relative;color:var(--boreal-text-default-light);font-size:var(--boreal-typography-font-size-xs);margin-top:var(--boreal-spacing-2xs)}'}},[576,"bds-toggle",{name:[513],disabled:[516],required:[516],info:[1],error:[516],errorMessage:[513,"error-message"],checked:[516],placement:[513],label:[513],helperText:[513,"helper-text"],value:[1],isDisabled:[32],validationError:[32],validationMessage:[32],isChecked:[32]},void 0,{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}]),c=g,p=function(){"undefined"!=typeof customElements&&["bds-toggle","bds-tooltip","bds-typography"].forEach((e=>{switch(e){case"bds-toggle":customElements.get(a(e))||customElements.define(a(e),g);break;case"bds-tooltip":customElements.get(a(e))||b();break;case"bds-typography":customElements.get(a(e))||h()}}))};export{c as BdsToggle,p as defineCustomElement}
+import{p as e,M as t,c as s,h as i,H as o,t as a}from"./index.js";import{f as l}from"./p-nxYzL9uu.js";import{i as r}from"./p-fUK0GCeC.js";import{s as d}from"./p-DfaYciGa.js";import{c as h}from"./p-DhSchGPI.js";import{d as b}from"./p-B6e9eIHB.js";import{d as n}from"./p-CJBdGD_4.js";const g=e(class extends(t(l)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.valueChange=s(this,"valueChange"),this.bdsChange=s(this,"bdsChange"),this.internals=this.attachInternals(),this.inheritedAttributes={},this.disabled=!1,this.required=!1,this.info="",this.error=!1,this.errorMessage="",this.checked=!1,this.placement="left",this.label="",this.helperText="",this.value="on",this._id=h("bds-toggle"),this.isDisabled=!1,this.validationError=!1,this.validationMessage="",this.isChecked=!1,this.handleClick=()=>this.toggle(),this.handleKeyDown=e=>{" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.toggle())},this.handleInvalid=e=>{e.preventDefault(),this.validate()}}componentWillLoad(){this.isChecked=this.checked||!1,this.isDisabled=this.disabled||!1,this.inheritedAttributes={...r(this.el)},this.syncFormValue()}onCheckedChange(e){this.isChecked=e,this.syncFormValue()}onDisabledChange(e){this.isDisabled=e}formAssociatedCallback(){this.syncFormValue()}formDisabledCallback(e){this.isDisabled=e}formResetCallback(){this.isChecked=!1,this.internals.setValidity({}),d(this.internals,null)}formStateRestoreCallback(e,t){this.isChecked=e===this.value,this.internals.setValidity({}),this.syncFormValue()}syncFormValue(){d(this.internals,this.isChecked?this.value:null)}validate(){if(this.isDisabled||!this.required||this.isChecked)this.validationError=!1,this.validationMessage="",this.internals.setValidity({});else{const e=this.el.querySelector("input");this.validationError=!0,this.validationMessage="This field is required",this.internals.setValidity({valueMissing:!0},this.validationMessage,e??this.el)}}toggle(){this.isDisabled||(this.isChecked=!this.isChecked,this.syncFormValue(),this.validate(),this.valueChange.emit(this.isChecked),this.bdsChange.emit({checked:this.isChecked,value:this.value}))}get containerClasses(){return{"bds-toggle__container":!0,"bds-toggle__container--inverse":"right"===this.placement,"bds-toggle__container--checked":this.isChecked,"bds-toggle__container--disabled":this.isDisabled}}get canShowLabel(){return void 0!==this.label&&""!==this.label.trim()&&null!=this.label}render(){const e="bds-toggle",t=this.isDisabled?"disabled":this.error||this.validationError?"error":"default",s=this.error&&""!==this.errorMessage?this.errorMessage:this.validationError&&""!==this.validationMessage?this.validationMessage:this.helperText;return i(o,{key:"b5d27825358eaadb5cbca86e48488350e6099d8f",...this.inheritedAttributes,onClick:this.handleClick,onKeyDown:this.handleKeyDown,class:e},i("div",{key:"9b7bb4c4551beb61ed72c9ee4a4d7ee14e746c4e",part:"container",class:this.containerClasses},this.canShowLabel&&i("bds-typography",{key:"a95e1b66d8452b983002348b9456aa0c3674b202",variant:"label",class:e+"__label",htmlFor:this._id,required:this.required,tooltipText:this.info},this.label),i("label",{key:"954125135521cd6e65c2e6c3dfa41216e6f52dd3",class:e+"__switch",htmlFor:this._id,onClick:e=>e.preventDefault()},i("input",{key:"c3e0ee266aba0bd6e8ca7fb2d3efaeb412161806",class:e+"__input","aria-invalid":this.error||this.validationError?"true":void 0,"aria-label":this.label||null,id:this._id,type:"checkbox",name:this.name,required:this.required,disabled:this.isDisabled,checked:this.isChecked,onInvalid:this.handleInvalid}),i("span",{key:"68912685234edb7c6ec972231c7f951531862f7c",class:`${e}__slider ${e}__slider--round`}))),""!==s&&i("bds-typography",{key:"3e5645d234edc1f3efe7805260def2c74bc7cd44",class:e+"__helper-text",variant:"helper",state:t,onClick:e=>e.stopPropagation()},s))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}}static get style(){return'@charset "UTF-8";.bds-toggle{font-family:var(--boreal-typography-font-family-primary);display:inline-block}.bds-toggle__container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs);outline:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.bds-toggle__container:focus{outline:none}.bds-toggle__container--inverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.bds-toggle:active,.bds-toggle:focus-visible{outline:none}.bds-toggle:active .bds-toggle__input:not([disabled])+.bds-toggle__slider,.bds-toggle:focus-visible .bds-toggle__input:not([disabled])+.bds-toggle__slider{-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-toggle .bds-toggle__input:active:not([disabled])+.bds-toggle__slider,.bds-toggle .bds-toggle__input:focus-visible:not([disabled])+.bds-toggle__slider{-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-toggle:hover:not(:active):not([checked]):not([disabled]) .bds-toggle__slider,.bds-toggle:hover:not(:active):focus-within:not([checked]) .bds-toggle__slider{-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-toggle__switch{position:relative;display:inline-block;width:var(--boreal-spacing-3xl);height:var(--boreal-spacing-l)}.bds-toggle__input{opacity:0;width:0;height:0}.bds-toggle__input:not(:checked)+.bds-toggle__slider{border:1px solid var(--boreal-stroke-default-light)}.bds-toggle__input:checked+.bds-toggle__slider{background-color:var(--boreal-ui-primary-base)}.bds-toggle__input:checked+.bds-toggle__slider::before{-webkit-transform:translateX(var(--boreal-spacing-l));-ms-transform:translateX(var(--boreal-spacing-l));transform:translateX(var(--boreal-spacing-l))}.bds-toggle__input:disabled+.bds-toggle__slider{background-color:var(--boreal-ui-disabled);cursor:default}.bds-toggle__input:disabled+.bds-toggle__slider::before{background-color:var(--boreal-icon-default-light)}.bds-toggle__input:disabled:checked+.bds-toggle__slider{background-color:var(--boreal-ui-primary-light)}.bds-toggle__input:disabled:checked+.bds-toggle__slider::before{background-color:var(--boreal-icon-inverse)}.bds-toggle__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--boreal-ui-base-light);-webkit-transition:all 0.4s, border-color 0s;transition:all 0.4s, border-color 0s}.bds-toggle__slider::before{position:absolute;content:"";height:var(--boreal-typography-font-size-md);width:var(--boreal-typography-font-size-md);left:var(--boreal-spacing-2xs);background-color:var(--boreal-text-inverse);bottom:0;top:0;margin:auto;-webkit-transition:0.3s;transition:0.3s}.bds-toggle__slider--round{border-radius:var(--boreal-radius-m)}.bds-toggle__slider--round::before{border-radius:var(--boreal-radius-full)}.bds-toggle__label{font-size:var(--boreal-typography-font-size-sm);color:var(--boreal-text-default)}.bds-toggle__helper-text{display:-ms-flexbox;display:flex;position:relative;color:var(--boreal-text-default-light);font-size:var(--boreal-typography-font-size-xs);margin-top:var(--boreal-spacing-2xs)}'}},[576,"bds-toggle",{name:[513],disabled:[516],required:[516],info:[1],error:[516],errorMessage:[513,"error-message"],checked:[516],placement:[513],label:[513],helperText:[513,"helper-text"],value:[1],isDisabled:[32],validationError:[32],validationMessage:[32],isChecked:[32]},void 0,{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}]),c=g,p=function(){"undefined"!=typeof customElements&&["bds-toggle","bds-tooltip","bds-typography"].forEach((e=>{switch(e){case"bds-toggle":customElements.get(a(e))||customElements.define(a(e),g);break;case"bds-tooltip":customElements.get(a(e))||b();break;case"bds-typography":customElements.get(a(e))||n()}}))};export{c as BdsToggle,p as defineCustomElement}

package/components-build/bds-tooltip.js

@@ -1 +1 @@
-import{B as t,d as o}from"./p-N_tqtRV2.js";const s=t,p=o;export{s as BdsTooltip,p as defineCustomElement}
+import{B as o,d as s}from"./p-B6e9eIHB.js";const e=o,p=s;export{e as BdsTooltip,p as defineCustomElement}

package/components-build/bds-typography.js

@@ -1 +1 @@
-import{B as o,d as s}from"./p-c2z3tneT.js";const t=o,p=s;export{t as BdsTypography,p as defineCustomElement}
+import{B as o,d as s}from"./p-CJBdGD_4.js";const p=o,r=s;export{p as BdsTypography,r as defineCustomElement}

package/components-build/p-B6e9eIHB.js

@@ -0,0 +1 @@
+import{p as t,M as o,h as e,H as i,t as r}from"./index.js";import{g as a,a as s}from"./p-DrkDx75U.js";const l=t(class extends(o(s)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.multiline=!1,this.disabled=!1,this.floatingOptions={},this.isVisible=!1}get options(){return{placement:this.floatingOptions.placement??"top",offset:a(this.floatingOptions?.hideArrow,this.floatingOptions.offset,4),arrow:this.floatingOptions.hideArrow?void 0:this.arrowElement,strategy:"fixed"}}get hooks(){return{onPositionUpdate:t=>this.handlePosition(t),onBeforeShow:()=>this.validateShow(),onBeforeHide:t=>this.validateHide(t),subscribeToTrigger:t=>this.subscribe(t)}}get canShowArrow(){return!this.floatingOptions.hideArrow||!1}get getPlacement(){return this.floatingOptions.placement||"top"}validateShow(){return!this.disabled}validateHide(t){return!this.floatingOptions.stayOnHover||void 0===t||!t.isConnected||!this.floatingContent.contains(t)&&this.floatingContent!==t}handlePosition(t){this.floatingContent.setAttribute("data-placement",t.placement),this.setArrowPosition(t)}setArrowPosition(t){if(t.middlewareData?.arrow&&!this.disabled&&this.arrowElement?.isConnected){const{x:o,y:e}=t.middlewareData.arrow;Object.assign(this.arrowElement.style,{left:null!=o?`${o}px`:"",top:null!=e?`${e}px`:""})}}get hasMultiline(){return void 0!==this.multiline&&this.multiline}get tooltipStyles(){return{"tooltip-content":!0,"tooltip-content--multiline":this.hasMultiline}}subscribe(t){void 0!==t&&(t.setAttribute("part","tooltip-trigger"),t.setAttribute("ariaDescribedBy","tooltip-content"),t.addEventListener("mouseenter",(()=>this.show())),t.addEventListener("mouseleave",(t=>this.hide(t.target))))}render(){return e(i,{key:"d86d09d733df866cd6575dc5b2b6cd8f9193de19",class:"tooltip"},e("div",{key:"f277bed354746928e0bca3a85103b70437a34692",id:"tooltip-content",part:"tooltip-content",class:this.tooltipStyles,popover:"manual",role:"tooltip","aria-hidden":this.isVisible?"false":"true","data-placement":this.getPlacement,"data-multiline":this.multiline,"data-hidearrow":this.canShowArrow,ref:t=>this.floatingContent=t},this.canShowArrow&&e("div",{key:"c22acfac98e8ebb09a0d967d2a82d438d43cecb2",class:"tooltip-arrow",part:"arrow",ref:t=>this.arrowElement=t}),e("slot",{key:"373a096f06baf800e958e39dd606994c1ca23ac1"})))}get el(){return this}static get style(){return'@charset "UTF-8";:root{--tooltip-arrow-size:var(--boreal-spacing-s);--tooltip-width:320px}.tooltip-content{position:fixed;margin:0;overflow:visible;border-radius:var(--boreal-radius-xs2);background:var(--boreal-ui-black);color:var(--boreal-text-inverse);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-s);font-size:var(--boreal-typography-font-size-xs);line-height:var(--boreal-typography-line-height-xs);font-family:var(--boreal-typography-font-family-primary);border:var(--boreal-spacing-2xs) solid var(--boreal-ui-black);font-weight:var(--boreal-typography-font-weight-regular)}.tooltip-content--multiline{white-space:normal;max-width:var(--tooltip-width, 320px);word-break:break-word;text-align:center}.tooltip-arrow{position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);pointer-events:none;z-index:-1}.tooltip-arrow::before{content:"";position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);background:var(--boreal-ui-black);-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;transform-origin:center;inset:0}.tooltip-content[data-placement^=top] .tooltip-arrow{bottom:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=bottom] .tooltip-arrow{top:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=left] .tooltip-arrow{right:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=right] .tooltip-arrow{left:calc(var(--tooltip-arrow-size) / -2)}'}},[772,"bds-tooltip",{multiline:[4],disabled:[4],floatingOptions:[16],isVisible:[32]}]);function n(){"undefined"!=typeof customElements&&["bds-tooltip"].forEach((t=>{"bds-tooltip"===t&&(customElements.get(r(t))||customElements.define(r(t),l))}))}export{l as B,n as d}

package/components-build/p-CJBdGD_4.js

@@ -0,0 +1 @@
+import{p as t,a as e,h as a,H as r,t as o}from"./index.js";import{C as i}from"./p-Bfazyxqi.js";import{i as s}from"./p-fUK0GCeC.js";import{d as l}from"./p-B6e9eIHB.js";const h="md",p={link:{states:[i.DISABLED],size:["sm",h]},label:{states:[i.DISABLED],required:!0,canUseTooltip:!0},heading:{canUseTooltip:!0},subheading:{canUseTooltip:!0},helper:{states:[i.ERROR]},display:{size:["xs","sm",h,"lg","xl"]}},y=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.inheritedAttributes={},this.variant="display",this.size=h,this.state=i.DEFAULT,this.rel="",this.customClass="",this.element="p",this.align="start",this.ellipsis=!1,this.maxLines=1,this.tooltipText="",this.required=!1,this.htmlFor=void 0,this.href=null,this.target=null,this.downloadable=!1,this.filename="download",this.sanitizedHref=""}async updateSanitizedHref(){if("a"===this.getTagName&&null!==this.href){const{sanitizeUrl:t}=await import("./p-noyWJ11s.js").then((function(t){return t.i}));this.sanitizedHref=t(this.href)}else this.sanitizedHref=""}async componentWillLoad(){"a"===this.getTagName&&null!==this.href&&await this.updateSanitizedHref(),this.inheritedAttributes={...s(this.el)}}get getTagName(){return"link"===this.variant?"a":this.element.toLowerCase()}getVariantConfig(){return p[this.variant]??{}}getAccessibilityTags(){const{required:t=!1}=this.getVariantConfig(),e=["a","label"].includes(this.getTagName);return{"aria-required":this.required&&t,"aria-disabled":this.state===i.DISABLED&&e}}getVariantStateStyles(){const t=this.getVariantConfig();return{[`bds-typography--${this.variant}`]:!0,[`bds-typography--align-${this.align}`]:!0,[`bds-typography--${this.state}`]:!(!t?.states||!t?.states.includes(this.state)),[`bds-typography--size-${this.size}`]:!(!t?.size||!t?.size.includes(this.size)),"bds-typography--required":!(!t?.required||!this.required),"bds-typography--ellipsis":this.ellipsis&&this.maxLines<=1,"bds-typography--ellipsis-multiline":this.ellipsis&&this.maxLines>1,[this.customClass]:""!==this.customClass}}render(){const t=this.getTagName,e={...(o=this,s=t,{a:{href:o.state!==i.DISABLED?o.sanitizedHref:null,target:o.target,download:o.downloadable?o.filename:null,rel:"_blank"===o.target?"noopener noreferrer":o.rel},label:{htmlFor:o.htmlFor}}[s]||{}),...this.inheritedAttributes,...this.getAccessibilityTags()};var o,s;const l=this.getVariantStateStyles(),{canUseTooltip:h=null,required:p=null}=this.getVariantConfig();return a(r,{key:"ab4e3734b72e12d49cd91b82da34c9a74a806fb1",class:"bds-typography "+(this.state===i.DISABLED?"bds-typography--disabled-cursor":"")},a(t,{key:"166bf124185b9c713afbca95b61a54356a214537",class:l,style:{webkitLineClamp:this.maxLines},...e},a("slot",{key:"5bc61723dd8942560c7308f0d3a4ba330d06695d"}),this.required&&p&&a("em",{key:"f30ff90c2600b262b155dbcbfaba63c1e54b68e9",class:"bds-typography__required-indicator","aria-hidden":"true"},"*"),this.tooltipText&&h&&a("span",{key:"0639b26cdb61369b7fecb2267ff3b543f139564b",class:"bds-typography__info"},a("span",{key:"e007db27b60782daf0863022573b61dfc2b3f9cf",class:"bds-typography__info-icon bds-icon-info-circle","aria-label":this.tooltipText}),a("bds-tooltip",{key:"9ad52be88f97084406613d990ef7d75607837bb8"},this.tooltipText))))}get el(){return this}static get watchers(){return{href:[{updateSanitizedHref:0}]}}static get style(){return'@charset "UTF-8";.bds-typography__info{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}bds-typography.bds-typography--disabled-cursor{cursor:not-allowed}.bds-typography{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__required-indicator{color:var(--boreal-icon-danger-base);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__info-icon{color:var(--boreal-icon-default-light)}.bds-typography--heading,.bds-typography--subheading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--display{display:block}.bds-typography--caption,.bds-typography--helper,.bds-typography--link{display:inline-block}.bds-typography--caption{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-light)}.bds-typography--helper{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default-light)}.bds-typography--link{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-primary-base);text-decoration:none}.bds-typography--link:hover{text-decoration:underline}.bds-typography--link:visited{color:var(--boreal-text-primary-base)}.bds-typography--link:active{color:var(--boreal-text-primary-dark)}.bds-typography--link.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xs)}.bds-typography--link.bds-typography--size-md{font-size:var(--boreal-typography-font-size-sm)}.bds-typography--code{font-family:var(--boreal-typography-font-family-secondary);font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default);line-height:var(--boreal-typography-line-height-md);overflow-wrap:break-word;background-color:var(--boreal-bg-neutral);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-xs);border-radius:var(--boreal-radius-xs);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.bds-typography--label{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-darker)}.bds-typography--display{font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography--display.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography--display.bds-typography--size-md{font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography--display.bds-typography--size-lg{font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--display.bds-typography--size-xl{font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--heading{font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography h1.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl)}.bds-typography h2.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl)}.bds-typography h3.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography h4.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography h5.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg)}.bds-typography h6.bds-typography--heading{font-size:var(--boreal-typography-font-size-md);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md)}.bds-typography--subheading{font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);font-weight:var(--boreal-typography-font-weight-semibold)}.bds-typography--align-start{text-align:start}.bds-typography--align-center{text-align:center}.bds-typography--align-end{text-align:end}.bds-typography--align-inherit{text-align:inherit}.bds-typography--error{color:var(--boreal-text-danger-base)}.bds-typography--disabled{color:var(--boreal-text-disabled);pointer-events:none;cursor:not-allowed}.bds-typography--disabled .bds-typography__required-indicator{color:var(--boreal-text-danger-light)}.bds-typography--ellipsis{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bds-typography--ellipsis-multiline{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%}'}},[260,"bds-typography",{variant:[513],size:[513],state:[513],rel:[1],customClass:[1,"custom-class"],element:[1],align:[1],ellipsis:[4],maxLines:[2,"max-lines"],tooltipText:[1,"tooltip-text"],required:[516],htmlFor:[1,"html-for"],href:[1],target:[1],downloadable:[4],filename:[1],sanitizedHref:[32]},void 0,{href:[{updateSanitizedHref:0}]}]);function n(){"undefined"!=typeof customElements&&["bds-typography","bds-tooltip"].forEach((t=>{switch(t){case"bds-typography":customElements.get(o(t))||customElements.define(o(t),y);break;case"bds-tooltip":customElements.get(o(t))||l()}}))}export{y as B,n as d}

package/components-build/p-DcR7mHFE.js

@@ -0,0 +1 @@
+import{K as t,L as n,a as e}from"./p-yLNcMg2E.js";import{O as i}from"./p-CPvuMm5C.js";const s={KEYDOWN:"keydown",KEYUP:"keyup"},r={...i,BOTH:"both"},o={ROVING_TABINDEX:"roving-tabindex",ARIA_ACTIVE_DESCENDANT:"aria-activedescendant"},l="first",a="last";function c(t){return null!=t}function u(t,n){const e=t[n];if(null==e)return;const i=t.findIndex((t=>"0"===t.getAttribute("tabindex")));e.setAttribute("tabindex","0"),e.focus(),-1!==i&&i!==n&&t[i].setAttribute("tabindex","-1")}function h(t){return null!=t}function f(t,n){t.forEach(((t,e)=>{0===t.id.length&&(t.id=`${n}-${e}-${Math.random().toString(36).slice(2,7)}`)}))}function d(t,n,e,i){const s=t[n];null!=s&&(f(t,i),t.forEach((t=>t.setAttribute("tabindex","-1"))),e.setAttribute("aria-activedescendant",s.id),s.scrollIntoView({block:"nearest"}))}function v(t,n,e,i,s){const r=t.flat().filter(h),o=t[n]?.[e];null!=o&&(f(r,s),r.forEach((t=>t.setAttribute("tabindex","-1"))),i.setAttribute("aria-activedescendant",o.id),o.scrollIntoView({block:"nearest"}))}function b(t,n,e){if(n===o.ARIA_ACTIVE_DESCENDANT){const n=e?.getAttribute("aria-activedescendant");return null==n?-1:t.findIndex((t=>t.id===n))}return t.indexOf(document.activeElement)}function g(t,n,e){if(n===o.ARIA_ACTIVE_DESCENDANT){const n=e?.getAttribute("aria-activedescendant");if(null!=n)for(let e=0;e<t.length;e++)for(let i=0;i<t[e].length;i++)if(t[e][i]?.id===n)return{row:e,col:i};return{row:-1,col:-1}}const i=document.activeElement;for(let n=0;n<t.length;n++)for(let e=0;e<t[n].length;e++)if(t[n][e]===i)return{row:n,col:e};return{row:-1,col:-1}}function p(t){return null!=t}function w(t){const n=[];return t.forEach(((t,e)=>{t.forEach(((t,i)=>{p(t)&&n.push({row:e,col:i,cell:t})}))})),n}function y(t,n){return t[n]?.map(((t,e)=>p(t)?{row:n,col:e,cell:t}:null)).filter((t=>null!=t))??[]}function m(t,n,e,i){const s=t.length;let r=n;for(let n=0;n<s;n++){if(r<0||r>=s){if(!i)return-1;r=r<0?s-1:0}if(y(t,r).length>0)return r;r+=e}return-1}const A={alt:t=>t.altKey,control:t=>t.ctrlKey,meta:t=>t.metaKey,shift:t=>t.shiftKey};function x(t){return t in A}const k={ctrl:e.Control,cmd:e.Meta,win:e.Meta,option:e.Alt,space:t.Space};function M(t){if(" "===t)return" ";const n=t.trim().toLowerCase();return k[n]??n}function N(t){const n=(Array.isArray(t)?t:t.split("+")).map(M),e=n.filter((t=>x(t)));return{keys:n.filter((t=>!x(t))),modifiers:e}}function E(t,n){const e=[...t].sort();return[...Object.keys(A).filter((t=>n.includes(t))),...e].join("+")}class C{constructor(t={preventDefault:!0}){this._bindings=new Map,this._allowedKeys=new Set,this._pressedKeys=new Set,this._logger=new n,this._abortController=null,this._root=null,this._strategyType=o.ROVING_TABINDEX,this._idPrefix="bds-nav-item",this._defaults=t}attach(t){this.detach(),this._root=t,this._abortController=new AbortController;const{signal:n}=this._abortController,e=t=>this._dispatchKeyEvent(t),i=()=>this._pressedKeys.clear();return t.addEventListener(s.KEYDOWN,e,{signal:n}),t.addEventListener(s.KEYUP,e,{signal:n}),t.addEventListener("focusout",i,{signal:n}),globalThis.addEventListener("blur",i,{signal:n}),this}detach(){this._abortController?.abort(),this._abortController=null,this._root=null,this._pressedKeys.clear()}_ensureAttached(t){return null!=this._root&&null!=this._abortController||(this._logger.warn("KeyboardController",`${t}() was called before attach(). Call attach(el) first.`),!1)}_rebuildAllowedKeys(){this._allowedKeys.clear(),this._bindings.forEach((t=>{for(const n of[...t.keys,...t.modifiers])this._allowedKeys.add(n)}))}_dispatchKeyEvent(t){const n=t.key.toLowerCase(),e=t.type===s.KEYDOWN,i=t.type===s.KEYUP;if(!this._allowedKeys.has(n))return void(!x(n)&&i&&this._pressedKeys.delete(n));!x(n)&&e&&this._pressedKeys.add(n);const r=Object.keys(A).filter((n=>A[n](t))),o=E(Array.from(this._pressedKeys),r);let l=this._bindings.get(o);void 0===l&&this._pressedKeys.size>1&&(l=this._bindings.get(E([n],r))),void 0!==l&&(l.options.preventDefault&&e&&t.preventDefault(),this._matchesTrigger(l,t)&&(l.options.preventDefault&&i&&t.preventDefault(),l.options.stopPropagation&&t.stopPropagation(),l.handler(t))),!x(n)&&i&&this._pressedKeys.delete(n)}_matchesTrigger(t,n){const e=t.options.triggers??[s.KEYDOWN];return n.type===s.KEYDOWN&&e.includes(s.KEYDOWN)?!n.repeat||Boolean(t.options.repeat):!(n.type!==s.KEYUP||!e.includes(s.KEYUP))}set(t,n,e){if(Array.isArray(t)){const i=t.map(M);if(!i.some((t=>x(t))))return i.forEach((t=>this.set(t,n,e))),this}const{keys:i,modifiers:s}=N(t),r=E(i,s),o={...this._defaults,...e};for(const t of[...i,...s])this._allowedKeys.add(t);return this._bindings.set(r,{keys:i,modifiers:s,handler:n,options:o}),this}setActivateHandler(n,e){return this.set([t.Enter,t.Space],n,e)}onFocusOut(t){return null==this._root||null==this._abortController||this._root.addEventListener("focusout",t,{signal:this._abortController.signal}),this}rovingTabindex(t,n){return 0===t.length||u(t,Math.max(0,Math.min(n,t.length-1))),this}ariaActiveDescendant(t,n,e){if(0===t.length)return this;const i=e?.container??this._root;if(null==i)return this;const s=e?.idPrefix??"bds-nav-item";return d(t,Math.max(0,Math.min(n,t.length-1)),i,s),this}applyFocus(t,n){return this._strategyType===o.ARIA_ACTIVE_DESCENDANT?this.ariaActiveDescendant(t,n,{idPrefix:this._idPrefix}):this.rovingTabindex(t,n)}setLinearNavigation(n){return this._ensureAttached("setLinearNavigation")?(function(n,e){const{orientation:i=r.BOTH,wrap:s=!0,focusStrategy:c={type:o.ROVING_TABINDEX},initialActiveSelector:h,onNavigate:f,onItemActive:v,onActivate:g,activateKeys:p=[t.Enter,t.Space],onEscape:w,repeatThrottleMs:y=100}=n,m=c.type,A=c.type===o.ARIA_ACTIVE_DESCENDANT?c.idPrefix??`${e.root?.tagName.toLowerCase()??"bds-nav"}-item`:"bds-nav-item";e.onStrategyResolved(m,A);const x="function"==typeof n.items?n.items:()=>Array.from(e.root?.querySelectorAll(n.items)??[]);let k=-1;const M=(t,n)=>{const i=x();if(0===i.length)return;let r,c=b(i,m,e.root);if(-1===c&&null!=n&&(c=i.indexOf(n)),t===l)r=0;else if(t===a)r=i.length-1;else{const n=(-1===c?1===t?-1:0:c)+t;r=n<0?s?i.length-1:0:n>=i.length?s?0:i.length-1:n}null!=v&&m===o.ARIA_ACTIVE_DESCENDANT&&v(i[r],k>=0?i[k]:null),null!=f?f(r,i):m===o.ARIA_ACTIVE_DESCENDANT?null!=e.root&&d(i,r,e.root,A):u(i,r),k=r},N=t=>t.target;let E=0;const C=t=>n=>{if(n.repeat&&y>0){const t=Date.now();if(t-E<y)return;E=t}t(n)};if(i!==r.HORIZONTAL&&i!==r.BOTH||(e.register(t.ArrowLeft,C((t=>M(-1,N(t)))),{repeat:!0}),e.register(t.ArrowRight,C((t=>M(1,N(t)))),{repeat:!0})),i!==r.VERTICAL&&i!==r.BOTH||(e.register(t.ArrowUp,C((t=>M(-1,N(t)))),{repeat:!0}),e.register(t.ArrowDown,C((t=>M(1,N(t)))),{repeat:!0})),e.register(t.Home,(()=>M(l))),e.register(t.End,(()=>M(a))),null!=g&&p.length>0&&e.register(p,g),null!=w&&e.register(t.Escape,w),null!=e.root&&null!=e.abortController){const t=e.root,{signal:n}=e.abortController;m===o.ARIA_ACTIVE_DESCENDANT&&t.addEventListener("mousedown",(n=>{n.preventDefault(),t.focus()}),{signal:n});const i=x();if(i.length>0){let n=b(i,m,t);-1===n&&null!=h&&(n=i.findIndex((t=>t.matches(h))));const e=-1!==n?n:m===o.ROVING_TABINDEX?0:-1;-1!==e?(null!=v&&m===o.ARIA_ACTIVE_DESCENDANT&&v(i[e],null),k=e,m===o.ARIA_ACTIVE_DESCENDANT?d(i,e,t,A):function(t,n){const e=t[n];null!=e&&(t.forEach((t=>t.setAttribute("tabindex","-1"))),e.setAttribute("tabindex","0"))}(i,e)):i.forEach((t=>t.setAttribute("tabindex","-1")))}}}(n,{root:this._root,abortController:this._abortController,register:(t,n,e)=>this.set(t,n,e),onStrategyResolved:(t,n)=>{this._strategyType=t,this._idPrefix=n}}),this):this}setGridNavigation(n){return this._ensureAttached("setGridNavigation")?(function(n,e){const{wrap:i=!1,focusStrategy:s={type:o.ROVING_TABINDEX},initialActiveSelector:r,onNavigate:l,onActivate:a,activateKeys:u=[t.Enter,t.Space],onPageUp:h,onPageDown:f,onEscape:d,repeatThrottleMs:b=100}=n,A=s.type,x=s.type===o.ARIA_ACTIVE_DESCENDANT?s.idPrefix??`${e.root?.tagName.toLowerCase()??"bds-grid"}-item`:"bds-grid-item";e.onStrategyResolved(A,x);const k="function"==typeof n.items?n.items:()=>n.items,M=(t,n,i)=>{const s=t[n]?.[i];null!=s&&(null==l?A===o.ARIA_ACTIVE_DESCENDANT?null!=e.root&&v(t,n,i,e.root,x):function(t,n,e){t.flat().filter(c).forEach((t=>t.setAttribute("tabindex","-1")));const i=t[n]?.[e];null!=i&&(i.setAttribute("tabindex","0"),i.focus())}(t,n,i):l(n,i,t))},N=(t,n)=>{const s=k(),r=w(s);if(0===r.length)return;let{row:o,col:l}=g(s,A,e.root);const a=function(t,n,e){if(n<0||e<0)return null;const i=t.at(n)?.at(e);return p(i)?i:null}(s,o,l);if(p(a)||(o=r[0].row,l=r[0].col),0!==t){const n=m(s,o+t,t>0?1:-1,i);if(-1===n)return;const e=function(t,n){return t.reduce(((t,e)=>null==t||Math.abs(e.col-n)<Math.abs(t.col-n)?e:t),null)}(y(s,n),l);return void(null!=e&&M(s,e.row,e.col))}const c=y(s,o),u=c.findIndex((t=>t.col===l))+n;if(u>=0&&u<c.length){const t=c[u];return void M(s,t.row,t.col)}if(i&&s.length>1){const t=m(s,o+n,n>0?1:-1,!0);if(-1===t)return;const e=y(s,t),i=n>0?e[0]:e[e.length-1];return void M(s,i.row,i.col)}const h=n>0?c[c.length-1]:c[0];M(s,h.row,h.col)},E=t=>{const n=k(),i=w(n);if(0===i.length)return;let{row:s}=g(n,A,e.root);switch(-1!==s&&0!==y(n,s).length||(s=i[0].row),t){case"row-start":{const t=y(n,s)[0];M(n,t.row,t.col);break}case"row-end":{const t=y(n,s),e=t[t.length-1];M(n,e.row,e.col);break}case"grid-start":M(n,i[0].row,i[0].col);break;case"grid-end":{const t=i[i.length-1];M(n,t.row,t.col);break}}};let C=0;const D=t=>n=>{if(n.repeat&&b>0){const t=Date.now();if(t-C<b)return;C=t}t()};if(e.register(t.ArrowLeft,D((()=>N(0,-1))),{repeat:!0}),e.register(t.ArrowRight,D((()=>N(0,1))),{repeat:!0}),e.register(t.ArrowUp,D((()=>N(-1,0))),{repeat:!0}),e.register(t.ArrowDown,D((()=>N(1,0))),{repeat:!0}),e.register(t.Home,(()=>E("row-start"))),e.register(t.End,(()=>E("row-end"))),e.register(["control",t.Home],(()=>E("grid-start"))),e.register(["control",t.End],(()=>E("grid-end"))),null!=a&&u.length>0&&e.register(u,a),null!=h&&e.register(t.PageUp,h),null!=f&&e.register(t.PageDown,f),null!=d&&e.register(t.Escape,d),null!=e.root&&null!=e.abortController){const t=k(),n=w(t);if(n.length>0){const i=(null!=r?n.find((t=>t.cell.matches(r))):void 0)??n[0];if(A===o.ARIA_ACTIVE_DESCENDANT){v(t,i.row,i.col,e.root,x);const n=e.root,{signal:s}=e.abortController;n.addEventListener("mousedown",(t=>{t.preventDefault(),n.focus()}),{signal:s})}else!function(t,n,e){t.flat().filter(c).forEach((t=>t.setAttribute("tabindex","-1")));const i=t[n]?.[e];null!=i&&i.setAttribute("tabindex","0")}(t,i.row,i.col)}}}(n,{root:this._root,abortController:this._abortController,register:(t,n,e)=>this.set(t,n,e),onStrategyResolved:(t,n)=>{this._strategyType=t,this._idPrefix=n}}),this):this}remove(t){const{keys:n,modifiers:e}=N(t);return this._bindings.delete(E(n,e)),this._rebuildAllowedKeys(),this}}export{C as K,s as a}

package/components-build/p-DdOPD9wW.js

@@ -0,0 +1 @@
+import{p as o,a as t,c as b,h as a,t as r}from"./index.js";import{C as e}from"./p-Bfazyxqi.js";import{B as s,C as d,a as n,b as u}from"./p-Dh8DSJs_.js";import{v as l}from"./p-kGnB15Lz.js";import{K as i,a as c}from"./p-DcR7mHFE.js";import{K as h}from"./p-yLNcMg2E.js";const v=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.bdsClick=b(this,"bdsClick"),this.internals=this.attachInternals(),this._keyboard=new i,this.currentState=e.DEFAULT,this.label="",this.disabled=!1,this.name="",this.type=s.BUTTON,this.color=d.DEFAULT,this.variant=n.DEFAULT,this.size=u.MEDIUM,this.loading=!1,this.disclosure=!1,this.handleKeyDown=o=>{this.currentState=e.ACTIVE,this.disabled||this.loading||(this.type===s.SUBMIT||this.type===s.RESET?this.processFormClick():this.bdsClick.emit(o))},this.handleKeyUp=()=>{this.currentState=e.DEFAULT},this.handleClick=o=>{o.preventDefault(),o.stopPropagation(),this.disabled||this.loading||0!==o.detail&&(this.type===s.SUBMIT||this.type===s.RESET?this.processFormClick():this.bdsClick.emit(o))}}checkPropValues(){l(Object.values(s),s.BUTTON,this.el,"type"),l(Object.values(d),d.DEFAULT,this.el,"color"),l(Object.values(n),n.DEFAULT,this.el,"variant"),l(Object.values(u),u.MEDIUM,this.el,"size")}componentWillLoad(){this.checkPropValues()}componentDidLoad(){this.setupFormAssociation(),this.setupKeyboard()}setupKeyboard(){this._keyboard.attach(this.el).set([h.Enter,h.Space],(o=>{o.type===c.KEYDOWN?this.handleKeyDown(o):this.handleKeyUp()}),{triggers:[c.KEYDOWN,c.KEYUP],preventDefault:!1}).onFocusOut(this.handleKeyUp)}setupFormAssociation(){const o=this.el.closest("form");this.internalForm=(this.internals&&"form"in this.internals?this.internals.form:null)||o||void 0}processFormClick(){if(void 0===this.internalForm)return void console.warn("[BorealDS Button] No form found for submit/reset action. Please ensure the button is within a form or that the form is properly associated.");const o={[s.SUBMIT]:()=>{"function"==typeof this.internalForm?.requestSubmit?this.internalForm.requestSubmit():this.internalForm?.submit()},[s.RESET]:()=>this.internalForm?.reset()}[this.type];"function"==typeof o&&o()}disconnectedCallback(){this._keyboard.detach()}get getClassMap(){return{"bds-button":!0,"bds-button--is-disabled":this.disabled,"bds-button--is-loading":this.loading,[`bds-button--state-${this.currentState}`]:!0,[`bds-button--${this.color}`]:!0,[`bds-button--var-${this.variant}`]:!0,[`bds-button--size-${this.size}`]:!0}}render(){return a("button",{key:"c79564584911edae6ec1cafeb98cc3df848bf70c",name:this.name,class:this.getClassMap,type:this.type,disabled:this.disabled||this.loading,"aria-label":this.label||void 0,"aria-disabled":this.disabled||this.loading,onClick:this.handleClick,onKeyUp:this.handleKeyUp},a("div",{key:"75b3061a16259a504177bf8824cfa9f236a72411",class:"bds-button__content"},a("span",{key:"53d81ba990237be2c48f98d4d9e995d5a7330cdc",class:"bds-button__content-icon bds-button__content-icon--start"},a("slot",{key:"6cebb89369396fc34480821720fa6da635409563",name:"icon"})),a("slot",{key:"237237e29f08ee510cd95bafbd481f3856f1b08f"}),a("span",{key:"67c515f4faaac368d0bcdf20ef64a6717cfda3be",class:"bds-button__content-badge"},a("slot",{key:"d0e6fc25d95ba960e4b3b3940321a4221769e8ad",name:"badge"})),this.disclosure&&a("span",{key:"ffae85e8d38481098323ee36549596bfb61e5b4a",class:"bds-button__content-icon"},a("i",{key:"633b27a4306ba7c159f15eac9e5b9e712e19cbe0",class:"bds-icon-chevron-down"}))))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{type:[{checkPropValues:0}],color:[{checkPropValues:0}],variant:[{checkPropValues:0}],size:[{checkPropValues:0}]}}static get style(){return'@charset "UTF-8";bds-button{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.bds-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;margin:var(--boreal-spacing-2xs) var(--boreal-spacing-3xs);outline:none;font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-semibold);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;vertical-align:middle}.bds-button .bds-button__content{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs)}.bds-button--is-loading{pointer-events:none;position:relative;color:transparent !important}.bds-button--is-loading::after{position:absolute;content:" ";-webkit-box-sizing:inherit;box-sizing:inherit;-webkit-animation:rotateSpinner 0.5s linear infinite;animation:rotateSpinner 0.5s linear infinite;border-radius:9999px;display:block;height:1em;width:1em;rotate:45deg;left:calc(50% - 0.5em);top:calc(50% - 0.5em);border:3px solid;border-right-color:transparent;border-top-color:transparent}.bds-button--size-sm{border-radius:var(--boreal-radius-xs);font-size:var(--boreal-typography-font-size-xs);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs);line-height:var(--boreal-typography-line-height-xs);height:26px}.bds-button--size-sm .bds-button__content{padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs)}.bds-button--size-sm .bds-button__content-icon{display:-ms-flexbox;display:flex;font-size:var(--boreal-typography-font-size-sm);line-height:var(--boreal-typography-line-height-xs)}.bds-button--size-sm .bds-button__content-icon:empty{display:none}.bds-button--size-sm .bds-button__content{}.bds-button--size-sm .bds-button__content-badge:empty{display:none}.bds-button--size-sm .bds-button__content-badge{display:none}.bds-button--size-md{border-radius:var(--boreal-radius-xs);font-size:var(--boreal-typography-font-size-sm);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-1xs);line-height:var(--boreal-typography-line-height-sm);height:32px}.bds-button--size-md .bds-button__content{padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs)}.bds-button--size-md .bds-button__content-icon{display:-ms-flexbox;display:flex;font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-sm)}.bds-button--size-md .bds-button__content-icon:empty{display:none}.bds-button--size-md .bds-button__content{}.bds-button--size-md .bds-button__content-badge:empty{display:none}.bds-button--size-lg{border-radius:var(--boreal-radius-xs);font-size:var(--boreal-typography-font-size-md);padding:var(--boreal-spacing-xs);line-height:var(--boreal-typography-line-height-md);height:44px}.bds-button--size-lg .bds-button__content{padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs)}.bds-button--size-lg .bds-button__content-icon{display:-ms-flexbox;display:flex;font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-md)}.bds-button--size-lg .bds-button__content-icon:empty{display:none}.bds-button--size-lg .bds-button__content{}.bds-button--size-lg .bds-button__content-badge:empty{display:none}.bds-button.bds-button--var-default.bds-button--default{color:var(--boreal-text-default);background-color:var(--boreal-ui-inverse);border-color:transparent}.bds-button.bds-button--var-default.bds-button--default:hover{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-default.bds-button--default:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button.bds-button--var-default.bds-button--default:active,.bds-button.bds-button--var-default.bds-button--default.bds-button--state-active{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-button.bds-button--var-default.bds-button--default.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--default.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-disabled);background-color:var(--boreal-ui-inverse);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--default.bds-button--is-loading::after{border-left-color:var(--boreal-text-disabled);border-bottom-color:var(--boreal-text-disabled)}.bds-button.bds-button--var-default.bds-button--primary{color:var(--boreal-text-inverse);background-color:var(--boreal-ui-primary-base);border-color:transparent}.bds-button.bds-button--var-default.bds-button--primary:hover{background-color:var(--boreal-ui-primary-dark);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-default.bds-button--primary:focus{background-color:var(--boreal-ui-primary-base);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button.bds-button--var-default.bds-button--primary:active,.bds-button.bds-button--var-default.bds-button--primary.bds-button--state-active{background-color:var(--boreal-ui-primary-dark);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button.bds-button--var-default.bds-button--primary.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--primary.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-inverse);background-color:var(--boreal-ui-primary-light);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--primary.bds-button--is-loading::after{border-left-color:var(--boreal-text-inverse);border-bottom-color:var(--boreal-text-inverse)}.bds-button.bds-button--var-default.bds-button--success{color:var(--boreal-text-inverse);background-color:var(--boreal-ui-success-base);border-color:transparent}.bds-button.bds-button--var-default.bds-button--success:hover{background-color:var(--boreal-ui-success-dark);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-default.bds-button--success:focus{background-color:var(--boreal-ui-success-base);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button.bds-button--var-default.bds-button--success:active,.bds-button.bds-button--var-default.bds-button--success.bds-button--state-active{background-color:var(--boreal-ui-success-dark);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button.bds-button--var-default.bds-button--success.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--success.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-inverse);background-color:var(--boreal-ui-success-light);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--success.bds-button--is-loading::after{border-left-color:var(--boreal-text-inverse);border-bottom-color:var(--boreal-text-inverse)}.bds-button.bds-button--var-default.bds-button--error{color:var(--boreal-text-inverse);background-color:var(--boreal-ui-danger-base);border-color:transparent}.bds-button.bds-button--var-default.bds-button--error:hover{background-color:var(--boreal-ui-danger-dark);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-default.bds-button--error:focus{background-color:var(--boreal-ui-danger-base);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button.bds-button--var-default.bds-button--error:active,.bds-button.bds-button--var-default.bds-button--error.bds-button--state-active{background-color:var(--boreal-ui-danger-dark);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button.bds-button--var-default.bds-button--error.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--error.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-inverse);background-color:var(--boreal-ui-danger-light);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--error.bds-button--is-loading::after{border-left-color:var(--boreal-text-inverse);border-bottom-color:var(--boreal-text-inverse)}.bds-button.bds-button--var-outline{background-color:transparent}.bds-button.bds-button--var-outline.bds-button--default{color:var(--boreal-text-default);background-color:transparent;border-color:var(--boreal-stroke-default-light)}.bds-button.bds-button--var-outline.bds-button--default:hover{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-outline.bds-button--default:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button.bds-button--var-outline.bds-button--default:active,.bds-button.bds-button--var-outline.bds-button--default.bds-button--state-active{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button.bds-button--var-outline.bds-button--default.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--default.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-disabled);background-color:var(--boreal-ui-inverse);border-color:var(--boreal-stroke-default-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--default.bds-button--is-loading::after{border-left-color:var(--boreal-text-disabled);border-bottom-color:var(--boreal-text-disabled)}.bds-button.bds-button--var-outline.bds-button--primary{color:var(--boreal-text-primary-base);background-color:transparent;border-color:var(--boreal-ui-primary-base)}.bds-button.bds-button--var-outline.bds-button--primary:hover{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-outline.bds-button--primary:focus{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button.bds-button--var-outline.bds-button--primary:active,.bds-button.bds-button--var-outline.bds-button--primary.bds-button--state-active{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button.bds-button--var-outline.bds-button--primary.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--primary.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-primary-light);background-color:transparent;border-color:var(--boreal-stroke-primary-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--primary.bds-button--is-loading::after{border-left-color:var(--boreal-text-primary-light);border-bottom-color:var(--boreal-text-primary-light)}.bds-button.bds-button--var-outline.bds-button--success{color:var(--boreal-text-success-base);background-color:transparent;border-color:var(--boreal-stroke-success-base)}.bds-button.bds-button--var-outline.bds-button--success:hover{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-outline.bds-button--success:focus{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button.bds-button--var-outline.bds-button--success:active,.bds-button.bds-button--var-outline.bds-button--success.bds-button--state-active{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button.bds-button--var-outline.bds-button--success.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--success.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-success-light);background-color:transparent;border-color:var(--boreal-stroke-success-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--success.bds-button--is-loading::after{border-left-color:var(--boreal-text-success-light);border-bottom-color:var(--boreal-text-success-light)}.bds-button.bds-button--var-outline.bds-button--error{color:var(--boreal-text-danger-base);background-color:transparent;border-color:var(--boreal-stroke-danger-base)}.bds-button.bds-button--var-outline.bds-button--error:hover{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-outline.bds-button--error:focus{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button.bds-button--var-outline.bds-button--error:active,.bds-button.bds-button--var-outline.bds-button--error.bds-button--state-active{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button.bds-button--var-outline.bds-button--error.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--error.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-danger-light);background-color:transparent;border-color:var(--boreal-stroke-danger-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--error.bds-button--is-loading::after{border-left-color:var(--boreal-text-danger-light);border-bottom-color:var(--boreal-text-danger-light)}.bds-button.bds-button--var-plain{background-color:transparent}.bds-button.bds-button--var-plain.bds-button--default{color:var(--boreal-text-default);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--default:hover{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-plain.bds-button--default:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button.bds-button--var-plain.bds-button--default:active,.bds-button.bds-button--var-plain.bds-button--default.bds-button--state-active{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-button.bds-button--var-plain.bds-button--default.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--default.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-disabled);background-color:var(--boreal-ui-inverse);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--default.bds-button--is-loading::after{border-left-color:var(--boreal-text-disabled);border-bottom-color:var(--boreal-text-disabled)}.bds-button.bds-button--var-plain.bds-button--primary{color:var(--boreal-text-primary-base);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--primary:hover{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-plain.bds-button--primary:focus{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button.bds-button--var-plain.bds-button--primary:active,.bds-button.bds-button--var-plain.bds-button--primary.bds-button--state-active{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-button.bds-button--var-plain.bds-button--primary.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--primary.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-primary-light);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--primary.bds-button--is-loading::after{border-left-color:var(--boreal-text-primary-light);border-bottom-color:var(--boreal-text-primary-light)}.bds-button.bds-button--var-plain.bds-button--success{color:var(--boreal-text-success-base);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--success:hover{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-plain.bds-button--success:focus{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button.bds-button--var-plain.bds-button--success:active,.bds-button.bds-button--var-plain.bds-button--success.bds-button--state-active{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-button.bds-button--var-plain.bds-button--success.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--success.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-success-light);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--success.bds-button--is-loading::after{border-left-color:var(--boreal-text-success-light);border-bottom-color:var(--boreal-text-success-light)}.bds-button.bds-button--var-plain.bds-button--error{color:var(--boreal-text-danger-base);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--error:hover{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-plain.bds-button--error:focus{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-button.bds-button--var-plain.bds-button--error:active,.bds-button.bds-button--var-plain.bds-button--error.bds-button--state-active{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-button.bds-button--var-plain.bds-button--error.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--error.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-danger-light);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--error.bds-button--is-loading::after{border-left-color:var(--boreal-text-danger-light);border-bottom-color:var(--boreal-text-danger-light)}@-webkit-keyframes rotateSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotateSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}'}},[324,"bds-button",{label:[1],disabled:[4],name:[1],type:[1],color:[1],variant:[1],size:[1],loading:[4],disclosure:[4],currentState:[32]},void 0,{type:[{checkPropValues:0}],color:[{checkPropValues:0}],variant:[{checkPropValues:0}],size:[{checkPropValues:0}]}]);function p(){"undefined"!=typeof customElements&&["bds-button"].forEach((o=>{"bds-button"===o&&(customElements.get(r(o))||customElements.define(r(o),v))}))}export{v as B,p as d}

package/components-build/{p-BSlaf0ff.js → p-DoNZM78n.js}

@@ -1 +1 @@
-import{p as i,a as e,h as t,t as r}from"./index.js";import{v as s}from"./p-kGnB15Lz.js";const d={HORIZONTAL:"horizontal",VERTICAL:"vertical"},a=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.orientation=d.HORIZONTAL}checkPropValues(){s(Object.values(d),d.HORIZONTAL,this.el,"orientation")}get orientationClass(){return{"bds-divider":!0,[`bds-divider--${this.orientation}`]:!0}}componentWillLoad(){this.checkPropValues()}render(){return t("div",{key:"d89008b1a2cddddb925ee1e6e7c4cb7110ab6bd1",part:"divider",class:this.orientationClass,role:"separator","aria-orientation":this.orientation})}get el(){return this}static get watchers(){return{orientation:[{checkPropValues:0}]}}static get style(){return'@charset "UTF-8";bds-divider{}bds-divider[orientation=vertical]{display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;margin-inline:var(--bds-divider-gap, 0px)}bds-divider[orientation=horizontal]{display:block;width:100%;margin-block:var(--bds-divider-gap, 0px)}.bds-divider{background-color:var(--bds-divider-color, var(--boreal-ui-default-lighter))}.bds-divider--horizontal{width:100%;height:var(--boreal-spacing-4xs)}.bds-divider--vertical{-ms-flex:1;flex:1;width:var(--boreal-spacing-4xs)}'}},[0,"bds-divider",{orientation:[513]},void 0,{orientation:[{checkPropValues:0}]}]);function o(){"undefined"!=typeof customElements&&["bds-divider"].forEach((i=>{"bds-divider"===i&&(customElements.get(r(i))||customElements.define(r(i),a))}))}export{a as B,o as d}
+import{p as i,a as e,h as t,t as r}from"./index.js";import{v as s}from"./p-kGnB15Lz.js";const d={HORIZONTAL:"horizontal",VERTICAL:"vertical"},a=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.orientation=d.HORIZONTAL}checkPropValues(){s(Object.values(d),d.HORIZONTAL,this.el,"orientation")}get orientationClass(){return{"bds-divider":!0,[`bds-divider--${this.orientation}`]:!0}}componentWillLoad(){this.checkPropValues()}render(){return t("div",{key:"a64c78979ba69f2de16edd48265cdb61d86d7026",part:"divider",class:this.orientationClass,role:"separator","aria-orientation":this.orientation})}get el(){return this}static get watchers(){return{orientation:[{checkPropValues:0}]}}static get style(){return'@charset "UTF-8";bds-divider{}bds-divider[orientation=vertical]{display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;margin-inline:var(--bds-divider-gap, 0px)}bds-divider[orientation=horizontal]{display:block;width:100%;margin-block:var(--bds-divider-gap, 0px)}.bds-divider{background-color:var(--bds-divider-color, var(--boreal-ui-default-lighter))}.bds-divider--horizontal{width:100%;height:var(--boreal-spacing-4xs)}.bds-divider--vertical{-ms-flex:1;flex:1;width:var(--boreal-spacing-4xs)}'}},[0,"bds-divider",{orientation:[513]},void 0,{orientation:[{checkPropValues:0}]}]);function o(){"undefined"!=typeof customElements&&["bds-divider"].forEach((i=>{"bds-divider"===i&&(customElements.get(r(i))||customElements.define(r(i),a))}))}export{a as B,o as d}

package/components-build/p-DrkDx75U.js

@@ -0,0 +1 @@
+import{L as t,K as n}from"./p-yLNcMg2E.js";import{f as e}from"./p-DCXSEEVH.js";const o="focus",i="blur",r=Math.min,s=Math.max,l=Math.round,a=Math.floor,c=t=>({x:t,y:t}),u={left:"right",right:"left",bottom:"top",top:"bottom"},f={start:"end",end:"start"};function d(t,n,e){return s(t,r(n,e))}function h(t,n){return"function"==typeof t?t(n):t}function m(t){return t.split("-")[0]}function p(t){return t.split("-")[1]}function y(t){return"x"===t?"y":"x"}function g(t){return"y"===t?"height":"width"}const w=new Set(["top","bottom"]);function x(t){return w.has(m(t))?"y":"x"}function v(t){return y(x(t))}function b(t){return t.replace(/start|end/g,(t=>f[t]))}const A=["left","right"],S=["right","left"],F=["top","bottom"],R=["bottom","top"];function P(t){return t.replace(/left|right|bottom|top/g,(t=>u[t]))}function k(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function D(t){const{x:n,y:e,width:o,height:i}=t;return{width:o,height:i,top:e,left:n,right:n+o,bottom:e+i,x:n,y:e}}function L(t,n,e){let{reference:o,floating:i}=t;const r=x(n),s=v(n),l=g(s),a=m(n),c="y"===r,u=o.x+o.width/2-i.width/2,f=o.y+o.height/2-i.height/2,d=o[l]/2-i[l]/2;let h;switch(a){case"top":h={x:u,y:o.y-i.height};break;case"bottom":h={x:u,y:o.y+o.height};break;case"right":h={x:o.x+o.width,y:f};break;case"left":h={x:o.x-i.width,y:f};break;default:h={x:o.x,y:o.y}}switch(p(n)){case"start":h[s]-=d*(e&&c?-1:1);break;case"end":h[s]+=d*(e&&c?-1:1)}return h}async function T(t,n){var e;void 0===n&&(n={});const{x:o,y:i,platform:r,rects:s,elements:l,strategy:a}=t,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:f="floating",altBoundary:d=!1,padding:m=0}=h(n,t),p=k(m),y=l[d?"floating"===f?"reference":"floating":f],g=D(await r.getClippingRect({element:null==(e=await(null==r.isElement?void 0:r.isElement(y)))||e?y:y.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(l.floating)),boundary:c,rootBoundary:u,strategy:a})),w="floating"===f?{x:o,y:i,width:s.floating.width,height:s.floating.height}:s.reference,x=await(null==r.getOffsetParent?void 0:r.getOffsetParent(l.floating)),v=await(null==r.isElement?void 0:r.isElement(x))&&await(null==r.getScale?void 0:r.getScale(x))||{x:1,y:1},b=D(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:w,offsetParent:x,strategy:a}):w);return{top:(g.top-b.top+p.top)/v.y,bottom:(b.bottom-g.bottom+p.bottom)/v.y,left:(g.left-b.left+p.left)/v.x,right:(b.right-g.right+p.right)/v.x}}const C=new Set(["left","top"]);function E(){return"undefined"!=typeof window}function O(t){return B(t)?(t.nodeName||"").toLowerCase():"#document"}function M(t){var n;return(null==t||null==(n=t.ownerDocument)?void 0:n.defaultView)||window}function z(t){var n;return null==(n=(B(t)?t.ownerDocument:t.document)||window.document)?void 0:n.documentElement}function B(t){return!!E()&&(t instanceof Node||t instanceof M(t).Node)}function q(t){return!!E()&&(t instanceof Element||t instanceof M(t).Element)}function j(t){return!!E()&&(t instanceof HTMLElement||t instanceof M(t).HTMLElement)}function N(t){return!(!E()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof M(t).ShadowRoot)}const $=new Set(["inline","contents"]);function H(t){const{overflow:n,overflowX:e,overflowY:o,display:i}=Z(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!$.has(i)}const I=new Set(["table","td","th"]);function K(t){return I.has(O(t))}const U=[":popover-open",":modal"];function V(t){return U.some((n=>{try{return t.matches(n)}catch(t){return!1}}))}const W=["transform","translate","scale","rotate","perspective"],X=["transform","translate","scale","rotate","perspective","filter"],Y=["paint","layout","strict","content"];function _(t){const n=G(),e=q(t)?Z(t):t;return W.some((t=>!!e[t]&&"none"!==e[t]))||!!e.containerType&&"normal"!==e.containerType||!n&&!!e.backdropFilter&&"none"!==e.backdropFilter||!n&&!!e.filter&&"none"!==e.filter||X.some((t=>(e.willChange||"").includes(t)))||Y.some((t=>(e.contain||"").includes(t)))}function G(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const J=new Set(["html","body","#document"]);function Q(t){return J.has(O(t))}function Z(t){return M(t).getComputedStyle(t)}function tt(t){return q(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function nt(t){if("html"===O(t))return t;const n=t.assignedSlot||t.parentNode||N(t)&&t.host||z(t);return N(n)?n.host:n}function et(t){const n=nt(t);return Q(n)?t.ownerDocument?t.ownerDocument.body:t.body:j(n)&&H(n)?n:et(n)}function ot(t,n,e){var o;void 0===n&&(n=[]),void 0===e&&(e=!0);const i=et(t),r=i===(null==(o=t.ownerDocument)?void 0:o.body),s=M(i);if(r){const t=it(s);return n.concat(s,s.visualViewport||[],H(i)?i:[],t&&e?ot(t):[])}return n.concat(i,ot(i,[],e))}function it(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function rt(t){const n=Z(t);let e=parseFloat(n.width)||0,o=parseFloat(n.height)||0;const i=j(t),r=i?t.offsetWidth:e,s=i?t.offsetHeight:o,a=l(e)!==r||l(o)!==s;return a&&(e=r,o=s),{width:e,height:o,$:a}}function st(t){return q(t)?t:t.contextElement}function lt(t){const n=st(t);if(!j(n))return c(1);const e=n.getBoundingClientRect(),{width:o,height:i,$:r}=rt(n);let s=(r?l(e.width):e.width)/o,a=(r?l(e.height):e.height)/i;return s&&Number.isFinite(s)||(s=1),a&&Number.isFinite(a)||(a=1),{x:s,y:a}}const at=c(0);function ct(t){const n=M(t);return G()&&n.visualViewport?{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}:at}function ut(t,n,e,o){void 0===n&&(n=!1),void 0===e&&(e=!1);const i=t.getBoundingClientRect(),r=st(t);let s=c(1);n&&(o?q(o)&&(s=lt(o)):s=lt(t));const l=function(t,n,e){return void 0===n&&(n=!1),!(!e||n&&e!==M(t))&&n}(r,e,o)?ct(r):c(0);let a=(i.left+l.x)/s.x,u=(i.top+l.y)/s.y,f=i.width/s.x,d=i.height/s.y;if(r){const t=M(r),n=o&&q(o)?M(o):o;let e=t,i=it(e);for(;i&&o&&n!==e;){const t=lt(i),n=i.getBoundingClientRect(),o=Z(i),r=n.left+(i.clientLeft+parseFloat(o.paddingLeft))*t.x,s=n.top+(i.clientTop+parseFloat(o.paddingTop))*t.y;a*=t.x,u*=t.y,f*=t.x,d*=t.y,a+=r,u+=s,e=M(i),i=it(e)}}return D({width:f,height:d,x:a,y:u})}function ft(t,n){const e=tt(t).scrollLeft;return n?n.left+e:ut(z(t)).left+e}function dt(t,n){const e=t.getBoundingClientRect();return{x:e.left+n.scrollLeft-ft(t,e),y:e.top+n.scrollTop}}const ht=new Set(["absolute","fixed"]);function mt(t,n,e){let o;if("viewport"===n)o=function(t,n){const e=M(t),o=z(t),i=e.visualViewport;let r=o.clientWidth,s=o.clientHeight,l=0,a=0;if(i){r=i.width,s=i.height;const t=G();(!t||t&&"fixed"===n)&&(l=i.offsetLeft,a=i.offsetTop)}const c=ft(o);if(c<=0){const t=o.ownerDocument,n=t.body,e=getComputedStyle(n),i="CSS1Compat"===t.compatMode&&parseFloat(e.marginLeft)+parseFloat(e.marginRight)||0,s=Math.abs(o.clientWidth-n.clientWidth-i);s<=25&&(r-=s)}else c<=25&&(r+=c);return{width:r,height:s,x:l,y:a}}(t,e);else if("document"===n)o=function(t){const n=z(t),e=tt(t),o=t.ownerDocument.body,i=s(n.scrollWidth,n.clientWidth,o.scrollWidth,o.clientWidth),r=s(n.scrollHeight,n.clientHeight,o.scrollHeight,o.clientHeight);let l=-e.scrollLeft+ft(t);const a=-e.scrollTop;return"rtl"===Z(o).direction&&(l+=s(n.clientWidth,o.clientWidth)-i),{width:i,height:r,x:l,y:a}}(z(t));else if(q(n))o=function(t,n){const e=ut(t,!0,"fixed"===n),o=e.top+t.clientTop,i=e.left+t.clientLeft,r=j(t)?lt(t):c(1);return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:i*r.x,y:o*r.y}}(n,e);else{const e=ct(t);o={x:n.x-e.x,y:n.y-e.y,width:n.width,height:n.height}}return D(o)}function pt(t,n){const e=nt(t);return!(e===n||!q(e)||Q(e))&&("fixed"===Z(e).position||pt(e,n))}function yt(t,n,e){const o=j(n),i=z(n),r="fixed"===e,s=ut(t,!0,r,n);let l={scrollLeft:0,scrollTop:0};const a=c(0);function u(){a.x=ft(i)}if(o||!o&&!r)if(("body"!==O(n)||H(i))&&(l=tt(n)),o){const t=ut(n,!0,r,n);a.x=t.x+n.clientLeft,a.y=t.y+n.clientTop}else i&&u();r&&!o&&i&&u();const f=!i||o||r?c(0):dt(i,l);return{x:s.left+l.scrollLeft-a.x-f.x,y:s.top+l.scrollTop-a.y-f.y,width:s.width,height:s.height}}function gt(t){return"static"===Z(t).position}function wt(t,n){if(!j(t)||"fixed"===Z(t).position)return null;if(n)return n(t);let e=t.offsetParent;return z(t)===e&&(e=e.ownerDocument.body),e}function xt(t,n){const e=M(t);if(V(t))return e;if(!j(t)){let n=nt(t);for(;n&&!Q(n);){if(q(n)&&!gt(n))return n;n=nt(n)}return e}let o=wt(t,n);for(;o&&K(o)&&gt(o);)o=wt(o,n);return o&&Q(o)&&gt(o)&&!_(o)?e:o||function(t){let n=nt(t);for(;j(n)&&!Q(n);){if(_(n))return n;if(V(n))return null;n=nt(n)}return null}(t)||e}const vt={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:n,rect:e,offsetParent:o,strategy:i}=t;const r="fixed"===i,s=z(o),l=!!n&&V(n.floating);if(o===s||l&&r)return e;let a={scrollLeft:0,scrollTop:0},u=c(1);const f=c(0),d=j(o);if((d||!d&&!r)&&(("body"!==O(o)||H(s))&&(a=tt(o)),j(o))){const t=ut(o);u=lt(o),f.x=t.x+o.clientLeft,f.y=t.y+o.clientTop}const h=!s||d||r?c(0):dt(s,a);return{width:e.width*u.x,height:e.height*u.y,x:e.x*u.x-a.scrollLeft*u.x+f.x+h.x,y:e.y*u.y-a.scrollTop*u.y+f.y+h.y}},getDocumentElement:z,getClippingRect:function(t){let{element:n,boundary:e,rootBoundary:o,strategy:i}=t;const l=[..."clippingAncestors"===e?V(n)?[]:function(t,n){const e=n.get(t);if(e)return e;let o=ot(t,[],!1).filter((t=>q(t)&&"body"!==O(t))),i=null;const r="fixed"===Z(t).position;let s=r?nt(t):t;for(;q(s)&&!Q(s);){const n=Z(s),e=_(s);e||"fixed"!==n.position||(i=null),(r?!e&&!i:!e&&"static"===n.position&&i&&ht.has(i.position)||H(s)&&!e&&pt(t,s))?o=o.filter((t=>t!==s)):i=n,s=nt(s)}return n.set(t,o),o}(n,this._c):[].concat(e),o],a=l.reduce(((t,e)=>{const o=mt(n,e,i);return t.top=s(o.top,t.top),t.right=r(o.right,t.right),t.bottom=r(o.bottom,t.bottom),t.left=s(o.left,t.left),t}),mt(n,l[0],i));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:xt,getElementRects:async function(t){const n=this.getOffsetParent||xt,e=this.getDimensions,o=await e(t.floating);return{reference:yt(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:n,height:e}=rt(t);return{width:n,height:e}},getScale:lt,isElement:q,isRTL:function(t){return"rtl"===Z(t).direction}};function bt(t,n){return t.x===n.x&&t.y===n.y&&t.width===n.width&&t.height===n.height}const At=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(n){var e,o;const{x:i,y:r,placement:s,middlewareData:l}=n,a=await async function(t,n){const{placement:e,platform:o,elements:i}=t,r=await(null==o.isRTL?void 0:o.isRTL(i.floating)),s=m(e),l=p(e),a="y"===x(e),c=C.has(s)?-1:1,u=r&&a?-1:1,f=h(n,t);let{mainAxis:d,crossAxis:y,alignmentAxis:g}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:f.mainAxis||0,crossAxis:f.crossAxis||0,alignmentAxis:f.alignmentAxis};return l&&"number"==typeof g&&(y="end"===l?-1*g:g),a?{x:y*u,y:d*c}:{x:d*c,y:y*u}}(n,t);return s===(null==(e=l.offset)?void 0:e.placement)&&null!=(o=l.arrow)&&o.alignmentOffset?{}:{x:i+a.x,y:r+a.y,data:{...a,placement:s}}}}},St=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(n){var e,o;const{placement:i,middlewareData:r,rects:s,initialPlacement:l,platform:a,elements:c}=n,{mainAxis:u=!0,crossAxis:f=!0,fallbackPlacements:d,fallbackStrategy:y="bestFit",fallbackAxisSideDirection:w="none",flipAlignment:k=!0,...D}=h(t,n);if(null!=(e=r.arrow)&&e.alignmentOffset)return{};const L=m(i),T=x(l),C=m(l)===l,E=await(null==a.isRTL?void 0:a.isRTL(c.floating)),O=d||(C||!k?[P(l)]:function(t){const n=P(t);return[b(t),n,b(n)]}(l)),M="none"!==w;!d&&M&&O.push(...function(t,n,e,o){const i=p(t);let r=function(t,n,e){switch(t){case"top":case"bottom":return e?n?S:A:n?A:S;case"left":case"right":return n?F:R;default:return[]}}(m(t),"start"===e,o);return i&&(r=r.map((t=>t+"-"+i)),n&&(r=r.concat(r.map(b)))),r}(l,k,w,E));const z=[l,...O],B=await a.detectOverflow(n,D),q=[];let j=(null==(o=r.flip)?void 0:o.overflows)||[];if(u&&q.push(B[L]),f){const t=function(t,n,e){void 0===e&&(e=!1);const o=p(t),i=v(t),r=g(i);let s="x"===i?o===(e?"end":"start")?"right":"left":"start"===o?"bottom":"top";return n.reference[r]>n.floating[r]&&(s=P(s)),[s,P(s)]}(i,s,E);q.push(B[t[0]],B[t[1]])}if(j=[...j,{placement:i,overflows:q}],!q.every((t=>t<=0))){var N,$;const t=((null==(N=r.flip)?void 0:N.index)||0)+1,n=z[t];if(n&&("alignment"!==f||T===x(n)||j.every((t=>x(t.placement)!==T||t.overflows[0]>0))))return{data:{index:t,overflows:j},reset:{placement:n}};let e=null==($=j.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])?void 0:$.placement;if(!e)switch(y){case"bestFit":{var H;const t=null==(H=j.filter((t=>{if(M){const n=x(t.placement);return n===T||"y"===n}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])?void 0:H[0];t&&(e=t);break}case"initialPlacement":e=l}if(i!==e)return{reset:{placement:e}}}return{}}}};class Ft{constructor(t){this.logger=t}async computePosition(t,n,e){null==t&&this.logger.error("FloatingAdapter.computePosition","Reference element is required for positioning."),null==n&&this.logger.error("FloatingAdapter.computePosition","Floating element is required for positioning.");const{placement:o,offset:i,flip:s,shift:l,arrow:a,strategy:c}=e,u=[At(i)];s&&u.push(St()),l&&u.push(function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:i,platform:r}=n,{mainAxis:s=!0,crossAxis:l=!1,limiter:a={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...c}=h(t,n),u={x:e,y:o},f=await r.detectOverflow(n,c),p=x(m(i)),g=y(p);let w=u[g],v=u[p];s&&(w=d(w+f["y"===g?"top":"left"],w,w-f["y"===g?"bottom":"right"])),l&&(v=d(v+f["y"===p?"top":"left"],v,v-f["y"===p?"bottom":"right"]));const b=a.fn({...n,[g]:w,[p]:v});return{...b,data:{x:b.x-e,y:b.y-o,enabled:{[g]:s,[p]:l}}}}}}()),null!=a&&u.push((t=>({name:"arrow",options:t,async fn(n){const{x:e,y:o,placement:i,rects:s,platform:l,elements:a,middlewareData:c}=n,{element:u,padding:f=0}=h(t,n)||{};if(null==u)return{};const m=k(f),y={x:e,y:o},w=v(i),x=g(w),b=await l.getDimensions(u),A="y"===w,S=A?"top":"left",F=A?"bottom":"right",R=A?"clientHeight":"clientWidth",P=s.reference[x]+s.reference[w]-y[w]-s.floating[x],D=y[w]-s.reference[w],L=await(null==l.getOffsetParent?void 0:l.getOffsetParent(u));let T=L?L[R]:0;T&&await(null==l.isElement?void 0:l.isElement(L))||(T=a.floating[R]||s.floating[x]);const C=P/2-D/2,E=T/2-b[x]/2-1,O=r(m[S],E),M=r(m[F],E),z=O,B=T-b[x]-M,q=T/2-b[x]/2+C,j=d(z,q,B),N=!c.arrow&&null!=p(i)&&q!==j&&s.reference[x]/2-(q<z?O:M)-b[x]/2<0,$=N?q<z?q-z:q-B:0;return{[w]:y[w]+$,data:{[w]:j,centerOffset:q-j-$,...N&&{alignmentOffset:$}},reset:N}}}))({element:a}));const f=await((t,n,e)=>{const o=new Map,i={platform:vt,...e},r={...i.platform,_c:o};return(async(t,n,e)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:s}=e,l=r.filter(Boolean),a=await(null==s.isRTL?void 0:s.isRTL(n));let c=await s.getElementRects({reference:t,floating:n,strategy:i}),{x:u,y:f}=L(c,o,a),d=o,h={},m=0;for(let e=0;e<l.length;e++){var p;const{name:r,fn:y}=l[e],{x:g,y:w,data:x,reset:v}=await y({x:u,y:f,initialPlacement:o,placement:d,strategy:i,middlewareData:h,rects:c,platform:{...s,detectOverflow:null!=(p=s.detectOverflow)?p:T},elements:{reference:t,floating:n}});u=null!=g?g:u,f=null!=w?w:f,h={...h,[r]:{...h[r],...x}},v&&m<=50&&(m++,"object"==typeof v&&(v.placement&&(d=v.placement),v.rects&&(c=!0===v.rects?await s.getElementRects({reference:t,floating:n,strategy:i}):v.rects),({x:u,y:f}=L(c,d,a))),e=-1)}return{x:u,y:f,placement:d,strategy:i,middlewareData:h}})(t,n,{...i,platform:r})})(t,n,{placement:o,middleware:u,strategy:c}).catch((t=>{this.logger.error("FloatingAdapter.computePosition",t.message)})).then((t=>t)),{x:w,y:b,placement:A,middlewareData:S}=f;return{x:w,y:b,placement:A,middlewareData:S}}applyPosition(t,n){null==t&&this.logger.error("FloatingAdapter.applyPosition","Element is required to apply positioning."),t.style.left=`${n.x}px`,t.style.top=`${n.y}px`}}class Rt extends Ft{constructor(){super(new t)}}const Pt=l=>class extends(e(l)){constructor(){super()}get options(){return{placement:"bottom",offset:8,strategy:"fixed"}}get hooks(){return{}}showElement(){this.floatingContent.showPopover(),this.isVisible=!0,this.startAutoUpdate(this.triggerSlot,this.floatingContent,this.options,(t=>{this.hooks.onPositionUpdate?.(t)}))}onBeforeShow(t){return null==this.triggerSlot?(this.logger.error("AnchoredMixin.show","triggerSlot is required"),!1):super.onBeforeShow(t)}hideFocus(){const t=this.floatingContent?.contains(document.activeElement);t&&document.activeElement?.blur()}hideElement(){this.stopAutoUpdate(),this.hideFocus(),this.floatingContent?.hidePopover(),this.isVisible=!1}handleSlotChange(t,n,e){const o=t.target;null!=this.previousTrigger&&this.detachTriggerListeners(this.previousTrigger,n,e),null!=o&&(this.attachTriggerListeners(o,n,e),this.previousTrigger=o)}handleKeydown(t,e,o){t.key!==n.Enter&&t.key!==n.Space||e(),t.key===n.Escape&&o()}async updatePosition(t,n,e,o){const i=await this.positionEngine.computePosition(t,n,{placement:e.placement,offset:e.offset,flip:e.flip??!0,shift:e.shift??!0,arrow:e.arrow,strategy:e.strategy??"fixed"});return this.positionEngine.applyPosition(n,i),o?.(i),i}startAutoUpdate(t,n,e,o){const i=()=>{this.updatePosition(t,n,e,o)};i(),this.cleanupAutoUpdate=function(t,n,e,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:l=!0,elementResize:c="function"==typeof ResizeObserver,layoutShift:u="function"==typeof IntersectionObserver,animationFrame:f=!1}=o,d=st(t),h=i||l?[...d?ot(d):[],...ot(n)]:[];h.forEach((t=>{i&&t.addEventListener("scroll",e,{passive:!0}),l&&t.addEventListener("resize",e)}));const m=d&&u?function(t,n){let e,o=null;const i=z(t);function l(){var t;clearTimeout(e),null==(t=o)||t.disconnect(),o=null}return function c(u,f){void 0===u&&(u=!1),void 0===f&&(f=1),l();const d=t.getBoundingClientRect(),{left:h,top:m,width:p,height:y}=d;if(u||n(),!p||!y)return;const g={rootMargin:-a(m)+"px "+-a(i.clientWidth-(h+p))+"px "+-a(i.clientHeight-(m+y))+"px "+-a(h)+"px",threshold:s(0,r(1,f))||1};let w=!0;function x(n){const o=n[0].intersectionRatio;if(o!==f){if(!w)return c();o?c(!1,o):e=setTimeout((()=>{c(!1,1e-7)}),1e3)}1!==o||bt(d,t.getBoundingClientRect())||c(),w=!1}try{o=new IntersectionObserver(x,{...g,root:i.ownerDocument})}catch(t){o=new IntersectionObserver(x,g)}o.observe(t)}(!0),l}(d,e):null;let p,y=-1,g=null;c&&(g=new ResizeObserver((t=>{let[o]=t;o&&o.target===d&&g&&(g.unobserve(n),cancelAnimationFrame(y),y=requestAnimationFrame((()=>{var t;null==(t=g)||t.observe(n)}))),e()})),d&&!f&&g.observe(d),g.observe(n));let w=f?ut(t):null;return f&&function n(){const o=ut(t);w&&!bt(w,o)&&e(),w=o,p=requestAnimationFrame(n)}(),e(),()=>{var t;h.forEach((t=>{i&&t.removeEventListener("scroll",e),l&&t.removeEventListener("resize",e)})),null==m||m(),null==(t=g)||t.disconnect(),g=null,f&&cancelAnimationFrame(p)}}(t,n,i,{elementResize:!0,layoutShift:!0})}stopAutoUpdate(){this.cleanupAutoUpdate?.(),this.cleanupAutoUpdate=void 0}attachTriggerListeners(t,n,e){t.addEventListener(o,n),t.addEventListener(i,e)}detachTriggerListeners(t,n,e){t.removeEventListener(o,n),t.removeEventListener(i,e)}floatingDisconnect(t,n){null!=this.previousTrigger&&this.detachTriggerListeners(this.previousTrigger,t,n),this.stopAutoUpdate()}subscribeToTrigger(t){void 0!==this.hooks.subscribeToTrigger&&this.hooks.subscribeToTrigger(t)}onBeforeLoad(){const t=this.el.parentElement;if(null===t)return;const n=t.querySelector("[bds-tooltip], [bds-popover]")||t.closest(".bds-button, .bds-input, .bds-select")||t;n.isConnected&&(this.triggerSlot=n,this.subscribeToTrigger(n))}componentDidLoad(){this.onBeforeLoad(),this.hooks.onBeforeLoad?.(this.el)}componentWillLoad(){this.toggle=this.toggle.bind(this),this.show=this.show.bind(this),this.hide=this.hide.bind(this),this.positionEngine=new Rt,this.logger=new t,this.cleanupAutoUpdate=void 0,this.previousTrigger=void 0}disconnectedCallback(){null!=this.previousTrigger&&this.floatingDisconnect((()=>this.show()),(()=>this.hide())),this.stopAutoUpdate(),this.hide()}},kt=(t=!1,n=0,e)=>t?void 0!==n?n:0:void 0!==n?e+n:e;export{Pt as a,kt as g}