@brandsync/wc 1.19.0 → 1.20.0

package/dist/brandsync-wc/p-f4628861.entry.js

@@ -1 +0,0 @@
-import{r as a,h as s}from"./p-D3SkQJpw.js";const r=class{constructor(s){a(this,s)}type="icon";size="md";initials=null;src=null;alt=null;ariaLabel=null;disabled=!1;render(){const a=`bs-avatar bs-avatar--${this.type} bs-avatar--${this.size}`;return"image"===this.type?s("span",{part:"container",class:a},s("img",{part:"image",class:"bs-avatar__image",src:this.src??void 0,alt:this.alt??""})):s("span",{part:"container",class:a,role:"img","aria-label":this.ariaLabel??void 0},"initials"===this.type?s("span",{part:"initials",class:"bs-avatar__initials"},this.initials):s(t,null))}},t=()=>s("svg",{part:"icon",class:"bs-avatar__icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},s("circle",{cx:"12",cy:"8",r:"4",fill:"currentColor"}),s("path",{d:"M4 20.5C4 16.634 7.582 13.5 12 13.5C16.418 13.5 20 16.634 20 20.5",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}));r.style=":host{display:inline-flex;vertical-align:middle;--bs-avatar-size-xs:24px;--bs-avatar-size-sm:32px;--bs-avatar-size-md:44px;--bs-avatar-size-lg:64px;--bs-avatar-size-xl:96px;--bs-avatar-size-xxl:128px;--bs-avatar-radius:var(--bs-border-radius-full);--bs-avatar-border-width:var(--bs-border-width-thin);--bs-avatar-border-width-xxl:1.333px}.bs-avatar{box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--bs-avatar-radius);border:var(--bs-avatar-border-width) solid var(--bs-avatar-border-primary);background:var(--bs-avatar-bg-dafault);flex-shrink:0;user-select:none;-webkit-user-select:none}.bs-avatar--xs{width:var(--bs-avatar-size-xs);height:var(--bs-avatar-size-xs)}.bs-avatar--sm{width:var(--bs-avatar-size-sm);height:var(--bs-avatar-size-sm)}.bs-avatar--md{width:var(--bs-avatar-size-md);height:var(--bs-avatar-size-md)}.bs-avatar--lg{width:var(--bs-avatar-size-lg);height:var(--bs-avatar-size-lg)}.bs-avatar--xl{width:var(--bs-avatar-size-xl);height:var(--bs-avatar-size-xl)}.bs-avatar--xxl{width:var(--bs-avatar-size-xxl);height:var(--bs-avatar-size-xxl);border-width:var(--bs-avatar-border-width-xxl)}.bs-avatar__image{display:block;width:100%;height:100%;object-fit:cover}.bs-avatar__icon{width:60%;height:60%;color:var(--bs-avatar-icon-primary)}.bs-avatar__initials{color:var(--bs-avatar-text-default);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;font-weight:var(--bs-font-weight-medium);text-align:center;white-space:nowrap}.bs-avatar--xs .bs-avatar__initials,.bs-avatar--sm .bs-avatar__initials{font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-avatar--md .bs-avatar__initials{font-family:var(--bs-typography-font-family-heading, Roboto), sans-serif;font-weight:var(--bs-font-weight-bold);font-size:var(--bs-fontsize-heading-h6);line-height:calc(var(--bs-line-height-heading-h6) * 1px)}.bs-avatar--lg .bs-avatar__initials{font-size:var(--bs-fontsize-body-md);line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-avatar--xl .bs-avatar__initials,.bs-avatar--xxl .bs-avatar__initials{font-family:var(--bs-typography-font-family-heading, Roboto), sans-serif;font-weight:var(--bs-font-weight-bold);font-size:var(--bs-fontsize-heading-h4);line-height:calc(var(--bs-line-height-heading-h4) * 1px)}:host(:hover:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-hover);border-color:var(--bs-avatar-border-hover)}:host(:active:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-pressed);border-color:var(--bs-avatar-border-pressed)}:host(:focus-visible:not([disabled])){outline:none}:host(:focus-visible:not([disabled])) .bs-avatar{background:var(--bs-avatar-bg-focused);border-color:var(--bs-avatar-border-focused);box-shadow:0 0 0 3px var(--bs-avatar-border-focus)}:host([disabled]){opacity:0.5}";export{r as bs_avatar}

package/dist/brandsync-wc/p-f5e6fdf8.entry.js

@@ -1 +0,0 @@
-import{r as e,c as a,a as s,h as r}from"./p-D3SkQJpw.js";const o=class{constructor(s){e(this,s),this.bsCollapse=a(this,"bsCollapse")}get el(){return s(this)}heading="Sources";collapseLabel="Collapse sources";count;bsCollapse;slottedCount=0;onSlotchange=e=>{this.slottedCount=e.target.assignedElements().filter((e=>"bs-source-link"===e.tagName.toLowerCase())).length};onCollapseClick=()=>{this.bsCollapse.emit()};render(){const e=this.count??this.slottedCount;return r("div",{key:"3a1ada3b813ff876728dc3aaa97f083cca62e06d",class:"bs-chatbot-sources-drawer",role:"region","aria-label":this.heading},r("div",{key:"97a5b46ecd7e365f19b97d22e64dd5f8ccc321a9",class:"bs-chatbot-sources-drawer__header"},r("div",{key:"13da4c69fa4882f663bd0c50b7e076246b369f3b",class:"bs-chatbot-sources-drawer__title-group"},r("h2",{key:"cb709deaa389afca9f9f233772d00ceebf80c174",part:"heading",class:"bs-chatbot-sources-drawer__heading"},this.heading),e>0&&r("span",{key:"a195d6e2de3305d6c4c8866d1333f7554c7dc3b3",part:"count",class:"bs-chatbot-sources-drawer__count"},e)),r("button",{key:"02cfdf86c2a83a0abfdbe36dd6ef0aee416477ca",type:"button",part:"collapse",class:"bs-chatbot-sources-drawer__collapse","aria-label":this.collapseLabel,onClick:this.onCollapseClick},r("slot",{key:"ef4e483e4adb1a668401244d13eace6acf12023b",name:"collapse-icon"},r(t,{key:"ca9e17d19e935606e196253136151d81d8ab2566"})))),r("div",{key:"1fe136577e90fc5eb650d6e856923ed1dfa60112",part:"list",class:"bs-chatbot-sources-drawer__list"},r("slot",{key:"d5a5204ebbca3035e1ba6360168c36e17d89431a",onSlotchange:this.onSlotchange})))}},t=()=>r("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r("path",{d:"M7.5 4.375L13.125 10L7.5 15.625",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));o.style=":host{display:block;--bs-chatbot-sources-drawer-bg:var(--bs-surface-raised);--bs-chatbot-sources-drawer-header-shadow:var(--bs-shadow-xs);--bs-chatbot-sources-drawer-header-padding-x:var(--bs-spacing-200);--bs-chatbot-sources-drawer-header-padding-top:var(--bs-spacing-150);--bs-chatbot-sources-drawer-header-padding-bottom:var(--bs-spacing-100);--bs-chatbot-sources-drawer-heading-color:var(--bs-text-default);--bs-chatbot-sources-drawer-count-bg:var(--bs-badge-bg-neutral-container);--bs-chatbot-sources-drawer-count-color:var(--bs-badge-text-neutral);--bs-chatbot-sources-drawer-collapse-hover:var(--bs-surface-hover);--bs-chatbot-sources-drawer-section-gap:var(--bs-spacing-200);--bs-chatbot-sources-drawer-list-padding:var(--bs-spacing-200);--bs-chatbot-sources-drawer-list-gap:var(--bs-spacing-50)}.bs-chatbot-sources-drawer{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-chatbot-sources-drawer-section-gap);width:100%;height:100%;background:var(--bs-chatbot-sources-drawer-bg);font-family:inherit}.bs-chatbot-sources-drawer__header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:var(--bs-chatbot-sources-drawer-header-padding-top) var(--bs-chatbot-sources-drawer-header-padding-x) var(--bs-chatbot-sources-drawer-header-padding-bottom);box-shadow:var(--bs-chatbot-sources-drawer-header-shadow)}.bs-chatbot-sources-drawer__title-group{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-chatbot-sources-drawer__heading{margin:0;color:var(--bs-chatbot-sources-drawer-heading-color);font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-heading-h4) * 1px)}.bs-chatbot-sources-drawer__count{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:16px;max-width:34px;padding:var(--bs-spacing-50) var(--bs-spacing-100);background:var(--bs-chatbot-sources-drawer-count-bg);border-radius:var(--bs-border-radius-50);color:var(--bs-chatbot-sources-drawer-count-color);font-size:var(--bs-font-size-xs);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-chatbot-sources-drawer__collapse{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:var(--bs-border-radius-100);color:var(--bs-icon-default);cursor:pointer}.bs-chatbot-sources-drawer__collapse:hover{background:var(--bs-chatbot-sources-drawer-collapse-hover)}.bs-chatbot-sources-drawer__collapse:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:1px}.bs-chatbot-sources-drawer__list{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-chatbot-sources-drawer-list-gap);padding:0 var(--bs-chatbot-sources-drawer-list-padding) var(--bs-chatbot-sources-drawer-list-padding);overflow-y:auto}";export{o as bs_chatbot_sources_drawer}

