@brandsync/wc 1.20.0 → 1.20.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/REFERENCE.md +2 -2
- package/custom-elements.json +2 -2
- package/dist/brandsync-wc/brandsync-wc.esm.js +1 -1
- package/dist/brandsync-wc/p-14719554.entry.js +1 -0
- package/dist/brandsync-wc/p-39c50762.entry.js +1 -0
- package/dist/brandsync-wc/p-60636c6c.entry.js +1 -0
- package/dist/brandsync-wc/p-6ae75ed0.entry.js +1 -0
- package/dist/brandsync-wc/p-6b1ba5ec.entry.js +1 -0
- package/dist/brandsync-wc/p-aa99b1f8.entry.js +1 -0
- package/dist/brandsync-wc/p-b6dc9234.entry.js +1 -0
- package/dist/brandsync-wc/p-c0e5db3d.entry.js +1 -0
- package/dist/brandsync-wc/{p-16f15ba5.entry.js → p-dc59a735.entry.js} +1 -1
- package/dist/cjs/bs-accordion.cjs.entry.js +1 -1
- package/dist/cjs/bs-carousel.cjs.entry.js +1 -1
- package/dist/cjs/bs-chip-informative.cjs.entry.js +1 -1
- package/dist/cjs/bs-company-switcher.cjs.entry.js +2 -2
- package/dist/cjs/bs-popover.cjs.entry.js +25 -1
- package/dist/cjs/bs-search-item.cjs.entry.js +1 -1
- package/dist/cjs/bs-shortcut-row.cjs.entry.js +1 -1
- package/dist/cjs/bs-slider.cjs.entry.js +1 -1
- package/dist/cjs/bs-stepper-step.cjs.entry.js +1 -1
- package/dist/collection/components/bs-accordion/bs-accordion.js +1 -1
- package/dist/collection/components/bs-carousel/bs-carousel.js +2 -2
- package/dist/collection/components/bs-carousel/bs-carousel.stories.js +9 -5
- package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.js +1 -1
- package/dist/collection/components/bs-company-switcher/bs-company-switcher.cmp.test.js +13 -7
- package/dist/collection/components/bs-company-switcher/bs-company-switcher.js +2 -2
- package/dist/collection/components/bs-composer/bs-composer.stories.js +1 -1
- package/dist/collection/components/bs-dropdown/bs-dropdown.cmp.test.js +1 -3
- package/dist/collection/components/bs-menu-item/bs-menu-item.stories.js +19 -15
- package/dist/collection/components/bs-popover/bs-popover.cmp.test.js +11 -4
- package/dist/collection/components/bs-popover/bs-popover.js +26 -2
- package/dist/collection/components/bs-search-item/bs-search-item.js +1 -1
- package/dist/collection/components/bs-shortcut-row/bs-shortcut-row.js +1 -1
- package/dist/collection/components/bs-slider/bs-slider.js +1 -1
- package/dist/collection/components/bs-stepper/bs-stepper-step/bs-stepper-step.js +1 -1
- package/dist/collection/components/bs-tab/bs-tab/bs-tab.stories.js +7 -7
- package/dist/collection/components/bs-toolbar/bs-toolbar.cmp.test.js +1 -6
- package/dist/collection/components/bs-tree-item/bs-tree-item.stories.js +6 -4
- package/dist/collection/components/disabled-aria.cmp.test.js +19 -0
- package/dist/components/bs-accordion.js +1 -1
- package/dist/components/bs-app-switcher.js +1 -1
- package/dist/components/bs-carousel.js +1 -1
- package/dist/components/bs-chip-informative.js +1 -1
- package/dist/components/bs-command-palette.js +1 -1
- package/dist/components/bs-company-switcher.js +1 -1
- package/dist/components/bs-cookie-consent.js +1 -1
- package/dist/components/bs-datepicker.js +1 -1
- package/dist/components/bs-dropdown.js +1 -1
- package/dist/components/bs-global-search.js +1 -1
- package/dist/components/bs-input.js +1 -1
- package/dist/components/bs-keyboard-shortcuts.js +1 -1
- package/dist/components/bs-mega-menu.js +1 -1
- package/dist/components/bs-menu-block.js +1 -1
- package/dist/components/bs-popover.js +1 -1
- package/dist/components/bs-qr-code.js +1 -1
- package/dist/components/bs-search-item.js +1 -1
- package/dist/components/bs-session-timeout.js +1 -1
- package/dist/components/bs-shortcut-row.js +1 -1
- package/dist/components/bs-slider.js +1 -1
- package/dist/components/bs-stepper-step.js +1 -1
- package/dist/components/bs-timepicker.js +1 -1
- package/dist/components/bs-toolbar.js +1 -1
- package/dist/components/bs-whats-new-entry.js +1 -1
- package/dist/components/bs-whats-new.js +1 -1
- package/dist/components/{p-D3XmFqCQ.js → p-B5yjDh8h.js} +1 -1
- package/dist/components/p-B81aicKA.js +1 -0
- package/dist/components/{p-DYpJMHAH.js → p-C3YETziz.js} +1 -1
- package/dist/components/{p-DztU3DwY.js → p-CKTbatgt.js} +1 -1
- package/dist/components/p-DUV80kt-.js +1 -0
- package/dist/components/p-_zxYDrzi.js +1 -0
- package/dist/esm/bs-accordion.entry.js +1 -1
- package/dist/esm/bs-carousel.entry.js +1 -1
- package/dist/esm/bs-chip-informative.entry.js +1 -1
- package/dist/esm/bs-company-switcher.entry.js +2 -2
- package/dist/esm/bs-popover.entry.js +25 -1
- package/dist/esm/bs-search-item.entry.js +1 -1
- package/dist/esm/bs-shortcut-row.entry.js +1 -1
- package/dist/esm/bs-slider.entry.js +1 -1
- package/dist/esm/bs-stepper-step.entry.js +1 -1
- package/dist/types/components/bs-carousel/bs-carousel.d.ts +1 -1
- package/dist/types/components/bs-popover/bs-popover.d.ts +9 -1
- package/dist/types/components/disabled-aria.cmp.test.d.ts +1 -0
- package/package.json +6 -1
- package/reference.json +2 -2
- package/dist/brandsync-wc/p-050270f5.entry.js +0 -1
- package/dist/brandsync-wc/p-0f864a4f.entry.js +0 -1
- package/dist/brandsync-wc/p-105c316e.entry.js +0 -1
- package/dist/brandsync-wc/p-7632f773.entry.js +0 -1
- package/dist/brandsync-wc/p-86fdbe8f.entry.js +0 -1
- package/dist/brandsync-wc/p-c9888d09.entry.js +0 -1
- package/dist/brandsync-wc/p-e6f57fae.entry.js +0 -1
- package/dist/brandsync-wc/p-ff14edb6.entry.js +0 -1
- package/dist/components/p-CXv8kx8w.js +0 -1
- package/dist/components/p-CePOtLtZ.js +0 -1
- package/dist/components/p-DBgafacj.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as s,p as e,H as i,c as t,h as r}from"./p-CcAX4o5o.js";const a=e(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsChange=t(this,"bsChange"),this.bsRangeChange=t(this,"bsRangeChange"),this.internals=this.attachInternals()}get el(){return this}type="default";name;showLabel=!0;label="Label";min=0;max=100;step=1;value=0;valueStart;valueEnd;segments=10;disabled=!1;startValueLabel="Start value";endValueLabel="End value";ariaLabel=null;bsChange;bsRangeChange;internals;initial={value:0,valueStart:void 0,valueEnd:void 0};componentWillLoad(){this.initial={value:this.value,valueStart:this.valueStart,valueEnd:this.valueEnd},this.syncFormValue()}syncFormValue(){if(this.internals?.setFormValue)if("range"===this.type){const s=new FormData;this.name&&(s.append(this.name,this.effectiveValueStart+""),s.append(this.name,this.effectiveValueEnd+"")),this.internals.setFormValue(s)}else this.internals.setFormValue(this.value+"")}formResetCallback(){this.value=this.initial.value,this.valueStart=this.initial.valueStart,this.valueEnd=this.initial.valueEnd}get effectiveValueStart(){return this.valueStart??this.min}get effectiveValueEnd(){return this.valueEnd??this.max}get effectiveStep(){return"segmented"===this.type&&this.segments>0?(this.max-this.min)/this.segments:this.step}clamp(s){return Number.isNaN(s)?this.min:Math.min(this.max,Math.max(this.min,s))}percent(s){return this.max===this.min?0:(s-this.min)/(this.max-this.min)*100}onInputChange=s=>{if(this.disabled)return;const e=this.clamp(parseFloat(s.target.value));this.value=e,this.bsChange.emit(e)};clampPercent(s){return Number.isNaN(s)?0:Math.min(100,Math.max(0,s))}fromPercent(s){return this.min+this.clampPercent(s)/100*(this.max-this.min)}onPercentFieldChange=s=>{if(this.disabled)return;const e=this.clamp(this.fromPercent(parseFloat(s.target.value)));this.value=e,this.bsChange.emit(e)};onStartInputChange=s=>{if(this.disabled)return;let e=this.clamp(parseFloat(s.target.value));e=Math.min(e,this.effectiveValueEnd),this.valueStart=e,this.bsRangeChange.emit({start:e,end:this.effectiveValueEnd})};onEndInputChange=s=>{if(this.disabled)return;let e=this.clamp(parseFloat(s.target.value));e=Math.max(e,this.effectiveValueStart),this.valueEnd=e,this.bsRangeChange.emit({start:this.effectiveValueStart,end:e})};onStartPercentFieldChange=s=>{if(this.disabled)return;let e=this.clamp(this.fromPercent(parseFloat(s.target.value)));e=Math.min(e,this.effectiveValueEnd),this.valueStart=e,this.bsRangeChange.emit({start:e,end:this.effectiveValueEnd})};onEndPercentFieldChange=s=>{if(this.disabled)return;let e=this.clamp(this.fromPercent(parseFloat(s.target.value)));e=Math.max(e,this.effectiveValueStart),this.valueEnd=e,this.bsRangeChange.emit({start:this.effectiveValueStart,end:e})};renderPercentField(s,e,i){return r("span",{part:"field",class:"bs-slider__field"},r("input",{type:"number",class:"bs-slider__field-input",value:Math.round(this.clampPercent(s)),min:0,max:100,disabled:this.disabled,"aria-label":i,onChange:e}),r("span",{class:"bs-slider__field-suffix","aria-hidden":"true"},"%"))}renderSegmentedTicks(){return"segmented"!==this.type||this.segments<=0?null:r("div",{class:"bs-slider__ticks","aria-hidden":"true"},Array.from({length:this.segments+1}).map(((s,e)=>r("span",{class:"bs-slider__tick "+(0===e?"bs-slider__tick--hidden":"")}))))}renderSingleThumb(){const s=this.percent(this.value);return r("div",{class:"bs-slider__track-wrapper",style:{"--bs-slider-fill-start":"0%","--bs-slider-fill-end":s+"%"}},r("div",{part:"track",class:"bs-slider__track"},r("div",{part:"fill",class:"bs-slider__track-fill"}),this.renderSegmentedTicks()),r("input",{type:"range",part:"control",class:"bs-slider__input",min:this.min,max:this.max,step:this.effectiveStep,value:this.value,disabled:this.disabled,"aria-label":this.ariaLabel??void 0,"aria-labelledby":!this.ariaLabel&&this.showLabel?"bs-slider-label":void 0,onInput:this.onInputChange,onChange:this.onInputChange}),r("span",{class:"bs-slider__tooltip",part:"tooltip",style:{left:s+"%"},"aria-hidden":"true"},Math.round(this.percent(this.value)),"%"))}renderRangeThumbs(){const s=this.effectiveValueStart,e=this.effectiveValueEnd,i=this.percent(s),t=this.percent(e),a=this.percent(s)>50;return r("div",{class:"bs-slider__track-wrapper",style:{"--bs-slider-fill-start":i+"%","--bs-slider-fill-end":t+"%"}},r("div",{part:"track",class:"bs-slider__track"},r("div",{part:"fill",class:"bs-slider__track-fill"})),r("input",{type:"range",part:"control",class:"bs-slider__input bs-slider__input--start",style:{zIndex:a?"4":"3"},min:this.min,max:this.max,step:this.step,value:s,disabled:this.disabled,"aria-label":this.ariaLabel??this.startValueLabel,onInput:this.onStartInputChange,onChange:this.onStartInputChange}),r("input",{type:"range",part:"control",class:"bs-slider__input bs-slider__input--end",style:{zIndex:a?"3":"4"},min:this.min,max:this.max,step:this.step,value:e,disabled:this.disabled,"aria-label":this.ariaLabel?this.ariaLabel+" end":this.endValueLabel,onInput:this.onEndInputChange,onChange:this.onEndInputChange}),r("span",{class:"bs-slider__tooltip bs-slider__tooltip--start",part:"tooltip",style:{left:i+"%"},"aria-hidden":"true"},Math.round(this.percent(s)),"%"),r("span",{class:"bs-slider__tooltip bs-slider__tooltip--end",part:"tooltip",style:{left:t+"%"},"aria-hidden":"true"},Math.round(this.percent(e)),"%"))}render(){const s="range"===this.type,e=["bs-slider",this.disabled?"bs-slider--disabled":""].filter(Boolean).join(" ");return r("div",{key:"242e99440bf989ab9e8370772a415ef98ea4df97",class:e},this.showLabel&&r("div",{key:"23063ed9dd2dfefc2df1ae8794fdb6d54195ee39",class:"bs-slider__header"},r("span",{key:"15debc72803ed291564d1573179e9e30fd4a40f6",id:"bs-slider-label",part:"label",class:"bs-slider__label"},this.label),s?r("span",{class:"bs-slider__value-fields"},this.renderPercentField(this.percent(this.effectiveValueStart),this.onStartPercentFieldChange,this.ariaLabel??this.startValueLabel),r("span",{class:"bs-slider__separator"},"–"),this.renderPercentField(this.percent(this.effectiveValueEnd),this.onEndPercentFieldChange,this.ariaLabel?this.ariaLabel+" end":this.endValueLabel)):this.renderPercentField(this.percent(this.value),this.onPercentFieldChange,this.ariaLabel?this.ariaLabel+" value":"Value")),r("div",{key:"b975a8200846dbd43622473d3e62255c805e0359",class:"bs-slider__row"},this.showLabel&&r("span",{key:"c82b225aa14924963005a578fdaf0ab1accf8c2b",part:"bound",class:"bs-slider__bound"},this.min),s?this.renderRangeThumbs():this.renderSingleThumb(),this.showLabel&&r("span",{key:"5e85c40cb85d2b71591020249cac4d5ae0c300a4",part:"bound",class:"bs-slider__bound"},this.max)))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{syncFormValue:0}],valueStart:[{syncFormValue:0}],valueEnd:[{syncFormValue:0}],type:[{syncFormValue:0}]}}static get style(){return":host{display:block;--bs-slider-gap:var(--bs-spacing-100);--bs-slider-label-color:var(--bs-text-default);--bs-slider-label-color-disabled:var(--bs-text-muted);--bs-slider-label-font-weight:var(--bs-font-weight-semibold);--bs-slider-track-height:var(--bs-spacing-50);--bs-slider-track-radius:var(--bs-border-radius-full);--bs-slider-track-bg:var(--bs-surface-container);--bs-slider-track-bg-disabled:var(--bs-surface-action-disabled);--bs-slider-fill-bg:var(--bs-surface-action);--bs-slider-fill-bg-disabled:var(--bs-surface-on-action-disabled);--bs-slider-knob-hit-size:var(--bs-spacing-600);--bs-slider-knob-size:var(--bs-spacing-300);--bs-slider-knob-bg:var(--bs-surface-action);--bs-slider-knob-color-disabled:var(--bs-surface-on-action-disabled);--bs-slider-focus-ring-color:var(--bs-border-primary-focus);--bs-slider-focus-ring-gap-color:var(--bs-surface-base);--bs-slider-tick-bg:var(--bs-surface-inset);--bs-slider-tooltip-bg:var(--bs-surface-inverse);--bs-slider-tooltip-color:var(--bs-text-inverse);--bs-slider-tooltip-radius:var(--bs-border-radius-50);--bs-slider-field-width:56px;--bs-slider-field-border:var(--bs-input-border-default);--bs-slider-field-bg:var(--bs-input-bg-default);--bs-slider-field-radius:var(--bs-border-radius-100);--bs-slider-field-text:var(--bs-input-text);--bs-slider-field-text-disabled:var(--bs-text-on-disabled);--bs-slider-bound-color:var(--bs-text-default);--bs-slider-bound-color-disabled:var(--bs-text-on-disabled)}.bs-slider{display:flex;flex-direction:column;gap:var(--bs-slider-gap);font-family:inherit}.bs-slider__label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-slider-label-font-weight);color:var(--bs-slider-label-color)}.bs-slider--disabled .bs-slider__label{color:var(--bs-slider-label-color-disabled);font-weight:normal}.bs-slider__header{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-slider-gap)}.bs-slider__value-fields{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-slider__row{display:flex;align-items:center;gap:var(--bs-slider-gap)}.bs-slider__bound{color:var(--bs-slider-bound-color);font-size:var(--bs-font-size-md);flex-shrink:0}.bs-slider--disabled .bs-slider__bound{color:var(--bs-slider-bound-color-disabled)}.bs-slider__separator{color:var(--bs-slider-field-text);flex-shrink:0}.bs-slider--disabled .bs-slider__separator{color:var(--bs-slider-field-text-disabled)}.bs-slider__field{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-spacing-25);flex-shrink:0;width:var(--bs-slider-field-width);border:1px solid var(--bs-slider-field-border);border-radius:var(--bs-slider-field-radius);background:var(--bs-slider-field-bg);padding:var(--bs-spacing-50) var(--bs-spacing-100)}.bs-slider--disabled .bs-slider__field{cursor:not-allowed}.bs-slider__field-input{flex:1;min-width:0;border:none;outline:none;padding:0;background:transparent;color:var(--bs-slider-field-text);font-size:var(--bs-font-size-sm);font-family:inherit;text-align:left;-moz-appearance:textfield}.bs-slider__field-suffix{flex-shrink:0;color:var(--bs-slider-field-text);font-size:var(--bs-font-size-sm)}.bs-slider--disabled .bs-slider__field-suffix{color:var(--bs-slider-field-text-disabled)}.bs-slider__field-input::-webkit-outer-spin-button,.bs-slider__field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bs-slider__field-input:disabled{color:var(--bs-slider-field-text-disabled);cursor:not-allowed}.bs-slider__track-wrapper{position:relative;flex:1;min-width:0;height:var(--bs-slider-knob-hit-size);display:flex;align-items:center}.bs-slider__track{position:relative;width:100%;height:var(--bs-slider-track-height);border-radius:var(--bs-slider-track-radius);background:var(--bs-slider-track-bg);overflow:visible;pointer-events:none}.bs-slider--disabled .bs-slider__track{background:var(--bs-slider-track-bg-disabled)}.bs-slider__track-fill{position:absolute;top:0;bottom:0;left:var(--bs-slider-fill-start, 0%);right:calc(100% - var(--bs-slider-fill-end, 0%));border-radius:var(--bs-slider-track-radius);background:var(--bs-slider-fill-bg)}.bs-slider--disabled .bs-slider__track-fill{background:var(--bs-slider-fill-bg-disabled)}.bs-slider__ticks{position:absolute;top:50%;left:0;width:100%;height:var(--bs-slider-knob-size);display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.bs-slider__tick{width:2px;height:100%;background:var(--bs-slider-tick-bg)}.bs-slider__tick--hidden{opacity:0}.bs-slider__input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;appearance:none;background:transparent;cursor:pointer}.bs-slider--disabled .bs-slider__input{cursor:not-allowed}.bs-slider__input::-webkit-slider-runnable-track{background:transparent}.bs-slider__input::-moz-range-track{background:transparent}.bs-slider__input::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--bs-slider-knob-size);height:var(--bs-slider-knob-size);border-radius:var(--bs-border-radius-full);border:none;background:var(--bs-slider-knob-bg);cursor:pointer}.bs-slider__input::-moz-range-thumb{box-sizing:border-box;width:var(--bs-slider-knob-size);height:var(--bs-slider-knob-size);border-radius:var(--bs-border-radius-full);border:none;background:var(--bs-slider-knob-bg);cursor:pointer}.bs-slider--disabled .bs-slider__input::-webkit-slider-thumb{cursor:not-allowed;background:var(--bs-slider-knob-color-disabled)}.bs-slider--disabled .bs-slider__input::-moz-range-thumb{cursor:not-allowed;background:var(--bs-slider-knob-color-disabled)}.bs-slider__input--start,.bs-slider__input--end{pointer-events:none}.bs-slider__input--start::-webkit-slider-thumb,.bs-slider__input--end::-webkit-slider-thumb{pointer-events:auto}.bs-slider__input--start::-moz-range-thumb,.bs-slider__input--end::-moz-range-thumb{pointer-events:auto}.bs-slider__input:focus-visible::-webkit-slider-thumb,.bs-slider__input:active::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--bs-slider-focus-ring-gap-color), 0 0 0 4px var(--bs-slider-focus-ring-color)}.bs-slider__input:focus-visible::-moz-range-thumb,.bs-slider__input:active::-moz-range-thumb{box-shadow:0 0 0 2px var(--bs-slider-focus-ring-gap-color), 0 0 0 4px var(--bs-slider-focus-ring-color)}.bs-slider__tooltip{position:absolute;bottom:calc(50% + 38px);transform:translateX(-50%);padding:var(--bs-spacing-25) var(--bs-spacing-100);background:var(--bs-slider-tooltip-bg);color:var(--bs-slider-tooltip-color);border-radius:var(--bs-slider-tooltip-radius);font-size:var(--bs-font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.1s ease}.bs-slider__tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:8px;height:8px;background:var(--bs-slider-tooltip-bg);clip-path:polygon(50% 100%, 0% 0%, 100% 0%)}.bs-slider__input:focus-visible~.bs-slider__tooltip,.bs-slider__input:active~.bs-slider__tooltip{opacity:1}.bs-slider__input--start:focus-visible~.bs-slider__tooltip--end,.bs-slider__input--start:active~.bs-slider__tooltip--end,.bs-slider__input--end:focus-visible~.bs-slider__tooltip--start,.bs-slider__input--end:active~.bs-slider__tooltip--start{opacity:0}"}},[593,"bs-slider",{type:[1],name:[513],showLabel:[4,"show-label"],label:[1],min:[2],max:[2],step:[2],value:[1026],valueStart:[1026,"value-start"],valueEnd:[1026,"value-end"],segments:[2],disabled:[516],startValueLabel:[1,"start-value-label"],endValueLabel:[1,"end-value-label"],ariaLabel:[1,"aria-label"]},void 0,{value:[{syncFormValue:0}],valueStart:[{syncFormValue:0}],valueEnd:[{syncFormValue:0}],type:[{syncFormValue:0}]}]);function l(){"undefined"!=typeof customElements&&["bs-slider"].forEach((e=>{"bs-slider"===e&&(customElements.get(s(e))||customElements.define(s(e),a))}))}l();const d=a,b=l;export{d as BsSlider,b as defineCustomElement}
|
|
1
|
+
import{t as s,p as e,H as i,c as t,h as r}from"./p-CcAX4o5o.js";const l=e(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsChange=t(this,"bsChange"),this.bsRangeChange=t(this,"bsRangeChange"),this.internals=this.attachInternals()}get el(){return this}type="default";name;showLabel=!0;label="Label";min=0;max=100;step=1;value=0;valueStart;valueEnd;segments=10;disabled=!1;startValueLabel="Start value";endValueLabel="End value";ariaLabel=null;bsChange;bsRangeChange;internals;initial={value:0,valueStart:void 0,valueEnd:void 0};componentWillLoad(){this.initial={value:this.value,valueStart:this.valueStart,valueEnd:this.valueEnd},this.syncFormValue()}syncFormValue(){if(this.internals?.setFormValue)if("range"===this.type){const s=new FormData;this.name&&(s.append(this.name,this.effectiveValueStart+""),s.append(this.name,this.effectiveValueEnd+"")),this.internals.setFormValue(s)}else this.internals.setFormValue(this.value+"")}formResetCallback(){this.value=this.initial.value,this.valueStart=this.initial.valueStart,this.valueEnd=this.initial.valueEnd}get effectiveValueStart(){return this.valueStart??this.min}get effectiveValueEnd(){return this.valueEnd??this.max}get effectiveStep(){return"segmented"===this.type&&this.segments>0?(this.max-this.min)/this.segments:this.step}clamp(s){return Number.isNaN(s)?this.min:Math.min(this.max,Math.max(this.min,s))}percent(s){return this.max===this.min?0:(s-this.min)/(this.max-this.min)*100}onInputChange=s=>{if(this.disabled)return;const e=this.clamp(parseFloat(s.target.value));this.value=e,this.bsChange.emit(e)};clampPercent(s){return Number.isNaN(s)?0:Math.min(100,Math.max(0,s))}fromPercent(s){return this.min+this.clampPercent(s)/100*(this.max-this.min)}onPercentFieldChange=s=>{if(this.disabled)return;const e=this.clamp(this.fromPercent(parseFloat(s.target.value)));this.value=e,this.bsChange.emit(e)};onStartInputChange=s=>{if(this.disabled)return;let e=this.clamp(parseFloat(s.target.value));e=Math.min(e,this.effectiveValueEnd),this.valueStart=e,this.bsRangeChange.emit({start:e,end:this.effectiveValueEnd})};onEndInputChange=s=>{if(this.disabled)return;let e=this.clamp(parseFloat(s.target.value));e=Math.max(e,this.effectiveValueStart),this.valueEnd=e,this.bsRangeChange.emit({start:this.effectiveValueStart,end:e})};onStartPercentFieldChange=s=>{if(this.disabled)return;let e=this.clamp(this.fromPercent(parseFloat(s.target.value)));e=Math.min(e,this.effectiveValueEnd),this.valueStart=e,this.bsRangeChange.emit({start:e,end:this.effectiveValueEnd})};onEndPercentFieldChange=s=>{if(this.disabled)return;let e=this.clamp(this.fromPercent(parseFloat(s.target.value)));e=Math.max(e,this.effectiveValueStart),this.valueEnd=e,this.bsRangeChange.emit({start:this.effectiveValueStart,end:e})};renderPercentField(s,e,i){return r("span",{part:"field",class:"bs-slider__field"},r("input",{type:"number",class:"bs-slider__field-input",value:Math.round(this.clampPercent(s)),min:0,max:100,disabled:this.disabled,"aria-label":i,onChange:e}),r("span",{class:"bs-slider__field-suffix","aria-hidden":"true"},"%"))}renderSegmentedTicks(){return"segmented"!==this.type||this.segments<=0?null:r("div",{class:"bs-slider__ticks","aria-hidden":"true"},Array.from({length:this.segments+1}).map(((s,e)=>r("span",{class:"bs-slider__tick "+(0===e?"bs-slider__tick--hidden":"")}))))}renderSingleThumb(){const s=this.percent(this.value);return r("div",{class:"bs-slider__track-wrapper",style:{"--bs-slider-fill-start":"0%","--bs-slider-fill-end":s+"%"}},r("div",{part:"track",class:"bs-slider__track"},r("div",{part:"fill",class:"bs-slider__track-fill"}),this.renderSegmentedTicks()),r("input",{type:"range",part:"control",class:"bs-slider__input",min:this.min,max:this.max,step:this.effectiveStep,value:this.value,disabled:this.disabled,"aria-label":this.ariaLabel??void 0,"aria-labelledby":!this.ariaLabel&&this.showLabel?"bs-slider-label":void 0,onInput:this.onInputChange,onChange:this.onInputChange}),r("span",{class:"bs-slider__tooltip",part:"tooltip",style:{left:s+"%"},"aria-hidden":"true"},Math.round(this.percent(this.value)),"%"))}renderRangeThumbs(){const s=this.effectiveValueStart,e=this.effectiveValueEnd,i=this.percent(s),t=this.percent(e),l=this.percent(s)>50;return r("div",{class:"bs-slider__track-wrapper",style:{"--bs-slider-fill-start":i+"%","--bs-slider-fill-end":t+"%"}},r("div",{part:"track",class:"bs-slider__track"},r("div",{part:"fill",class:"bs-slider__track-fill"})),r("input",{type:"range",part:"control",class:"bs-slider__input bs-slider__input--start",style:{zIndex:l?"4":"3"},min:this.min,max:this.max,step:this.step,value:s,disabled:this.disabled,"aria-label":this.ariaLabel??this.startValueLabel,onInput:this.onStartInputChange,onChange:this.onStartInputChange}),r("input",{type:"range",part:"control",class:"bs-slider__input bs-slider__input--end",style:{zIndex:l?"3":"4"},min:this.min,max:this.max,step:this.step,value:e,disabled:this.disabled,"aria-label":this.ariaLabel?this.ariaLabel+" end":this.endValueLabel,onInput:this.onEndInputChange,onChange:this.onEndInputChange}),r("span",{class:"bs-slider__tooltip bs-slider__tooltip--start",part:"tooltip",style:{left:i+"%"},"aria-hidden":"true"},Math.round(this.percent(s)),"%"),r("span",{class:"bs-slider__tooltip bs-slider__tooltip--end",part:"tooltip",style:{left:t+"%"},"aria-hidden":"true"},Math.round(this.percent(e)),"%"))}render(){const s="range"===this.type,e=["bs-slider",this.disabled?"bs-slider--disabled":""].filter(Boolean).join(" ");return r("div",{key:"edb31a417eff920fb2fbff7cd26620629038449b",class:e,"aria-disabled":this.disabled?"true":void 0},this.showLabel&&r("div",{key:"8732ee01cd1441c0a715b45257ac560b062fc384",class:"bs-slider__header"},r("span",{key:"25440a9c9bee46d3c82c1eda056e24b7e92e8302",id:"bs-slider-label",part:"label",class:"bs-slider__label"},this.label),s?r("span",{class:"bs-slider__value-fields"},this.renderPercentField(this.percent(this.effectiveValueStart),this.onStartPercentFieldChange,this.ariaLabel??this.startValueLabel),r("span",{class:"bs-slider__separator"},"–"),this.renderPercentField(this.percent(this.effectiveValueEnd),this.onEndPercentFieldChange,this.ariaLabel?this.ariaLabel+" end":this.endValueLabel)):this.renderPercentField(this.percent(this.value),this.onPercentFieldChange,this.ariaLabel?this.ariaLabel+" value":"Value")),r("div",{key:"9fcd6e0729266f1c38719347f6b48590788fb8c5",class:"bs-slider__row"},this.showLabel&&r("span",{key:"c55a68e9244d1ab2102d6c90d31b35df49f6119c",part:"bound",class:"bs-slider__bound"},this.min),s?this.renderRangeThumbs():this.renderSingleThumb(),this.showLabel&&r("span",{key:"1140fda48f69433161dc2fd1e65f18d1f09f2ed9",part:"bound",class:"bs-slider__bound"},this.max)))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{syncFormValue:0}],valueStart:[{syncFormValue:0}],valueEnd:[{syncFormValue:0}],type:[{syncFormValue:0}]}}static get style(){return":host{display:block;--bs-slider-gap:var(--bs-spacing-100);--bs-slider-label-color:var(--bs-text-default);--bs-slider-label-color-disabled:var(--bs-text-muted);--bs-slider-label-font-weight:var(--bs-font-weight-semibold);--bs-slider-track-height:var(--bs-spacing-50);--bs-slider-track-radius:var(--bs-border-radius-full);--bs-slider-track-bg:var(--bs-surface-container);--bs-slider-track-bg-disabled:var(--bs-surface-action-disabled);--bs-slider-fill-bg:var(--bs-surface-action);--bs-slider-fill-bg-disabled:var(--bs-surface-on-action-disabled);--bs-slider-knob-hit-size:var(--bs-spacing-600);--bs-slider-knob-size:var(--bs-spacing-300);--bs-slider-knob-bg:var(--bs-surface-action);--bs-slider-knob-color-disabled:var(--bs-surface-on-action-disabled);--bs-slider-focus-ring-color:var(--bs-border-primary-focus);--bs-slider-focus-ring-gap-color:var(--bs-surface-base);--bs-slider-tick-bg:var(--bs-surface-inset);--bs-slider-tooltip-bg:var(--bs-surface-inverse);--bs-slider-tooltip-color:var(--bs-text-inverse);--bs-slider-tooltip-radius:var(--bs-border-radius-50);--bs-slider-field-width:56px;--bs-slider-field-border:var(--bs-input-border-default);--bs-slider-field-bg:var(--bs-input-bg-default);--bs-slider-field-radius:var(--bs-border-radius-100);--bs-slider-field-text:var(--bs-input-text);--bs-slider-field-text-disabled:var(--bs-text-on-disabled);--bs-slider-bound-color:var(--bs-text-default);--bs-slider-bound-color-disabled:var(--bs-text-on-disabled)}.bs-slider{display:flex;flex-direction:column;gap:var(--bs-slider-gap);font-family:inherit}.bs-slider__label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-slider-label-font-weight);color:var(--bs-slider-label-color)}.bs-slider--disabled .bs-slider__label{color:var(--bs-slider-label-color-disabled);font-weight:normal}.bs-slider__header{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-slider-gap)}.bs-slider__value-fields{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-slider__row{display:flex;align-items:center;gap:var(--bs-slider-gap)}.bs-slider__bound{color:var(--bs-slider-bound-color);font-size:var(--bs-font-size-md);flex-shrink:0}.bs-slider--disabled .bs-slider__bound{color:var(--bs-slider-bound-color-disabled)}.bs-slider__separator{color:var(--bs-slider-field-text);flex-shrink:0}.bs-slider--disabled .bs-slider__separator{color:var(--bs-slider-field-text-disabled)}.bs-slider__field{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-spacing-25);flex-shrink:0;width:var(--bs-slider-field-width);border:1px solid var(--bs-slider-field-border);border-radius:var(--bs-slider-field-radius);background:var(--bs-slider-field-bg);padding:var(--bs-spacing-50) var(--bs-spacing-100)}.bs-slider--disabled .bs-slider__field{cursor:not-allowed}.bs-slider__field-input{flex:1;min-width:0;border:none;outline:none;padding:0;background:transparent;color:var(--bs-slider-field-text);font-size:var(--bs-font-size-sm);font-family:inherit;text-align:left;-moz-appearance:textfield}.bs-slider__field-suffix{flex-shrink:0;color:var(--bs-slider-field-text);font-size:var(--bs-font-size-sm)}.bs-slider--disabled .bs-slider__field-suffix{color:var(--bs-slider-field-text-disabled)}.bs-slider__field-input::-webkit-outer-spin-button,.bs-slider__field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bs-slider__field-input:disabled{color:var(--bs-slider-field-text-disabled);cursor:not-allowed}.bs-slider__track-wrapper{position:relative;flex:1;min-width:0;height:var(--bs-slider-knob-hit-size);display:flex;align-items:center}.bs-slider__track{position:relative;width:100%;height:var(--bs-slider-track-height);border-radius:var(--bs-slider-track-radius);background:var(--bs-slider-track-bg);overflow:visible;pointer-events:none}.bs-slider--disabled .bs-slider__track{background:var(--bs-slider-track-bg-disabled)}.bs-slider__track-fill{position:absolute;top:0;bottom:0;left:var(--bs-slider-fill-start, 0%);right:calc(100% - var(--bs-slider-fill-end, 0%));border-radius:var(--bs-slider-track-radius);background:var(--bs-slider-fill-bg)}.bs-slider--disabled .bs-slider__track-fill{background:var(--bs-slider-fill-bg-disabled)}.bs-slider__ticks{position:absolute;top:50%;left:0;width:100%;height:var(--bs-slider-knob-size);display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.bs-slider__tick{width:2px;height:100%;background:var(--bs-slider-tick-bg)}.bs-slider__tick--hidden{opacity:0}.bs-slider__input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;appearance:none;background:transparent;cursor:pointer}.bs-slider--disabled .bs-slider__input{cursor:not-allowed}.bs-slider__input::-webkit-slider-runnable-track{background:transparent}.bs-slider__input::-moz-range-track{background:transparent}.bs-slider__input::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--bs-slider-knob-size);height:var(--bs-slider-knob-size);border-radius:var(--bs-border-radius-full);border:none;background:var(--bs-slider-knob-bg);cursor:pointer}.bs-slider__input::-moz-range-thumb{box-sizing:border-box;width:var(--bs-slider-knob-size);height:var(--bs-slider-knob-size);border-radius:var(--bs-border-radius-full);border:none;background:var(--bs-slider-knob-bg);cursor:pointer}.bs-slider--disabled .bs-slider__input::-webkit-slider-thumb{cursor:not-allowed;background:var(--bs-slider-knob-color-disabled)}.bs-slider--disabled .bs-slider__input::-moz-range-thumb{cursor:not-allowed;background:var(--bs-slider-knob-color-disabled)}.bs-slider__input--start,.bs-slider__input--end{pointer-events:none}.bs-slider__input--start::-webkit-slider-thumb,.bs-slider__input--end::-webkit-slider-thumb{pointer-events:auto}.bs-slider__input--start::-moz-range-thumb,.bs-slider__input--end::-moz-range-thumb{pointer-events:auto}.bs-slider__input:focus-visible::-webkit-slider-thumb,.bs-slider__input:active::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--bs-slider-focus-ring-gap-color), 0 0 0 4px var(--bs-slider-focus-ring-color)}.bs-slider__input:focus-visible::-moz-range-thumb,.bs-slider__input:active::-moz-range-thumb{box-shadow:0 0 0 2px var(--bs-slider-focus-ring-gap-color), 0 0 0 4px var(--bs-slider-focus-ring-color)}.bs-slider__tooltip{position:absolute;bottom:calc(50% + 38px);transform:translateX(-50%);padding:var(--bs-spacing-25) var(--bs-spacing-100);background:var(--bs-slider-tooltip-bg);color:var(--bs-slider-tooltip-color);border-radius:var(--bs-slider-tooltip-radius);font-size:var(--bs-font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.1s ease}.bs-slider__tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:8px;height:8px;background:var(--bs-slider-tooltip-bg);clip-path:polygon(50% 100%, 0% 0%, 100% 0%)}.bs-slider__input:focus-visible~.bs-slider__tooltip,.bs-slider__input:active~.bs-slider__tooltip{opacity:1}.bs-slider__input--start:focus-visible~.bs-slider__tooltip--end,.bs-slider__input--start:active~.bs-slider__tooltip--end,.bs-slider__input--end:focus-visible~.bs-slider__tooltip--start,.bs-slider__input--end:active~.bs-slider__tooltip--start{opacity:0}"}},[593,"bs-slider",{type:[1],name:[513],showLabel:[4,"show-label"],label:[1],min:[2],max:[2],step:[2],value:[1026],valueStart:[1026,"value-start"],valueEnd:[1026,"value-end"],segments:[2],disabled:[516],startValueLabel:[1,"start-value-label"],endValueLabel:[1,"end-value-label"],ariaLabel:[1,"aria-label"]},void 0,{value:[{syncFormValue:0}],valueStart:[{syncFormValue:0}],valueEnd:[{syncFormValue:0}],type:[{syncFormValue:0}]}]);function a(){"undefined"!=typeof customElements&&["bs-slider"].forEach((e=>{"bs-slider"===e&&(customElements.get(s(e))||customElements.define(s(e),l))}))}a();const d=l,b=a;export{d as BsSlider,b as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as s,H as t,h as p,d as r}from"./p-CcAX4o5o.js";const o=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}name="";description;error=!1;disabled=!1;computedState="enabled";direction="horizontal";showDescription=!0;get state(){return this.disabled?"disabled":this.error?"error":this.computedState}render(){const e=this.state;return p(r,{key:"
|
|
1
|
+
import{t as e,p as s,H as t,h as p,d as r}from"./p-CcAX4o5o.js";const o=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}name="";description;error=!1;disabled=!1;computedState="enabled";direction="horizontal";showDescription=!0;get state(){return this.disabled?"disabled":this.error?"error":this.computedState}render(){const e=this.state;return p(r,{key:"a413a500376629d039afab3168b83cae5c636dc1",role:"listitem",class:"bs-stepper-step--"+this.direction,"aria-disabled":"disabled"===e?"true":void 0},p("div",{key:"7978cd670eeafe2dee95a2e3d97625ff22cd006d",class:"bs-stepper-step__top"},p("span",{key:"0d0e5ef0199013cd0ed59b26fe169c2bac727920",part:"icon",class:"bs-stepper-step__icon bs-stepper-step__icon--"+e},"current"===e&&p("span",{key:"6c9ab59838f63958a54b852c4a8f3babf1ddc48e",class:"bs-stepper-step__icon-dot"}),"done"===e&&p(i,{key:"284d95f3e0ae3033ab2baa079c00cb2dc1fbcd3f"}),"error"===e&&p(n,{key:"45b894a13cf54b0d5cb027d89646c712584bf6bb"})),p("span",{key:"79621665f9aecb82c4135ac2e1139ce1ee9af6be",part:"connector",class:"bs-stepper-step__connector","aria-hidden":"true"},p("span",{key:"91454b553634d90734dbd2b8bb9ab53d9bead49c",class:"bs-stepper-step__connector-line"}))),p("span",{key:"d5f1606511df9745571d96cad36d38774fd943b4",part:"label",class:"bs-stepper-step__label bs-stepper-step__label--"+e},p("span",{key:"81df6e0b9607c22cfdad7e37095d245ec428e0f1",part:"name",class:"bs-stepper-step__name"},this.name),this.showDescription&&this.description&&p("span",{key:"77c4951d570219071e8acedc361a73eed6a89612",part:"description",class:"bs-stepper-step__description"},this.description)))}static get style(){return":host{display:flex;font-family:inherit;font-size:var(--bs-stepper-step-font-size);line-height:calc(var(--bs-stepper-step-line-height) * 1px);--bs-stepper-step-gap:var(--bs-spacing-100);--bs-stepper-step-icon-size:24px;--bs-stepper-step-icon-border-width:1.5px;--bs-stepper-step-connector-color:var(--bs-border-default);--bs-stepper-step-connector-thickness:2px;--bs-stepper-step-icon-border-enabled:var(--bs-border-default);--bs-stepper-step-icon-border-current:var(--bs-color-primary-default);--bs-stepper-step-icon-dot-current:var(--bs-color-primary-default);--bs-stepper-step-icon-bg-done:var(--bs-color-primary-default);--bs-stepper-step-icon-color-done:var(--bs-text-on-action);--bs-stepper-step-icon-border-error:var(--bs-border-error);--bs-stepper-step-icon-color-error:var(--bs-border-error);--bs-stepper-step-icon-border-disabled:var(--bs-border-neutral-disabled);--bs-stepper-step-text-enabled:var(--bs-text-muted);--bs-stepper-step-text-active:var(--bs-text-default);--bs-stepper-step-text-disabled:var(--bs-text-on-disabled);--bs-stepper-step-font-size:var(--bs-font-size-md);--bs-stepper-step-line-height:var(--bs-line-height-body-md);--bs-stepper-step-name-font-weight:var(--bs-font-weight-semibold);--bs-stepper-step-description-font-weight:var(--bs-font-weight-regular)}:host(.bs-stepper-step--horizontal){flex:1 1 0;flex-direction:column}:host(.bs-stepper-step--vertical){width:100%;flex-direction:row;}.bs-stepper-step__top{display:flex;align-items:center}:host(.bs-stepper-step--horizontal) .bs-stepper-step__top{flex-direction:row}:host(.bs-stepper-step--vertical) .bs-stepper-step__top{flex-direction:column}.bs-stepper-step__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-stepper-step-icon-size);height:var(--bs-stepper-step-icon-size);border-radius:50%;box-sizing:border-box}.bs-stepper-step__icon svg{width:16px;height:16px}.bs-stepper-step__icon--enabled{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-enabled)}.bs-stepper-step__icon--current{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-current)}.bs-stepper-step__icon-dot{width:16px;height:16px;border-radius:50%;background:var(--bs-stepper-step-icon-dot-current)}.bs-stepper-step__icon--done{background:var(--bs-stepper-step-icon-bg-done);color:var(--bs-stepper-step-icon-color-done)}.bs-stepper-step__icon--error{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-error);color:var(--bs-stepper-step-icon-color-error)}.bs-stepper-step__icon--disabled{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-disabled)}.bs-stepper-step__connector{display:flex;align-items:center;justify-content:center}:host(.bs-stepper-step--horizontal) .bs-stepper-step__connector{flex:1 1 auto;margin-inline-start:var(--bs-stepper-step-gap)}:host(.bs-stepper-step--vertical) .bs-stepper-step__connector{flex:1 1 auto;flex-direction:column;align-items:center;width:var(--bs-stepper-step-icon-size);margin:var(--bs-stepper-step-gap) 0;min-height:var(--bs-stepper-step-icon-size)}.bs-stepper-step__connector-line{display:block;border-radius:calc(var(--bs-stepper-step-connector-thickness) / 2);background:var(--bs-stepper-step-connector-color)}:host(.bs-stepper-step--horizontal) .bs-stepper-step__connector-line{width:100%;height:var(--bs-stepper-step-connector-thickness)}:host(.bs-stepper-step--vertical) .bs-stepper-step__connector-line{flex:1 1 auto;width:var(--bs-stepper-step-connector-thickness)}:host(:last-child) .bs-stepper-step__connector{visibility:hidden}.bs-stepper-step__label{display:flex;flex-direction:column}:host(.bs-stepper-step--horizontal) .bs-stepper-step__label{margin-top:var(--bs-stepper-step-gap);width:var(--bs-stepper-step-icon-size);align-self:flex-start;align-items:center;text-align:center}:host(.bs-stepper-step--vertical) .bs-stepper-step__label{margin-inline-start:var(--bs-stepper-step-gap);text-align:start}.bs-stepper-step__name{font-weight:var(--bs-stepper-step-name-font-weight);white-space:nowrap}.bs-stepper-step__description{font-weight:var(--bs-stepper-step-description-font-weight);white-space:nowrap}.bs-stepper-step__label--enabled .bs-stepper-step__name,.bs-stepper-step__label--enabled .bs-stepper-step__description,.bs-stepper-step__label--error .bs-stepper-step__name,.bs-stepper-step__label--error .bs-stepper-step__description{color:var(--bs-stepper-step-text-enabled)}.bs-stepper-step__label--current .bs-stepper-step__name,.bs-stepper-step__label--current .bs-stepper-step__description,.bs-stepper-step__label--done .bs-stepper-step__name,.bs-stepper-step__label--done .bs-stepper-step__description{color:var(--bs-stepper-step-text-active)}.bs-stepper-step__label--disabled .bs-stepper-step__name,.bs-stepper-step__label--disabled .bs-stepper-step__description{color:var(--bs-stepper-step-text-disabled)}"}},[513,"bs-stepper-step",{name:[1],description:[1],error:[4],disabled:[4],computedState:[1,"computed-state"],direction:[1],showDescription:[4,"show-description"]}]),i=()=>p("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},p("path",{d:"M2.5 9L6 12.5L14 4.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})),n=()=>p("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},p("path",{d:"M8 3V9.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),p("circle",{cx:"8",cy:"12.5",r:"1",fill:"currentColor"}));function b(){"undefined"!=typeof customElements&&["bs-stepper-step"].forEach((s=>{"bs-stepper-step"===s&&(customElements.get(e(s))||customElements.define(e(s),o))}))}b();const a=o,c=b;export{a as BsStepperStep,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as i,H as t,c as s,h as r}from"./p-CcAX4o5o.js";import{d as a}from"./p-wscU7FUD.js";import{d as c}from"./p-mxDA3wKn.js";import{d as n}from"./p-CePOtLtZ.js";import{d as o}from"./p-wd9-vGpQ.js";import{d as b}from"./p-D3XmFqCQ.js";import{d as l}from"./p-CxNNy2m6.js";import{d as p}from"./p-BR7C-aKy.js";import{d}from"./p-DaKBSL2O.js";import{d as m}from"./p-D4W5LcEW.js";import{d as h}from"./p-DARbgzSz.js";const u=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsChange=s(this,"bsChange"),this.bsCancel=s(this,"bsCancel"),this.internals=this.attachInternals()}get el(){return this}internals;initialValue="";typed="";name;value="";format="12h";minuteStep=1;heading="Select Time";formatLabel="24h";confirmLabel="Confirm";cancelLabel="Cancel";increaseLabel="Increase";decreaseLabel="Decrease";hourLabel="Hour";minuteLabel="Minute";periodLabel="AM/PM";bsChange;bsCancel;hour=0;minute=0;componentWillLoad(){this.initialValue=this.value,this.resetDraft(),this.syncFormValue()}onValueChange(){this.resetDraft(),this.syncFormValue()}onNameChange(){this.syncFormValue()}formResetCallback(){this.value=this.initialValue}resetDraft(){const e=function(e){const i=/^(\d{1,2}):(\d{2})$/.exec((e??"").trim());if(!i)return;const t=Number(i[1]),s=Number(i[2]);return t<=23&&s<=59?{hour:t,minute:s}:void 0}(this.value);this.hour=e?e.hour:0,this.minute=e?e.minute:0}syncFormValue(){this.internals?.setFormValue&&this.internals.setFormValue(this.value??"")}get step(){const e=Math.trunc(Number(this.minuteStep));return Number.isFinite(e)&&e>=1&&e<=59?e:1}get is12h(){return"24h"!==this.format}get isPm(){return this.hour>=12}shown(e){return"minute"===e?this.minute:this.is12h?this.hour%12||12:this.hour}bounds(e){return"minute"===e?[0,59]:this.is12h?[1,12]:[0,23]}setShown(e,i){"minute"===e?this.minute=i:this.hour=this.is12h?i%12+(this.isPm?12:0):i}stepBy(e,i){const[t,s]=this.bounds(e),r=s-t+1,a="minute"===e?this.step:1;let c=this.shown(e)+i*a;if("minute"===e){const t=this.shown(e);c=1===i?Math.floor(t/a)*a+a:Math.ceil(t/a)*a-a}this.setShown(e,((c-t)%r+r)%r+t)}onKeyDown=e=>i=>{const[t,s]=this.bounds(e);if("ArrowUp"===i.key)this.stepBy(e,1);else if("ArrowDown"===i.key)this.stepBy(e,-1);else if("Home"===i.key)this.setShown(e,t);else{if("End"!==i.key){if(/^\d$/.test(i.key)){const r=Number((this.typed+i.key).slice(-2));if(this.typed=(this.typed+i.key).slice(-2),r>=t&&r<=s)this.setShown(e,r);else{this.typed=i.key;const r=Number(i.key);r>=t&&r<=s&&this.setShown(e,r)}return 2===this.typed.length&&(this.typed=""),void i.preventDefault()}return}this.setShown(e,s)}this.typed="",i.preventDefault()};confirm=()=>{const e=`${f(this.hour)}:${f(this.minute)}`;this.value=e,this.bsChange.emit({value:e})};cancel=()=>{this.resetDraft(),this.bsCancel.emit()};renderColumn(e,i){const[t,s]=this.bounds(e),a=this.shown(e),c=e=>`${e} ${i.toLowerCase()}`;return r("div",{part:"spinner",class:"bs-timepicker__spinner"},r("button",{part:"step",type:"button",class:"bs-timepicker__step","aria-label":c(this.increaseLabel),tabindex:-1,onClick:()=>this.stepBy(e,1)},r("svg",{viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},r("path",{d:"M18 15L12 9L6 15",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),r("div",{part:"value",class:"bs-timepicker__value",role:"spinbutton",tabindex:0,"aria-label":i,"aria-valuemin":t,"aria-valuemax":s,"aria-valuenow":a,"aria-valuetext":f(a),onKeyDown:this.onKeyDown(e),onBlur:()=>this.typed=""},f(a)),r("button",{part:"step",type:"button",class:"bs-timepicker__step","aria-label":c(this.decreaseLabel),tabindex:-1,onClick:()=>this.stepBy(e,-1)},r("svg",{viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},r("path",{d:"M6 9L12 15L18 9",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))))}render(){return r("bs-card",{key:"fdbf8e19525a53d43094d1b2115c232fb0ea9500",part:"container",class:"bs-timepicker",surface:"raised"},r("div",{key:"a2b9aa1ce9529d3f52fd45f4ca5af02582930a15",class:"bs-timepicker__body"},r("div",{key:"c59f6c9fdec3a1f9ffb81aa7e5bac9421dadcd35",part:"header",class:"bs-timepicker__header"},r("div",{key:"2825b6a11f97a7186eb6340faa816b0b6d8be28a",part:"title",class:"bs-timepicker__title"},this.heading),r("label",{key:"4f6dc3e9768f0396b3e59943496a9d9443a8501c",class:"bs-timepicker__format"},r("span",{key:"b94eccc6949019c78b98051a8eba3d41a4546cf1"},this.formatLabel),r("bs-switch",{key:"6a2d43b1b37472720d5ca1f84951dc908b37689e",part:"format-toggle",size:"md",ariaLabel:this.formatLabel,checked:!this.is12h,onBsChange:e=>this.format=e.detail?"24h":"12h"}))),r("div",{key:"01efb69cc03be59785b36df9fccf4452a1894225",class:"bs-timepicker__divider"}),r("div",{key:"ead194685c2ae0976d4f134ad0231208e3fab1ea",part:"selector",class:"bs-timepicker__selector"},this.renderColumn("hour",this.hourLabel),r("div",{key:"0250edfefe27363208489c147026462edbf7648a",part:"separator",class:"bs-timepicker__separator","aria-hidden":"true"},r("svg",{key:"e79c68f3dd11a3ee9edd5d18ebd9065e4019f029",viewBox:"0 0 4 32",fill:"currentColor"},r("circle",{key:"b0fcd6e48bddfbf722c0aa6356be05665258cda6",cx:"2",cy:"10",r:"2"}),r("circle",{key:"892630f5f5a51aa48f97d8a7c86791aef6bd2ba2",cx:"2",cy:"22",r:"2"}))),this.renderColumn("minute",this.minuteLabel),this.is12h&&r("bs-input",{key:"502e6bebb0f241b3800b699efbb8cdbcf671597d",part:"period",class:"bs-timepicker__period",type:"dropdown",label:this.periodLabel,value:this.isPm?"PM":"AM",options:[{label:"AM",value:"AM"},{label:"PM",value:"PM"}],onBsChange:e=>{"PM"===e.detail!==this.isPm&&(this.hour=(this.hour+12)%24)}})),r("div",{key:"ed95958ca424696e252fe90eab8855d0bdffd89c",class:"bs-timepicker__divider"}),r("div",{key:"77c404d4617a5ee6f669a2ffba63fa5729f98cf5",part:"footer",class:"bs-timepicker__footer"},r("bs-button",{key:"fbeb76d30f1eea912b3e37def67f8058b74626a7",part:"cancel",variant:"subtle",onClick:this.cancel},this.cancelLabel),r("bs-button",{key:"1baf37a0708379ef23951f76765d048087d3083b",part:"confirm",variant:"primary",onClick:this.confirm},this.confirmLabel))))}static get formAssociated(){return!0}static get watchers(){return{value:[{onValueChange:0}],name:[{onNameChange:0}]}}static get style(){return":host{display:inline-block;--bs-timepicker-width:294px;--bs-timepicker-bg:var(--bs-paper-bg-raised);--bs-timepicker-radius:var(--bs-border-radius-100);--bs-timepicker-padding-y:var(--bs-spacing-200);--bs-timepicker-padding-x:var(--bs-spacing-200);--bs-timepicker-gap:var(--bs-spacing-200);--bs-timepicker-shadow:var(--bs-shadow-md);--bs-timepicker-title-size:var(--bs-font-size-2xl);--bs-timepicker-title-line-height:var(--bs-line-height-heading-h6);--bs-timepicker-color:var(--bs-text-default);--bs-timepicker-color-secondary:var(--bs-text-secondary);--bs-timepicker-divider:var(--bs-border-neutral-container);--bs-timepicker-cell-size:var(--bs-spacing-550);--bs-timepicker-cell-radius:var(--bs-border-radius-100);--bs-timepicker-value-radius:var(--bs-border-radius-50);--bs-timepicker-hover:var(--bs-surface-hover);--bs-timepicker-pressed:var(--bs-surface-pressed);--bs-timepicker-focus-ring-color:var(--bs-border-neutral-container-focused)}.bs-timepicker{width:var(--bs-timepicker-width);max-width:100%;color:var(--bs-timepicker-color);font-size:var(--bs-font-size-md);--bs-card-bg:var(--bs-timepicker-bg);--bs-card-radius:var(--bs-timepicker-radius);--bs-card-padding:var(--bs-timepicker-padding-y) 0;--bs-card-shadow:var(--bs-timepicker-shadow);--bs-card-overflow:visible}.bs-timepicker__body{display:flex;flex-direction:column;gap:var(--bs-timepicker-gap)}.bs-timepicker__header{display:flex;align-items:center;gap:var(--bs-spacing-100);padding:0 var(--bs-timepicker-padding-x)}.bs-timepicker__title{flex:1 1 0;min-width:0;font-size:var(--bs-timepicker-title-size);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-timepicker-title-line-height) * 1px)}.bs-timepicker__format{display:flex;align-items:center;gap:var(--bs-spacing-50);color:var(--bs-timepicker-color-secondary);line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-timepicker__divider{height:1px;background:var(--bs-timepicker-divider)}.bs-timepicker__selector{display:flex;align-items:center;justify-content:center;gap:var(--bs-spacing-200);padding:0 var(--bs-timepicker-padding-x)}.bs-timepicker__spinner{display:flex;flex-direction:column;align-items:center;gap:var(--bs-spacing-100);width:var(--bs-timepicker-cell-size)}.bs-timepicker__step,.bs-timepicker__value{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-timepicker-cell-size);height:var(--bs-timepicker-cell-size);padding:0;border:none;background:transparent;font-family:inherit}.bs-timepicker__step{border-radius:var(--bs-timepicker-cell-radius);color:var(--bs-timepicker-color-secondary);cursor:pointer}.bs-timepicker__step svg{width:24px;height:24px}.bs-timepicker__value{border-radius:var(--bs-timepicker-value-radius);color:var(--bs-timepicker-color);font-size:var(--bs-timepicker-title-size);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-timepicker-title-line-height) * 1px);font-variant-numeric:tabular-nums;cursor:pointer;user-select:none}.bs-timepicker__step:hover,.bs-timepicker__value:hover{background:var(--bs-timepicker-hover)}.bs-timepicker__step:active,.bs-timepicker__value:active{background:var(--bs-timepicker-pressed)}.bs-timepicker__step:focus-visible,.bs-timepicker__value:focus-visible{outline:2px solid var(--bs-timepicker-focus-ring-color);outline-offset:0}.bs-timepicker__separator{display:flex;align-items:center;color:var(--bs-timepicker-color)}.bs-timepicker__separator svg{width:4px;height:32px}.bs-timepicker__period::part(label){position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bs-timepicker__period{width:112px}.bs-timepicker__period::part(control){caret-color:transparent;cursor:pointer;text-overflow:clip}.bs-timepicker__footer{display:flex;align-items:flex-start;justify-content:flex-end;gap:var(--bs-spacing-100);padding:0 var(--bs-timepicker-padding-x)}"}},[577,"bs-timepicker",{name:[513],value:[1537],format:[1537],minuteStep:[2,"minute-step"],heading:[1],formatLabel:[1,"format-label"],confirmLabel:[1,"confirm-label"],cancelLabel:[1,"cancel-label"],increaseLabel:[1,"increase-label"],decreaseLabel:[1,"decrease-label"],hourLabel:[1,"hour-label"],minuteLabel:[1,"minute-label"],periodLabel:[1,"period-label"],hour:[32],minute:[32]},void 0,{value:[{onValueChange:0}],name:[{onNameChange:0}]}]);function f(e){return(e+"").padStart(2,"0")}function k(){"undefined"!=typeof customElements&&["bs-timepicker","bs-button","bs-card","bs-chip-informative","bs-icon-button","bs-input","bs-menu","bs-menu-item","bs-ripple","bs-spinner","bs-switch"].forEach((i=>{switch(i){case"bs-timepicker":customElements.get(e(i))||customElements.define(e(i),u);break;case"bs-button":customElements.get(e(i))||a();break;case"bs-card":customElements.get(e(i))||c();break;case"bs-chip-informative":customElements.get(e(i))||n();break;case"bs-icon-button":customElements.get(e(i))||o();break;case"bs-input":customElements.get(e(i))||b();break;case"bs-menu":customElements.get(e(i))||l();break;case"bs-menu-item":customElements.get(e(i))||p();break;case"bs-ripple":customElements.get(e(i))||d();break;case"bs-spinner":customElements.get(e(i))||m();break;case"bs-switch":customElements.get(e(i))||h()}}))}k();const v=u,g=k;export{v as BsTimepicker,g as defineCustomElement}
|
|
1
|
+
import{t as e,p as i,H as t,c as s,h as r}from"./p-CcAX4o5o.js";import{d as a}from"./p-wscU7FUD.js";import{d as c}from"./p-mxDA3wKn.js";import{d as n}from"./p-_zxYDrzi.js";import{d as o}from"./p-wd9-vGpQ.js";import{d as b}from"./p-B5yjDh8h.js";import{d as l}from"./p-CxNNy2m6.js";import{d as p}from"./p-BR7C-aKy.js";import{d}from"./p-DaKBSL2O.js";import{d as m}from"./p-D4W5LcEW.js";import{d as h}from"./p-DARbgzSz.js";const u=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsChange=s(this,"bsChange"),this.bsCancel=s(this,"bsCancel"),this.internals=this.attachInternals()}get el(){return this}internals;initialValue="";typed="";name;value="";format="12h";minuteStep=1;heading="Select Time";formatLabel="24h";confirmLabel="Confirm";cancelLabel="Cancel";increaseLabel="Increase";decreaseLabel="Decrease";hourLabel="Hour";minuteLabel="Minute";periodLabel="AM/PM";bsChange;bsCancel;hour=0;minute=0;componentWillLoad(){this.initialValue=this.value,this.resetDraft(),this.syncFormValue()}onValueChange(){this.resetDraft(),this.syncFormValue()}onNameChange(){this.syncFormValue()}formResetCallback(){this.value=this.initialValue}resetDraft(){const e=function(e){const i=/^(\d{1,2}):(\d{2})$/.exec((e??"").trim());if(!i)return;const t=Number(i[1]),s=Number(i[2]);return t<=23&&s<=59?{hour:t,minute:s}:void 0}(this.value);this.hour=e?e.hour:0,this.minute=e?e.minute:0}syncFormValue(){this.internals?.setFormValue&&this.internals.setFormValue(this.value??"")}get step(){const e=Math.trunc(Number(this.minuteStep));return Number.isFinite(e)&&e>=1&&e<=59?e:1}get is12h(){return"24h"!==this.format}get isPm(){return this.hour>=12}shown(e){return"minute"===e?this.minute:this.is12h?this.hour%12||12:this.hour}bounds(e){return"minute"===e?[0,59]:this.is12h?[1,12]:[0,23]}setShown(e,i){"minute"===e?this.minute=i:this.hour=this.is12h?i%12+(this.isPm?12:0):i}stepBy(e,i){const[t,s]=this.bounds(e),r=s-t+1,a="minute"===e?this.step:1;let c=this.shown(e)+i*a;if("minute"===e){const t=this.shown(e);c=1===i?Math.floor(t/a)*a+a:Math.ceil(t/a)*a-a}this.setShown(e,((c-t)%r+r)%r+t)}onKeyDown=e=>i=>{const[t,s]=this.bounds(e);if("ArrowUp"===i.key)this.stepBy(e,1);else if("ArrowDown"===i.key)this.stepBy(e,-1);else if("Home"===i.key)this.setShown(e,t);else{if("End"!==i.key){if(/^\d$/.test(i.key)){const r=Number((this.typed+i.key).slice(-2));if(this.typed=(this.typed+i.key).slice(-2),r>=t&&r<=s)this.setShown(e,r);else{this.typed=i.key;const r=Number(i.key);r>=t&&r<=s&&this.setShown(e,r)}return 2===this.typed.length&&(this.typed=""),void i.preventDefault()}return}this.setShown(e,s)}this.typed="",i.preventDefault()};confirm=()=>{const e=`${f(this.hour)}:${f(this.minute)}`;this.value=e,this.bsChange.emit({value:e})};cancel=()=>{this.resetDraft(),this.bsCancel.emit()};renderColumn(e,i){const[t,s]=this.bounds(e),a=this.shown(e),c=e=>`${e} ${i.toLowerCase()}`;return r("div",{part:"spinner",class:"bs-timepicker__spinner"},r("button",{part:"step",type:"button",class:"bs-timepicker__step","aria-label":c(this.increaseLabel),tabindex:-1,onClick:()=>this.stepBy(e,1)},r("svg",{viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},r("path",{d:"M18 15L12 9L6 15",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),r("div",{part:"value",class:"bs-timepicker__value",role:"spinbutton",tabindex:0,"aria-label":i,"aria-valuemin":t,"aria-valuemax":s,"aria-valuenow":a,"aria-valuetext":f(a),onKeyDown:this.onKeyDown(e),onBlur:()=>this.typed=""},f(a)),r("button",{part:"step",type:"button",class:"bs-timepicker__step","aria-label":c(this.decreaseLabel),tabindex:-1,onClick:()=>this.stepBy(e,-1)},r("svg",{viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},r("path",{d:"M6 9L12 15L18 9",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))))}render(){return r("bs-card",{key:"fdbf8e19525a53d43094d1b2115c232fb0ea9500",part:"container",class:"bs-timepicker",surface:"raised"},r("div",{key:"a2b9aa1ce9529d3f52fd45f4ca5af02582930a15",class:"bs-timepicker__body"},r("div",{key:"c59f6c9fdec3a1f9ffb81aa7e5bac9421dadcd35",part:"header",class:"bs-timepicker__header"},r("div",{key:"2825b6a11f97a7186eb6340faa816b0b6d8be28a",part:"title",class:"bs-timepicker__title"},this.heading),r("label",{key:"4f6dc3e9768f0396b3e59943496a9d9443a8501c",class:"bs-timepicker__format"},r("span",{key:"b94eccc6949019c78b98051a8eba3d41a4546cf1"},this.formatLabel),r("bs-switch",{key:"6a2d43b1b37472720d5ca1f84951dc908b37689e",part:"format-toggle",size:"md",ariaLabel:this.formatLabel,checked:!this.is12h,onBsChange:e=>this.format=e.detail?"24h":"12h"}))),r("div",{key:"01efb69cc03be59785b36df9fccf4452a1894225",class:"bs-timepicker__divider"}),r("div",{key:"ead194685c2ae0976d4f134ad0231208e3fab1ea",part:"selector",class:"bs-timepicker__selector"},this.renderColumn("hour",this.hourLabel),r("div",{key:"0250edfefe27363208489c147026462edbf7648a",part:"separator",class:"bs-timepicker__separator","aria-hidden":"true"},r("svg",{key:"e79c68f3dd11a3ee9edd5d18ebd9065e4019f029",viewBox:"0 0 4 32",fill:"currentColor"},r("circle",{key:"b0fcd6e48bddfbf722c0aa6356be05665258cda6",cx:"2",cy:"10",r:"2"}),r("circle",{key:"892630f5f5a51aa48f97d8a7c86791aef6bd2ba2",cx:"2",cy:"22",r:"2"}))),this.renderColumn("minute",this.minuteLabel),this.is12h&&r("bs-input",{key:"502e6bebb0f241b3800b699efbb8cdbcf671597d",part:"period",class:"bs-timepicker__period",type:"dropdown",label:this.periodLabel,value:this.isPm?"PM":"AM",options:[{label:"AM",value:"AM"},{label:"PM",value:"PM"}],onBsChange:e=>{"PM"===e.detail!==this.isPm&&(this.hour=(this.hour+12)%24)}})),r("div",{key:"ed95958ca424696e252fe90eab8855d0bdffd89c",class:"bs-timepicker__divider"}),r("div",{key:"77c404d4617a5ee6f669a2ffba63fa5729f98cf5",part:"footer",class:"bs-timepicker__footer"},r("bs-button",{key:"fbeb76d30f1eea912b3e37def67f8058b74626a7",part:"cancel",variant:"subtle",onClick:this.cancel},this.cancelLabel),r("bs-button",{key:"1baf37a0708379ef23951f76765d048087d3083b",part:"confirm",variant:"primary",onClick:this.confirm},this.confirmLabel))))}static get formAssociated(){return!0}static get watchers(){return{value:[{onValueChange:0}],name:[{onNameChange:0}]}}static get style(){return":host{display:inline-block;--bs-timepicker-width:294px;--bs-timepicker-bg:var(--bs-paper-bg-raised);--bs-timepicker-radius:var(--bs-border-radius-100);--bs-timepicker-padding-y:var(--bs-spacing-200);--bs-timepicker-padding-x:var(--bs-spacing-200);--bs-timepicker-gap:var(--bs-spacing-200);--bs-timepicker-shadow:var(--bs-shadow-md);--bs-timepicker-title-size:var(--bs-font-size-2xl);--bs-timepicker-title-line-height:var(--bs-line-height-heading-h6);--bs-timepicker-color:var(--bs-text-default);--bs-timepicker-color-secondary:var(--bs-text-secondary);--bs-timepicker-divider:var(--bs-border-neutral-container);--bs-timepicker-cell-size:var(--bs-spacing-550);--bs-timepicker-cell-radius:var(--bs-border-radius-100);--bs-timepicker-value-radius:var(--bs-border-radius-50);--bs-timepicker-hover:var(--bs-surface-hover);--bs-timepicker-pressed:var(--bs-surface-pressed);--bs-timepicker-focus-ring-color:var(--bs-border-neutral-container-focused)}.bs-timepicker{width:var(--bs-timepicker-width);max-width:100%;color:var(--bs-timepicker-color);font-size:var(--bs-font-size-md);--bs-card-bg:var(--bs-timepicker-bg);--bs-card-radius:var(--bs-timepicker-radius);--bs-card-padding:var(--bs-timepicker-padding-y) 0;--bs-card-shadow:var(--bs-timepicker-shadow);--bs-card-overflow:visible}.bs-timepicker__body{display:flex;flex-direction:column;gap:var(--bs-timepicker-gap)}.bs-timepicker__header{display:flex;align-items:center;gap:var(--bs-spacing-100);padding:0 var(--bs-timepicker-padding-x)}.bs-timepicker__title{flex:1 1 0;min-width:0;font-size:var(--bs-timepicker-title-size);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-timepicker-title-line-height) * 1px)}.bs-timepicker__format{display:flex;align-items:center;gap:var(--bs-spacing-50);color:var(--bs-timepicker-color-secondary);line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-timepicker__divider{height:1px;background:var(--bs-timepicker-divider)}.bs-timepicker__selector{display:flex;align-items:center;justify-content:center;gap:var(--bs-spacing-200);padding:0 var(--bs-timepicker-padding-x)}.bs-timepicker__spinner{display:flex;flex-direction:column;align-items:center;gap:var(--bs-spacing-100);width:var(--bs-timepicker-cell-size)}.bs-timepicker__step,.bs-timepicker__value{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-timepicker-cell-size);height:var(--bs-timepicker-cell-size);padding:0;border:none;background:transparent;font-family:inherit}.bs-timepicker__step{border-radius:var(--bs-timepicker-cell-radius);color:var(--bs-timepicker-color-secondary);cursor:pointer}.bs-timepicker__step svg{width:24px;height:24px}.bs-timepicker__value{border-radius:var(--bs-timepicker-value-radius);color:var(--bs-timepicker-color);font-size:var(--bs-timepicker-title-size);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-timepicker-title-line-height) * 1px);font-variant-numeric:tabular-nums;cursor:pointer;user-select:none}.bs-timepicker__step:hover,.bs-timepicker__value:hover{background:var(--bs-timepicker-hover)}.bs-timepicker__step:active,.bs-timepicker__value:active{background:var(--bs-timepicker-pressed)}.bs-timepicker__step:focus-visible,.bs-timepicker__value:focus-visible{outline:2px solid var(--bs-timepicker-focus-ring-color);outline-offset:0}.bs-timepicker__separator{display:flex;align-items:center;color:var(--bs-timepicker-color)}.bs-timepicker__separator svg{width:4px;height:32px}.bs-timepicker__period::part(label){position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bs-timepicker__period{width:112px}.bs-timepicker__period::part(control){caret-color:transparent;cursor:pointer;text-overflow:clip}.bs-timepicker__footer{display:flex;align-items:flex-start;justify-content:flex-end;gap:var(--bs-spacing-100);padding:0 var(--bs-timepicker-padding-x)}"}},[577,"bs-timepicker",{name:[513],value:[1537],format:[1537],minuteStep:[2,"minute-step"],heading:[1],formatLabel:[1,"format-label"],confirmLabel:[1,"confirm-label"],cancelLabel:[1,"cancel-label"],increaseLabel:[1,"increase-label"],decreaseLabel:[1,"decrease-label"],hourLabel:[1,"hour-label"],minuteLabel:[1,"minute-label"],periodLabel:[1,"period-label"],hour:[32],minute:[32]},void 0,{value:[{onValueChange:0}],name:[{onNameChange:0}]}]);function f(e){return(e+"").padStart(2,"0")}function k(){"undefined"!=typeof customElements&&["bs-timepicker","bs-button","bs-card","bs-chip-informative","bs-icon-button","bs-input","bs-menu","bs-menu-item","bs-ripple","bs-spinner","bs-switch"].forEach((i=>{switch(i){case"bs-timepicker":customElements.get(e(i))||customElements.define(e(i),u);break;case"bs-button":customElements.get(e(i))||a();break;case"bs-card":customElements.get(e(i))||c();break;case"bs-chip-informative":customElements.get(e(i))||n();break;case"bs-icon-button":customElements.get(e(i))||o();break;case"bs-input":customElements.get(e(i))||b();break;case"bs-menu":customElements.get(e(i))||l();break;case"bs-menu-item":customElements.get(e(i))||p();break;case"bs-ripple":customElements.get(e(i))||d();break;case"bs-spinner":customElements.get(e(i))||m();break;case"bs-switch":customElements.get(e(i))||h()}}))}k();const v=u,g=k;export{v as BsTimepicker,g as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as o,H as e,h as s}from"./p-CcAX4o5o.js";import{d as r}from"./p-wd9-vGpQ.js";import{d as i}from"./p-CxNNy2m6.js";import{d as a}from"./p-BR7C-aKy.js";import{d as n}from"./p-
|
|
1
|
+
import{t,p as o,H as e,h as s}from"./p-CcAX4o5o.js";import{d as r}from"./p-wd9-vGpQ.js";import{d as i}from"./p-CxNNy2m6.js";import{d as a}from"./p-BR7C-aKy.js";import{d as n}from"./p-B81aicKA.js";import{d as l}from"./p-DaKBSL2O.js";const b="data-bs-toolbar-overflowed",c=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return this}label;orientation="horizontal";overflow=!1;overflowLabel="More actions";overflowed=[];activeEl;resizeObserver;containerEl;triggerEl;popoverEl;componentDidLoad(){this.syncItems(),this.observe()}disconnectedCallback(){this.resizeObserver?.disconnect(),this.resizeObserver=void 0}connectedCallback(){this.containerEl&&this.observe()}onConfigChange(){this.syncItems(),this.observe()}observe(){this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.overflowActive()&&"undefined"!=typeof ResizeObserver&&this.containerEl&&(this.resizeObserver=new ResizeObserver((()=>this.syncItems())),this.resizeObserver.observe(this.containerEl))}overflowActive(){return this.overflow&&"horizontal"===this.orientation}children(){return Array.from(this.el.shadowRoot?.querySelectorAll("slot")??[]).flatMap((t=>t.assignedElements({flatten:!0})))}isDivider(t){return"BS-DIVIDER"===t.tagName}navigable(){const t=this.children().filter((t=>!(this.isDivider(t)||t.disabled||"true"===t.getAttribute("aria-disabled")||t.hasAttribute(b)||t.hidden)));return this.triggerEl&&this.overflowed.length>0&&t.push(this.triggerEl),t}labelOf(t){return(t.dataset.label||t.getAttribute("aria-label")||t.textContent?.trim()||t.getAttribute("title")||"").trim()}syncItems=()=>{const t="horizontal"===this.orientation?"vertical":"horizontal";this.children().forEach((o=>{this.isDivider(o)&&(o.orientation=t)})),this.updateOverflow(),this.syncRoving()};updateOverflow(){const t=this.children();if(t.forEach((t=>t.removeAttribute(b))),!this.overflowActive()||!this.containerEl)return void(this.overflowed.length&&(this.overflowed=[]));const o=this.containerEl;this.popoverEl&&(this.popoverEl.hidden=!1);const e=[];for(let s=t.length-1;s>=0&&o.scrollWidth>o.clientWidth+.5;s--)t[s].setAttribute(b,""),this.isDivider(t[s])||e.unshift(t[s]);for(let o=t.length-1;o>=0;o--)if(!t[o].hasAttribute(b)){if(!this.isDivider(t[o])||!e.length)break;t[o].setAttribute(b,"")}this.popoverEl&&(this.popoverEl.hidden=0===e.length);const s=e.map((t=>({el:t,label:this.labelOf(t)})));s.length===this.overflowed.length&&s.every(((t,o)=>t.el===this.overflowed[o].el&&t.label===this.overflowed[o].label))||(this.overflowed=s)}syncRoving(){const t=this.navigable(),o=[...this.children().filter((t=>!this.isDivider(t))),...this.triggerEl?[this.triggerEl]:[]];this.activeEl&&t.includes(this.activeEl)||(this.activeEl=t[0]),o.forEach((t=>t.setAttribute("tabindex",t===this.activeEl?"0":"-1")))}componentDidRender(){this.syncRoving()}onFocusIn(t){const o=t.composedPath(),e=this.navigable().find((t=>o.includes(t)));e&&e!==this.activeEl&&(this.activeEl=e,this.syncRoving())}onKeyDown(t){const o="vertical"===this.orientation,e="rtl"===getComputedStyle(this.el).direction,s=o?"ArrowUp":e?"ArrowRight":"ArrowLeft",r=o?"ArrowDown":e?"ArrowLeft":"ArrowRight";if(![s,r,"Home","End"].includes(t.key))return;if(this.popoverEl?.open)return;const i=this.navigable(),a=t.composedPath(),n=i.findIndex((t=>a.includes(t)));if(-1===n)return;const l=a[0];if(l?.matches?.('input:not([type="button"]):not([type="checkbox"]):not([type="radio"]), textarea, select')&&"Home"!==t.key&&"End"!==t.key)return;t.preventDefault();let b=n;b=t.key===r?(n+1)%i.length:t.key===s?(n-1+i.length)%i.length:"Home"===t.key?0:i.length-1,this.activeEl=i[b],this.syncRoving(),i[b].focus()}activate(t){this.popoverEl&&(this.popoverEl.open=!1);const o=t.el.shadowRoot?.querySelector("button, a");(o??t.el).click()}render(){const t=this.overflowActive();return s("div",{key:"93257f14c9265acd97ba79c3f0fb194ed5d6a9c1",part:"container",role:"toolbar","aria-label":this.label,"aria-orientation":this.orientation,class:"bs-toolbar bs-toolbar--"+this.orientation,ref:t=>this.containerEl=t},s("div",{key:"c7354cad6a03fb6f2fa844a37212612111619451",part:"left",class:"bs-toolbar__group bs-toolbar__group--left"},s("slot",{key:"f5c27b8a5e4402c1d2e29435b9037980cac485e7",name:"left",onSlotchange:this.syncItems})),s("div",{key:"22e411c3e07a31a5227fcc4acbb6ab86d7a26969",part:"right",class:"bs-toolbar__group bs-toolbar__group--right"},s("slot",{key:"c5233aab6977a57022bd98cb3f439808680997db",name:"right",onSlotchange:this.syncItems})),t&&s("bs-popover",{key:"0f2e2537a2a1ec1d5617bb149a57f4ecba5b4943",part:"overflow",class:"bs-toolbar__overflow",placement:"bottom-end",hidden:0===this.overflowed.length,ref:t=>this.popoverEl=t},s("bs-icon-button",{key:"5fc3dd6a5e2022a1fb6e550fd24ac5c37eab4ba0",slot:"trigger",variant:"subtle",size:"md",ariaLabel:this.overflowLabel,title:this.overflowLabel,ref:t=>this.triggerEl=t},s(h,{key:"860ac10129d78cf94554c8a21a98dd02aec17372"})),s("bs-menu",{key:"29900699fb44356d6d0e3ff2b8f2bebb3c14395f"},this.overflowed.map((t=>s("bs-menu-item",{onBsSelect:()=>this.activate(t)},t.label))))))}static get watchers(){return{orientation:[{onConfigChange:0}],overflow:[{onConfigChange:0}]}}static get style(){return":host{display:block;--bs-toolbar-bg:var(--bs-surface-base);--bs-toolbar-padding:var(--bs-spacing-100);--bs-toolbar-gap:var(--bs-spacing-100);--bs-toolbar-radius:var(--bs-border-radius-100);--bs-toolbar-border-width:0px;--bs-toolbar-border-color:var(--bs-border-default)}:host([orientation='vertical']){display:inline-block}.bs-toolbar{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-toolbar-gap);width:100%;min-width:0;padding:var(--bs-toolbar-padding);border:var(--bs-toolbar-border-width) solid var(--bs-toolbar-border-color);border-radius:var(--bs-toolbar-radius);background:var(--bs-toolbar-bg);color:var(--bs-text-default);font-family:inherit}.bs-toolbar--vertical{flex-direction:column;align-items:stretch;width:auto}.bs-toolbar__group{display:flex;align-items:center;gap:var(--bs-toolbar-gap);flex-shrink:0}.bs-toolbar--vertical .bs-toolbar__group{flex-direction:column;align-items:stretch}.bs-toolbar__group--right{margin-inline-start:auto}.bs-toolbar--vertical .bs-toolbar__group--right{margin-inline-start:0;margin-block-start:auto}::slotted([data-bs-toolbar-overflowed]){display:none !important}.bs-toolbar__overflow{flex-shrink:0}.bs-toolbar__overflow[hidden]{display:none}@media (forced-colors: active){.bs-toolbar{border:1px solid CanvasText}}"}},[769,"bs-toolbar",{label:[1],orientation:[513],overflow:[516],overflowLabel:[1,"overflow-label"],overflowed:[32]},[[0,"focusin","onFocusIn"],[0,"keydown","onKeyDown"]],{orientation:[{onConfigChange:0}],overflow:[{onConfigChange:0}]}]),h=()=>s("svg",{viewBox:"0 0 24 24",width:"24",height:"24",fill:"currentColor","aria-hidden":"true"},s("circle",{cx:"5",cy:"12",r:"1.75"}),s("circle",{cx:"12",cy:"12",r:"1.75"}),s("circle",{cx:"19",cy:"12",r:"1.75"}));function d(){"undefined"!=typeof customElements&&["bs-toolbar","bs-icon-button","bs-menu","bs-menu-item","bs-popover","bs-ripple"].forEach((o=>{switch(o){case"bs-toolbar":customElements.get(t(o))||customElements.define(t(o),c);break;case"bs-icon-button":customElements.get(t(o))||r();break;case"bs-menu":customElements.get(t(o))||i();break;case"bs-menu-item":customElements.get(t(o))||a();break;case"bs-popover":customElements.get(t(o))||n();break;case"bs-ripple":customElements.get(t(o))||l()}}))}d();const f=c,p=d;export{f as BsToolbar,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as
|
|
1
|
+
import{B as o,d as s}from"./p-C3YETziz.js";const p=o,r=s;export{p as BsWhatsNewEntry,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as s,p as e,H as t,c as n,h as a}from"./p-CcAX4o5o.js";import{d as i}from"./p-wscU7FUD.js";import{d as r}from"./p-mxDA3wKn.js";import{d as o}from"./p-CePOtLtZ.js";import{d as l}from"./p-wd9-vGpQ.js";import{d as b}from"./p-DaKBSL2O.js";import{d as c}from"./p-Cso2DKAz.js";import{d as h}from"./p-DO4sVZCh.js";import{d}from"./p-DYpJMHAH.js";const p=e(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsMarkAllRead=n(this,"bsMarkAllRead"),this.bsEntryAction=n(this,"bsEntryAction"),this.bsFilterChange=n(this,"bsFilterChange"),this.bsClose=n(this,"bsClose"),this.bsPrimary=n(this,"bsPrimary"),this.bsSecondary=n(this,"bsSecondary"),this.bsOpen=n(this,"bsOpen")}type="feed";heading;headingLevel=2;closable=!1;closeLabel="Close";entries=[];filters=[{value:"all",label:"All"},{value:"features",label:"New Features"},{value:"improvements",label:"Improvements"},{value:"fixes",label:"Fixes"}];filter="all";markAllReadLabel="Mark all as read";releaseNotesLabel="See all release notes";releaseNotesUrl;emptyLabel="Nothing new here yet.";tag;tagColor="info";image;points=[];step=1;total=0;stepLabel="{step} of {total}";secondaryLabel="Remind me later";primaryLabel="Next";date;description;actionLabel="Open What’s new";bsMarkAllRead;bsEntryAction;bsFilterChange;bsClose;bsPrimary;bsSecondary;bsOpen;hasHeroSlot=!1;heading_(s,e=""){const t=Math.min(6,Math.max(1,Math.trunc(Number(this.headingLevel))||2));return a("h"+t,{part:"heading",id:"heading",class:{"bs-wn__heading":!0,[e]:!!e}},s)}renderClose(s=!1){return this.closable?a("bs-icon-button",{part:"close",class:{"bs-wn__close":!0,"bs-wn__close--compact":s},variant:"subtle",size:"md",ariaLabel:this.closeLabel,onClick:()=>this.bsClose.emit()},a("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","aria-hidden":"true"},a("path",{d:"M6 6L18 18M18 6L6 18"}))):null}renderTag(){return this.tag?a("bs-chip-informative",{part:"tag",size:"sm",color:this.tagColor},this.tag):null}renderFeed(){const s=this.entries??[],e="all"===this.filter?s:s.filter((s=>s.category===this.filter)),t=s.some((s=>s.unread)),n=this.filters??[];return a("bs-card",{part:"container",class:"bs-wn bs-wn--feed",surface:"base",role:"region","aria-labelledby":"heading"},a("div",{class:"bs-wn__feed"},a("div",{class:"bs-wn__head"},this.heading_(this.heading??"What’s new"),a("span",{class:"bs-wn__spacer"}),t&&a("bs-button",{part:"mark-all-read",class:"bs-wn__text-button",variant:"subtle",size:"sm",onClick:()=>this.bsMarkAllRead.emit()},this.markAllReadLabel),this.renderClose()),n.length>0&&a("div",{part:"filters",class:"bs-wn__filters"},a("bs-tabs",{value:this.filter,onBsChange:s=>this.onFilter(s.detail.value)},n.map((s=>a("bs-tab",{key:s.value,value:s.value,selected:s.value===this.filter},s.label))))),0===e.length?a("p",{class:"bs-wn__empty"},this.emptyLabel):a("div",{part:"entries",class:"bs-wn__entries"},e.map(((s,t)=>a("bs-whats-new-entry",{key:s.id,part:"entry",tag:s.tag,tagColor:s.tagColor,date:s.date,unread:!!s.unread,heading:s.heading,headingLevel:Math.min(6,(Number(this.headingLevel)||2)+1),description:s.description,actionLabel:s.actionLabel,divider:t<e.length-1||!!this.releaseNotesUrl,onBsAction:()=>this.bsEntryAction.emit({id:s.id})},s.image&&a("img",{slot:"image",src:s.image,alt:""}))))),this.releaseNotesUrl&&a("div",{class:"bs-wn__footer"},a("a",{part:"release-notes",class:"bs-wn__link",href:this.releaseNotesUrl},a("span",{class:"bs-wn__link-text"},this.releaseNotesLabel),a("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("path",{d:"M7 17L17 7"}),a("path",{d:"M8 7H17V16"}))))))}onFilter(s){s!==this.filter&&(this.filter=s,this.bsFilterChange.emit({value:s}))}renderAnnouncement(){const s=this.total>0?this.stepLabel.replace("{step}",this.step+"").replace("{total}",this.total+""):"",e=this.points??[];return a("bs-card",{part:"container",class:"bs-wn bs-wn--announcement",surface:"base",role:"region","aria-labelledby":"heading"},a("div",{class:"bs-wn__announcement"},this.renderClose(),a("div",{part:"hero",class:{"bs-wn__hero":!0,"bs-wn__hero--visible":!!this.image||this.hasHeroSlot}},this.image&&a("img",{src:this.image,alt:""}),a("slot",{name:"hero",onSlotchange:s=>this.hasHeroSlot=s.target.assignedNodes().length>0})),a("div",{class:"bs-wn__body"},this.renderTag(),this.heading_(this.heading??"","bs-wn__heading--lg"),e.length>0&&a("ul",{part:"points",class:"bs-wn__points"},e.map((s=>a("li",null,a("svg",{class:"bs-wn__check",viewBox:"0 0 18 18",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("path",{d:"M3.5 9.5L7 13L14.5 5"})),a("span",null,s))))),a("div",{class:"bs-wn__announcement-footer"},a("span",{part:"step",class:"bs-wn__step"},s),a("div",{class:"bs-wn__actions"},this.secondaryLabel&&a("bs-button",{part:"secondary",class:"bs-wn__text-button bs-wn__text-button--md",variant:"subtle",onClick:()=>this.bsSecondary.emit()},this.secondaryLabel),this.primaryLabel&&a("bs-button",{part:"primary",variant:"primary",onClick:()=>this.bsPrimary.emit()},this.primaryLabel))))))}renderTeaser(){return a("bs-card",{part:"container",class:"bs-wn bs-wn--teaser",surface:"base",role:"region","aria-labelledby":"heading"},a("div",{class:"bs-wn__teaser"},a("div",{class:"bs-wn__teaser-row"},this.renderTag(),this.date&&a("span",{part:"date",class:"bs-wn__date"},this.date),a("span",{class:"bs-wn__spacer"}),this.renderClose(!0)),this.heading_(this.heading??"","bs-wn__heading--sm"),this.description&&a("p",{part:"description",class:"bs-wn__description"},this.description),this.actionLabel&&a("bs-button",{part:"action",class:"bs-wn__text-button bs-wn__link-button",variant:"subtle",size:"sm",onClick:()=>this.bsOpen.emit()},this.actionLabel,a("svg",{slot:"end-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("path",{d:"M5 12H19"}),a("path",{d:"M13 6L19 12L13 18"})))))}render(){switch(this.type){case"announcement":return this.renderAnnouncement();case"teaser":return this.renderTeaser();default:return this.renderFeed()}}static get style(){return":host{display:block;max-width:100%;--bs-whats-new-width:400px;--bs-whats-new-padding:var(--bs-spacing-200);--bs-whats-new-color:var(--bs-text-default);--bs-whats-new-color-secondary:var(--bs-text-secondary);--bs-whats-new-border:var(--bs-border-default);--bs-whats-new-hero-bg:var(--bs-color-primary-container);--bs-whats-new-hero-height:220px;--bs-whats-new-link:var(--bs-text-link);--bs-whats-new-link-underline:var(--bs-border-info);width:var(--bs-whats-new-width)}:host([type='announcement']){--bs-whats-new-width:560px}:host([type='teaser']){--bs-whats-new-width:300px;--bs-whats-new-padding:var(--bs-spacing-150)}.bs-wn--feed{--bs-card-radius:0;--bs-card-padding:var(--bs-whats-new-padding);--bs-card-shadow:0 2px 2px var(--bs-elevation-medium), inset 1px 0 0 var(--bs-whats-new-border)}.bs-wn--announcement{position:relative;--bs-card-radius:var(--bs-border-radius-200);--bs-card-padding:0;--bs-card-shadow:0 2px 4px var(--bs-elevation-medium)}.bs-wn--teaser{--bs-card-radius:var(--bs-border-radius-100);--bs-card-padding:var(--bs-whats-new-padding);--bs-card-shadow:0 4px 4px var(--bs-elevation-high)}.bs-wn{color:var(--bs-whats-new-color)}.bs-wn p,.bs-wn ul,.bs-wn h1,.bs-wn h2,.bs-wn h3,.bs-wn h4,.bs-wn h5,.bs-wn h6{margin:0}.bs-wn__heading{font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-wn__heading--lg{align-self:stretch}.bs-wn__heading--sm{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-semibold);line-height:20px}.bs-wn__spacer{flex:1 1 0}.bs-wn__text-button{--bs-button-subtle-color:var(--bs-text-action);--bs-button-height-sm:var(--bs-spacing-400);--bs-button-padding-x-sm:var(--bs-spacing-150)}.bs-wn__text-button--md{--bs-button-height-md:var(--bs-spacing-550)}.bs-wn__close{flex:none}.bs-wn__close svg{width:20px;height:20px}.bs-wn__close--compact{--bs-icon-button-size-md:24px}.bs-wn__feed{display:flex;flex-direction:column;gap:var(--bs-spacing-100)}.bs-wn__head{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-wn__filters{overflow-x:auto;scrollbar-width:none}.bs-wn__filters::-webkit-scrollbar{display:none}.bs-wn__entries{display:flex;flex-direction:column;padding-top:var(--bs-spacing-200);padding-bottom:var(--bs-spacing-100)}.bs-wn__empty{padding:var(--bs-spacing-300) 0;color:var(--bs-whats-new-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px;text-align:center}.bs-wn__footer{display:flex;align-items:center;padding-top:var(--bs-spacing-150)}.bs-wn__link{display:inline-flex;align-items:center;gap:var(--bs-spacing-25);color:var(--bs-whats-new-link);font-size:var(--bs-font-size-xs);line-height:16px;text-decoration:none}.bs-wn__link-text{border-bottom:1px solid var(--bs-whats-new-link-underline)}.bs-wn__link svg{width:16px;height:16px}.bs-wn__link:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-wn__announcement{display:flex;flex-direction:column}.bs-wn--announcement .bs-wn__close{position:absolute;z-index:1;top:var(--bs-spacing-50);inset-inline-end:var(--bs-spacing-50)}.bs-wn__hero{display:none;height:var(--bs-whats-new-hero-height);background:var(--bs-whats-new-hero-bg);overflow:hidden}.bs-wn__hero--visible{display:block}.bs-wn__hero img,::slotted([slot='hero']){display:block;width:100%;height:100%;object-fit:cover}.bs-wn__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-150);padding:var(--bs-whats-new-padding)}.bs-wn__points{display:flex;flex-direction:column;gap:var(--bs-spacing-150);align-self:stretch;padding:0;list-style:none;font-size:var(--bs-font-size-sm);line-height:20px}.bs-wn__points li{display:flex;align-items:center;gap:var(--bs-spacing-150)}.bs-wn__check{flex:none;width:18px;height:18px;color:var(--bs-icon-action)}.bs-wn__announcement-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100);align-self:stretch;padding-top:var(--bs-spacing-100)}.bs-wn__step{color:var(--bs-whats-new-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px;white-space:nowrap}.bs-wn__actions{display:flex;align-items:center;gap:var(--bs-spacing-100);margin-inline-start:auto}.bs-wn__actions bs-button{--bs-button-height-md:var(--bs-spacing-550)}.bs-wn__teaser{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-75)}.bs-wn__teaser-row{display:flex;align-items:center;gap:var(--bs-spacing-100);align-self:stretch}.bs-wn__date{color:var(--bs-whats-new-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px;white-space:nowrap}.bs-wn__description{color:var(--bs-whats-new-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-wn__link-button{--bs-button-padding-x-label-side:var(--bs-spacing-150);--bs-button-padding-x-icon-side:var(--bs-spacing-100);margin-inline-start:calc(var(--bs-spacing-150) * -1)}.bs-wn__link-button svg{width:20px;height:20px}"}},[769,"bs-whats-new",{type:[513],heading:[1],headingLevel:[2,"heading-level"],closable:[4],closeLabel:[1,"close-label"],entries:[16],filters:[16],filter:[1537],markAllReadLabel:[1,"mark-all-read-label"],releaseNotesLabel:[1,"release-notes-label"],releaseNotesUrl:[1,"release-notes-url"],emptyLabel:[1,"empty-label"],tag:[1],tagColor:[1,"tag-color"],image:[1],points:[16],step:[2],total:[2],stepLabel:[1,"step-label"],secondaryLabel:[1,"secondary-label"],primaryLabel:[1,"primary-label"],date:[1],description:[1],actionLabel:[1,"action-label"],hasHeroSlot:[32]}]);function w(){"undefined"!=typeof customElements&&["bs-whats-new","bs-button","bs-card","bs-chip-informative","bs-icon-button","bs-ripple","bs-tab","bs-tabs","bs-whats-new-entry"].forEach((e=>{switch(e){case"bs-whats-new":customElements.get(s(e))||customElements.define(s(e),p);break;case"bs-button":customElements.get(s(e))||i();break;case"bs-card":customElements.get(s(e))||r();break;case"bs-chip-informative":customElements.get(s(e))||o();break;case"bs-icon-button":customElements.get(s(e))||l();break;case"bs-ripple":customElements.get(s(e))||b();break;case"bs-tab":customElements.get(s(e))||c();break;case"bs-tabs":customElements.get(s(e))||h();break;case"bs-whats-new-entry":customElements.get(s(e))||d()}}))}w();const g=p,_=w;export{g as BsWhatsNew,_ as defineCustomElement}
|
|
1
|
+
import{t as s,p as e,H as t,c as n,h as a}from"./p-CcAX4o5o.js";import{d as i}from"./p-wscU7FUD.js";import{d as r}from"./p-mxDA3wKn.js";import{d as o}from"./p-_zxYDrzi.js";import{d as l}from"./p-wd9-vGpQ.js";import{d as b}from"./p-DaKBSL2O.js";import{d as c}from"./p-Cso2DKAz.js";import{d as h}from"./p-DO4sVZCh.js";import{d}from"./p-C3YETziz.js";const p=e(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsMarkAllRead=n(this,"bsMarkAllRead"),this.bsEntryAction=n(this,"bsEntryAction"),this.bsFilterChange=n(this,"bsFilterChange"),this.bsClose=n(this,"bsClose"),this.bsPrimary=n(this,"bsPrimary"),this.bsSecondary=n(this,"bsSecondary"),this.bsOpen=n(this,"bsOpen")}type="feed";heading;headingLevel=2;closable=!1;closeLabel="Close";entries=[];filters=[{value:"all",label:"All"},{value:"features",label:"New Features"},{value:"improvements",label:"Improvements"},{value:"fixes",label:"Fixes"}];filter="all";markAllReadLabel="Mark all as read";releaseNotesLabel="See all release notes";releaseNotesUrl;emptyLabel="Nothing new here yet.";tag;tagColor="info";image;points=[];step=1;total=0;stepLabel="{step} of {total}";secondaryLabel="Remind me later";primaryLabel="Next";date;description;actionLabel="Open What’s new";bsMarkAllRead;bsEntryAction;bsFilterChange;bsClose;bsPrimary;bsSecondary;bsOpen;hasHeroSlot=!1;heading_(s,e=""){const t=Math.min(6,Math.max(1,Math.trunc(Number(this.headingLevel))||2));return a("h"+t,{part:"heading",id:"heading",class:{"bs-wn__heading":!0,[e]:!!e}},s)}renderClose(s=!1){return this.closable?a("bs-icon-button",{part:"close",class:{"bs-wn__close":!0,"bs-wn__close--compact":s},variant:"subtle",size:"md",ariaLabel:this.closeLabel,onClick:()=>this.bsClose.emit()},a("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","aria-hidden":"true"},a("path",{d:"M6 6L18 18M18 6L6 18"}))):null}renderTag(){return this.tag?a("bs-chip-informative",{part:"tag",size:"sm",color:this.tagColor},this.tag):null}renderFeed(){const s=this.entries??[],e="all"===this.filter?s:s.filter((s=>s.category===this.filter)),t=s.some((s=>s.unread)),n=this.filters??[];return a("bs-card",{part:"container",class:"bs-wn bs-wn--feed",surface:"base",role:"region","aria-labelledby":"heading"},a("div",{class:"bs-wn__feed"},a("div",{class:"bs-wn__head"},this.heading_(this.heading??"What’s new"),a("span",{class:"bs-wn__spacer"}),t&&a("bs-button",{part:"mark-all-read",class:"bs-wn__text-button",variant:"subtle",size:"sm",onClick:()=>this.bsMarkAllRead.emit()},this.markAllReadLabel),this.renderClose()),n.length>0&&a("div",{part:"filters",class:"bs-wn__filters"},a("bs-tabs",{value:this.filter,onBsChange:s=>this.onFilter(s.detail.value)},n.map((s=>a("bs-tab",{key:s.value,value:s.value,selected:s.value===this.filter},s.label))))),0===e.length?a("p",{class:"bs-wn__empty"},this.emptyLabel):a("div",{part:"entries",class:"bs-wn__entries"},e.map(((s,t)=>a("bs-whats-new-entry",{key:s.id,part:"entry",tag:s.tag,tagColor:s.tagColor,date:s.date,unread:!!s.unread,heading:s.heading,headingLevel:Math.min(6,(Number(this.headingLevel)||2)+1),description:s.description,actionLabel:s.actionLabel,divider:t<e.length-1||!!this.releaseNotesUrl,onBsAction:()=>this.bsEntryAction.emit({id:s.id})},s.image&&a("img",{slot:"image",src:s.image,alt:""}))))),this.releaseNotesUrl&&a("div",{class:"bs-wn__footer"},a("a",{part:"release-notes",class:"bs-wn__link",href:this.releaseNotesUrl},a("span",{class:"bs-wn__link-text"},this.releaseNotesLabel),a("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("path",{d:"M7 17L17 7"}),a("path",{d:"M8 7H17V16"}))))))}onFilter(s){s!==this.filter&&(this.filter=s,this.bsFilterChange.emit({value:s}))}renderAnnouncement(){const s=this.total>0?this.stepLabel.replace("{step}",this.step+"").replace("{total}",this.total+""):"",e=this.points??[];return a("bs-card",{part:"container",class:"bs-wn bs-wn--announcement",surface:"base",role:"region","aria-labelledby":"heading"},a("div",{class:"bs-wn__announcement"},this.renderClose(),a("div",{part:"hero",class:{"bs-wn__hero":!0,"bs-wn__hero--visible":!!this.image||this.hasHeroSlot}},this.image&&a("img",{src:this.image,alt:""}),a("slot",{name:"hero",onSlotchange:s=>this.hasHeroSlot=s.target.assignedNodes().length>0})),a("div",{class:"bs-wn__body"},this.renderTag(),this.heading_(this.heading??"","bs-wn__heading--lg"),e.length>0&&a("ul",{part:"points",class:"bs-wn__points"},e.map((s=>a("li",null,a("svg",{class:"bs-wn__check",viewBox:"0 0 18 18",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("path",{d:"M3.5 9.5L7 13L14.5 5"})),a("span",null,s))))),a("div",{class:"bs-wn__announcement-footer"},a("span",{part:"step",class:"bs-wn__step"},s),a("div",{class:"bs-wn__actions"},this.secondaryLabel&&a("bs-button",{part:"secondary",class:"bs-wn__text-button bs-wn__text-button--md",variant:"subtle",onClick:()=>this.bsSecondary.emit()},this.secondaryLabel),this.primaryLabel&&a("bs-button",{part:"primary",variant:"primary",onClick:()=>this.bsPrimary.emit()},this.primaryLabel))))))}renderTeaser(){return a("bs-card",{part:"container",class:"bs-wn bs-wn--teaser",surface:"base",role:"region","aria-labelledby":"heading"},a("div",{class:"bs-wn__teaser"},a("div",{class:"bs-wn__teaser-row"},this.renderTag(),this.date&&a("span",{part:"date",class:"bs-wn__date"},this.date),a("span",{class:"bs-wn__spacer"}),this.renderClose(!0)),this.heading_(this.heading??"","bs-wn__heading--sm"),this.description&&a("p",{part:"description",class:"bs-wn__description"},this.description),this.actionLabel&&a("bs-button",{part:"action",class:"bs-wn__text-button bs-wn__link-button",variant:"subtle",size:"sm",onClick:()=>this.bsOpen.emit()},this.actionLabel,a("svg",{slot:"end-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("path",{d:"M5 12H19"}),a("path",{d:"M13 6L19 12L13 18"})))))}render(){switch(this.type){case"announcement":return this.renderAnnouncement();case"teaser":return this.renderTeaser();default:return this.renderFeed()}}static get style(){return":host{display:block;max-width:100%;--bs-whats-new-width:400px;--bs-whats-new-padding:var(--bs-spacing-200);--bs-whats-new-color:var(--bs-text-default);--bs-whats-new-color-secondary:var(--bs-text-secondary);--bs-whats-new-border:var(--bs-border-default);--bs-whats-new-hero-bg:var(--bs-color-primary-container);--bs-whats-new-hero-height:220px;--bs-whats-new-link:var(--bs-text-link);--bs-whats-new-link-underline:var(--bs-border-info);width:var(--bs-whats-new-width)}:host([type='announcement']){--bs-whats-new-width:560px}:host([type='teaser']){--bs-whats-new-width:300px;--bs-whats-new-padding:var(--bs-spacing-150)}.bs-wn--feed{--bs-card-radius:0;--bs-card-padding:var(--bs-whats-new-padding);--bs-card-shadow:0 2px 2px var(--bs-elevation-medium), inset 1px 0 0 var(--bs-whats-new-border)}.bs-wn--announcement{position:relative;--bs-card-radius:var(--bs-border-radius-200);--bs-card-padding:0;--bs-card-shadow:0 2px 4px var(--bs-elevation-medium)}.bs-wn--teaser{--bs-card-radius:var(--bs-border-radius-100);--bs-card-padding:var(--bs-whats-new-padding);--bs-card-shadow:0 4px 4px var(--bs-elevation-high)}.bs-wn{color:var(--bs-whats-new-color)}.bs-wn p,.bs-wn ul,.bs-wn h1,.bs-wn h2,.bs-wn h3,.bs-wn h4,.bs-wn h5,.bs-wn h6{margin:0}.bs-wn__heading{font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-wn__heading--lg{align-self:stretch}.bs-wn__heading--sm{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-semibold);line-height:20px}.bs-wn__spacer{flex:1 1 0}.bs-wn__text-button{--bs-button-subtle-color:var(--bs-text-action);--bs-button-height-sm:var(--bs-spacing-400);--bs-button-padding-x-sm:var(--bs-spacing-150)}.bs-wn__text-button--md{--bs-button-height-md:var(--bs-spacing-550)}.bs-wn__close{flex:none}.bs-wn__close svg{width:20px;height:20px}.bs-wn__close--compact{--bs-icon-button-size-md:24px}.bs-wn__feed{display:flex;flex-direction:column;gap:var(--bs-spacing-100)}.bs-wn__head{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-wn__filters{overflow-x:auto;scrollbar-width:none}.bs-wn__filters::-webkit-scrollbar{display:none}.bs-wn__entries{display:flex;flex-direction:column;padding-top:var(--bs-spacing-200);padding-bottom:var(--bs-spacing-100)}.bs-wn__empty{padding:var(--bs-spacing-300) 0;color:var(--bs-whats-new-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px;text-align:center}.bs-wn__footer{display:flex;align-items:center;padding-top:var(--bs-spacing-150)}.bs-wn__link{display:inline-flex;align-items:center;gap:var(--bs-spacing-25);color:var(--bs-whats-new-link);font-size:var(--bs-font-size-xs);line-height:16px;text-decoration:none}.bs-wn__link-text{border-bottom:1px solid var(--bs-whats-new-link-underline)}.bs-wn__link svg{width:16px;height:16px}.bs-wn__link:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-wn__announcement{display:flex;flex-direction:column}.bs-wn--announcement .bs-wn__close{position:absolute;z-index:1;top:var(--bs-spacing-50);inset-inline-end:var(--bs-spacing-50)}.bs-wn__hero{display:none;height:var(--bs-whats-new-hero-height);background:var(--bs-whats-new-hero-bg);overflow:hidden}.bs-wn__hero--visible{display:block}.bs-wn__hero img,::slotted([slot='hero']){display:block;width:100%;height:100%;object-fit:cover}.bs-wn__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-150);padding:var(--bs-whats-new-padding)}.bs-wn__points{display:flex;flex-direction:column;gap:var(--bs-spacing-150);align-self:stretch;padding:0;list-style:none;font-size:var(--bs-font-size-sm);line-height:20px}.bs-wn__points li{display:flex;align-items:center;gap:var(--bs-spacing-150)}.bs-wn__check{flex:none;width:18px;height:18px;color:var(--bs-icon-action)}.bs-wn__announcement-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100);align-self:stretch;padding-top:var(--bs-spacing-100)}.bs-wn__step{color:var(--bs-whats-new-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px;white-space:nowrap}.bs-wn__actions{display:flex;align-items:center;gap:var(--bs-spacing-100);margin-inline-start:auto}.bs-wn__actions bs-button{--bs-button-height-md:var(--bs-spacing-550)}.bs-wn__teaser{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-75)}.bs-wn__teaser-row{display:flex;align-items:center;gap:var(--bs-spacing-100);align-self:stretch}.bs-wn__date{color:var(--bs-whats-new-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px;white-space:nowrap}.bs-wn__description{color:var(--bs-whats-new-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-wn__link-button{--bs-button-padding-x-label-side:var(--bs-spacing-150);--bs-button-padding-x-icon-side:var(--bs-spacing-100);margin-inline-start:calc(var(--bs-spacing-150) * -1)}.bs-wn__link-button svg{width:20px;height:20px}"}},[769,"bs-whats-new",{type:[513],heading:[1],headingLevel:[2,"heading-level"],closable:[4],closeLabel:[1,"close-label"],entries:[16],filters:[16],filter:[1537],markAllReadLabel:[1,"mark-all-read-label"],releaseNotesLabel:[1,"release-notes-label"],releaseNotesUrl:[1,"release-notes-url"],emptyLabel:[1,"empty-label"],tag:[1],tagColor:[1,"tag-color"],image:[1],points:[16],step:[2],total:[2],stepLabel:[1,"step-label"],secondaryLabel:[1,"secondary-label"],primaryLabel:[1,"primary-label"],date:[1],description:[1],actionLabel:[1,"action-label"],hasHeroSlot:[32]}]);function w(){"undefined"!=typeof customElements&&["bs-whats-new","bs-button","bs-card","bs-chip-informative","bs-icon-button","bs-ripple","bs-tab","bs-tabs","bs-whats-new-entry"].forEach((e=>{switch(e){case"bs-whats-new":customElements.get(s(e))||customElements.define(s(e),p);break;case"bs-button":customElements.get(s(e))||i();break;case"bs-card":customElements.get(s(e))||r();break;case"bs-chip-informative":customElements.get(s(e))||o();break;case"bs-icon-button":customElements.get(s(e))||l();break;case"bs-ripple":customElements.get(s(e))||b();break;case"bs-tab":customElements.get(s(e))||c();break;case"bs-tabs":customElements.get(s(e))||h();break;case"bs-whats-new-entry":customElements.get(s(e))||d()}}))}w();const g=p,_=w;export{g as BsWhatsNew,_ as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as i,p as t,H as s,c as e,h as n}from"./p-CcAX4o5o.js";import{d as o}from"./p-CePOtLtZ.js";import{d as r}from"./p-wd9-vGpQ.js";import{d as a}from"./p-CxNNy2m6.js";import{d as l}from"./p-BR7C-aKy.js";import{d as p}from"./p-DaKBSL2O.js";import{d as h}from"./p-D4W5LcEW.js";const c=t(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bsInput=e(this,"bsInput"),this.bsChange=e(this,"bsChange"),this.bsOpen=e(this,"bsOpen"),this.bsOptionSelect=e(this,"bsOptionSelect"),this.bsChipAdd=e(this,"bsChipAdd"),this.bsChipRemove=e(this,"bsChipRemove"),this.bsTitleChange=e(this,"bsTitleChange"),this.bsCountryChange=e(this,"bsCountryChange"),this.internals=this.attachInternals()}get el(){return this}internals;initialValue="";name;value="";showPasswordLabel="Show password";hidePasswordLabel="Hide password";incrementLabel="Increment";decrementLabel="Decrement";type="text";label;ariaLabel=null;placeholder;description;error;disabled=!1;required=!1;step=1;min;max;options=[];rows=3;chips=[];titleOptions=[];initialsTitle="";titleLabel="Title";countryOptions=[];country="";countryLabel="Country";length=4;loading=!1;filterOptions=!0;noResultsLabel="No results";loadingLabel="Loading...";clearLabel="Clear";openPickerLabel="Open date picker";open=!1;bsInput;bsChange;bsOpen;bsOptionSelect;bsChipAdd;bsChipRemove;bsTitleChange;bsCountryChange;hasIcon=!1;hasEndIcon=!1;passwordVisible=!1;chipDraft="";activeIndex=-1;comboFiltering=!1;pinInputs=[];get isPopupType(){return"dropdown"===this.type||"combobox"===this.type}get isPickerType(){return"select"===this.type||"initials"===this.type||"country"===this.type}typeahead="";typeaheadTimer;get pickerItems(){return"select"===this.type?this.options.map((i=>({value:i.value,label:i.label}))):"initials"===this.type?this.titleOptions.map((i=>({value:i,label:i}))):"country"===this.type?this.countryOptions.map((i=>({value:i.code,label:`${i.code} ${i.label}`,flag:i.flagIcon}))):[]}get pickerSelectedValue(){return"select"===this.type?this.value:"initials"===this.type?this.initialsTitle:this.country}get pickerSelectedIndex(){return this.pickerItems.findIndex((i=>i.value===this.pickerSelectedValue))}get visibleOptions(){if("combobox"!==this.type||!this.filterOptions||!this.comboFiltering||!this.value)return this.options;const i=this.value.toLowerCase();return this.options.filter((t=>t.label.toLowerCase().includes(i)))}componentDidRender(){if(("combobox"===this.type||this.isPickerType)&&this.open&&this.activeIndex>=0){const i=this.el.shadowRoot?.getElementById(`option-${this.activeIndex}`);i?.scrollIntoView?.({block:"nearest"})}}componentWillLoad(){this.initialValue=this.value,this.syncFormValue(),this.hasIcon=this.hasSlottedContent("icon"),this.hasEndIcon=this.hasSlottedContent("end-icon")}onFormStateChange(){this.syncFormValue()}syncFormValue(){if(this.internals?.setFormValue){if("chip"===this.type&&this.name){const i=new FormData;this.chips.forEach((t=>i.append(this.name,t))),this.internals.setFormValue(i)}else this.internals.setFormValue(this.value??"");this.required&&("chip"===this.type?0===this.chips.length:!this.value)?this.internals.setValidity({valueMissing:!0},"Please fill out this field."):this.internals.setValidity({})}}formResetCallback(){this.value=this.initialValue}formStateRestoreCallback(i){"string"==typeof i&&(this.value=i)}hasSlottedContent(i){return Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE&&t.getAttribute("slot")===i))}onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};onEndIconSlotchange=i=>{this.hasEndIcon=i.target.assignedNodes().length>0};onInput=i=>{const t=i.target.value;this.value=t,"combobox"===this.type&&(this.comboFiltering=!0,this.activeIndex=-1,this.setOpen(!0)),this.bsInput.emit(t)};setOpen(i){this.open!==i&&(this.open=i,i||(this.activeIndex=-1,this.comboFiltering=!1),this.bsOpen.emit(i))}onComboboxKeydown=i=>{if(this.disabled)return;const t=this.visibleOptions.length;switch(i.key){case"ArrowDown":case"ArrowUp":if(i.preventDefault(),this.open){if(t>0){const s="ArrowDown"===i.key;this.activeIndex=-1===this.activeIndex?s?0:t-1:(this.activeIndex+(s?1:-1)+t)%t}}else this.setOpen(!0),this.activeIndex=0===t?-1:"ArrowDown"===i.key?0:t-1;break;case"Home":case"End":this.open&&this.activeIndex>=0&&t>0&&(i.preventDefault(),this.activeIndex="Home"===i.key?0:t-1);break;case"Enter":this.open&&this.activeIndex>=0&&this.visibleOptions[this.activeIndex]&&(i.preventDefault(),this.selectComboOption(this.visibleOptions[this.activeIndex]))}};selectComboOption(i){this.value=i.label,this.setOpen(!1),this.bsChange.emit(this.value),this.bsOptionSelect.emit({label:i.label,value:i.value})}onClear=()=>{this.disabled||(this.value="",this.comboFiltering=!0,this.activeIndex=-1,this.bsInput.emit(""),this.bsChange.emit(""),this.el.shadowRoot?.getElementById("control")?.focus())};onDatePickerOpen=()=>{if(this.disabled||"date"!==this.type)return;const i=this.el.shadowRoot?.getElementById("control");if(i)try{"function"==typeof i.showPicker?i.showPicker():i.focus()}catch{i.focus()}};onChange=i=>{const t=i.target.value;this.value=t,this.bsChange.emit(t)};clampNumber(i){return void 0!==this.min&&i<this.min&&(i=this.min),void 0!==this.max&&i>this.max&&(i=this.max),i}onStepperIncrement=()=>{if(this.disabled)return;const i=this.clampNumber((parseFloat(this.value)||0)+this.step);this.value=String(i),this.bsChange.emit(this.value)};onStepperDecrement=()=>{if(this.disabled)return;const i=this.clampNumber((parseFloat(this.value)||0)-this.step);this.value=String(i),this.bsChange.emit(this.value)};onTogglePasswordVisibility=()=>{this.passwordVisible=!this.passwordVisible};onDropdownToggle=()=>{this.disabled||(this.open=!this.open,this.bsOpen.emit(this.open))};onDropdownKeydown=i=>{"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.onDropdownToggle())};onDropdownOptionSelect=i=>()=>{this.value=i.label,this.open=!1,this.bsChange.emit(this.value)};onHostKeydown(i){(this.isPopupType||this.isPickerType)&&this.open&&"Escape"===i.key&&("combobox"===this.type||this.isPickerType?this.setOpen(!1):this.open=!1)}onHostFocusOut(i){if(!this.isPopupType&&!this.isPickerType||!this.open)return;const t=i.relatedTarget;t&&this.el.contains(t)||("combobox"===this.type||this.isPickerType?this.setOpen(!1):this.open=!1)}onDocumentClick(i){this.isPickerType&&this.open&&(i.composedPath().includes(this.el)||this.setOpen(!1))}onChipDraftInput=i=>{this.chipDraft=i.target.value};onChipDraftKeydown=i=>{if("Enter"===i.key){i.preventDefault();const t=this.chipDraft.trim();t&&(this.bsChipAdd.emit(t),this.chipDraft="")}};onChipRemove=i=>()=>{this.bsChipRemove.emit(i)};pickerCommit(i){"select"===this.type?(this.value=i.value,this.bsInput.emit(i.value),this.bsChange.emit(i.value)):"initials"===this.type?(this.initialsTitle=i.value,this.bsTitleChange.emit(i.value)):(this.country=i.value,this.bsCountryChange.emit(i.value))}pickerOpen(){0!==this.pickerItems.length&&(this.setOpen(!0),this.activeIndex=Math.max(this.pickerSelectedIndex,0))}onPickerToggle=()=>{this.disabled||(this.open?this.setOpen(!1):this.pickerOpen())};onPickerOptionClick=i=>()=>{this.pickerCommit(i),this.setOpen(!1)};onPickerKeyup=i=>{" "===i.key&&i.preventDefault()};onPickerKeydown=i=>{if(this.disabled)return;const t=this.pickerItems,s=t.length;if(0!==s){switch(i.key){case"ArrowDown":case"ArrowUp":return i.preventDefault(),void(this.open?this.activeIndex=(this.activeIndex+("ArrowDown"===i.key?1:-1)+s)%s:this.pickerOpen());case"Home":case"End":return i.preventDefault(),this.open||this.pickerOpen(),void(this.activeIndex="Home"===i.key?0:s-1);case"Enter":case" ":if(" "===i.key&&this.typeahead)break;return i.preventDefault(),void(this.open&&this.activeIndex>=0&&t[this.activeIndex]?(this.pickerCommit(t[this.activeIndex]),this.setOpen(!1)):this.open||this.pickerOpen());case"Tab":return}if(1===i.key.length&&!i.ctrlKey&&!i.metaKey&&!i.altKey){i.preventDefault(),this.typeahead+=i.key.toLowerCase(),clearTimeout(this.typeaheadTimer),this.typeaheadTimer=setTimeout((()=>this.typeahead=""),500);const e=this.open?this.activeIndex:this.pickerSelectedIndex,n=this.typeahead.split("").every((i=>i===this.typeahead[0])),o=n?this.typeahead[0]:this.typeahead,r=n?e+1:Math.max(e,0);for(let i=0;i<s;i++){const e=(r+i+s)%s;if(t[e].label.toLowerCase().startsWith(o))return void(this.open?this.activeIndex=e:this.pickerCommit(t[e]))}}}};onPinInput=i=>t=>{const s=t.target;let e=s.value;e.length>1&&(e=e.slice(-1),s.value=e),e&&i<this.length-1&&this.pinInputs[i+1]?.focus(),this.value=this.pinInputs.map((i=>i?.value??"")).join(""),this.bsChange.emit(this.value)};onPinKeydown=i=>t=>{"Backspace"===t.key&&!t.target.value&&i>0&&this.pinInputs[i-1]?.focus()};get showsEndIconArea(){return"number"===this.type||"password"===this.type||"dropdown"===this.type||"combobox"===this.type||"date"===this.type||this.hasEndIcon}get showsIconArea(){return"search"===this.type&&!this.hasIcon||this.hasIcon}renderIconContent(){return"search"!==this.type||this.hasIcon?n("slot",{name:"icon",onSlotchange:this.onIconSlotchange}):n("svg",{class:"bs-input__search-icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("circle",{cx:"7",cy:"7",r:"5",stroke:"currentColor","stroke-width":"1.3"}),n("path",{d:"M11 11L14.5 14.5",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round"}))}renderEndIconContent(){return"number"===this.type?n("span",{class:"bs-input__stepper"},n("button",{type:"button",part:"control",class:"bs-input__stepper-btn","aria-label":this.incrementLabel,tabIndex:-1,disabled:this.disabled,onClick:this.onStepperIncrement},n("svg",{viewBox:"0 0 10 6",width:"10",height:"6","aria-hidden":"true"},n("path",{d:"M1 5L5 1L9 5",stroke:"currentColor","stroke-width":"1.3",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"}))),n("button",{type:"button",part:"control",class:"bs-input__stepper-btn","aria-label":this.decrementLabel,tabIndex:-1,disabled:this.disabled,onClick:this.onStepperDecrement},n("svg",{viewBox:"0 0 10 6",width:"10",height:"6","aria-hidden":"true"},n("path",{d:"M1 1L5 5L9 1",stroke:"currentColor","stroke-width":"1.3",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})))):"password"===this.type?n("button",{type:"button",part:"control",class:"bs-input__password-toggle","aria-label":this.passwordVisible?this.hidePasswordLabel:this.showPasswordLabel,disabled:this.disabled,onClick:this.onTogglePasswordVisibility},this.passwordVisible?n("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("path",{d:"M1 8C2.2 5.5 4.9 3 8 3C11.1 3 13.8 5.5 15 8C13.8 10.5 11.1 13 8 13C4.9 13 2.2 10.5 1 8Z",stroke:"currentColor","stroke-width":"1.2","stroke-linejoin":"round"}),n("circle",{cx:"8",cy:"8",r:"2",stroke:"currentColor","stroke-width":"1.2"}),n("path",{d:"M2 2L14 14",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"})):n("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("path",{d:"M1 8C2.2 5.5 4.9 3 8 3C11.1 3 13.8 5.5 15 8C13.8 10.5 11.1 13 8 13C4.9 13 2.2 10.5 1 8Z",stroke:"currentColor","stroke-width":"1.2","stroke-linejoin":"round"}),n("circle",{cx:"8",cy:"8",r:"2",stroke:"currentColor","stroke-width":"1.2"}))):"combobox"===this.type?[this.loading&&n("bs-spinner",{class:"bs-input__combobox-spinner",size:"sm",label:this.loadingLabel}),this.value&&!this.disabled&&n("bs-icon-button",{part:"clear",class:"bs-input__clear",variant:"subtle",size:"xs",ariaLabel:this.clearLabel,onMouseDown:i=>i.preventDefault(),onClick:this.onClear},n(d,null)),n("svg",{class:"bs-input__chevron",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round","stroke-linejoin":"round"}))]:"dropdown"===this.type?n("svg",{class:"bs-input__chevron",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round","stroke-linejoin":"round"})):"date"!==this.type||this.hasEndIcon?n("slot",{name:"end-icon",onSlotchange:this.onEndIconSlotchange}):n("button",{type:"button",class:"bs-input__calendar-btn","aria-label":this.openPickerLabel,tabIndex:-1,disabled:this.disabled},n("svg",{class:"bs-input__calendar",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("rect",{x:"2",y:"3",width:"12",height:"11",rx:"1",stroke:"currentColor","stroke-width":"1.2"}),n("path",{d:"M2 6.5H14",stroke:"currentColor","stroke-width":"1.2"}),n("path",{d:"M5 1.5V4M11 1.5V4",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"})))}renderStandardControl(){const i="combobox"===this.type,t=i&&this.open&&this.activeIndex>=0?`option-${this.activeIndex}`:void 0;return n("input",{id:"control",part:"control",class:"bs-input__control",type:"password"===this.type?this.passwordVisible?"text":"password":this.isPopupType?"text":this.type,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:"dropdown"===this.type,role:this.isPopupType?"combobox":void 0,"aria-haspopup":this.isPopupType?"listbox":void 0,"aria-expanded":this.isPopupType?String(this.open):void 0,"aria-controls":i?"listbox":void 0,"aria-activedescendant":t,"aria-autocomplete":i?"list":void 0,autocomplete:i?"off":void 0,"aria-label":this.label?void 0:this.ariaLabel??void 0,min:"number"===this.type?this.min:void 0,max:"number"===this.type?this.max:void 0,step:"number"===this.type?this.step:void 0,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange,onKeyDown:i?this.onComboboxKeydown:void 0})}renderFlag(i){return/^(https?:|\/|\.|data:)/.test(i)?n("img",{part:"flag",class:"bs-input__flag bs-input__flag--img",src:i,alt:""}):n("span",{part:"flag",class:"bs-input__flag","aria-hidden":"true"},i)}renderPickerTrigger(){const i=this.pickerItems,t=i[this.pickerSelectedIndex]??(this.placeholder?void 0:i[0]),s="country"===this.type,e="initials"===this.type,o="select"===this.type,r=s?this.countryLabel:e?this.titleLabel:this.label?void 0:this.ariaLabel??void 0,a=s&&t?this.countryOptions.find((i=>i.code===t.value))?.label:void 0,l=s?`${r}${a?`: ${a}`:""}`:r;return n("button",{type:"button",id:o?"control":void 0,part:"control",class:"bs-input__control bs-input__picker-trigger "+(s?"bs-input__country-select":e?"bs-input__title-select":""),role:"combobox","aria-haspopup":"listbox","aria-expanded":String(this.open),"aria-controls":"listbox","aria-activedescendant":this.open&&this.activeIndex>=0?`option-${this.activeIndex}`:void 0,"aria-label":l,"aria-describedby":o&&(this.error||this.description)?"description-or-error":void 0,"aria-invalid":o&&this.error?"true":void 0,"aria-required":o&&this.required?"true":void 0,disabled:this.disabled,onKeyDown:this.onPickerKeydown,onKeyUp:this.onPickerKeyup},s?t?.flag?this.renderFlag(t.flag):n("span",{class:"bs-input__picker-text"},t?.value):n("span",{class:"bs-input__picker-text"},t?t.label:this.placeholder))}renderPickerPopup(){return n("div",{part:"menu",class:"bs-input__combobox-popup bs-input__picker-popup"},n("ul",{id:"listbox",role:"listbox",class:"bs-input__listbox","aria-label":"initials"===this.type?this.titleLabel:"country"===this.type?this.countryLabel:this.label||this.ariaLabel||void 0},this.pickerItems.map(((i,t)=>{const s=i.value===this.pickerSelectedValue;return n("li",{key:i.value,id:`option-${t}`,part:"option",role:"option","aria-selected":String(s),class:`bs-input__option ${t===this.activeIndex?"bs-input__option--active":""} ${s?"bs-input__option--selected":""}`,onMouseDown:i=>i.preventDefault(),onClick:this.onPickerOptionClick(i)},i.flag&&this.renderFlag(i.flag),n("span",{class:"bs-input__option-label"},i.label),s&&n("svg",{class:"bs-input__option-check",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("path",{d:"M3 8.5L6.5 12L13 4.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})))}))))}renderSelectControl(){return[this.renderPickerTrigger(),this.renderSelectChevron()]}renderTextareaControl(){return n("textarea",{id:"control",part:"control",class:"bs-input__control bs-input__control--textarea",rows:this.rows,value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,"aria-label":this.label?void 0:this.ariaLabel??void 0,onInput:this.onInput,onChange:this.onChange})}renderChipControl(){return n("div",{class:"bs-input__chips"},this.chips.map((i=>n("bs-chip-informative",{part:"chip",class:"bs-input__chip",size:"md",disabled:this.disabled},i,n("bs-icon-button",{part:"chip-remove",class:"bs-input__chip-remove",variant:"subtle",size:"xs",ariaLabel:`Remove ${i}`,disabled:this.disabled,onClick:this.onChipRemove(i)},n(d,null))))),n("input",{id:"control",part:"control",class:"bs-input__control bs-input__chip-input",type:"text",value:this.chipDraft,placeholder:this.placeholder,disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onChipDraftInput,onKeyDown:this.onChipDraftKeydown}))}renderInitialsField(){const i=this.disabled?"bs-input__field--disabled":"",t=this.error?"bs-input__field--error":"";return n("div",{class:"bs-input__initials-row"},n("div",{class:"bs-input__picker-wrap"},n("div",{part:"field",class:`bs-input__field bs-input__field--initials-title ${t} ${i}`,onClick:this.onPickerToggle},this.renderPickerTrigger(),this.renderSelectChevron()),this.open&&this.renderPickerPopup()),n("div",{part:"field",class:`bs-input__field bs-input__field--initials-value ${t} ${i}`},n("input",{id:"control",part:"control",class:"bs-input__control",type:"text",value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})))}renderCountryField(){const i=this.disabled?"bs-input__field--disabled":"",t=this.error?"bs-input__field--error":"";return n("div",{class:"bs-input__initials-row bs-input__country-row"},n("div",{class:"bs-input__picker-wrap"},n("div",{part:"field",class:`bs-input__field bs-input__field--country ${t} ${i}`,onClick:this.onPickerToggle},this.renderPickerTrigger(),this.renderSelectChevron()),this.open&&this.renderPickerPopup()),n("div",{part:"field",class:`bs-input__field bs-input__field--initials-value ${t} ${i}`},n("input",{id:"control",part:"control",class:"bs-input__control",type:"text",value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})))}renderSelectChevron(){return n("svg",{class:"bs-input__select-chevron",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round","stroke-linejoin":"round"}))}renderControl(){switch(this.type){case"select":return this.renderSelectControl();case"textarea":return this.renderTextareaControl();case"chip":return this.renderChipControl();default:return this.renderStandardControl()}}onComboboxFieldClick=i=>{this.disabled||i.target.closest?.('[part="clear"]')||this.setOpen(!this.open)};renderComboboxPopup(){const i=this.visibleOptions;return n("div",{part:"menu",class:"bs-input__combobox-popup"},n("ul",{id:"listbox",role:"listbox",class:"bs-input__listbox","aria-label":this.label||this.ariaLabel||void 0},i.map(((i,t)=>n("li",{key:i.value,id:`option-${t}`,part:"option",role:"option","aria-selected":String(t===this.activeIndex),class:"bs-input__option "+(t===this.activeIndex?"bs-input__option--active":""),onMouseDown:i=>i.preventDefault(),onClick:()=>this.selectComboOption(i)},i.label)))),0===i.length&&n("div",{role:"status",class:"bs-input__listbox-status"},this.loading?this.loadingLabel:this.noResultsLabel))}renderField(){const i=["bs-input__field",this.error?"bs-input__field--error":"",this.disabled?"bs-input__field--disabled":"","textarea"===this.type?"bs-input__field--textarea":"","chip"===this.type?"bs-input__field--chip":""].filter(Boolean).join(" "),t="dropdown"===this.type;return n("div",{class:"bs-input__field-wrapper"},n("div",{part:"field",class:i,onClick:t?this.onDropdownToggle:"combobox"===this.type?this.onComboboxFieldClick:"select"===this.type?this.onPickerToggle:void 0,onKeyDown:t?this.onDropdownKeydown:void 0},n("span",{part:"icon",class:"bs-input__icon "+(this.showsIconArea?"bs-input__icon--visible":"")},this.renderIconContent()),this.renderControl(),n("span",{part:"end-icon",class:"bs-input__end-icon "+(this.showsEndIconArea?"bs-input__end-icon--visible":""),onClick:"date"===this.type?this.onDatePickerOpen:void 0},this.renderEndIconContent())),"combobox"===this.type&&this.open&&this.renderComboboxPopup(),"select"===this.type&&this.open&&this.renderPickerPopup(),t&&this.open&&this.options.length>0&&n("bs-menu",{part:"menu",class:"bs-input__dropdown-menu",role:"listbox"},this.options.map((i=>n("bs-menu-item",{key:i.value,onBsSelect:this.onDropdownOptionSelect(i)},i.label)))))}renderPinField(){return this.pinInputs=[],n("div",{part:"field",class:`bs-input__field bs-input__field--pin ${this.error?"bs-input__field--error":""} ${this.disabled?"bs-input__field--disabled":""}`},Array.from({length:this.length}).map(((i,t)=>n("input",{id:0===t?"control":void 0,ref:i=>this.pinInputs[t]=i,part:"control",class:"bs-input__pin-cell",type:"text",inputMode:"numeric",maxLength:1,value:this.value[t]??"",disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onPinInput(t),onKeyDown:this.onPinKeydown(t)}))))}render(){return n("div",{key:"9eea22c2c7cbcbdcb2c37403b89c10efc145228d",class:"bs-input "+(this.error?"bs-input--error":"")},this.label&&n("label",{key:"cbd4e5f0cd8fb0f004f7bc9f7e0dc3433d25e8dc",part:"label",class:"bs-input__label",htmlFor:"control"},this.label,this.required&&n("span",{key:"bcd1fb8d607e87c204cb7d93506aa1c648478f34",part:"required",class:"bs-input__required","aria-hidden":"true"},"*")),"pin"===this.type?this.renderPinField():"initials"===this.type?this.renderInitialsField():"country"===this.type?this.renderCountryField():this.renderField(),this.error?n("span",{id:"description-or-error",part:"error",class:"bs-input__error"},n("svg",{part:"error-icon",class:"bs-input__error-icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("circle",{cx:"8",cy:"8",r:"6.5",stroke:"currentColor","stroke-width":"1.2"}),n("path",{d:"M8 5V8.5",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"}),n("circle",{cx:"8",cy:"11",r:"0.75",fill:"currentColor"})),this.error):this.description?n("span",{id:"description-or-error",part:"description",class:"bs-input__description"},this.description):null)}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{onFormStateChange:0}],type:[{onFormStateChange:0}],chips:[{onFormStateChange:0}],required:[{onFormStateChange:0}]}}static get style(){return":host{display:block;--bs-input-radius:var(--bs-border-radius-100);--bs-input-height:var(--bs-spacing-550);--bs-input-padding-x:var(--bs-spacing-150);--bs-input-padding-y:var(--bs-spacing-100);--bs-input-gap:var(--bs-spacing-200);--bs-input-icon-size:var(--bs-spacing-300);--bs-input-stack-gap:var(--bs-spacing-100);--bs-input-pin-gap:var(--bs-spacing-75);--bs-input-pin-cell-size:var(--bs-spacing-550);--bs-input-listbox-bg:var(--bs-surface-raised);--bs-input-listbox-shadow:var(--bs-shadow-sm);--bs-input-listbox-max-height:calc(var(--bs-spacing-600) * 5);--bs-input-picker-min-width:calc(var(--bs-spacing-600) * 4);--bs-input-option-bg-active:var(--bs-color-neutral-container-hover);--bs-input-error-icon-size:var(--bs-spacing-250);--bs-input-field-bg:var(--bs-input-bg-default);--bs-input-field-bg-disabled:var(--bs-input-bg-disabled);--bs-input-field-border:var(--bs-input-border-default);--bs-input-field-border-hover:var(--bs-input-border-hover);--bs-input-field-border-focus:var(--bs-input-border-focus);--bs-input-field-border-error:var(--bs-input-border-error);--bs-input-field-text:var(--bs-input-text);--bs-input-field-placeholder:var(--bs-input-placeholder);--bs-input-label-color:var(--bs-input-label);--bs-input-label-font-size:var(--bs-font-size-sm);--bs-input-label-font-weight:var(--bs-font-weight-medium);--bs-input-label-line-height:normal;--bs-input-description-color:var(--bs-input-description);--bs-input-error-color:var(--bs-input-error);--bs-input-icon-color:var(--bs-icon-muted);--bs-input-icon-color-error:var(--bs-input-icon-error);--bs-input-icon-color-disabled:var(--bs-input-icon-disabled);--bs-input-initials-title-width:80px;--bs-input-initials-gap:var(--bs-spacing-50)}.bs-input{display:flex;flex-direction:column;gap:var(--bs-input-stack-gap);font-family:inherit}.bs-input__label{font-size:var(--bs-input-label-font-size);font-weight:var(--bs-input-label-font-weight);line-height:var(--bs-input-label-line-height);color:var(--bs-input-label-color)}.bs-input__required{color:var(--bs-input-error-color);margin-inline-start:2px}.bs-input__field{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-input-gap);height:var(--bs-input-height);padding:var(--bs-input-padding-y) var(--bs-input-padding-x);border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg)}.bs-input__field:hover:not(.bs-input__field--disabled){border-color:var(--bs-input-field-border-hover)}.bs-input__field:focus-within{border-color:var(--bs-input-field-border-focus)}.bs-input__field--error{border-color:var(--bs-input-field-border-error)}.bs-input__field--disabled{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}.bs-input__control{flex:1;min-width:0;border:none;outline:none;padding:0;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__control::placeholder{color:var(--bs-input-field-placeholder)}.bs-input__control:disabled{color:var(--bs-input-text-disabled);cursor:not-allowed}.bs-input__control::-webkit-strong-password-auto-fill-button,.bs-input__control::-webkit-credentials-auto-fill-button{display:none !important;visibility:hidden;pointer-events:none;position:absolute;inset-inline-end:0}.bs-input__control::-webkit-textfield-decoration-container{visibility:hidden}.bs-input__control::-ms-reveal,.bs-input__control::-ms-clear{display:none}.bs-input--error .bs-input__label{color:var(--bs-input-label-color)}.bs-input__icon,.bs-input__end-icon{display:none;align-items:center;flex-shrink:0;color:var(--bs-input-icon-color)}.bs-input__icon--visible,.bs-input__end-icon--visible{display:flex}.bs-input__icon ::slotted(*),.bs-input__end-icon ::slotted(*){display:block;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--error .bs-input__icon,.bs-input__field--error .bs-input__end-icon{color:var(--bs-input-icon-color-error)}.bs-input__field--disabled .bs-input__icon,.bs-input__field--disabled .bs-input__end-icon{color:var(--bs-input-icon-color-disabled)}.bs-input__description{font-size:var(--bs-font-size-sm);color:var(--bs-input-description-color)}.bs-input__error{display:flex;align-items:center;gap:var(--bs-spacing-50);font-size:var(--bs-font-size-xs);color:var(--bs-input-error-color)}.bs-input__error-icon{flex-shrink:0;width:var(--bs-input-error-icon-size);height:var(--bs-input-error-icon-size)}.bs-input__field--textarea{height:auto;align-items:flex-start}.bs-input__control--textarea{resize:vertical}.bs-input__stepper{display:flex;flex-direction:column}.bs-input__stepper-btn{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size);display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer}.bs-input__stepper-btn:disabled{cursor:not-allowed}.bs-input__password-toggle{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__password-toggle:disabled{cursor:not-allowed}.bs-input__password-toggle svg{width:100%;height:100%}.bs-input__chevron{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field-wrapper{position:relative;width:100%}.bs-input__dropdown-menu{position:absolute;top:calc(100% + var(--bs-spacing-50));inset-inline-start:0;inset-inline-end:0;z-index:1}.bs-input__control::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.bs-input__calendar-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__calendar-btn:disabled{cursor:not-allowed}.bs-input__combobox-popup{position:absolute;top:calc(100% + var(--bs-spacing-50));inset-inline-start:0;inset-inline-end:0;z-index:1;box-sizing:border-box;background:var(--bs-input-listbox-bg);border-radius:var(--bs-input-radius);box-shadow:var(--bs-input-listbox-shadow);padding:var(--bs-spacing-50) 0}.bs-input__listbox{list-style:none;margin:0;padding:0;max-height:var(--bs-input-listbox-max-height);overflow-y:auto}.bs-input__option,.bs-input__listbox-status{padding:var(--bs-spacing-100) var(--bs-spacing-150);font-size:var(--bs-font-size-md);color:var(--bs-input-field-text)}.bs-input__option{cursor:pointer}.bs-input__option:hover,.bs-input__option--active{background:var(--bs-input-option-bg-active)}.bs-input__listbox-status{color:var(--bs-input-description-color)}.bs-input__clear{--bs-icon-button-size-xs:20px;--bs-icon-button-icon-size-xs:12px}.bs-input__end-icon{gap:var(--bs-spacing-50)}.bs-input__calendar{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__search-icon{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--chip{flex-wrap:wrap;height:auto;min-height:var(--bs-input-height)}.bs-input__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bs-spacing-100);flex:1;min-width:0}.bs-input__chip{--bs-chip-informative-padding-x-plain-side:var(--bs-spacing-150)}.bs-input__chip-remove{--bs-icon-button-size-xs:20px;--bs-icon-button-icon-size-xs:12px;margin-inline-end:calc(var(--bs-spacing-50) * -1)}.bs-input__chip-input{flex:1;min-width:60px}.bs-input__country-select{flex-shrink:0;width:auto;border:none;outline:none;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__title-select,.bs-input__country-select{appearance:none;-webkit-appearance:none;-moz-appearance:none}.bs-input__title-select::-ms-expand,.bs-input__country-select::-ms-expand{display:none}.bs-input__select-chevron{flex-shrink:0;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size);color:var(--bs-input-icon-color);pointer-events:none}.bs-input__field--disabled .bs-input__select-chevron{color:var(--bs-input-icon-color-disabled)}.bs-input__initials-row{display:flex;gap:var(--bs-input-initials-gap);width:100%}.bs-input__field--initials-title{flex:0 0 auto;width:var(--bs-input-initials-title-width);gap:var(--bs-spacing-50)}.bs-input__field--initials-title .bs-input__select-chevron{width:10px;height:10px}.bs-input__field--initials-value{flex:1;min-width:0}.bs-input__country-select{width:auto}.bs-input__field--pin{border:none;padding:0;background:transparent;gap:var(--bs-input-pin-gap)}.bs-input__pin-cell{box-sizing:border-box;width:var(--bs-input-pin-cell-size);height:var(--bs-input-pin-cell-size);text-align:center;border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg);color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit;outline:none}.bs-input__pin-cell:focus{border-color:var(--bs-input-field-border-focus)}.bs-input__field--pin.bs-input__field--disabled .bs-input__pin-cell{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}.bs-input__field--pin.bs-input__field--error .bs-input__pin-cell{border-color:var(--bs-input-field-border-error)}.bs-input__picker-trigger{display:flex;align-items:center;gap:var(--bs-spacing-100);height:100%;text-align:start;cursor:pointer}.bs-input__picker-trigger:disabled{cursor:not-allowed}.bs-input__picker-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs-input__picker-wrap{position:relative;flex:0 0 auto}.bs-input__field--country{flex:0 0 auto;width:auto;gap:var(--bs-spacing-50)}.bs-input__field--country .bs-input__control{flex:0 0 auto}.bs-input__field--country .bs-input__select-chevron{width:10px;height:10px}.bs-input__field--initials-title,.bs-input__field--country{cursor:pointer}.bs-input__field--disabled.bs-input__field--initials-title,.bs-input__field--disabled.bs-input__field--country{cursor:not-allowed}.bs-input__picker-popup{inset-inline-end:auto;min-width:max(100%, var(--bs-input-picker-min-width));z-index:2}.bs-input__flag{flex-shrink:0;line-height:1}.bs-input__flag--img{width:var(--bs-spacing-300);height:auto}.bs-input__option{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-input__option-label{flex:1;white-space:nowrap}.bs-input__option-check{display:none;flex-shrink:0;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__option--selected{font-weight:var(--bs-font-weight-medium)}.bs-input__option--selected .bs-input__option-check{display:block}@media (forced-colors: active){.bs-input__control{border:1px solid FieldText}.bs-input__control:focus-visible{outline:2px solid Highlight;outline-offset:2px}}"}},[849,"bs-input",{name:[513],value:[1025],showPasswordLabel:[1,"show-password-label"],hidePasswordLabel:[1,"hide-password-label"],incrementLabel:[1,"increment-label"],decrementLabel:[1,"decrement-label"],type:[1],label:[1],ariaLabel:[1,"aria-label"],placeholder:[1],description:[1],error:[1],disabled:[516],required:[4],step:[2],min:[2],max:[2],options:[16],rows:[2],chips:[16],titleOptions:[16],initialsTitle:[1025,"initials-title"],titleLabel:[1,"title-label"],countryOptions:[16],country:[1025],countryLabel:[1,"country-label"],length:[2],loading:[4],filterOptions:[4,"filter-options"],noResultsLabel:[1,"no-results-label"],loadingLabel:[1,"loading-label"],clearLabel:[1,"clear-label"],openPickerLabel:[1,"open-picker-label"],open:[1540],hasIcon:[32],hasEndIcon:[32],passwordVisible:[32],chipDraft:[32],activeIndex:[32],comboFiltering:[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"],[4,"click","onDocumentClick"]],{value:[{onFormStateChange:0}],type:[{onFormStateChange:0}],chips:[{onFormStateChange:0}],required:[{onFormStateChange:0}]}]),d=()=>n("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M18.75 5.25L5.25 18.75",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),n("path",{d:"M18.75 18.75L5.25 5.25",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}));function b(){"undefined"!=typeof customElements&&["bs-input","bs-chip-informative","bs-icon-button","bs-menu","bs-menu-item","bs-ripple","bs-spinner"].forEach((t=>{switch(t){case"bs-input":customElements.get(i(t))||customElements.define(i(t),c);break;case"bs-chip-informative":customElements.get(i(t))||o();break;case"bs-icon-button":customElements.get(i(t))||r();break;case"bs-menu":customElements.get(i(t))||a();break;case"bs-menu-item":customElements.get(i(t))||l();break;case"bs-ripple":customElements.get(i(t))||p();break;case"bs-spinner":customElements.get(i(t))||h()}}))}b();export{c as B,b as d}
|
|
1
|
+
import{t as i,p as t,H as s,c as e,h as n}from"./p-CcAX4o5o.js";import{d as o}from"./p-_zxYDrzi.js";import{d as r}from"./p-wd9-vGpQ.js";import{d as a}from"./p-CxNNy2m6.js";import{d as l}from"./p-BR7C-aKy.js";import{d as p}from"./p-DaKBSL2O.js";import{d as h}from"./p-D4W5LcEW.js";const c=t(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bsInput=e(this,"bsInput"),this.bsChange=e(this,"bsChange"),this.bsOpen=e(this,"bsOpen"),this.bsOptionSelect=e(this,"bsOptionSelect"),this.bsChipAdd=e(this,"bsChipAdd"),this.bsChipRemove=e(this,"bsChipRemove"),this.bsTitleChange=e(this,"bsTitleChange"),this.bsCountryChange=e(this,"bsCountryChange"),this.internals=this.attachInternals()}get el(){return this}internals;initialValue="";name;value="";showPasswordLabel="Show password";hidePasswordLabel="Hide password";incrementLabel="Increment";decrementLabel="Decrement";type="text";label;ariaLabel=null;placeholder;description;error;disabled=!1;required=!1;step=1;min;max;options=[];rows=3;chips=[];titleOptions=[];initialsTitle="";titleLabel="Title";countryOptions=[];country="";countryLabel="Country";length=4;loading=!1;filterOptions=!0;noResultsLabel="No results";loadingLabel="Loading...";clearLabel="Clear";openPickerLabel="Open date picker";open=!1;bsInput;bsChange;bsOpen;bsOptionSelect;bsChipAdd;bsChipRemove;bsTitleChange;bsCountryChange;hasIcon=!1;hasEndIcon=!1;passwordVisible=!1;chipDraft="";activeIndex=-1;comboFiltering=!1;pinInputs=[];get isPopupType(){return"dropdown"===this.type||"combobox"===this.type}get isPickerType(){return"select"===this.type||"initials"===this.type||"country"===this.type}typeahead="";typeaheadTimer;get pickerItems(){return"select"===this.type?this.options.map((i=>({value:i.value,label:i.label}))):"initials"===this.type?this.titleOptions.map((i=>({value:i,label:i}))):"country"===this.type?this.countryOptions.map((i=>({value:i.code,label:`${i.code} ${i.label}`,flag:i.flagIcon}))):[]}get pickerSelectedValue(){return"select"===this.type?this.value:"initials"===this.type?this.initialsTitle:this.country}get pickerSelectedIndex(){return this.pickerItems.findIndex((i=>i.value===this.pickerSelectedValue))}get visibleOptions(){if("combobox"!==this.type||!this.filterOptions||!this.comboFiltering||!this.value)return this.options;const i=this.value.toLowerCase();return this.options.filter((t=>t.label.toLowerCase().includes(i)))}componentDidRender(){if(("combobox"===this.type||this.isPickerType)&&this.open&&this.activeIndex>=0){const i=this.el.shadowRoot?.getElementById(`option-${this.activeIndex}`);i?.scrollIntoView?.({block:"nearest"})}}componentWillLoad(){this.initialValue=this.value,this.syncFormValue(),this.hasIcon=this.hasSlottedContent("icon"),this.hasEndIcon=this.hasSlottedContent("end-icon")}onFormStateChange(){this.syncFormValue()}syncFormValue(){if(this.internals?.setFormValue){if("chip"===this.type&&this.name){const i=new FormData;this.chips.forEach((t=>i.append(this.name,t))),this.internals.setFormValue(i)}else this.internals.setFormValue(this.value??"");this.required&&("chip"===this.type?0===this.chips.length:!this.value)?this.internals.setValidity({valueMissing:!0},"Please fill out this field."):this.internals.setValidity({})}}formResetCallback(){this.value=this.initialValue}formStateRestoreCallback(i){"string"==typeof i&&(this.value=i)}hasSlottedContent(i){return Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE&&t.getAttribute("slot")===i))}onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};onEndIconSlotchange=i=>{this.hasEndIcon=i.target.assignedNodes().length>0};onInput=i=>{const t=i.target.value;this.value=t,"combobox"===this.type&&(this.comboFiltering=!0,this.activeIndex=-1,this.setOpen(!0)),this.bsInput.emit(t)};setOpen(i){this.open!==i&&(this.open=i,i||(this.activeIndex=-1,this.comboFiltering=!1),this.bsOpen.emit(i))}onComboboxKeydown=i=>{if(this.disabled)return;const t=this.visibleOptions.length;switch(i.key){case"ArrowDown":case"ArrowUp":if(i.preventDefault(),this.open){if(t>0){const s="ArrowDown"===i.key;this.activeIndex=-1===this.activeIndex?s?0:t-1:(this.activeIndex+(s?1:-1)+t)%t}}else this.setOpen(!0),this.activeIndex=0===t?-1:"ArrowDown"===i.key?0:t-1;break;case"Home":case"End":this.open&&this.activeIndex>=0&&t>0&&(i.preventDefault(),this.activeIndex="Home"===i.key?0:t-1);break;case"Enter":this.open&&this.activeIndex>=0&&this.visibleOptions[this.activeIndex]&&(i.preventDefault(),this.selectComboOption(this.visibleOptions[this.activeIndex]))}};selectComboOption(i){this.value=i.label,this.setOpen(!1),this.bsChange.emit(this.value),this.bsOptionSelect.emit({label:i.label,value:i.value})}onClear=()=>{this.disabled||(this.value="",this.comboFiltering=!0,this.activeIndex=-1,this.bsInput.emit(""),this.bsChange.emit(""),this.el.shadowRoot?.getElementById("control")?.focus())};onDatePickerOpen=()=>{if(this.disabled||"date"!==this.type)return;const i=this.el.shadowRoot?.getElementById("control");if(i)try{"function"==typeof i.showPicker?i.showPicker():i.focus()}catch{i.focus()}};onChange=i=>{const t=i.target.value;this.value=t,this.bsChange.emit(t)};clampNumber(i){return void 0!==this.min&&i<this.min&&(i=this.min),void 0!==this.max&&i>this.max&&(i=this.max),i}onStepperIncrement=()=>{if(this.disabled)return;const i=this.clampNumber((parseFloat(this.value)||0)+this.step);this.value=String(i),this.bsChange.emit(this.value)};onStepperDecrement=()=>{if(this.disabled)return;const i=this.clampNumber((parseFloat(this.value)||0)-this.step);this.value=String(i),this.bsChange.emit(this.value)};onTogglePasswordVisibility=()=>{this.passwordVisible=!this.passwordVisible};onDropdownToggle=()=>{this.disabled||(this.open=!this.open,this.bsOpen.emit(this.open))};onDropdownKeydown=i=>{"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.onDropdownToggle())};onDropdownOptionSelect=i=>()=>{this.value=i.label,this.open=!1,this.bsChange.emit(this.value)};onHostKeydown(i){(this.isPopupType||this.isPickerType)&&this.open&&"Escape"===i.key&&("combobox"===this.type||this.isPickerType?this.setOpen(!1):this.open=!1)}onHostFocusOut(i){if(!this.isPopupType&&!this.isPickerType||!this.open)return;const t=i.relatedTarget;t&&this.el.contains(t)||("combobox"===this.type||this.isPickerType?this.setOpen(!1):this.open=!1)}onDocumentClick(i){this.isPickerType&&this.open&&(i.composedPath().includes(this.el)||this.setOpen(!1))}onChipDraftInput=i=>{this.chipDraft=i.target.value};onChipDraftKeydown=i=>{if("Enter"===i.key){i.preventDefault();const t=this.chipDraft.trim();t&&(this.bsChipAdd.emit(t),this.chipDraft="")}};onChipRemove=i=>()=>{this.bsChipRemove.emit(i)};pickerCommit(i){"select"===this.type?(this.value=i.value,this.bsInput.emit(i.value),this.bsChange.emit(i.value)):"initials"===this.type?(this.initialsTitle=i.value,this.bsTitleChange.emit(i.value)):(this.country=i.value,this.bsCountryChange.emit(i.value))}pickerOpen(){0!==this.pickerItems.length&&(this.setOpen(!0),this.activeIndex=Math.max(this.pickerSelectedIndex,0))}onPickerToggle=()=>{this.disabled||(this.open?this.setOpen(!1):this.pickerOpen())};onPickerOptionClick=i=>()=>{this.pickerCommit(i),this.setOpen(!1)};onPickerKeyup=i=>{" "===i.key&&i.preventDefault()};onPickerKeydown=i=>{if(this.disabled)return;const t=this.pickerItems,s=t.length;if(0!==s){switch(i.key){case"ArrowDown":case"ArrowUp":return i.preventDefault(),void(this.open?this.activeIndex=(this.activeIndex+("ArrowDown"===i.key?1:-1)+s)%s:this.pickerOpen());case"Home":case"End":return i.preventDefault(),this.open||this.pickerOpen(),void(this.activeIndex="Home"===i.key?0:s-1);case"Enter":case" ":if(" "===i.key&&this.typeahead)break;return i.preventDefault(),void(this.open&&this.activeIndex>=0&&t[this.activeIndex]?(this.pickerCommit(t[this.activeIndex]),this.setOpen(!1)):this.open||this.pickerOpen());case"Tab":return}if(1===i.key.length&&!i.ctrlKey&&!i.metaKey&&!i.altKey){i.preventDefault(),this.typeahead+=i.key.toLowerCase(),clearTimeout(this.typeaheadTimer),this.typeaheadTimer=setTimeout((()=>this.typeahead=""),500);const e=this.open?this.activeIndex:this.pickerSelectedIndex,n=this.typeahead.split("").every((i=>i===this.typeahead[0])),o=n?this.typeahead[0]:this.typeahead,r=n?e+1:Math.max(e,0);for(let i=0;i<s;i++){const e=(r+i+s)%s;if(t[e].label.toLowerCase().startsWith(o))return void(this.open?this.activeIndex=e:this.pickerCommit(t[e]))}}}};onPinInput=i=>t=>{const s=t.target;let e=s.value;e.length>1&&(e=e.slice(-1),s.value=e),e&&i<this.length-1&&this.pinInputs[i+1]?.focus(),this.value=this.pinInputs.map((i=>i?.value??"")).join(""),this.bsChange.emit(this.value)};onPinKeydown=i=>t=>{"Backspace"===t.key&&!t.target.value&&i>0&&this.pinInputs[i-1]?.focus()};get showsEndIconArea(){return"number"===this.type||"password"===this.type||"dropdown"===this.type||"combobox"===this.type||"date"===this.type||this.hasEndIcon}get showsIconArea(){return"search"===this.type&&!this.hasIcon||this.hasIcon}renderIconContent(){return"search"!==this.type||this.hasIcon?n("slot",{name:"icon",onSlotchange:this.onIconSlotchange}):n("svg",{class:"bs-input__search-icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("circle",{cx:"7",cy:"7",r:"5",stroke:"currentColor","stroke-width":"1.3"}),n("path",{d:"M11 11L14.5 14.5",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round"}))}renderEndIconContent(){return"number"===this.type?n("span",{class:"bs-input__stepper"},n("button",{type:"button",part:"control",class:"bs-input__stepper-btn","aria-label":this.incrementLabel,tabIndex:-1,disabled:this.disabled,onClick:this.onStepperIncrement},n("svg",{viewBox:"0 0 10 6",width:"10",height:"6","aria-hidden":"true"},n("path",{d:"M1 5L5 1L9 5",stroke:"currentColor","stroke-width":"1.3",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"}))),n("button",{type:"button",part:"control",class:"bs-input__stepper-btn","aria-label":this.decrementLabel,tabIndex:-1,disabled:this.disabled,onClick:this.onStepperDecrement},n("svg",{viewBox:"0 0 10 6",width:"10",height:"6","aria-hidden":"true"},n("path",{d:"M1 1L5 5L9 1",stroke:"currentColor","stroke-width":"1.3",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})))):"password"===this.type?n("button",{type:"button",part:"control",class:"bs-input__password-toggle","aria-label":this.passwordVisible?this.hidePasswordLabel:this.showPasswordLabel,disabled:this.disabled,onClick:this.onTogglePasswordVisibility},this.passwordVisible?n("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("path",{d:"M1 8C2.2 5.5 4.9 3 8 3C11.1 3 13.8 5.5 15 8C13.8 10.5 11.1 13 8 13C4.9 13 2.2 10.5 1 8Z",stroke:"currentColor","stroke-width":"1.2","stroke-linejoin":"round"}),n("circle",{cx:"8",cy:"8",r:"2",stroke:"currentColor","stroke-width":"1.2"}),n("path",{d:"M2 2L14 14",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"})):n("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("path",{d:"M1 8C2.2 5.5 4.9 3 8 3C11.1 3 13.8 5.5 15 8C13.8 10.5 11.1 13 8 13C4.9 13 2.2 10.5 1 8Z",stroke:"currentColor","stroke-width":"1.2","stroke-linejoin":"round"}),n("circle",{cx:"8",cy:"8",r:"2",stroke:"currentColor","stroke-width":"1.2"}))):"combobox"===this.type?[this.loading&&n("bs-spinner",{class:"bs-input__combobox-spinner",size:"sm",label:this.loadingLabel}),this.value&&!this.disabled&&n("bs-icon-button",{part:"clear",class:"bs-input__clear",variant:"subtle",size:"xs",ariaLabel:this.clearLabel,onMouseDown:i=>i.preventDefault(),onClick:this.onClear},n(d,null)),n("svg",{class:"bs-input__chevron",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round","stroke-linejoin":"round"}))]:"dropdown"===this.type?n("svg",{class:"bs-input__chevron",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round","stroke-linejoin":"round"})):"date"!==this.type||this.hasEndIcon?n("slot",{name:"end-icon",onSlotchange:this.onEndIconSlotchange}):n("button",{type:"button",class:"bs-input__calendar-btn","aria-label":this.openPickerLabel,tabIndex:-1,disabled:this.disabled},n("svg",{class:"bs-input__calendar",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("rect",{x:"2",y:"3",width:"12",height:"11",rx:"1",stroke:"currentColor","stroke-width":"1.2"}),n("path",{d:"M2 6.5H14",stroke:"currentColor","stroke-width":"1.2"}),n("path",{d:"M5 1.5V4M11 1.5V4",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"})))}renderStandardControl(){const i="combobox"===this.type,t=i&&this.open&&this.activeIndex>=0?`option-${this.activeIndex}`:void 0;return n("input",{id:"control",part:"control",class:"bs-input__control",type:"password"===this.type?this.passwordVisible?"text":"password":this.isPopupType?"text":this.type,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:"dropdown"===this.type,role:this.isPopupType?"combobox":void 0,"aria-haspopup":this.isPopupType?"listbox":void 0,"aria-expanded":this.isPopupType?String(this.open):void 0,"aria-controls":i?"listbox":void 0,"aria-activedescendant":t,"aria-autocomplete":i?"list":void 0,autocomplete:i?"off":void 0,"aria-label":this.label?void 0:this.ariaLabel??void 0,min:"number"===this.type?this.min:void 0,max:"number"===this.type?this.max:void 0,step:"number"===this.type?this.step:void 0,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange,onKeyDown:i?this.onComboboxKeydown:void 0})}renderFlag(i){return/^(https?:|\/|\.|data:)/.test(i)?n("img",{part:"flag",class:"bs-input__flag bs-input__flag--img",src:i,alt:""}):n("span",{part:"flag",class:"bs-input__flag","aria-hidden":"true"},i)}renderPickerTrigger(){const i=this.pickerItems,t=i[this.pickerSelectedIndex]??(this.placeholder?void 0:i[0]),s="country"===this.type,e="initials"===this.type,o="select"===this.type,r=s?this.countryLabel:e?this.titleLabel:this.label?void 0:this.ariaLabel??void 0,a=s&&t?this.countryOptions.find((i=>i.code===t.value))?.label:void 0,l=s?`${r}${a?`: ${a}`:""}`:r;return n("button",{type:"button",id:o?"control":void 0,part:"control",class:"bs-input__control bs-input__picker-trigger "+(s?"bs-input__country-select":e?"bs-input__title-select":""),role:"combobox","aria-haspopup":"listbox","aria-expanded":String(this.open),"aria-controls":"listbox","aria-activedescendant":this.open&&this.activeIndex>=0?`option-${this.activeIndex}`:void 0,"aria-label":l,"aria-describedby":o&&(this.error||this.description)?"description-or-error":void 0,"aria-invalid":o&&this.error?"true":void 0,"aria-required":o&&this.required?"true":void 0,disabled:this.disabled,onKeyDown:this.onPickerKeydown,onKeyUp:this.onPickerKeyup},s?t?.flag?this.renderFlag(t.flag):n("span",{class:"bs-input__picker-text"},t?.value):n("span",{class:"bs-input__picker-text"},t?t.label:this.placeholder))}renderPickerPopup(){return n("div",{part:"menu",class:"bs-input__combobox-popup bs-input__picker-popup"},n("ul",{id:"listbox",role:"listbox",class:"bs-input__listbox","aria-label":"initials"===this.type?this.titleLabel:"country"===this.type?this.countryLabel:this.label||this.ariaLabel||void 0},this.pickerItems.map(((i,t)=>{const s=i.value===this.pickerSelectedValue;return n("li",{key:i.value,id:`option-${t}`,part:"option",role:"option","aria-selected":String(s),class:`bs-input__option ${t===this.activeIndex?"bs-input__option--active":""} ${s?"bs-input__option--selected":""}`,onMouseDown:i=>i.preventDefault(),onClick:this.onPickerOptionClick(i)},i.flag&&this.renderFlag(i.flag),n("span",{class:"bs-input__option-label"},i.label),s&&n("svg",{class:"bs-input__option-check",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("path",{d:"M3 8.5L6.5 12L13 4.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})))}))))}renderSelectControl(){return[this.renderPickerTrigger(),this.renderSelectChevron()]}renderTextareaControl(){return n("textarea",{id:"control",part:"control",class:"bs-input__control bs-input__control--textarea",rows:this.rows,value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-describedby":this.error||this.description?"description-or-error":void 0,"aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,"aria-label":this.label?void 0:this.ariaLabel??void 0,onInput:this.onInput,onChange:this.onChange})}renderChipControl(){return n("div",{class:"bs-input__chips"},this.chips.map((i=>n("bs-chip-informative",{part:"chip",class:"bs-input__chip",size:"md",disabled:this.disabled},i,n("bs-icon-button",{part:"chip-remove",class:"bs-input__chip-remove",variant:"subtle",size:"xs",ariaLabel:`Remove ${i}`,disabled:this.disabled,onClick:this.onChipRemove(i)},n(d,null))))),n("input",{id:"control",part:"control",class:"bs-input__control bs-input__chip-input",type:"text",value:this.chipDraft,placeholder:this.placeholder,disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onChipDraftInput,onKeyDown:this.onChipDraftKeydown}))}renderInitialsField(){const i=this.disabled?"bs-input__field--disabled":"",t=this.error?"bs-input__field--error":"";return n("div",{class:"bs-input__initials-row"},n("div",{class:"bs-input__picker-wrap"},n("div",{part:"field",class:`bs-input__field bs-input__field--initials-title ${t} ${i}`,onClick:this.onPickerToggle},this.renderPickerTrigger(),this.renderSelectChevron()),this.open&&this.renderPickerPopup()),n("div",{part:"field",class:`bs-input__field bs-input__field--initials-value ${t} ${i}`},n("input",{id:"control",part:"control",class:"bs-input__control",type:"text",value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})))}renderCountryField(){const i=this.disabled?"bs-input__field--disabled":"",t=this.error?"bs-input__field--error":"";return n("div",{class:"bs-input__initials-row bs-input__country-row"},n("div",{class:"bs-input__picker-wrap"},n("div",{part:"field",class:`bs-input__field bs-input__field--country ${t} ${i}`,onClick:this.onPickerToggle},this.renderPickerTrigger(),this.renderSelectChevron()),this.open&&this.renderPickerPopup()),n("div",{part:"field",class:`bs-input__field bs-input__field--initials-value ${t} ${i}`},n("input",{id:"control",part:"control",class:"bs-input__control",type:"text",value:this.value,placeholder:this.placeholder,disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onInput,onChange:this.onChange})))}renderSelectChevron(){return n("svg",{class:"bs-input__select-chevron",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round","stroke-linejoin":"round"}))}renderControl(){switch(this.type){case"select":return this.renderSelectControl();case"textarea":return this.renderTextareaControl();case"chip":return this.renderChipControl();default:return this.renderStandardControl()}}onComboboxFieldClick=i=>{this.disabled||i.target.closest?.('[part="clear"]')||this.setOpen(!this.open)};renderComboboxPopup(){const i=this.visibleOptions;return n("div",{part:"menu",class:"bs-input__combobox-popup"},n("ul",{id:"listbox",role:"listbox",class:"bs-input__listbox","aria-label":this.label||this.ariaLabel||void 0},i.map(((i,t)=>n("li",{key:i.value,id:`option-${t}`,part:"option",role:"option","aria-selected":String(t===this.activeIndex),class:"bs-input__option "+(t===this.activeIndex?"bs-input__option--active":""),onMouseDown:i=>i.preventDefault(),onClick:()=>this.selectComboOption(i)},i.label)))),0===i.length&&n("div",{role:"status",class:"bs-input__listbox-status"},this.loading?this.loadingLabel:this.noResultsLabel))}renderField(){const i=["bs-input__field",this.error?"bs-input__field--error":"",this.disabled?"bs-input__field--disabled":"","textarea"===this.type?"bs-input__field--textarea":"","chip"===this.type?"bs-input__field--chip":""].filter(Boolean).join(" "),t="dropdown"===this.type;return n("div",{class:"bs-input__field-wrapper"},n("div",{part:"field",class:i,onClick:t?this.onDropdownToggle:"combobox"===this.type?this.onComboboxFieldClick:"select"===this.type?this.onPickerToggle:void 0,onKeyDown:t?this.onDropdownKeydown:void 0},n("span",{part:"icon",class:"bs-input__icon "+(this.showsIconArea?"bs-input__icon--visible":"")},this.renderIconContent()),this.renderControl(),n("span",{part:"end-icon",class:"bs-input__end-icon "+(this.showsEndIconArea?"bs-input__end-icon--visible":""),onClick:"date"===this.type?this.onDatePickerOpen:void 0},this.renderEndIconContent())),"combobox"===this.type&&this.open&&this.renderComboboxPopup(),"select"===this.type&&this.open&&this.renderPickerPopup(),t&&this.open&&this.options.length>0&&n("bs-menu",{part:"menu",class:"bs-input__dropdown-menu",role:"listbox"},this.options.map((i=>n("bs-menu-item",{key:i.value,onBsSelect:this.onDropdownOptionSelect(i)},i.label)))))}renderPinField(){return this.pinInputs=[],n("div",{part:"field",class:`bs-input__field bs-input__field--pin ${this.error?"bs-input__field--error":""} ${this.disabled?"bs-input__field--disabled":""}`},Array.from({length:this.length}).map(((i,t)=>n("input",{id:0===t?"control":void 0,ref:i=>this.pinInputs[t]=i,part:"control",class:"bs-input__pin-cell",type:"text",inputMode:"numeric",maxLength:1,value:this.value[t]??"",disabled:this.disabled,"aria-required":this.required?"true":void 0,onInput:this.onPinInput(t),onKeyDown:this.onPinKeydown(t)}))))}render(){return n("div",{key:"9eea22c2c7cbcbdcb2c37403b89c10efc145228d",class:"bs-input "+(this.error?"bs-input--error":"")},this.label&&n("label",{key:"cbd4e5f0cd8fb0f004f7bc9f7e0dc3433d25e8dc",part:"label",class:"bs-input__label",htmlFor:"control"},this.label,this.required&&n("span",{key:"bcd1fb8d607e87c204cb7d93506aa1c648478f34",part:"required",class:"bs-input__required","aria-hidden":"true"},"*")),"pin"===this.type?this.renderPinField():"initials"===this.type?this.renderInitialsField():"country"===this.type?this.renderCountryField():this.renderField(),this.error?n("span",{id:"description-or-error",part:"error",class:"bs-input__error"},n("svg",{part:"error-icon",class:"bs-input__error-icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},n("circle",{cx:"8",cy:"8",r:"6.5",stroke:"currentColor","stroke-width":"1.2"}),n("path",{d:"M8 5V8.5",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"}),n("circle",{cx:"8",cy:"11",r:"0.75",fill:"currentColor"})),this.error):this.description?n("span",{id:"description-or-error",part:"description",class:"bs-input__description"},this.description):null)}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{onFormStateChange:0}],type:[{onFormStateChange:0}],chips:[{onFormStateChange:0}],required:[{onFormStateChange:0}]}}static get style(){return":host{display:block;--bs-input-radius:var(--bs-border-radius-100);--bs-input-height:var(--bs-spacing-550);--bs-input-padding-x:var(--bs-spacing-150);--bs-input-padding-y:var(--bs-spacing-100);--bs-input-gap:var(--bs-spacing-200);--bs-input-icon-size:var(--bs-spacing-300);--bs-input-stack-gap:var(--bs-spacing-100);--bs-input-pin-gap:var(--bs-spacing-75);--bs-input-pin-cell-size:var(--bs-spacing-550);--bs-input-listbox-bg:var(--bs-surface-raised);--bs-input-listbox-shadow:var(--bs-shadow-sm);--bs-input-listbox-max-height:calc(var(--bs-spacing-600) * 5);--bs-input-picker-min-width:calc(var(--bs-spacing-600) * 4);--bs-input-option-bg-active:var(--bs-color-neutral-container-hover);--bs-input-error-icon-size:var(--bs-spacing-250);--bs-input-field-bg:var(--bs-input-bg-default);--bs-input-field-bg-disabled:var(--bs-input-bg-disabled);--bs-input-field-border:var(--bs-input-border-default);--bs-input-field-border-hover:var(--bs-input-border-hover);--bs-input-field-border-focus:var(--bs-input-border-focus);--bs-input-field-border-error:var(--bs-input-border-error);--bs-input-field-text:var(--bs-input-text);--bs-input-field-placeholder:var(--bs-input-placeholder);--bs-input-label-color:var(--bs-input-label);--bs-input-label-font-size:var(--bs-font-size-sm);--bs-input-label-font-weight:var(--bs-font-weight-medium);--bs-input-label-line-height:normal;--bs-input-description-color:var(--bs-input-description);--bs-input-error-color:var(--bs-input-error);--bs-input-icon-color:var(--bs-icon-muted);--bs-input-icon-color-error:var(--bs-input-icon-error);--bs-input-icon-color-disabled:var(--bs-input-icon-disabled);--bs-input-initials-title-width:80px;--bs-input-initials-gap:var(--bs-spacing-50)}.bs-input{display:flex;flex-direction:column;gap:var(--bs-input-stack-gap);font-family:inherit}.bs-input__label{font-size:var(--bs-input-label-font-size);font-weight:var(--bs-input-label-font-weight);line-height:var(--bs-input-label-line-height);color:var(--bs-input-label-color)}.bs-input__required{color:var(--bs-input-error-color);margin-inline-start:2px}.bs-input__field{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-input-gap);height:var(--bs-input-height);padding:var(--bs-input-padding-y) var(--bs-input-padding-x);border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg)}.bs-input__field:hover:not(.bs-input__field--disabled){border-color:var(--bs-input-field-border-hover)}.bs-input__field:focus-within{border-color:var(--bs-input-field-border-focus)}.bs-input__field--error{border-color:var(--bs-input-field-border-error)}.bs-input__field--disabled{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}.bs-input__control{flex:1;min-width:0;border:none;outline:none;padding:0;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__control::placeholder{color:var(--bs-input-field-placeholder)}.bs-input__control:disabled{color:var(--bs-input-text-disabled);cursor:not-allowed}.bs-input__control::-webkit-strong-password-auto-fill-button,.bs-input__control::-webkit-credentials-auto-fill-button{display:none !important;visibility:hidden;pointer-events:none;position:absolute;inset-inline-end:0}.bs-input__control::-webkit-textfield-decoration-container{visibility:hidden}.bs-input__control::-ms-reveal,.bs-input__control::-ms-clear{display:none}.bs-input--error .bs-input__label{color:var(--bs-input-label-color)}.bs-input__icon,.bs-input__end-icon{display:none;align-items:center;flex-shrink:0;color:var(--bs-input-icon-color)}.bs-input__icon--visible,.bs-input__end-icon--visible{display:flex}.bs-input__icon ::slotted(*),.bs-input__end-icon ::slotted(*){display:block;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--error .bs-input__icon,.bs-input__field--error .bs-input__end-icon{color:var(--bs-input-icon-color-error)}.bs-input__field--disabled .bs-input__icon,.bs-input__field--disabled .bs-input__end-icon{color:var(--bs-input-icon-color-disabled)}.bs-input__description{font-size:var(--bs-font-size-sm);color:var(--bs-input-description-color)}.bs-input__error{display:flex;align-items:center;gap:var(--bs-spacing-50);font-size:var(--bs-font-size-xs);color:var(--bs-input-error-color)}.bs-input__error-icon{flex-shrink:0;width:var(--bs-input-error-icon-size);height:var(--bs-input-error-icon-size)}.bs-input__field--textarea{height:auto;align-items:flex-start}.bs-input__control--textarea{resize:vertical}.bs-input__stepper{display:flex;flex-direction:column}.bs-input__stepper-btn{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size);display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer}.bs-input__stepper-btn:disabled{cursor:not-allowed}.bs-input__password-toggle{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__password-toggle:disabled{cursor:not-allowed}.bs-input__password-toggle svg{width:100%;height:100%}.bs-input__chevron{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field-wrapper{position:relative;width:100%}.bs-input__dropdown-menu{position:absolute;top:calc(100% + var(--bs-spacing-50));inset-inline-start:0;inset-inline-end:0;z-index:1}.bs-input__control::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.bs-input__calendar-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__calendar-btn:disabled{cursor:not-allowed}.bs-input__combobox-popup{position:absolute;top:calc(100% + var(--bs-spacing-50));inset-inline-start:0;inset-inline-end:0;z-index:1;box-sizing:border-box;background:var(--bs-input-listbox-bg);border-radius:var(--bs-input-radius);box-shadow:var(--bs-input-listbox-shadow);padding:var(--bs-spacing-50) 0}.bs-input__listbox{list-style:none;margin:0;padding:0;max-height:var(--bs-input-listbox-max-height);overflow-y:auto}.bs-input__option,.bs-input__listbox-status{padding:var(--bs-spacing-100) var(--bs-spacing-150);font-size:var(--bs-font-size-md);color:var(--bs-input-field-text)}.bs-input__option{cursor:pointer}.bs-input__option:hover,.bs-input__option--active{background:var(--bs-input-option-bg-active)}.bs-input__listbox-status{color:var(--bs-input-description-color)}.bs-input__clear{--bs-icon-button-size-xs:20px;--bs-icon-button-icon-size-xs:12px}.bs-input__end-icon{gap:var(--bs-spacing-50)}.bs-input__calendar{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__search-icon{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--chip{flex-wrap:wrap;height:auto;min-height:var(--bs-input-height)}.bs-input__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bs-spacing-100);flex:1;min-width:0}.bs-input__chip{--bs-chip-informative-padding-x-plain-side:var(--bs-spacing-150)}.bs-input__chip-remove{--bs-icon-button-size-xs:20px;--bs-icon-button-icon-size-xs:12px;margin-inline-end:calc(var(--bs-spacing-50) * -1)}.bs-input__chip-input{flex:1;min-width:60px}.bs-input__country-select{flex-shrink:0;width:auto;border:none;outline:none;background:transparent;color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit}.bs-input__title-select,.bs-input__country-select{appearance:none;-webkit-appearance:none;-moz-appearance:none}.bs-input__title-select::-ms-expand,.bs-input__country-select::-ms-expand{display:none}.bs-input__select-chevron{flex-shrink:0;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size);color:var(--bs-input-icon-color);pointer-events:none}.bs-input__field--disabled .bs-input__select-chevron{color:var(--bs-input-icon-color-disabled)}.bs-input__initials-row{display:flex;gap:var(--bs-input-initials-gap);width:100%}.bs-input__field--initials-title{flex:0 0 auto;width:var(--bs-input-initials-title-width);gap:var(--bs-spacing-50)}.bs-input__field--initials-title .bs-input__select-chevron{width:10px;height:10px}.bs-input__field--initials-value{flex:1;min-width:0}.bs-input__country-select{width:auto}.bs-input__field--pin{border:none;padding:0;background:transparent;gap:var(--bs-input-pin-gap)}.bs-input__pin-cell{box-sizing:border-box;width:var(--bs-input-pin-cell-size);height:var(--bs-input-pin-cell-size);text-align:center;border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg);color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit;outline:none}.bs-input__pin-cell:focus{border-color:var(--bs-input-field-border-focus)}.bs-input__field--pin.bs-input__field--disabled .bs-input__pin-cell{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}.bs-input__field--pin.bs-input__field--error .bs-input__pin-cell{border-color:var(--bs-input-field-border-error)}.bs-input__picker-trigger{display:flex;align-items:center;gap:var(--bs-spacing-100);height:100%;text-align:start;cursor:pointer}.bs-input__picker-trigger:disabled{cursor:not-allowed}.bs-input__picker-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs-input__picker-wrap{position:relative;flex:0 0 auto}.bs-input__field--country{flex:0 0 auto;width:auto;gap:var(--bs-spacing-50)}.bs-input__field--country .bs-input__control{flex:0 0 auto}.bs-input__field--country .bs-input__select-chevron{width:10px;height:10px}.bs-input__field--initials-title,.bs-input__field--country{cursor:pointer}.bs-input__field--disabled.bs-input__field--initials-title,.bs-input__field--disabled.bs-input__field--country{cursor:not-allowed}.bs-input__picker-popup{inset-inline-end:auto;min-width:max(100%, var(--bs-input-picker-min-width));z-index:2}.bs-input__flag{flex-shrink:0;line-height:1}.bs-input__flag--img{width:var(--bs-spacing-300);height:auto}.bs-input__option{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-input__option-label{flex:1;white-space:nowrap}.bs-input__option-check{display:none;flex-shrink:0;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__option--selected{font-weight:var(--bs-font-weight-medium)}.bs-input__option--selected .bs-input__option-check{display:block}@media (forced-colors: active){.bs-input__control{border:1px solid FieldText}.bs-input__control:focus-visible{outline:2px solid Highlight;outline-offset:2px}}"}},[849,"bs-input",{name:[513],value:[1025],showPasswordLabel:[1,"show-password-label"],hidePasswordLabel:[1,"hide-password-label"],incrementLabel:[1,"increment-label"],decrementLabel:[1,"decrement-label"],type:[1],label:[1],ariaLabel:[1,"aria-label"],placeholder:[1],description:[1],error:[1],disabled:[516],required:[4],step:[2],min:[2],max:[2],options:[16],rows:[2],chips:[16],titleOptions:[16],initialsTitle:[1025,"initials-title"],titleLabel:[1,"title-label"],countryOptions:[16],country:[1025],countryLabel:[1,"country-label"],length:[2],loading:[4],filterOptions:[4,"filter-options"],noResultsLabel:[1,"no-results-label"],loadingLabel:[1,"loading-label"],clearLabel:[1,"clear-label"],openPickerLabel:[1,"open-picker-label"],open:[1540],hasIcon:[32],hasEndIcon:[32],passwordVisible:[32],chipDraft:[32],activeIndex:[32],comboFiltering:[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"],[4,"click","onDocumentClick"]],{value:[{onFormStateChange:0}],type:[{onFormStateChange:0}],chips:[{onFormStateChange:0}],required:[{onFormStateChange:0}]}]),d=()=>n("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M18.75 5.25L5.25 18.75",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),n("path",{d:"M18.75 18.75L5.25 5.25",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}));function b(){"undefined"!=typeof customElements&&["bs-input","bs-chip-informative","bs-icon-button","bs-menu","bs-menu-item","bs-ripple","bs-spinner"].forEach((t=>{switch(t){case"bs-input":customElements.get(i(t))||customElements.define(i(t),c);break;case"bs-chip-informative":customElements.get(i(t))||o();break;case"bs-icon-button":customElements.get(i(t))||r();break;case"bs-menu":customElements.get(i(t))||a();break;case"bs-menu-item":customElements.get(i(t))||l();break;case"bs-ripple":customElements.get(i(t))||p();break;case"bs-spinner":customElements.get(i(t))||h()}}))}b();export{c as B,b as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as s,H as o,c as e,h as i}from"./p-CcAX4o5o.js";import{c as n,r as a,p}from"./p-BSt9HeTa.js";let r=0;const h=s(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsOpenChange=e(this,"bsOpenChange")}get el(){return this}open=!1;placement="bottom-start";bsOpenChange;popupId="bs-popover-"+ ++r;triggerSlot;closing=!1;popupEl;enterPending=!1;exitPending=!1;motionRun=0;needsFocusIn=!1;escaped=!1;onOpenChange(t){if(this.detach(),this.motionRun++,n(this.popupEl),t)this.closing=!1,this.enterPending=!0,document.addEventListener("click",this.onDocClick,!0),document.addEventListener("keydown",this.onKeyDown),window.addEventListener("resize",this.reposition),window.addEventListener("scroll",this.reposition,!0),this.needsFocusIn=!0;else{this.needsFocusIn=!1,this.popupEl&&!this.popupEl.hidden&&a(this.el,"bs-popover").ms>0?(this.closing=!0,this.exitPending=!0):this.el.setAttribute("data-placement",this.placement);const t=this.el.shadowRoot?.activeElement||document.activeElement,s=this.el.contains(document.activeElement)&&document.activeElement!==this.triggerSlot?.assignedElements()[0]&&!this.isInTrigger(document.activeElement);(this.escaped||s&&t)&&this.focusTrigger()}this.escaped=!1}onPlacementChange(){this.reposition()}componentWillLoad(){this.el.setAttribute("data-placement",this.placement)}offset(t){return`translateY(${(this.el.getAttribute("data-placement")??this.placement).startsWith("top")?t:-t}px)`}playEnter(){const{ms:t,easing:s,distance:o}=a(this.el,"bs-popover");0!==t&&p(this.popupEl,[{opacity:0,transform:this.offset(o)},{opacity:1,transform:"none"}],t,s)}playExit(){const{ms:t,easing:s,distance:o}=a(this.el,"bs-popover"),e=++this.motionRun;p(this.popupEl,[{opacity:1,transform:"none"},{opacity:0,transform:this.offset(o)}],t,s,"forwards").then((()=>{e===this.motionRun&&(this.closing=!1,this.el.setAttribute("data-placement",this.placement))}))}componentDidRender(){this.syncTriggerAria(),!this.open&&this.closing&&this.exitPending&&(this.exitPending=!1,this.playExit()),this.open&&(this.reposition(),this.enterPending&&(this.enterPending=!1,this.playEnter()),this.needsFocusIn&&(this.needsFocusIn=!1,this.focusPopup()))}isInTrigger(t){const s=this.triggerSlot?.assignedElements()??[];return!!t&&s.some((s=>s.contains(t)))}reposition=()=>{if(!this.open||!this.popupEl)return;const[t,s]=this.placement.split("-");this.el.setAttribute("data-placement",this.placement);const o=this.el.getBoundingClientRect(),e=this.popupEl.getBoundingClientRect(),i=window.innerHeight,n=window.innerWidth;let a=t,p=s;"bottom"===t&&e.bottom>i&&o.top>=e.height?a="top":"top"===t&&e.top<0&&i-o.bottom>=e.height&&(a="bottom"),"start"===s&&e.right>n&&o.right>=e.width?p="end":"end"===s&&e.left<0&&n-o.left>=e.width&&(p="start"),this.el.setAttribute("data-placement",`${a}-${p}`)};focusPopup(){const t='a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])',s=this.popupEl?.querySelector("slot"),o=s?.assignedElements({flatten:!0})??[];for(const s of o){const o=s.matches(t)?s:s.querySelector(t);if(o)return void o.focus()}this.popupEl?.focus()}disconnectedCallback(){this.detach()}componentDidLoad(){this.open&&this.onOpenChange(!0)}detach(){document.removeEventListener("click",this.onDocClick,!0),document.removeEventListener("keydown",this.onKeyDown),window.removeEventListener("resize",this.reposition),window.removeEventListener("scroll",this.reposition,!0)}setOpen(t){this.open!==t&&(this.open=t,this.bsOpenChange.emit(t))}syncTriggerAria=()=>{const t=this.triggerSlot?.assignedElements()[0];if(t)if(t.tagName.startsWith("BS-")){const s=t;s.ariaHasPopup||(s.ariaHasPopup="true"),s.ariaExpanded=String(this.open)}else t.hasAttribute("aria-haspopup")||t.setAttribute("aria-haspopup","true"),t.setAttribute("aria-expanded",String(this.open))};focusTrigger(){const t=this.triggerSlot?.assignedElements()[0];t?.focus()}onTriggerKeyDown=t=>{"ArrowDown"!==t.key||this.open||(t.preventDefault(),this.setOpen(!0))};onTriggerClick=()=>this.setOpen(!this.open);onDocClick=t=>{t.composedPath().includes(this.el)||this.setOpen(!1)};onKeyDown=t=>{"Escape"===t.key&&this.open&&(this.escaped=!0,this.setOpen(!1))};render(){return i("div",{key:"d69fccefc43e1fbf8a2e97dce079634b2113f988",class:"bs-popover"},i("div",{key:"b42473957daa2f3db84c59f6da2e391b8387df23",part:"trigger",class:"bs-popover__trigger",onClick:this.onTriggerClick,onKeyDown:this.onTriggerKeyDown},i("slot",{key:"899294fecb6b2912c3c4f8865893e62ba74cc4fb",name:"trigger",ref:t=>this.triggerSlot=t,onSlotchange:this.syncTriggerAria})),i("div",{key:"e1e6209b661a16954b9b61586624dea57efa2c08",part:"popup",id:this.popupId,class:"bs-popover__popup",tabindex:"-1",hidden:!this.open&&!this.closing,ref:t=>this.popupEl=t},i("slot",{key:"22e665b595f9dd2938919da88de45e0016f4a0e2"})))}static get watchers(){return{open:[{onOpenChange:0}],placement:[{onPlacementChange:0}]}}static get style(){return":host{display:inline-block;position:relative;--bs-popover-bg:var(--bs-surface-raised);--bs-popover-radius:var(--bs-border-radius-100);--bs-popover-shadow:var(--bs-shadow-md);--bs-popover-offset:var(--bs-spacing-100);--bs-popover-min-width:var(--bs-scale-1600);--bs-popover-z-index:var(--bs-z-index-popover);--bs-popover-duration:var(--bs-duration-fast);--bs-popover-easing:var(--bs-easing-standard);--bs-popover-distance:var(--bs-spacing-50)}.bs-popover__trigger{display:inline-block}.bs-popover__popup{position:absolute;z-index:var(--bs-popover-z-index);min-width:var(--bs-popover-min-width);background:var(--bs-popover-bg);border-radius:var(--bs-popover-radius);box-shadow:var(--bs-popover-shadow);top:calc(100% + var(--bs-popover-offset));left:0}.bs-popover__popup{outline:none}.bs-popover__popup[hidden]{display:none}:host([data-placement='bottom-start']) .bs-popover__popup{top:calc(100% + var(--bs-popover-offset));bottom:auto;left:0;right:auto}:host([data-placement='bottom-end']) .bs-popover__popup{top:calc(100% + var(--bs-popover-offset));bottom:auto;left:auto;right:0}:host([data-placement='top-start']) .bs-popover__popup{top:auto;left:0;right:auto;bottom:calc(100% + var(--bs-popover-offset))}:host([data-placement='top-end']) .bs-popover__popup{top:auto;left:auto;right:0;bottom:calc(100% + var(--bs-popover-offset))}"}},[769,"bs-popover",{open:[1540],placement:[513],closing:[32]},void 0,{open:[{onOpenChange:0}],placement:[{onPlacementChange:0}]}]);function c(){"undefined"!=typeof customElements&&["bs-popover"].forEach((s=>{"bs-popover"===s&&(customElements.get(t(s))||customElements.define(t(s),h))}))}c();export{h as B,c as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as s,c as a,h as n}from"./p-CcAX4o5o.js";import{d as r}from"./p-wscU7FUD.js";import{d as i}from"./p-
|
|
1
|
+
import{t as e,p as t,H as s,c as a,h as n}from"./p-CcAX4o5o.js";import{d as r}from"./p-wscU7FUD.js";import{d as i}from"./p-_zxYDrzi.js";import{d as b}from"./p-DaKBSL2O.js";const d=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsAction=a(this,"bsAction")}tag;tagColor="info";date;unread=!1;heading;headingLevel=3;description;actionLabel;divider=!1;unreadLabel="Unread";bsAction;hasImage=!1;render(){const e=Math.min(6,Math.max(1,Math.trunc(Number(this.headingLevel))||3));return n("div",{key:"b0baa810350e1d1ba94e195e5bb71568916648c1",class:"bs-whats-new-entry"},(this.tag||this.date||this.unread)&&n("div",{key:"f6aceea84fa2d8093fee7bf1f12e1a33d157773a",part:"meta",class:"bs-whats-new-entry__meta"},this.tag&&n("bs-chip-informative",{key:"5177b66addbdb1bc0a8896f14bfde2d165bdc22d",part:"tag",size:"sm",color:this.tagColor},this.tag),this.date&&n("span",{key:"bd9e2492cf9b78d808676211be29283a3853a5f1",part:"date",class:"bs-whats-new-entry__date"},this.date),this.unread&&n("span",{key:"2a99186b9ac53f76cf8e4e148971dd96bebc3339",part:"unread",class:"bs-whats-new-entry__unread"},n("span",{key:"777d53e3498d5b9ccc33b196ddefda132ec8966d",class:"bs-whats-new-entry__sr-only"},this.unreadLabel))),n("div",{key:"685ca45b3fa9677a29c6cfceb2f142bbd10aeaaa",part:"image",class:{"bs-whats-new-entry__image":!0,"bs-whats-new-entry__image--visible":this.hasImage}},n("slot",{key:"39cb638562151a700da6221de805d277fc38a912",name:"image",onSlotchange:e=>this.hasImage=e.target.assignedNodes().length>0})),n("div",{key:"6d93a6efef38d79e711772bd674812721d6c4036",class:"bs-whats-new-entry__content"},this.heading&&n(`h${e}`,{part:"heading",class:{"bs-whats-new-entry__heading":!0}},this.heading),this.description&&n("p",{key:"2178e908d195961d7af63f96483978a7727f2daa",part:"description",class:"bs-whats-new-entry__description"},this.description),this.actionLabel&&n("bs-button",{key:"1e63a9582f52578d4507b509b1cc31f85f29518f",part:"action",class:"bs-whats-new-entry__action",variant:"subtle",size:"sm",onClick:()=>this.bsAction.emit()},this.actionLabel,n("svg",{key:"5e81c66251de6ac1fadc34acfe38ba69296d1a80",slot:"end-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},n("path",{key:"4909c3ab738167ff9c4b43a4f3091c5ebc9708ee",d:"M5 12H19"}),n("path",{key:"e5316c0212c03d7fb576d99e4e823cc23b820d65",d:"M13 6L19 12L13 18"})))),this.divider&&n("div",{key:"77fa0ba2722d89185b6084c50526083e5ce0ddcb",part:"divider",class:"bs-whats-new-entry__divider"}))}static get style(){return":host{display:block;--bs-whats-new-entry-gap:var(--bs-spacing-100);--bs-whats-new-entry-color:var(--bs-text-default);--bs-whats-new-entry-color-secondary:var(--bs-text-secondary);--bs-whats-new-entry-unread:var(--bs-color-primary-default);--bs-whats-new-entry-image-bg:var(--bs-color-primary-container);--bs-whats-new-entry-image-height:140px;--bs-whats-new-entry-image-radius:var(--bs-border-radius-100);--bs-whats-new-entry-divider:var(--bs-border-default)}.bs-whats-new-entry{display:flex;flex-direction:column;gap:var(--bs-whats-new-entry-gap);color:var(--bs-whats-new-entry-color)}.bs-whats-new-entry p,.bs-whats-new-entry h1,.bs-whats-new-entry h2,.bs-whats-new-entry h3,.bs-whats-new-entry h4,.bs-whats-new-entry h5,.bs-whats-new-entry h6{margin:0}.bs-whats-new-entry__meta{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-whats-new-entry__date{color:var(--bs-whats-new-entry-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px;white-space:nowrap}.bs-whats-new-entry__unread{flex:none;width:8px;height:8px;border-radius:50%;background:var(--bs-whats-new-entry-unread)}.bs-whats-new-entry__sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bs-whats-new-entry__image{display:none;height:var(--bs-whats-new-entry-image-height);border-radius:var(--bs-whats-new-entry-image-radius);background:var(--bs-whats-new-entry-image-bg);overflow:hidden}.bs-whats-new-entry__image--visible{display:block}::slotted([slot='image']){display:block;width:100%;height:100%;object-fit:cover}.bs-whats-new-entry__content{display:flex;flex-direction:column;gap:var(--bs-spacing-100);align-items:flex-start}.bs-whats-new-entry__heading{align-self:stretch;font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-bold);line-height:20px}.bs-whats-new-entry__description{align-self:stretch;color:var(--bs-whats-new-entry-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-whats-new-entry__action{--bs-button-subtle-color:var(--bs-text-action);--bs-button-height-sm:var(--bs-spacing-400);--bs-button-padding-x-label-side:var(--bs-spacing-150);--bs-button-padding-x-icon-side:var(--bs-spacing-100)}.bs-whats-new-entry__action svg{width:20px;height:20px}.bs-whats-new-entry__divider{height:8px;background:linear-gradient(var(--bs-whats-new-entry-divider), var(--bs-whats-new-entry-divider)) center / 100% 1px no-repeat}"}},[769,"bs-whats-new-entry",{tag:[1],tagColor:[1,"tag-color"],date:[1],unread:[516],heading:[1],headingLevel:[2,"heading-level"],description:[1],actionLabel:[1,"action-label"],divider:[4],unreadLabel:[1,"unread-label"],hasImage:[32]}]);function o(){"undefined"!=typeof customElements&&["bs-whats-new-entry","bs-button","bs-chip-informative","bs-ripple"].forEach((t=>{switch(t){case"bs-whats-new-entry":customElements.get(e(t))||customElements.define(e(t),d);break;case"bs-button":customElements.get(e(t))||r();break;case"bs-chip-informative":customElements.get(e(t))||i();break;case"bs-ripple":customElements.get(e(t))||b()}}))}o();export{d as B,o as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as s,H as b,h as o}from"./p-CcAX4o5o.js";import{d as n}from"./p-
|
|
1
|
+
import{t as e,p as s,H as b,h as o}from"./p-CcAX4o5o.js";import{d as n}from"./p-_zxYDrzi.js";import{d as c}from"./p-Cz38kNDe.js";const a=s(class extends b{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}name;description;icon;badge;render(){const e=[o("bs-icon-tile",{key:"8190c2b054e8cde19db39aa704315673f42902e1",part:"icon",class:"bs-menu-block__icon",size:"md"},this.icon?o("span",{class:"bs-menu-block__glyph",style:{"--bs-menu-block-glyph":`url(${JSON.stringify(this.icon)})`}}):o("slot",null)),o("span",{key:"1ea5bb36e09e02be9c42496fdc4e0ff5f82fb39e",class:"bs-menu-block__text"},o("span",{key:"4b285a1380f7fd257b03a5cee0a57d7c82670622",class:"bs-menu-block__title"},o("span",{key:"6ad1444db9ce3fba93d841f5e0a365bdf22b33f7",part:"name",class:"bs-menu-block__name"},this.name),this.badge&&o("bs-chip-informative",{key:"514c1eac5779e91b1a2e6d52d24f47f329141d9b",part:"badge",class:"bs-menu-block__badge",color:"info",size:"sm"},this.badge)),this.description&&o("span",{key:"bcb1508304f1544a8b78bee9036d6be020efd451",part:"description",class:"bs-menu-block__description"},this.description))];return o("button",{key:"d87cc4926cd17e36ee6ae1295e6c38c19052f3aa",part:"container",class:"bs-menu-block",type:"button"},e)}static get style(){return":host{display:block;box-sizing:border-box;--bs-menu-block-padding:var(--bs-spacing-150);--bs-menu-block-gap:var(--bs-spacing-150);--bs-menu-block-radius:var(--bs-border-radius-100);--bs-menu-block-bg:transparent;--bs-menu-block-bg-hover:var(--bs-surface-hover);--bs-menu-block-bg-pressed:var(--bs-surface-pressed);--bs-menu-block-icon-bg:var(--bs-color-neutral-container);--bs-menu-block-color:var(--bs-text-default);--bs-menu-block-color-muted:var(--bs-text-secondary);--bs-menu-block-focus-ring:var(--bs-border-info);--bs-menu-block-white-space:nowrap}.bs-menu-block{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-menu-block-gap);width:100%;margin:0;padding:var(--bs-menu-block-padding);border:0;border-radius:var(--bs-menu-block-radius);background:var(--bs-menu-block-bg);color:var(--bs-menu-block-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;text-align:left;cursor:pointer}.bs-menu-block:hover,.bs-menu-block:active{--bs-menu-block-icon-bg:var(--bs-surface-base)}.bs-menu-block:hover,.bs-menu-block:focus-visible{background:var(--bs-menu-block-bg-hover)}.bs-menu-block:active{background:var(--bs-menu-block-bg-pressed)}.bs-menu-block:active .bs-menu-block__description{color:var(--bs-menu-block-color)}.bs-menu-block:focus-visible{outline:var(--bs-spacing-25) solid var(--bs-menu-block-focus-ring);outline-offset:0}.bs-menu-block__icon{--bs-icon-tile-bg:var(--bs-menu-block-icon-bg);--bs-icon-tile-color:var(--bs-icon-default)}.bs-menu-block__glyph{display:block;width:var(--bs-icon-tile-icon-size);height:var(--bs-icon-tile-icon-size);background:currentColor;-webkit-mask:var(--bs-menu-block-glyph) center / contain no-repeat;mask:var(--bs-menu-block-glyph) center / contain no-repeat}.bs-menu-block__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.bs-menu-block__title{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-menu-block__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:var(--bs-menu-block-white-space);font-size:var(--bs-fontsize-body-sm);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-line-height-body-sm) * 1px)}.bs-menu-block__badge{flex:none}.bs-menu-block__description{overflow:hidden;text-overflow:ellipsis;white-space:var(--bs-menu-block-white-space);color:var(--bs-menu-block-color-muted);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}"}},[769,"bs-menu-block",{name:[1],description:[1],icon:[1],badge:[1]}]);function i(){"undefined"!=typeof customElements&&["bs-menu-block","bs-chip-informative","bs-icon-tile"].forEach((s=>{switch(s){case"bs-menu-block":customElements.get(e(s))||customElements.define(e(s),a);break;case"bs-chip-informative":customElements.get(e(s))||n();break;case"bs-icon-tile":customElements.get(e(s))||c()}}))}i();export{a as B,i as d}
|