package/dist/brandsync-wc/p-f93127e1.entry.js

@@ -1 +0,0 @@
-import{r as t,c as a,a as s,h as e}from"./p-D3SkQJpw.js";const b=class{constructor(s){t(this,s),this.bsSelect=a(this,"bsSelect")}get el(){return s(this)}selected=!1;disabled=!1;iconPosition="start";ariaLabel=null;value;tabbable;hasIcon=!1;hasLabel=!1;hasBadge=!1;bsSelect;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon"),this.hasLabel=this.hasSlottedContent(null),this.hasBadge=this.hasSlottedContent("badge")}hasSlottedContent(t){return Array.from(this.el.childNodes).some((a=>a.nodeType===Node.ELEMENT_NODE?a.getAttribute("slot")===t:null===t))}onIconSlotchange=t=>{this.hasIcon=t.target.assignedNodes().length>0};onLabelSlotchange=t=>{this.hasLabel=t.target.assignedNodes().length>0};onBadgeSlotchange=t=>{this.hasBadge=t.target.assignedNodes().length>0};onClick=()=>{this.disabled||this.bsSelect.emit()};render(){const t=this.hasIcon&&!this.hasLabel,a=this.hasIcon&&this.hasLabel&&"top"===this.iconPosition,s=this.hasBadge&&!t&&!a;return e("button",{key:"429e88b9d5240c88eccd55d73f1fd13dd918931c",type:"button",part:"tab",role:"tab",class:`bs-tab ${this.selected?"bs-tab--selected":""} ${this.disabled?"bs-tab--disabled":""} ${t?"bs-tab--icon-only":""} ${a?"bs-tab--vertical":""}`,disabled:this.disabled,"aria-selected":String(this.selected),"aria-disabled":this.disabled?"true":void 0,"aria-label":this.ariaLabel,tabIndex:void 0===this.tabbable?void 0:this.tabbable?0:-1,onClick:this.onClick},e("bs-ripple",{key:"f652c878d5ce6401b848977600648a9d17abd075",part:"ripple",centered:!1,disabled:this.disabled}),e("span",{key:"bf04470844364ec3600b1aa1ad933d4b11c7e0be",part:"icon",class:"bs-tab__icon "+(this.hasIcon?"bs-tab__icon--has-content":"")},e("slot",{key:"8eded138d47876050c0fd4051b8d602a1d60d107",name:"icon",onSlotchange:this.onIconSlotchange})),e("span",{key:"4e8d274150281ad1c770b903bec1f92b1ec1da44",part:"label",class:"bs-tab__label "+(this.hasLabel?"bs-tab__label--has-content":"")},e("slot",{key:"ff20a9b4917fdf7552f152d9bc89a28ca1391adc",onSlotchange:this.onLabelSlotchange})),e("span",{key:"ea55bb9b1bb8566125285b3621cd28f52d62ad9e",part:"badge",class:"bs-tab__badge "+(s?"bs-tab__badge--has-content":"")},e("slot",{key:"d3871776604036d6d0889f30edd566e2ed5c5339",name:"badge",onSlotchange:this.onBadgeSlotchange})),e("span",{key:"610cb54103452951824c47da54d6ad32602ec66d",part:"indicator",class:"bs-tab__indicator"}))}};b.style=":host{display:inline-block;--bs-tab-radius:var(--bs-border-radius-100);--bs-tab-padding-y:var(--bs-spacing-150);--bs-tab-padding-x:var(--bs-spacing-200);--bs-tab-gap:var(--bs-spacing-75);--bs-tab-gap-vertical:var(--bs-spacing-50);--bs-tab-color-default:var(--bs-text-muted);--bs-tab-icon-color-default:var(--bs-icon-muted);--bs-tab-color-hover:var(--bs-text-default);--bs-tab-icon-color-hover:var(--bs-icon-default);--bs-tab-indicator-hover:var(--bs-border-neutral-hover);--bs-tab-color-selected:var(--bs-color-primary-default);--bs-tab-color-selected-hover:var(--bs-color-primary-hover);--bs-tab-color-selected-pressed:var(--bs-color-primary-pressed);--bs-tab-indicator-selected:var(--bs-color-primary-default);--bs-tab-indicator-selected-hover:var(--bs-color-primary-hover);--bs-tab-indicator-selected-pressed:var(--bs-color-primary-pressed);--bs-tab-focus-ring-color:var(--bs-border-neutral-focus);--bs-tab-color-disabled:var(--bs-text-on-disabled);--bs-tab-icon-color-disabled:var(--bs-icon-disabled);--bs-tab-font-size:var(--bs-font-size-md);--bs-tab-line-height:var(--bs-line-height-body-md)}.bs-tab{box-sizing:border-box;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;border:none;cursor:pointer;background:transparent;color:var(--bs-tab-color-default);font-family:inherit;border-radius:var(--bs-tab-radius);padding:var(--bs-tab-padding-y) var(--bs-tab-padding-x);gap:var(--bs-tab-gap);transition:color var(--bs-duration-fast) var(--bs-easing-standard),     background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-tab--vertical{flex-direction:column;gap:var(--bs-tab-gap-vertical)}.bs-tab:focus-visible{outline:2px solid var(--bs-tab-focus-ring-color);outline-offset:2px}.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):hover,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):focus-visible,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):active{color:var(--bs-tab-color-hover)}.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):hover .bs-tab__icon,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):focus-visible .bs-tab__icon,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):active .bs-tab__icon{color:var(--bs-tab-icon-color-hover)}.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):hover .bs-tab__indicator,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):focus-visible .bs-tab__indicator,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):active .bs-tab__indicator{background:var(--bs-tab-indicator-hover)}.bs-tab--selected{color:var(--bs-tab-color-selected)}.bs-tab--selected .bs-tab__icon--has-content{color:var(--bs-tab-color-selected)}.bs-tab--selected .bs-tab__indicator{background:var(--bs-tab-indicator-selected)}.bs-tab--selected:not(.bs-tab--disabled):hover,.bs-tab--selected:not(.bs-tab--disabled):focus-visible{color:var(--bs-tab-color-selected-hover)}.bs-tab--selected:not(.bs-tab--disabled):hover .bs-tab__icon--has-content,.bs-tab--selected:not(.bs-tab--disabled):focus-visible .bs-tab__icon--has-content{color:var(--bs-tab-color-selected-hover)}.bs-tab--selected:not(.bs-tab--disabled):hover .bs-tab__indicator,.bs-tab--selected:not(.bs-tab--disabled):focus-visible .bs-tab__indicator{background:var(--bs-tab-indicator-selected-hover)}.bs-tab--selected:not(.bs-tab--disabled):active{color:var(--bs-tab-color-selected-pressed)}.bs-tab--selected:not(.bs-tab--disabled):active .bs-tab__icon--has-content{color:var(--bs-tab-color-selected-pressed)}.bs-tab--selected:not(.bs-tab--disabled):active .bs-tab__indicator{background:var(--bs-tab-indicator-selected-pressed)}.bs-tab--disabled{color:var(--bs-tab-color-disabled);cursor:not-allowed}.bs-tab--disabled .bs-tab__icon--has-content{color:var(--bs-tab-icon-color-disabled)}.bs-tab--disabled .bs-tab__indicator{background:transparent}.bs-tab__icon{display:none;width:24px;height:24px;flex-shrink:0;color:var(--bs-tab-icon-color-default)}.bs-tab__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-tab__icon ::slotted(svg){width:24px;height:24px}.bs-tab__label{display:none;font-size:var(--bs-tab-font-size);line-height:calc(var(--bs-tab-line-height) * 1px);white-space:nowrap}.bs-tab__label--has-content{display:inline-block}.bs-tab__badge{display:none}.bs-tab__badge--has-content{display:inline-flex;align-items:center}.bs-tab__indicator{position:absolute;inset-inline-start:var(--bs-tab-padding-x);inset-inline-end:var(--bs-tab-padding-x);bottom:0;height:2px;background:transparent;border-radius:var(--bs-border-radius-50, 2px)}";const i=class{constructor(s){t(this,s),this.bsChange=a(this,"bsChange")}get el(){return s(this)}type="bs-tab";orientation="horizontal";value;bsChange;onTabSelect(t){const a=this.tabs();a.forEach((a=>{a.selected=a===t.target})),this.syncRovingTabindex();const s=a.findIndex((a=>a===t.target));if(-1===s)return;const e=this.tabValue(a[s],s);e!==this.value&&(this.value=e,this.bsChange.emit({value:e}))}componentDidLoad(){if(void 0!==this.value)this.applyValue();else{const t=this.tabs(),a=t.findIndex((t=>t.selected));-1!==a&&(this.value=this.tabValue(t[a],a))}this.syncRovingTabindex()}tabValue(t,a){return t.value??String(a)}applyValue(){this.tabs().forEach(((t,a)=>{t.selected=this.tabValue(t,a)===this.value})),this.syncRovingTabindex()}onValueChange(){this.applyValue()}syncRovingTabindex(){const t=this.tabs(),a=t.some((t=>t.selected)),s=t.find((t=>!t.disabled));t.forEach((t=>{t.tabbable=a?t.selected:t===s}))}tabs(){return Array.from(this.el.querySelectorAll(":scope > bs-tab, :scope > bs-inline-tab"))}onKeyDown(t){const a="vertical"===this.orientation,s="rtl"===getComputedStyle(this.el).direction,e=a?"ArrowUp":s?"ArrowRight":"ArrowLeft",b=a?"ArrowDown":s?"ArrowLeft":"ArrowRight";if(![e,b,"Home","End"].includes(t.key))return;const i=this.tabs().filter((t=>!t.disabled)),n=i.findIndex((a=>a===t.target||a.contains(t.target)));if(-1===n||0===i.length)return;t.preventDefault();let r=n;r=t.key===b?(n+1)%i.length:t.key===e?(n-1+i.length)%i.length:"Home"===t.key?0:i.length-1;const o=i[r],d=o.shadowRoot?.querySelector("button");d?.focus(),d?.click()}render(){return e("div",{key:"a2aea116ff595f33d3d29bc37920f5596458f3d4",part:"tablist",role:"tablist","aria-orientation":this.orientation,class:`bs-tabs bs-tabs--${this.type} ${"vertical"===this.orientation?"bs-tabs--vertical":""}`},e("slot",{key:"16d36488b01cda28a2214152b2cbd76b0d8c045a",onSlotchange:()=>this.syncRovingTabindex()}))}static get watchers(){return{value:[{onValueChange:0}],orientation:[{syncRovingTabindex:0}]}}};i.style=":host{display:inline-block;--bs-tabs-tab-gap:var(--bs-spacing-100);--bs-tabs-inline-tab-bg:var(--bs-color-neutral-container);--bs-tabs-inline-tab-padding-x:var(--bs-spacing-50);--bs-tabs-inline-tab-radius:var(--bs-border-radius-full);--bs-tabs-inline-tab-gap:var(--bs-spacing-50)}.bs-tabs{display:inline-flex;align-items:center}.bs-tabs--vertical{display:flex;flex-direction:column;align-items:flex-start}.bs-tabs--bs-tab{gap:var(--bs-tabs-tab-gap)}.bs-tabs--bs-inline-tab{background:var(--bs-tabs-inline-tab-bg);padding:0 var(--bs-tabs-inline-tab-padding-x);border-radius:var(--bs-tabs-inline-tab-radius);gap:var(--bs-tabs-inline-tab-gap)}";const n=class{constructor(s){t(this,s),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 t=Math.min(6,Math.max(1,Math.trunc(Number(this.headingLevel))||3));return e("div",{key:"94bd61474a16e5bb5f139017903ccd2c7a00a29e",class:"bs-whats-new-entry"},(this.tag||this.date||this.unread)&&e("div",{key:"f19308efc7626e97d1f3b6200cc619f1c6cfef53",part:"meta",class:"bs-whats-new-entry__meta"},this.tag&&e("bs-chip-informative",{key:"f296dc3fe97ec2c88e56f08a4aa599326d8ab31f",part:"tag",size:"sm",color:this.tagColor},this.tag),this.date&&e("span",{key:"2182add62fff635204bc82fc7244a0c9e86f402c",part:"date",class:"bs-whats-new-entry__date"},this.date),this.unread&&e("span",{key:"d0d7fe472b04e36cebfce769b41b0ec0a03c1189",part:"unread",class:"bs-whats-new-entry__unread"},e("span",{key:"f0cecdf0217e1d37de21391aaed2ec9f8e84e2db",class:"bs-whats-new-entry__sr-only"},this.unreadLabel))),e("div",{key:"a91c74c0749d4c3e8753f0ae099db3527b4708bf",part:"image",class:{"bs-whats-new-entry__image":!0,"bs-whats-new-entry__image--visible":this.hasImage}},e("slot",{key:"27df8b523ae98ba0ae50bd351b71d33d33fcec79",name:"image",onSlotchange:t=>this.hasImage=t.target.assignedNodes().length>0})),e("div",{key:"0569d8579c03f7acabc42735c7698692cc8e0f7c",class:"bs-whats-new-entry__content"},this.heading&&e(`h${t}`,{part:"heading",class:{"bs-whats-new-entry__heading":!0}},this.heading),this.description&&e("p",{key:"b3044456157b53439ca1c1cb48974ec300a938de",part:"description",class:"bs-whats-new-entry__description"},this.description),this.actionLabel&&e("bs-button",{key:"d57c182eb2a655c1dbff70c97f5aa98327dbb03e",part:"action",class:"bs-whats-new-entry__action",variant:"subtle",size:"sm",onClick:()=>this.bsAction.emit()},this.actionLabel,e("svg",{key:"106945e585e6b38071a0041aa9ab56b48d47a517",slot:"end-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},e("path",{key:"b5a1586a5a2e2831191082d1818971d8c29a54b3",d:"M5 12H19"}),e("path",{key:"273362647cd1098d2d865c9249b3f416d924c54f",d:"M13 6L19 12L13 18"})))),this.divider&&e("div",{key:"29d89b64905a1e0bde5e43540602134fb972cc6a",part:"divider",class:"bs-whats-new-entry__divider"}))}};n.style=":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}";export{b as bs_tab,i as bs_tabs,n as bs_whats_new_entry}

package/dist/cjs/bs-input_3.cjs.entry.js

@@ -1,461 +0,0 @@
-'use strict';
-
-var index = require('./index-BYfMRtlW.js');
-
-const bsInputCss = () => `: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-50);--bs-input-error-icon-size:var(--bs-spacing-250);--bs-input-field-bg:var(--bs-input-bg-default);--bs-input-field-bg-disabled:var(--bs-input-bg-disabled);--bs-input-field-border:var(--bs-input-border-default);--bs-input-field-border-hover:var(--bs-input-border-hover);--bs-input-field-border-focus:var(--bs-input-border-focus);--bs-input-field-border-error:var(--bs-input-border-error);--bs-input-field-text:var(--bs-input-text);--bs-input-field-placeholder:var(--bs-input-placeholder);--bs-input-label-color:var(--bs-input-label);--bs-input-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-xs);color:var(--bs-input-description-color)}.bs-input__error{display:flex;align-items:center;gap:var(--bs-input-stack-gap);font-size:var(--bs-font-size-xs);color:var(--bs-input-error-color)}.bs-input__error-icon{flex-shrink:0;width:var(--bs-input-error-icon-size);height:var(--bs-input-error-icon-size)}.bs-input__field--textarea{height:auto;align-items:flex-start}.bs-input__control--textarea{resize:vertical}.bs-input__stepper{display:flex;flex-direction:column}.bs-input__stepper-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer}.bs-input__stepper-btn:disabled{cursor:not-allowed}.bs-input__password-toggle{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:0;cursor:pointer;width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__password-toggle:disabled{cursor:not-allowed}.bs-input__password-toggle svg{width:100%;height:100%}.bs-input__chevron{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field-wrapper{position:relative;width:100%}.bs-input__dropdown-menu{position:absolute;top:calc(100% + var(--bs-input-stack-gap));inset-inline-start:0;inset-inline-end:0;z-index:1}.bs-input__calendar{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__search-icon{width:var(--bs-input-icon-size);height:var(--bs-input-icon-size)}.bs-input__field--chip{flex-wrap:wrap;height:auto;min-height:var(--bs-input-height)}.bs-input__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bs-spacing-100);flex:1;min-width:0}.bs-input__chip{--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-gap)}.bs-input__pin-cell{box-sizing:border-box;width:var(--bs-input-height);height:var(--bs-input-height);text-align:center;border:1px solid var(--bs-input-field-border);border-radius:var(--bs-input-radius);background:var(--bs-input-field-bg);color:var(--bs-input-field-text);font-size:var(--bs-font-size-md);font-family:inherit;outline:none}.bs-input__pin-cell:focus{border-color:var(--bs-input-field-border-focus)}.bs-input__field--pin.bs-input__field--disabled .bs-input__pin-cell{background:var(--bs-input-field-bg-disabled);cursor:not-allowed}.bs-input__field--pin.bs-input__field--error .bs-input__pin-cell{border-color:var(--bs-input-field-border-error)}@media (forced-colors: active){.bs-input__control{border:1px solid FieldText}.bs-input__control:focus-visible{outline:2px solid Highlight;outline-offset:2px}}`;
-
-const BsInput = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.bsInput = index.createEvent(this, "bsInput");
-        this.bsChange = index.createEvent(this, "bsChange");
-        this.bsOpen = index.createEvent(this, "bsOpen");
-        this.bsChipAdd = index.createEvent(this, "bsChipAdd");
-        this.bsChipRemove = index.createEvent(this, "bsChipRemove");
-        this.bsTitleChange = index.createEvent(this, "bsTitleChange");
-        this.bsCountryChange = index.createEvent(this, "bsCountryChange");
-        if (hostRef.$hostElement$["s-ei"]) {
-            this.internals = hostRef.$hostElement$["s-ei"];
-        }
-        else {
-            this.internals = hostRef.$hostElement$.attachInternals();
-            hostRef.$hostElement$["s-ei"] = this.internals;
-        }
-    }
-    get el() { return index.getElement(this); }
-    internals;
-    initialValue = '';
-    /** The `name` the value is submitted under in a surrounding `<form>`'s `FormData`. */
-    name;
-    /** Current value. Native `input`/`change` events don't cross the Shadow DOM boundary, so this
-     * component re-dispatches them as `bsInput`/`bsChange` custom events instead. Mutable so the
-     * `number` type's stepper buttons can update it directly. */
-    value = '';
-    /** Accessible name of the password toggle while the password is hidden. */
-    showPasswordLabel = 'Show password';
-    /** Accessible name of the password toggle while the password is visible. */
-    hidePasswordLabel = 'Hide password';
-    /** Accessible name of the number stepper's increment button. */
-    incrementLabel = 'Increment';
-    /** Accessible name of the number stepper's decrement button. */
-    decrementLabel = 'Decrement';
-    type = 'text';
-    label;
-    placeholder;
-    description;
-    error;
-    disabled = false;
-    /** Marks the field as required: renders a red `*` after the label and sets `aria-required="true"`
-     * on the control. Applies regardless of `type`. */
-    required = false;
-    /** Step size for `type="number"`'s increment/decrement stepper buttons. */
-    step = 1;
-    /** Minimum value for `type="number"`'s stepper buttons. */
-    min;
-    /** Maximum value for `type="number"`'s stepper buttons. */
-    max;
-    /** Options for `type="select"` (rendered as native `<option>`s) and `type="dropdown"` (rendered
-     * as a `bs-menu` of `bs-menu-item`s when `open`). Must be set as a JS property, not an HTML
-     * attribute -- see CONVENTIONS.md's non-string props rule. */
-    options = [];
-    /** Number of visible rows for `type="textarea"`. */
-    rows = 3;
-    /** Current chips for `type="chip"`. Must be set as a JS property, not an HTML attribute -- see
-     * CONVENTIONS.md's non-string props rule. */
-    chips = [];
-    /** Title select options for `type="initials"` (e.g. `['Mrs.', 'Mr.', 'Dr.']`). Must be set as a
-     * JS property, not an HTML attribute -- see CONVENTIONS.md's non-string props rule. */
-    titleOptions = [];
-    /** Current selected title for `type="initials"`. Named `initialsTitle` rather than `title` --
-     * `title` is a reserved standard HTML attribute (tooltip text) inherited by every element, and
-     * Stencil warns against shadowing it with a component `@Prop`. */
-    initialsTitle = '';
-    /** Country select options for `type="country"`. Must be set as a JS property, not an HTML
-     * attribute -- see CONVENTIONS.md's non-string props rule. */
-    countryOptions = [];
-    /** Current selected country code for `type="country"`. */
-    country = '';
-    /** Number of cells for `type="pin"`. */
-    length = 4;
-    /** Whether the `type="dropdown"` trigger is open. Reflects to an attribute so consumers can style
-     * an open state via CSS. When `options` is non-empty, this also controls whether the `bs-menu`
-     * of `bs-menu-item`s is rendered below the field. */
-    open = false;
-    bsInput;
-    bsChange;
-    /** Emitted when `type="dropdown"`'s trigger is toggled. See `open`'s doc comment for this type's
-     * shell-only limitation. */
-    bsOpen;
-    /** Emitted when a chip is committed (Enter pressed in the draft input) for `type="chip"`. */
-    bsChipAdd;
-    /** Emitted when a chip's remove button is clicked for `type="chip"`. */
-    bsChipRemove;
-    /** Emitted when the title `<select>` changes for `type="initials"`. */
-    bsTitleChange;
-    /** Emitted when the country `<select>` changes for `type="country"`. */
-    bsCountryChange;
-    /** Tracks whether the `icon` slot has assigned content, so the leading icon wrapper only takes
-     * up space in the field when there's actually an icon (same pattern as `bs-button`). */
-    hasIcon = false;
-    /** Tracks whether the `end-icon` slot has assigned content, so the trailing icon wrapper only
-     * takes up space in the field when there's actually a trailing icon. */
-    hasEndIcon = false;
-    /** Whether `type="password"`'s native input is currently rendered as `type="text"` (revealed). The
-     * `type` prop itself stays `'password'` -- this only toggles the rendered native input's type. */
-    passwordVisible = false;
-    /** Draft text for `type="chip"`'s trailing input, committed to a chip on Enter. */
-    chipDraft = '';
-    pinInputs = [];
-    /** Computes the initial `hasIcon`/`hasEndIcon` state directly from the host's light DOM
-     * children, before first render -- see `bs-button`'s `componentWillLoad` for why `slotchange`
-     * alone isn't enough for a slot that starts (and stays) empty. */
-    componentWillLoad() {
-        this.initialValue = this.value;
-        this.syncFormValue();
-        this.hasIcon = this.hasSlottedContent('icon');
-        this.hasEndIcon = this.hasSlottedContent('end-icon');
-    }
-    onFormStateChange() {
-        this.syncFormValue();
-    }
-    /** Pushes the current value + validity to the surrounding form. `chip` submits one entry per
-     * chip under `name`; every other type submits `value` as a single string. */
-    syncFormValue() {
-        if (!this.internals?.setFormValue)
-            return;
-        if (this.type === 'chip' && this.name) {
-            const data = new FormData();
-            this.chips.forEach(c => data.append(this.name, c));
-            this.internals.setFormValue(data);
-        }
-        else {
-            this.internals.setFormValue(this.value ?? '');
-        }
-        const empty = this.type === 'chip' ? this.chips.length === 0 : !this.value;
-        if (this.required && empty) {
-            this.internals.setValidity({ valueMissing: true }, 'Please fill out this field.');
-        }
-        else {
-            this.internals.setValidity({});
-        }
-    }
-    /** Called by the browser when the surrounding `<form>` is reset. */
-    formResetCallback() {
-        this.value = this.initialValue;
-    }
-    /** Called when the browser restores form state (back/forward navigation, autofill). */
-    formStateRestoreCallback(state) {
-        if (typeof state === 'string')
-            this.value = state;
-    }
-    hasSlottedContent(slotName) {
-        return Array.from(this.el.childNodes).some(node => node.nodeType === Node.ELEMENT_NODE && node.getAttribute('slot') === slotName);
-    }
-    onIconSlotchange = (ev) => {
-        this.hasIcon = ev.target.assignedNodes().length > 0;
-    };
-    onEndIconSlotchange = (ev) => {
-        this.hasEndIcon = ev.target.assignedNodes().length > 0;
-    };
-    onInput = (ev) => {
-        const value = ev.target.value;
-        this.value = value;
-        this.bsInput.emit(value);
-    };
-    onChange = (ev) => {
-        const value = ev.target.value;
-        this.value = value;
-        this.bsChange.emit(value);
-    };
-    clampNumber(n) {
-        if (this.min !== undefined && n < this.min)
-            n = this.min;
-        if (this.max !== undefined && n > this.max)
-            n = this.max;
-        return n;
-    }
-    onStepperIncrement = () => {
-        if (this.disabled)
-            return;
-        const next = this.clampNumber((parseFloat(this.value) || 0) + this.step);
-        this.value = String(next);
-        this.bsChange.emit(this.value);
-    };
-    onStepperDecrement = () => {
-        if (this.disabled)
-            return;
-        const next = this.clampNumber((parseFloat(this.value) || 0) - this.step);
-        this.value = String(next);
-        this.bsChange.emit(this.value);
-    };
-    onTogglePasswordVisibility = () => {
-        this.passwordVisible = !this.passwordVisible;
-    };
-    onDropdownToggle = () => {
-        if (this.disabled)
-            return;
-        this.open = !this.open;
-        this.bsOpen.emit(this.open);
-    };
-    onDropdownKeydown = (ev) => {
-        if (ev.key === 'Enter' || ev.key === ' ') {
-            ev.preventDefault();
-            this.onDropdownToggle();
-        }
-    };
-    onDropdownOptionSelect = (option) => () => {
-        this.value = option.label;
-        this.open = false;
-        this.bsChange.emit(this.value);
-    };
-    /** Closes the `type="dropdown"` menu on Escape, from anywhere within the component (host is the
-     * default @Listen target, and both keydown from the native control and from `bs-menu-item`
-     * buttons bubble/compose up to it). */
-    onHostKeydown(ev) {
-        if (this.type === 'dropdown' && this.open && ev.key === 'Escape') {
-            this.open = false;
-        }
-    }
-    /** Closes the `type="dropdown"` menu once focus leaves the component entirely (e.g. Tab away, or
-     * a click outside that moves focus elsewhere) -- `focusout` is composed, so it bubbles across
-     * the `bs-menu-item` shadow boundary too. */
-    onHostFocusOut(ev) {
-        if (this.type !== 'dropdown' || !this.open)
-            return;
-        const related = ev.relatedTarget;
-        if (!related || !this.el.contains(related)) {
-            this.open = false;
-        }
-    }
-    onChipDraftInput = (ev) => {
-        this.chipDraft = ev.target.value;
-    };
-    onChipDraftKeydown = (ev) => {
-        if (ev.key === 'Enter') {
-            ev.preventDefault();
-            const value = this.chipDraft.trim();
-            if (value) {
-                this.bsChipAdd.emit(value);
-                this.chipDraft = '';
-            }
-        }
-    };
-    onChipRemove = (chip) => () => {
-        this.bsChipRemove.emit(chip);
-    };
-    onTitleChange = (ev) => {
-        this.bsTitleChange.emit(ev.target.value);
-    };
-    onCountryChange = (ev) => {
-        this.bsCountryChange.emit(ev.target.value);
-    };
-    onPinInput = (index) => (ev) => {
-        const input = ev.target;
-        let value = input.value;
-        if (value.length > 1) {
-            value = value.slice(-1);
-            input.value = value;
-        }
-        if (value && index < this.length - 1) {
-            this.pinInputs[index + 1]?.focus();
-        }
-        this.value = this.pinInputs.map(i => i?.value ?? '').join('');
-        this.bsChange.emit(this.value);
-    };
-    onPinKeydown = (index) => (ev) => {
-        if (ev.key === 'Backspace' && !ev.target.value && index > 0) {
-            this.pinInputs[index - 1]?.focus();
-        }
-    };
-    get showsEndIconArea() {
-        return (this.type === 'number' || this.type === 'password' || this.type === 'dropdown' || this.type === 'date' || this.hasEndIcon);
-    }
-    get showsIconArea() {
-        return (this.type === 'search' && !this.hasIcon) || this.hasIcon;
-    }
-    renderIconContent() {
-        if (this.type === 'search' && !this.hasIcon) {
-            return (index.h("svg", { class: "bs-input__search-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("circle", { cx: "7", cy: "7", r: "5", stroke: "currentColor", "stroke-width": "1.3" }), index.h("path", { d: "M11 11L14.5 14.5", stroke: "currentColor", "stroke-width": "1.3", "stroke-linecap": "round" })));
-        }
-        return index.h("slot", { name: "icon", onSlotchange: this.onIconSlotchange });
-    }
-    renderEndIconContent() {
-        if (this.type === 'number') {
-            return (index.h("span", { class: "bs-input__stepper" }, index.h("button", { type: "button", part: "control", class: "bs-input__stepper-btn", "aria-label": this.incrementLabel, tabIndex: -1, disabled: this.disabled, onClick: this.onStepperIncrement }, index.h("svg", { viewBox: "0 0 10 6", width: "10", height: "6", "aria-hidden": "true" }, index.h("path", { d: "M1 5L5 1L9 5", stroke: "currentColor", "stroke-width": "1.3", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("button", { type: "button", part: "control", class: "bs-input__stepper-btn", "aria-label": this.decrementLabel, tabIndex: -1, disabled: this.disabled, onClick: this.onStepperDecrement }, index.h("svg", { viewBox: "0 0 10 6", width: "10", height: "6", "aria-hidden": "true" }, index.h("path", { d: "M1 1L5 5L9 1", stroke: "currentColor", "stroke-width": "1.3", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
-        }
-        if (this.type === 'password') {
-            return (index.h("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 ? (index.h("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("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" }), index.h("circle", { cx: "8", cy: "8", r: "2", stroke: "currentColor", "stroke-width": "1.2" }), index.h("path", { d: "M2 2L14 14", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round" }))) : (index.h("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("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" }), index.h("circle", { cx: "8", cy: "8", r: "2", stroke: "currentColor", "stroke-width": "1.2" })))));
-        }
-        if (this.type === 'dropdown') {
-            return (index.h("svg", { class: "bs-input__chevron", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "1.3", "stroke-linecap": "round", "stroke-linejoin": "round" })));
-        }
-        if (this.type === 'date' && !this.hasEndIcon) {
-            return (index.h("svg", { class: "bs-input__calendar", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("rect", { x: "2", y: "3", width: "12", height: "11", rx: "1", stroke: "currentColor", "stroke-width": "1.2" }), index.h("path", { d: "M2 6.5H14", stroke: "currentColor", "stroke-width": "1.2" }), index.h("path", { d: "M5 1.5V4M11 1.5V4", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round" })));
-        }
-        return index.h("slot", { name: "end-icon", onSlotchange: this.onEndIconSlotchange });
-    }
-    renderStandardControl() {
-        const nativeType = this.type === 'password' ? (this.passwordVisible ? 'text' : 'password') : this.type === 'dropdown' ? 'text' : this.type;
-        return (index.h("input", { id: "control", part: "control", class: "bs-input__control", type: nativeType, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.type === 'dropdown',
-            // The popup state belongs on the focusable control (a roleless wrapper div can't carry
-            // aria-haspopup/aria-expanded -- axe's aria-allowed-attr flags it).
-            role: this.type === 'dropdown' ? 'combobox' : undefined, "aria-haspopup": this.type === 'dropdown' ? 'listbox' : undefined, "aria-expanded": this.type === 'dropdown' ? String(this.open) : undefined, min: this.type === 'number' ? this.min : undefined, max: this.type === 'number' ? this.max : undefined, step: this.type === 'number' ? this.step : undefined, "aria-describedby": this.error || this.description ? 'description-or-error' : undefined, "aria-invalid": this.error ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, onInput: this.onInput, onChange: this.onChange }));
-    }
-    renderSelectControl() {
-        return (index.h("select", { id: "control", part: "control", class: "bs-input__control", disabled: this.disabled, "aria-describedby": this.error || this.description ? 'description-or-error' : undefined, "aria-invalid": this.error ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, onInput: this.onInput, onChange: this.onChange }, this.options.map(opt => (index.h("option", { value: opt.value, selected: opt.value === this.value }, opt.label)))));
-    }
-    renderTextareaControl() {
-        return (index.h("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' : undefined, "aria-invalid": this.error ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, onInput: this.onInput, onChange: this.onChange }));
-    }
-    renderChipControl() {
-        return (index.h("div", { class: "bs-input__chips" }, this.chips.map(chip => (index.h("bs-chip-informative", { part: "chip", class: "bs-input__chip", size: "sm", disabled: this.disabled }, chip, index.h("bs-icon-button", { part: "chip-remove", class: "bs-input__chip-remove", variant: "subtle", size: "xs", ariaLabel: `Remove ${chip}`, disabled: this.disabled, onClick: this.onChipRemove(chip) }, index.h(ChipRemoveIcon, null))))), index.h("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' : undefined, onInput: this.onChipDraftInput, onKeyDown: this.onChipDraftKeydown })));
-    }
-    // type="initials" renders two genuinely separate bordered boxes side by side (each with its own
-    // border/radius/background, a small gap between them), not one shared field wrapper -- Figma
-    // node 10306:101047 specs this as two independent "Base Input" containers, unlike every other
-    // composite type in this file (`country` included) which shares one field box across its
-    // sub-controls. Bypasses renderField()/renderControl() entirely for this reason, the same way
-    // `pin` already does with its own renderPinField().
-    renderInitialsField() {
-        const disabledClass = this.disabled ? 'bs-input__field--disabled' : '';
-        return (index.h("div", { class: "bs-input__initials-row" }, index.h("div", { part: "field", class: `bs-input__field bs-input__field--initials-title ${this.error ? 'bs-input__field--error' : ''} ${disabledClass}` }, index.h("select", { part: "control", class: "bs-input__control bs-input__title-select", disabled: this.disabled, onChange: this.onTitleChange }, this.titleOptions.map(opt => (index.h("option", { value: opt, selected: opt === this.initialsTitle }, opt)))), this.renderSelectChevron()), index.h("div", { part: "field", class: `bs-input__field bs-input__field--initials-value ${this.error ? 'bs-input__field--error' : ''} ${disabledClass}` }, index.h("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' : undefined, onInput: this.onInput, onChange: this.onChange }))));
-    }
-    /* Both the initials title <select> and the country <select> have their native OS arrow
-       suppressed (appearance: none in CSS) in favor of this single chevron-down, matching
-       type="dropdown"'s own chevron -- native rendering varies by OS/browser (e.g. an up+down
-       double arrow on some platforms), which this replaces with one consistent icon. */
-    renderSelectChevron() {
-        return (index.h("svg", { class: "bs-input__select-chevron", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "1.3", "stroke-linecap": "round", "stroke-linejoin": "round" })));
-    }
-    renderCountryControl() {
-        return [
-            index.h("select", { part: "control", class: "bs-input__control bs-input__country-select", disabled: this.disabled, onChange: this.onCountryChange }, this.countryOptions.map(opt => (index.h("option", { value: opt.code, selected: opt.code === this.country }, opt.flagIcon ? `${opt.flagIcon} ` : '', opt.code, " ", opt.label)))),
-            this.renderSelectChevron(),
-            index.h("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' : undefined, onInput: this.onInput, onChange: this.onChange }),
-        ];
-    }
-    renderControl() {
-        switch (this.type) {
-            case 'select':
-                return this.renderSelectControl();
-            case 'textarea':
-                return this.renderTextareaControl();
-            case 'chip':
-                return this.renderChipControl();
-            case 'country':
-                return this.renderCountryControl();
-            default:
-                return this.renderStandardControl();
-        }
-    }
-    renderField() {
-        const fieldClasses = [
-            'bs-input__field',
-            this.error ? 'bs-input__field--error' : '',
-            this.disabled ? 'bs-input__field--disabled' : '',
-            this.type === 'textarea' ? 'bs-input__field--textarea' : '',
-            this.type === 'chip' ? 'bs-input__field--chip' : '',
-        ]
-            .filter(Boolean)
-            .join(' ');
-        const isDropdown = this.type === 'dropdown';
-        return (index.h("div", { class: "bs-input__field-wrapper" }, index.h("div", { part: "field", class: fieldClasses, onClick: isDropdown ? this.onDropdownToggle : undefined, onKeyDown: isDropdown ? this.onDropdownKeydown : undefined }, index.h("span", { part: "icon", class: `bs-input__icon ${this.showsIconArea ? 'bs-input__icon--visible' : ''}` }, this.renderIconContent()), this.renderControl(), index.h("span", { part: "end-icon", class: `bs-input__end-icon ${this.showsEndIconArea ? 'bs-input__end-icon--visible' : ''}` }, this.renderEndIconContent())), isDropdown && this.open && this.options.length > 0 && (index.h("bs-menu", { part: "menu", class: "bs-input__dropdown-menu", role: "listbox" }, this.options.map(option => (index.h("bs-menu-item", { key: option.value, onBsSelect: this.onDropdownOptionSelect(option) }, option.label)))))));
-    }
-    renderPinField() {
-        this.pinInputs = [];
-        const errorClass = this.error ? 'bs-input__field--error' : '';
-        const disabledClass = this.disabled ? 'bs-input__field--disabled' : '';
-        return (index.h("div", { part: "field", class: `bs-input__field bs-input__field--pin ${errorClass} ${disabledClass}` }, Array.from({ length: this.length }).map((_, i) => (index.h("input", { id: i === 0 ? 'control' : undefined, ref: el => (this.pinInputs[i] = el), part: "control", class: "bs-input__pin-cell", type: "text", inputMode: "numeric", maxLength: 1, value: this.value[i] ?? '', disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, onInput: this.onPinInput(i), onKeyDown: this.onPinKeydown(i) })))));
-    }
-    render() {
-        return (index.h("div", { key: 'a462df7f8f0e0a78a90cadb6453cbccd120e9baf', class: `bs-input ${this.error ? 'bs-input--error' : ''}` }, this.label && (
-        // "control" is a fixed id, not a generated one -- safe because Shadow DOM scopes ids
-        // to this instance's own shadow root, so it can never collide with another bs-input.
-        index.h("label", { key: '7aebd73c573b3fb1b26ea0ca0959db890073d9f5', part: "label", class: "bs-input__label", htmlFor: "control" }, this.label, this.required && (index.h("span", { key: '40bb309ab983fbccd797e878aa78e612e65c6b56', part: "required", class: "bs-input__required", "aria-hidden": "true" }, "*")))), this.type === 'pin' ? this.renderPinField() : this.type === 'initials' ? this.renderInitialsField() : this.renderField(), this.error ? (index.h("span", { id: "description-or-error", part: "error", class: "bs-input__error" }, index.h("svg", { part: "error-icon", class: "bs-input__error-icon", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, index.h("circle", { cx: "8", cy: "8", r: "6.5", stroke: "currentColor", "stroke-width": "1.2" }), index.h("path", { d: "M8 5V8.5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round" }), index.h("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })), this.error)) : this.description ? (index.h("span", { id: "description-or-error", part: "description", class: "bs-input__description" }, this.description)) : null));
-    }
-    static get delegatesFocus() { return true; }
-    static get formAssociated() { return true; }
-    static get watchers() { return {
-        "value": [{
-                "onFormStateChange": 0
-            }],
-        "type": [{
-                "onFormStateChange": 0
-            }],
-        "chips": [{
-                "onFormStateChange": 0
-            }],
-        "required": [{
-                "onFormStateChange": 0
-            }]
-    }; }
-};
-const ChipRemoveIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M18.75 5.25L5.25 18.75", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M18.75 18.75L5.25 5.25", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
-BsInput.style = bsInputCss();
-
-const bsMenuCss = () => `:host{display:block;--bs-menu-bg:var(--bs-surface-raised);--bs-menu-radius:var(--bs-border-radius-100);--bs-menu-padding-y:var(--bs-spacing-50);--bs-menu-gap:var(--bs-spacing-50);--bs-menu-shadow:var(--bs-shadow-sm)}.bs-menu{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-menu-gap);background:var(--bs-menu-bg);border-radius:var(--bs-menu-radius);padding:var(--bs-menu-padding-y) 0;box-shadow:var(--bs-menu-shadow);font-family:inherit}@media (forced-colors: active){.bs-menu{border:1px solid CanvasText}}`;
-
-const BsMenu = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    get el() { return index.getElement(this); }
-    /** WAI-ARIA menu pattern: Up/Down move focus between enabled items (wrapping), Home/End jump
-     * to the first/last. Items are the slotted `bs-menu-item` children. */
-    onKeyDown(ev) {
-        if (!['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(ev.key))
-            return;
-        const items = Array.from(this.el.querySelectorAll('bs-menu-item')).filter(i => !i.disabled);
-        if (items.length === 0)
-            return;
-        const current = items.findIndex(i => i === ev.target || i.contains(ev.target));
-        ev.preventDefault();
-        let next;
-        if (ev.key === 'Home')
-            next = 0;
-        else if (ev.key === 'End')
-            next = items.length - 1;
-        else if (ev.key === 'ArrowDown')
-            next = current === -1 ? 0 : (current + 1) % items.length;
-        else
-            next = current === -1 ? items.length - 1 : (current - 1 + items.length) % items.length;
-        items[next].shadowRoot?.querySelector('button')?.focus();
-    }
-    render() {
-        return (index.h("div", { key: 'b6cc3be6f6df9dab73a50bc0c398ec48e9c81c04', part: "list", class: "bs-menu", role: "menu" }, index.h("slot", { key: 'ee7a51748f40144e04f9deac9117b175e9cc2f3d' })));
-    }
-};
-BsMenu.style = bsMenuCss();
-
-const bsMenuItemCss = () => `:host{display:block;--bs-menu-item-radius:var(--bs-border-radius-100);--bs-menu-item-padding-y:var(--bs-spacing-100);--bs-menu-item-padding-x:var(--bs-spacing-150);--bs-menu-item-gap:var(--bs-spacing-100);--bs-menu-item-hover:var(--bs-color-neutral-container-hover);--bs-menu-item-pressed:var(--bs-color-neutral-container-pressed);--bs-menu-item-disabled-bg:var(--bs-surface-action-disabled);--bs-menu-item-icon-color:var(--bs-icon-default);--bs-menu-item-icon-color-disabled:var(--bs-icon-disabled);--bs-menu-item-color:var(--bs-text-muted);--bs-menu-item-color-disabled:var(--bs-text-on-disabled);--bs-menu-item-font-size:var(--bs-font-size-md);--bs-menu-item-line-height:var(--bs-line-height-body-md)}.bs-menu-item{position:relative;box-sizing:border-box;display:flex;align-items:center;width:100%;height:48px;border:none;cursor:pointer;background:transparent;color:var(--bs-menu-item-color);font-family:inherit;border-radius:var(--bs-menu-item-radius);padding:var(--bs-menu-item-padding-y) var(--bs-menu-item-padding-x);gap:var(--bs-menu-item-gap);transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-menu-item:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-menu-item:hover{background:var(--bs-menu-item-hover)}.bs-menu-item:active{background:var(--bs-menu-item-pressed)}.bs-menu-item--disabled{background:var(--bs-menu-item-disabled-bg);color:var(--bs-menu-item-color-disabled);cursor:not-allowed}.bs-menu-item--disabled:hover,.bs-menu-item--disabled:active{background:var(--bs-menu-item-disabled-bg)}.bs-menu-item--disabled .bs-menu-item__icon{color:var(--bs-menu-item-icon-color-disabled)}.bs-menu-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:var(--bs-menu-item-icon-color)}.bs-menu-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-menu-item__icon ::slotted(svg){width:24px;height:24px}.bs-menu-item__label{font-size:var(--bs-menu-item-font-size);line-height:calc(var(--bs-menu-item-line-height) * 1px);white-space:nowrap}`;
-
-const BsMenuItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.bsSelect = index.createEvent(this, "bsSelect");
-    }
-    /** Disables the item: no hover/pressed/focus styling, no pointer cursor, not reachable by
-     * keyboard tabbing, and clicking it does not emit `bsSelect`. */
-    disabled = false;
-    /** Tracks whether the `icon` slot has assigned content, so the icon wrapper (and its gap) only
-     * renders when there's actually an icon to show. */
-    hasIcon = false;
-    /** Fires when the item is clicked. */
-    bsSelect;
-    onIconSlotchange = (ev) => {
-        this.hasIcon = ev.target.assignedNodes().length > 0;
-    };
-    onClick = () => {
-        if (this.disabled)
-            return;
-        this.bsSelect.emit();
-    };
-    render() {
-        return (index.h("button", { key: 'a6022e318de72f62cf5b4be5c924d472221b4cff', type: "button", part: "item", role: "menuitem", class: `bs-menu-item ${this.disabled ? 'bs-menu-item--disabled' : ''}`, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.onClick }, index.h("bs-ripple", { key: '5c330b32fb6450c9015ea5549ec522bbab0a3ac0', part: "ripple", centered: false, disabled: this.disabled }), index.h("span", { key: '16fece8c1363813f05410e120be8bdee4281ccfa', part: "icon", class: `bs-menu-item__icon ${this.hasIcon ? 'bs-menu-item__icon--has-content' : ''}` }, index.h("slot", { key: 'e8ceb7834a709543718dd0145d753fb186a74489', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: '7ddb04608737ffeb097bebcdb5c00f825e058b9f', part: "label", class: "bs-menu-item__label" }, index.h("slot", { key: 'd24f52e58bfb3629ba8512e17e41844ad0b3baab' }))));
-    }
-};
-BsMenuItem.style = bsMenuItemCss();
-
-exports.bs_input = BsInput;
-exports.bs_menu = BsMenu;
-exports.bs_menu_item = BsMenuItem;

package/dist/cjs/bs-spinner.cjs.entry.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var index = require('./index-BYfMRtlW.js');
-
-const bsSpinnerCss = () => `:host{display:inline-block;vertical-align:middle;--bs-spinner-size-xs:var(--bs-spacing-200);--bs-spinner-size-sm:var(--bs-spacing-250);--bs-spinner-size-md:var(--bs-spacing-300);--bs-spinner-color:currentColor;--bs-spinner-track-opacity:0.25;--bs-spinner-duration:0.8s}.bs-spinner{display:inline-flex;width:1em;height:1em;color:inherit}.bs-spinner--xs{width:var(--bs-spinner-size-xs);height:var(--bs-spinner-size-xs)}.bs-spinner--sm{width:var(--bs-spinner-size-sm);height:var(--bs-spinner-size-sm)}.bs-spinner--md{width:var(--bs-spinner-size-md);height:var(--bs-spinner-size-md)}.bs-spinner__svg{width:100%;height:100%;animation:bs-spinner-spin var(--bs-spinner-duration) linear infinite}.bs-spinner__track{stroke:var(--bs-spinner-color);opacity:var(--bs-spinner-track-opacity)}.bs-spinner__arc{stroke:var(--bs-spinner-color)}@keyframes bs-spinner-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.bs-spinner__svg{animation-duration:calc(var(--bs-spinner-duration) * 4)}}`;
-
-const BsSpinner = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    /** `xs`/`sm`/`md` use fixed token sizes; `inherit` (default) is `1em`, following the font size. */
-    size = 'inherit';
-    /** Accessible name (e.g. "Loading"). When set, the spinner gets `role="status"` and this
-     * `aria-label`; when omitted it is `aria-hidden="true"` (use it next to visible text that already
-     * says what is happening). */
-    label;
-    render() {
-        const hasLabel = !!this.label;
-        return (index.h("span", { key: '17b3ac21aefe35279e52717c529bcba6d2ae7b75', part: "container", class: `bs-spinner bs-spinner--${this.size}`, role: hasLabel ? 'status' : undefined, "aria-label": hasLabel ? this.label : undefined, "aria-hidden": hasLabel ? undefined : 'true' }, index.h("svg", { key: '8ca1165795b8fadb7ea3c3c8228fc6f24d3ce3b2', part: "svg", class: "bs-spinner__svg", viewBox: "0 0 24 24", fill: "none", focusable: "false" }, index.h("circle", { key: '07d9b05e6e6f11e742bdbeea99e7f31322696363', class: "bs-spinner__track", cx: "12", cy: "12", r: "9", "stroke-width": "3" }), index.h("path", { key: '83d83f51d3c89cc3997950ff94e4911c6d1c0748', class: "bs-spinner__arc", d: "M12 3a9 9 0 0 1 9 9", "stroke-width": "3", "stroke-linecap": "round" }))));
-    }
-};
-BsSpinner.style = bsSpinnerCss();
-
-exports.bs_spinner = BsSpinner;