@brandsync/wc 1.14.0 → 1.16.0

package/dist/components/bs-message.js

@@ -1 +1 @@
-import{t as s,p as e,H as a,h as t}from"./p-B2gx7SZk.js";import{d as r}from"./p-DvNED6Lb.js";const b=e(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}role="assistant";timestamp;datetime;status="default";render(){return t("div",{key:"76e0e1d307de73bca97c5a79b3ff607278311d3e",class:"bs-message","aria-busy":"pending"===this.status?"true":void 0},t("div",{key:"00c91e1ab7a3cf9e81401e36b50b331c0d7d2735",part:"avatar",class:"bs-message__avatar"},t("slot",{key:"a3b0577cbafcd699ecf37c3299757f76e88cd572",name:"avatar"})),t("div",{key:"10b3dc86e24ae0860fffccedb5aaa9fed78f44c5",class:"bs-message__column"},t("bs-card",{key:"3a88a28a5e9cb9898562860daf576b4280a8e601",part:"container",class:"bs-message__bubble",surface:"base"},t("div",{key:"95a9c8394c55789cbf7a976b16466d7a9593fae6",part:"content",class:"bs-message__content"},t("slot",{key:"81c214388b65904f4e15bfae23ddbc34ed35e267"}))),t("div",{key:"27768ab59923180c6f31f7bce893fefa11c967d1",part:"footer",class:"bs-message__footer"},t("slot",{key:"606f025032c40e01c2490b1d18441c1d2557beac",name:"footer"})),t("div",{key:"79acf174363c391a37ca1907ececf87c9c1cdb45",part:"timestamp",class:"bs-message__timestamp"},t("slot",{key:"08060d46ea218a3c9315bd2fc89165c605e54ddd",name:"timestamp"},this.timestamp&&t("time",{key:"a9829bf9725b3c41eb5032427822a2d6fbb2cb6f",dateTime:this.datetime},this.timestamp)))))}static get style(){return":host{display:block;--bs-message-gap:var(--bs-spacing-100);--bs-message-max-width:80%;--bs-message-padding:var(--bs-spacing-150);--bs-message-radius:var(--bs-border-radius-150);--bs-message-user-bg:var(--bs-color-primary-container);--bs-message-user-color:var(--bs-text-default);--bs-message-assistant-bg:var(--bs-color-neutral-container);--bs-message-assistant-color:var(--bs-text-default);--bs-message-error-bg:var(--bs-color-error-container);--bs-message-error-color:var(--bs-text-error);--bs-message-pending-opacity:0.6;--bs-message-timestamp-color:var(--bs-text-secondary);--bs-message-timestamp-font-size:var(--bs-font-size-xs)}.bs-message{display:flex;align-items:flex-start;gap:var(--bs-message-gap)}:host([role='user']) .bs-message{flex-direction:row-reverse}.bs-message__avatar{flex-shrink:0}.bs-message__column{display:flex;flex-direction:column;gap:var(--bs-spacing-50);min-width:0;max-width:var(--bs-message-max-width);align-items:flex-start}:host([role='user']) .bs-message__column{align-items:flex-end}.bs-message__bubble{--bs-card-bg:var(--bs-message-assistant-bg);--bs-card-radius:var(--bs-message-radius);--bs-card-padding:var(--bs-message-padding);--bs-card-shadow:none;color:var(--bs-message-assistant-color)}:host([role='user']) .bs-message__bubble{--bs-card-bg:var(--bs-message-user-bg);color:var(--bs-message-user-color)}:host([status='error']) .bs-message__bubble{--bs-card-bg:var(--bs-message-error-bg);color:var(--bs-message-error-color)}:host([status='pending']) .bs-message__bubble{opacity:var(--bs-message-pending-opacity)}.bs-message__content{overflow-wrap:anywhere;font-size:var(--bs-font-size-md);line-height:var(--bs-line-height-normal)}.bs-message__timestamp{color:var(--bs-message-timestamp-color);font-size:var(--bs-message-timestamp-font-size);line-height:var(--bs-line-height-normal)}"}},[769,"bs-message",{role:[513],timestamp:[1],datetime:[1],status:[513]}]);function c(){"undefined"!=typeof customElements&&["bs-message","bs-card"].forEach((e=>{switch(e){case"bs-message":customElements.get(s(e))||customElements.define(s(e),b);break;case"bs-card":customElements.get(s(e))||r()}}))}c();const o=b,m=c;export{o as BsMessage,m as defineCustomElement}
+import{t as s,p as e,H as a,h as t}from"./p-B2gx7SZk.js";import{d as r}from"./p-DvNED6Lb.js";const b=e(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}role="assistant";timestamp;datetime;status="default";render(){return t("div",{key:"ca6cc1e08eca207f6aa9ff8f6dcf469f43935e82",class:"bs-message","aria-busy":"pending"===this.status?"true":void 0},t("div",{key:"4ca4239579648f898b88d39c73ec79d06afd1111",part:"avatar",class:"bs-message__avatar"},t("slot",{key:"e0fee937ebe6fb105a45b4f24ceee6c14fa3c5a1",name:"avatar"})),t("div",{key:"396fbeec6646fcae8c0b442cf15930450760b44c",class:"bs-message__column"},t("bs-card",{key:"c39915eda480acbdc8d463e3ef709cd76843d6fa",part:"container",class:"bs-message__bubble",surface:"base"},t("div",{key:"54f53b103dbef163bd7afe903ceac965bc5fb881",part:"content",class:"bs-message__content"},t("slot",{key:"6b4bb7918c443e38e3ac2e409e4207e11a071cb2"}))),t("div",{key:"a1145d6701c160117fc0309647f9026abe454573",part:"footer",class:"bs-message__footer"},t("slot",{key:"9c93b91f4748756b8ce07df059c1d9bed4928e21",name:"footer"})),t("div",{key:"26da0cad53e92d380bcfeef12ad61200f015d3a1",part:"timestamp",class:"bs-message__timestamp"},t("slot",{key:"c61bfb5fd138227897260a95bdcc9355e0668f86",name:"timestamp"},this.timestamp&&t("time",{key:"0e1a0c48657683613e9f02bd126a79471e6e9d2d",dateTime:this.datetime},this.timestamp)))))}static get style(){return":host{display:block;--bs-message-gap:var(--bs-spacing-100);--bs-message-max-width:80%;--bs-message-padding:var(--bs-spacing-150);--bs-message-radius:var(--bs-border-radius-150);--bs-message-user-bg:var(--bs-color-primary-container);--bs-message-user-color:var(--bs-text-default);--bs-message-assistant-bg:var(--bs-color-neutral-container);--bs-message-assistant-color:var(--bs-text-default);--bs-message-error-bg:var(--bs-color-error-container);--bs-message-error-color:var(--bs-text-error);--bs-message-pending-opacity:0.6;--bs-message-timestamp-color:var(--bs-text-secondary);--bs-message-timestamp-font-size:var(--bs-font-size-xs)}.bs-message{display:flex;align-items:flex-start;gap:var(--bs-message-gap)}:host([role='user']) .bs-message{flex-direction:row-reverse}.bs-message__avatar{flex-shrink:0}.bs-message__column{display:flex;flex-direction:column;gap:var(--bs-spacing-50);min-width:0;max-width:var(--bs-message-max-width);align-items:flex-start}:host([role='user']) .bs-message__column{align-items:flex-end}.bs-message__bubble{--bs-card-bg:var(--bs-message-assistant-bg);--bs-card-radius:var(--bs-message-radius);--bs-card-padding:var(--bs-message-padding);--bs-card-shadow:none;color:var(--bs-message-assistant-color)}:host([role='user']) .bs-message__bubble{--bs-card-bg:var(--bs-message-user-bg);color:var(--bs-message-user-color)}:host([status='error']) .bs-message__bubble{--bs-card-bg:var(--bs-message-error-bg);color:var(--bs-message-error-color)}:host([status='pending']) .bs-message__bubble{opacity:var(--bs-message-pending-opacity)}.bs-message__content{overflow-wrap:anywhere;font-size:var(--bs-font-size-md);line-height:var(--bs-line-height-normal)}.bs-message__timestamp{color:var(--bs-message-timestamp-color);font-size:var(--bs-message-timestamp-font-size);line-height:var(--bs-line-height-normal)}"}},[769,"bs-message",{role:[513],timestamp:[1],datetime:[1],status:[513]}]);function o(){"undefined"!=typeof customElements&&["bs-message","bs-card"].forEach((e=>{switch(e){case"bs-message":customElements.get(s(e))||customElements.define(s(e),b);break;case"bs-card":customElements.get(s(e))||r()}}))}o();const c=b,m=o;export{c as BsMessage,m as defineCustomElement}

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

@@ -1 +1 @@
-import{t as e,p as a,H as i,c as t,h as n}from"./p-B2gx7SZk.js";const r=a(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsSelect=t(this,"bsSelect"),this.bsToggle=t(this,"bsToggle")}get el(){return this}selected=!1;expandable=!1;expanded=!1;nested=!1;ariaLabel=null;collapsed=!1;bsSelect;bsToggle;hasIcon=!1;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon")}hasSlottedContent(e){return Array.from(this.el.childNodes).some((a=>a.nodeType===Node.ELEMENT_NODE&&a.getAttribute("slot")===e))}onIconSlotchange=e=>{this.hasIcon=e.target.assignedNodes().length>0};onClick=()=>{this.expandable?(this.expanded=!this.expanded,this.bsToggle.emit(this.expanded)):this.bsSelect.emit()};render(){const e=["bs-navigation-drawer-item",this.selected&&!this.expandable?"bs-navigation-drawer-item--selected":"",this.nested?"bs-navigation-drawer-item--nested":""].filter(Boolean).join(" ");return n("div",{key:"1cb752ce9bcf0960e864906fbf70d6627b8352eb",class:"bs-navigation-drawer-item__root"},n("button",{key:"e7ff152d751f4f8333c48b3ba4bbed10a9bcbb4b",type:"button",part:"item",class:e,"aria-expanded":this.expandable?this.expanded+"":void 0,"aria-label":this.ariaLabel??void 0,onClick:this.onClick},!this.nested&&n("span",{key:"91b0139bc50e6bb9dc51b30de3e0a365e3e5658b",part:"icon",class:"bs-navigation-drawer-item__icon "+(this.hasIcon?"bs-navigation-drawer-item__icon--has-content":"")},n("slot",{key:"cc6be4568c6e10e82412f0d9beba110e53715257",name:"icon",onSlotchange:this.onIconSlotchange})),n("span",{key:"95e319ebf4799f86e1eb686c849ced443a6507ae",part:"label",class:"bs-navigation-drawer-item__label"},n("slot",{key:"c2e4554f7117620100c569b6d2da2c45df9baf33"})),this.expandable&&n("span",{key:"c262c787a9db3c6453bbfb2082c0e1677d443de4",part:"chevron",class:"bs-navigation-drawer-item__chevron "+(this.expanded?"bs-navigation-drawer-item__chevron--expanded":"")},n(s,{key:"7ad34ca909681f60d6c920e9304b4e653e9bbfe9"}))),this.expandable&&n("span",{key:"497d8bd4f5d2d6b03a748099ea332074f4446497",part:"children",class:"bs-navigation-drawer-item__children"},n("slot",{key:"87c4b0489b654453eb9338f2d9b52b933366908c",name:"children"})))}static get style(){return":host{display:block;--bs-navigation-drawer-item-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-radius:var(--bs-border-radius-100);--bs-navigation-drawer-item-padding-y:var(--bs-spacing-150);--bs-navigation-drawer-item-padding-x:var(--bs-spacing-100);--bs-navigation-drawer-item-padding-left-nested:var(--bs-spacing-600);--bs-navigation-drawer-item-font-weight:var(--bs-font-weight-medium);--bs-navigation-drawer-item-font-size:var(--bs-font-size-md);--bs-navigation-drawer-item-line-height:var(--bs-line-height-body-md);--bs-navigation-drawer-item-color:var(--bs-text-muted);--bs-navigation-drawer-item-color-selected:var(--bs-text-default);--bs-navigation-drawer-item-color-hover:var(--bs-text-secondary);--bs-navigation-drawer-item-bg-selected:var(--bs-surface-selected);--bs-navigation-drawer-item-bg-hover:var(--bs-surface-hover);--bs-navigation-drawer-item-bg-pressed:var(--bs-surface-pressed);--bs-navigation-drawer-item-bg-focus:var(--bs-surface-focus);--bs-navigation-drawer-item-bg-selected-hover:var(--bs-surface-selected-hover);--bs-navigation-drawer-item-bg-selected-pressed:var(--bs-surface-selected-pressed);--bs-navigation-drawer-item-bg-selected-focus:var(--bs-surface-selected-focus);--bs-navigation-drawer-item-focus-ring-color:var(--bs-border-neutral-focus);--bs-navigation-drawer-item-children-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-padding:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-icon-padding-x:var(--bs-spacing-300);--bs-navigation-drawer-item-collapsed-icon-padding-y:var(--bs-spacing-50);--bs-navigation-drawer-item-collapsed-font-size:var(--bs-fontsize-caption-sm);--bs-navigation-drawer-item-collapsed-line-height:var(--bs-line-height-caption-sm)}.bs-navigation-drawer-item__root{display:contents}.bs-navigation-drawer-item{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:var(--bs-navigation-drawer-item-gap);border:none;border-radius:var(--bs-navigation-drawer-item-radius);padding:var(--bs-navigation-drawer-item-padding-y) var(--bs-navigation-drawer-item-padding-x);background:transparent;color:var(--bs-navigation-drawer-item-color);font-family:inherit;font-weight:var(--bs-navigation-drawer-item-font-weight);font-size:var(--bs-navigation-drawer-item-font-size);line-height:calc(var(--bs-navigation-drawer-item-line-height) * 1px);text-align:left;cursor:pointer;transition:color var(--bs-duration-fast) var(--bs-easing-standard),     background-color var(--bs-duration-fast) var(--bs-easing-standard)}:host(:not([collapsed])) .bs-navigation-drawer-item:hover:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-hover);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:active:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-pressed);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:focus-visible:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-focus);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:hover{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:active{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:focus-visible{background:var(--bs-navigation-drawer-item-bg-selected-focus)}.bs-navigation-drawer-item:focus-visible{outline:2px solid var(--bs-navigation-drawer-item-focus-ring-color);outline-offset:-2px}.bs-navigation-drawer-item--nested{padding-left:var(--bs-navigation-drawer-item-padding-left-nested)}.bs-navigation-drawer-item--selected{background:var(--bs-navigation-drawer-item-bg-selected);color:var(--bs-navigation-drawer-item-color-selected)}.bs-navigation-drawer-item--selected .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-selected)}:host([collapsed]) .bs-navigation-drawer-item{flex-direction:column;justify-content:center;gap:var(--bs-navigation-drawer-item-collapsed-gap);padding:var(--bs-navigation-drawer-item-collapsed-padding);background:transparent}.bs-navigation-drawer-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-navigation-drawer-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-navigation-drawer-item__icon ::slotted(svg){width:24px;height:24px}:host([collapsed]) .bs-navigation-drawer-item__icon--has-content{padding:var(--bs-navigation-drawer-item-collapsed-icon-padding-y) var(--bs-navigation-drawer-item-collapsed-icon-padding-x);border-radius:var(--bs-navigation-drawer-item-radius)}:host([collapsed][selected]) .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-hover)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-pressed)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-focus)}:host([collapsed][selected]) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host([collapsed][selected]) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host([collapsed][selected]) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-focus)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-hover)}.bs-navigation-drawer-item__label{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer-item__label{flex:none;width:100%;text-align:center;font-size:var(--bs-navigation-drawer-item-collapsed-font-size);line-height:calc(var(--bs-navigation-drawer-item-collapsed-line-height) * 1px)}.bs-navigation-drawer-item__chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:inherit;transition:transform var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer-item__chevron svg{width:16px;height:16px}.bs-navigation-drawer-item__chevron--expanded{transform:rotate(180deg)}.bs-navigation-drawer-item__children{display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-item-children-gap)}:host(:not([expanded])) .bs-navigation-drawer-item__children{display:none}:host([collapsed]) .bs-navigation-drawer-item__chevron,:host([collapsed]) .bs-navigation-drawer-item__children{display:none}"}},[769,"bs-navigation-drawer-item",{selected:[516],expandable:[4],expanded:[1540],nested:[4],ariaLabel:[1,"aria-label"],collapsed:[516],hasIcon:[32]}]),s=()=>n("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));function o(){"undefined"!=typeof customElements&&["bs-navigation-drawer-item"].forEach((a=>{"bs-navigation-drawer-item"===a&&(customElements.get(e(a))||customElements.define(e(a),r))}))}o();const d=r,c=o;export{d as BsNavigationDrawerItem,c as defineCustomElement}
+import{t as e,p as a,H as i,c as t,h as n}from"./p-B2gx7SZk.js";const r=a(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsSelect=t(this,"bsSelect"),this.bsToggle=t(this,"bsToggle")}get el(){return this}selected=!1;expandable=!1;expanded=!1;nested=!1;ariaLabel=null;collapsed=!1;bsSelect;bsToggle;hasIcon=!1;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon")}hasSlottedContent(e){return Array.from(this.el.childNodes).some((a=>a.nodeType===Node.ELEMENT_NODE&&a.getAttribute("slot")===e))}onIconSlotchange=e=>{this.hasIcon=e.target.assignedNodes().length>0};onClick=()=>{this.expandable?(this.expanded=!this.expanded,this.bsToggle.emit(this.expanded)):this.bsSelect.emit()};render(){const e=["bs-navigation-drawer-item",this.selected&&!this.expandable?"bs-navigation-drawer-item--selected":"",this.nested?"bs-navigation-drawer-item--nested":""].filter(Boolean).join(" ");return n("div",{key:"85f2f7433acb876df6c07e8e28180d65267b968d",class:"bs-navigation-drawer-item__root"},n("button",{key:"51efff117f3410556a8bf69bb145354310891ab6",type:"button",part:"item",class:e,"aria-expanded":this.expandable?this.expanded+"":void 0,"aria-label":this.ariaLabel??void 0,onClick:this.onClick},!this.nested&&n("span",{key:"e118e88762d490ce60445627ba165d478d53e384",part:"icon",class:"bs-navigation-drawer-item__icon "+(this.hasIcon?"bs-navigation-drawer-item__icon--has-content":"")},n("slot",{key:"93232818f6c070e5b9f628f93d62d339298a63d5",name:"icon",onSlotchange:this.onIconSlotchange})),n("span",{key:"0aaa3791bed4e8c42646c574ee75e15193257aca",part:"label",class:"bs-navigation-drawer-item__label"},n("slot",{key:"1000297ddcf737d1aac9d57fd62992bcd8698956"})),this.expandable&&n("span",{key:"aaaa08d8c0409cc88183a94a0ac8ef7a38eb420a",part:"chevron",class:"bs-navigation-drawer-item__chevron "+(this.expanded?"bs-navigation-drawer-item__chevron--expanded":"")},n(s,{key:"48436ef0e29ef13d5cf3e7517c04c908c9678934"}))),this.expandable&&n("span",{key:"974bcce5691835dd2c0719faf9dd27028e185677",part:"children",class:"bs-navigation-drawer-item__children"},n("slot",{key:"06b88afc18da4e730d2a26ecd51ab1cac77e4f94",name:"children"})))}static get style(){return":host{display:block;--bs-navigation-drawer-item-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-radius:var(--bs-border-radius-100);--bs-navigation-drawer-item-padding-y:var(--bs-spacing-150);--bs-navigation-drawer-item-padding-x:var(--bs-spacing-100);--bs-navigation-drawer-item-padding-left-nested:var(--bs-spacing-600);--bs-navigation-drawer-item-font-weight:var(--bs-font-weight-medium);--bs-navigation-drawer-item-font-size:var(--bs-font-size-md);--bs-navigation-drawer-item-line-height:var(--bs-line-height-body-md);--bs-navigation-drawer-item-color:var(--bs-text-muted);--bs-navigation-drawer-item-color-selected:var(--bs-text-default);--bs-navigation-drawer-item-color-hover:var(--bs-text-secondary);--bs-navigation-drawer-item-bg-selected:var(--bs-surface-selected);--bs-navigation-drawer-item-bg-hover:var(--bs-surface-hover);--bs-navigation-drawer-item-bg-pressed:var(--bs-surface-pressed);--bs-navigation-drawer-item-bg-focus:var(--bs-surface-focus);--bs-navigation-drawer-item-bg-selected-hover:var(--bs-surface-selected-hover);--bs-navigation-drawer-item-bg-selected-pressed:var(--bs-surface-selected-pressed);--bs-navigation-drawer-item-bg-selected-focus:var(--bs-surface-selected-focus);--bs-navigation-drawer-item-focus-ring-color:var(--bs-border-neutral-focus);--bs-navigation-drawer-item-children-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-padding:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-icon-padding-x:var(--bs-spacing-300);--bs-navigation-drawer-item-collapsed-icon-padding-y:var(--bs-spacing-50);--bs-navigation-drawer-item-collapsed-font-size:var(--bs-fontsize-caption-sm);--bs-navigation-drawer-item-collapsed-line-height:var(--bs-line-height-caption-sm)}.bs-navigation-drawer-item__root{display:contents}.bs-navigation-drawer-item{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:var(--bs-navigation-drawer-item-gap);border:none;border-radius:var(--bs-navigation-drawer-item-radius);padding:var(--bs-navigation-drawer-item-padding-y) var(--bs-navigation-drawer-item-padding-x);background:transparent;color:var(--bs-navigation-drawer-item-color);font-family:inherit;font-weight:var(--bs-navigation-drawer-item-font-weight);font-size:var(--bs-navigation-drawer-item-font-size);line-height:calc(var(--bs-navigation-drawer-item-line-height) * 1px);text-align:left;cursor:pointer;transition:color var(--bs-duration-fast) var(--bs-easing-standard),     background-color var(--bs-duration-fast) var(--bs-easing-standard)}:host(:not([collapsed])) .bs-navigation-drawer-item:hover:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-hover);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:active:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-pressed);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:focus-visible:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-focus);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:hover{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:active{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:focus-visible{background:var(--bs-navigation-drawer-item-bg-selected-focus)}.bs-navigation-drawer-item:focus-visible{outline:2px solid var(--bs-navigation-drawer-item-focus-ring-color);outline-offset:-2px}.bs-navigation-drawer-item--nested{padding-left:var(--bs-navigation-drawer-item-padding-left-nested)}.bs-navigation-drawer-item--selected{background:var(--bs-navigation-drawer-item-bg-selected);color:var(--bs-navigation-drawer-item-color-selected)}.bs-navigation-drawer-item--selected .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-selected)}:host([collapsed]) .bs-navigation-drawer-item{flex-direction:column;justify-content:center;gap:var(--bs-navigation-drawer-item-collapsed-gap);padding:var(--bs-navigation-drawer-item-collapsed-padding);background:transparent}.bs-navigation-drawer-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-navigation-drawer-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-navigation-drawer-item__icon ::slotted(svg){width:24px;height:24px}:host([collapsed]) .bs-navigation-drawer-item__icon--has-content{padding:var(--bs-navigation-drawer-item-collapsed-icon-padding-y) var(--bs-navigation-drawer-item-collapsed-icon-padding-x);border-radius:var(--bs-navigation-drawer-item-radius)}:host([collapsed][selected]) .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-hover)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-pressed)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-focus)}:host([collapsed][selected]) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host([collapsed][selected]) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host([collapsed][selected]) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-focus)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-hover)}.bs-navigation-drawer-item__label{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer-item__label{flex:none;width:100%;text-align:center;font-size:var(--bs-navigation-drawer-item-collapsed-font-size);line-height:calc(var(--bs-navigation-drawer-item-collapsed-line-height) * 1px)}.bs-navigation-drawer-item__chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:inherit;transition:transform var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer-item__chevron svg{width:16px;height:16px}.bs-navigation-drawer-item__chevron--expanded{transform:rotate(180deg)}.bs-navigation-drawer-item__children{display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-item-children-gap)}:host(:not([expanded])) .bs-navigation-drawer-item__children{display:none}:host([collapsed]) .bs-navigation-drawer-item__chevron,:host([collapsed]) .bs-navigation-drawer-item__children{display:none}"}},[769,"bs-navigation-drawer-item",{selected:[516],expandable:[4],expanded:[1540],nested:[4],ariaLabel:[1,"aria-label"],collapsed:[516],hasIcon:[32]}]),s=()=>n("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));function o(){"undefined"!=typeof customElements&&["bs-navigation-drawer-item"].forEach((a=>{"bs-navigation-drawer-item"===a&&(customElements.get(e(a))||customElements.define(e(a),r))}))}o();const d=r,c=o;export{d as BsNavigationDrawerItem,c as defineCustomElement}

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

@@ -1 +1 @@
-import{t as a,p as i,H as r,c as e,h as n,d as s}from"./p-B2gx7SZk.js";import{d as t}from"./p-BTPdjnXT.js";const o=i(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bsCollapse=e(this,"bsCollapse"),this.bsSearchClick=e(this,"bsSearchClick"),this.bsClose=e(this,"bsClose")}get el(){return this}heading="Main Menu";collapsible=!0;collapseLabel="Collapse";expandLabel="Expand";searchLabel="Search";collapsed=!1;bsCollapse;bsSearchClick;logoBackground="auto";showLogo=!0;open=!1;bsClose;mobile=!1;mediaQuery;focusPending=!1;navRef;previouslyFocused;bodyOverflowBefore;get overlayOpen(){return this.mobile&&this.open}connectedCallback(){this.mediaQuery=window.matchMedia?.("(max-width: 768px)"),this.mediaQuery&&(this.mobile=this.mediaQuery.matches,this.mediaQuery.addEventListener("change",this.onMediaChange))}disconnectedCallback(){this.mediaQuery?.removeEventListener("change",this.onMediaChange),this.unlockScroll()}onMediaChange=a=>{this.mobile=a.matches};onCollapsedChange(){this.syncItems()}onMobileChange(){this.syncItems(),this.applyOverlayState()}onOpenChange(){this.applyOverlayState()}componentDidLoad(){this.syncItems(),this.applyOverlayState(),this.flushFocus()}componentDidRender(){this.flushFocus()}flushFocus(){this.focusPending&&this.overlayOpen&&(this.focusPending=!1,requestAnimationFrame((()=>this.navRef?.focus())))}syncItems(){this.syncItemsCollapsed(!this.mobile&&this.collapsed)}applyOverlayState(){this.overlayOpen?(void 0===this.bodyOverflowBefore&&(this.bodyOverflowBefore=document.body.style.overflow,document.body.style.overflow="hidden"),this.previouslyFocused||(this.previouslyFocused=document.activeElement),this.focusPending=!0):(this.focusPending=!1,this.unlockScroll(),this.previouslyFocused?.isConnected&&this.previouslyFocused.focus(),this.previouslyFocused=void 0)}unlockScroll(){void 0!==this.bodyOverflowBefore&&(document.body.style.overflow=this.bodyOverflowBefore,this.bodyOverflowBefore=void 0)}requestClose=()=>{this.open=!1,this.bsClose.emit()};onDocumentKeydown(a){this.overlayOpen&&"Escape"===a.key&&this.requestClose()}onDocumentFocusIn(a){this.overlayOpen&&!a.composedPath().includes(this.el)&&this.navRef?.focus()}syncItemsCollapsed(a){this.el.querySelectorAll(":scope > bs-navigation-drawer-item").forEach((i=>{i.collapsed=a}))}onCollapseClick=()=>{this.collapsed=!this.collapsed,this.bsCollapse.emit(this.collapsed)};onSearchTriggerClick=()=>{this.bsSearchClick.emit()};render(){const a=["bs-navigation-drawer",this.mobile?"bs-navigation-drawer--overlay":"",this.overlayOpen?"bs-navigation-drawer--open":""].filter(Boolean).join(" ");return n(s,{key:"4ceea7fddea0092f942f3499987ee80ef4f4e8f3","data-overlay":this.mobile?"":void 0},this.mobile&&n("div",{key:"fbc83c1f7cc93f0afe6222b6d4afe256375c6537",part:"backdrop",class:"bs-navigation-drawer__backdrop",onClick:this.requestClose}),n("nav",{key:"26f09c3cd1662515bf7ef69826980b70d9c142f3",ref:a=>this.navRef=a,class:a,"aria-label":this.heading,tabIndex:this.mobile?-1:void 0},this.showLogo&&n("div",{key:"be5e1b6d08041b488fda977553e3c90f55ce3232",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--full"},n("bs-logo",{key:"aa24da803069235483a36e0896a6a0b32ed8a20a",variant:"full",background:this.logoBackground})),this.showLogo&&n("div",{key:"cda0395a72b95f6b9a7178c218d68b11dba1d768",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--mark"},n("bs-logo",{key:"53f13ca91f9e39ea89df909643102d9172bdb815",variant:"mark",background:this.logoBackground})),n("div",{key:"7e73d0ef62745fca7cc385382e0b4335518026ce",class:"bs-navigation-drawer__title-row"},n("span",{key:"39f056417b0cfaaa9e5cc71b612c3c109574a159",part:"title",class:"bs-navigation-drawer__title"},this.heading),this.collapsible&&n("button",{key:"bb3e2190475ea000daaac66dfab6c1ff6fda8d40",type:"button",part:"collapse",class:"bs-navigation-drawer__collapse","aria-label":this.collapsed?this.expandLabel:this.collapseLabel,"aria-pressed":this.collapsed?"true":"false",onClick:this.onCollapseClick},n(d,{key:"3f37c1b7bd9c53eec44ba751c95e4e95bf3920f6"}))),n("div",{key:"98af0d2bbec07f8520c67d4e9f102449106b6498",part:"search",class:"bs-navigation-drawer__search"},n("slot",{key:"223dc57c477dfb3accdb690754d63132c562f867",name:"search"})),n("button",{key:"dfa75a9b3b29dcda5c140905b055ff19669f7af5",type:"button",part:"search-trigger",class:"bs-navigation-drawer__search-trigger","aria-label":this.searchLabel,onClick:this.onSearchTriggerClick},n(l,{key:"98aed385273752c647ccef54fa380f92ae65129b"})),n("div",{key:"cf6cc371959a7fe81ac7fed27176d78370891f09",part:"items",class:"bs-navigation-drawer__items"},n("slot",{key:"0ef6002bac2fbea8430ca6e049f3ce463ba4ec71"}))))}static get watchers(){return{collapsed:[{onCollapsedChange:0}],mobile:[{onMobileChange:0}],open:[{onOpenChange:0}]}}static get style(){return":host{display:block;--bs-navigation-drawer-bg:var(--bs-surface-base);--bs-navigation-drawer-border:var(--bs-border-neutral-container);--bs-navigation-drawer-padding-y:var(--bs-spacing-300);--bs-navigation-drawer-padding-left:var(--bs-spacing-300);--bs-navigation-drawer-padding-right:var(--bs-spacing-200);--bs-navigation-drawer-gap:var(--bs-spacing-300);--bs-navigation-drawer-width:280px;--bs-navigation-drawer-title-font-family:var(--bs-typography-font-family-heading);--bs-navigation-drawer-title-font-weight:var(--bs-font-weight-bold);--bs-navigation-drawer-title-font-size:var(--bs-font-size-md);--bs-navigation-drawer-title-line-height:var(--bs-line-height-heading-h6);--bs-navigation-drawer-title-color:var(--bs-text-default);--bs-navigation-drawer-collapse-size:48px;--bs-navigation-drawer-collapse-radius:var(--bs-border-radius-100);--bs-navigation-drawer-collapse-hover:var(--bs-color-neutral-container);--bs-navigation-drawer-collapse-pressed:var(--bs-color-neutral-container-pressed);--bs-navigation-drawer-collapse-icon:var(--bs-icon-default);--bs-navigation-drawer-items-gap:var(--bs-spacing-100);--bs-navigation-drawer-collapsed-width:96px;--bs-navigation-drawer-search-trigger-size:44px;--bs-navigation-drawer-search-trigger-bg:var(--bs-color-neutral-container);--bs-navigation-drawer-search-trigger-border:var(--bs-border-neutral-container);--bs-navigation-drawer-search-trigger-icon:var(--bs-icon-default);--bs-navigation-drawer-backdrop:var(--bs-surface-overlay-level-2);--bs-navigation-drawer-overlay-shadow:var(--bs-shadow-lg);--bs-navigation-drawer-overlay-z-index:var(--bs-z-index-modal);--bs-navigation-drawer-overlay-duration:var(--bs-duration-default)}.bs-navigation-drawer{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-gap);width:var(--bs-navigation-drawer-width);height:100%;background:var(--bs-navigation-drawer-bg);border-right:1px solid var(--bs-navigation-drawer-border);padding:var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-right) var(--bs-navigation-drawer-padding-y)     var(--bs-navigation-drawer-padding-left);font-family:inherit;transition:width var(--bs-duration-fast) var(--bs-easing-standard),     padding var(--bs-duration-fast) var(--bs-easing-standard)}:host([collapsed]) .bs-navigation-drawer{width:var(--bs-navigation-drawer-collapsed-width);padding-left:0;padding-right:0;align-items:center}.bs-navigation-drawer__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-drawer__logo--mark{display:none}:host([collapsed]) .bs-navigation-drawer__logo--full{display:none}:host([collapsed]) .bs-navigation-drawer__logo--mark{display:flex}.bs-navigation-drawer__title-row{flex-shrink:0;display:flex;align-items:center;gap:var(--bs-navigation-drawer-gap)}.bs-navigation-drawer__title{flex:1;min-width:0;font-family:var(--bs-navigation-drawer-title-font-family);font-weight:var(--bs-navigation-drawer-title-font-weight);font-size:var(--bs-navigation-drawer-title-font-size);line-height:calc(var(--bs-navigation-drawer-title-line-height) * 1px);color:var(--bs-navigation-drawer-title-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer__title{display:none}.bs-navigation-drawer__collapse{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-collapse-size);height:var(--bs-navigation-drawer-collapse-size);border:none;border-radius:var(--bs-navigation-drawer-collapse-radius);padding:0;background:transparent;color:var(--bs-navigation-drawer-collapse-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__collapse svg{width:24px;height:24px}.bs-navigation-drawer__collapse:hover{background:var(--bs-navigation-drawer-collapse-hover)}.bs-navigation-drawer__collapse:active{background:var(--bs-navigation-drawer-collapse-pressed)}.bs-navigation-drawer__collapse:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-navigation-drawer__search{flex-shrink:0;width:100%}:host([collapsed]) .bs-navigation-drawer__search{display:none}.bs-navigation-drawer__search-trigger{display:none;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-search-trigger-size);height:var(--bs-navigation-drawer-search-trigger-size);border:1px solid var(--bs-navigation-drawer-search-trigger-border);border-radius:var(--bs-navigation-drawer-collapse-radius);background:var(--bs-navigation-drawer-search-trigger-bg);color:var(--bs-navigation-drawer-search-trigger-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__search-trigger svg{width:24px;height:24px}.bs-navigation-drawer__search-trigger:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}:host([collapsed]) .bs-navigation-drawer__search-trigger{display:inline-flex}.bs-navigation-drawer__items{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-items-gap);scrollbar-width:none}.bs-navigation-drawer__items::-webkit-scrollbar{display:none}.bs-navigation-drawer:focus{outline:none;}:host([data-overlay]) .bs-navigation-drawer{position:fixed;inset-block:0;inset-inline-start:0;z-index:calc(var(--bs-navigation-drawer-overlay-z-index) + 1);width:var(--bs-navigation-drawer-width);max-width:100vw;padding:var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-right) var(--bs-navigation-drawer-padding-y)     var(--bs-navigation-drawer-padding-left);align-items:stretch;box-shadow:var(--bs-navigation-drawer-overlay-shadow);transform:translateX(-100%);visibility:hidden;transition:transform var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s linear var(--bs-navigation-drawer-overlay-duration)}:host([data-overlay]:dir(rtl)) .bs-navigation-drawer{transform:translateX(100%)}:host([data-overlay]) .bs-navigation-drawer.bs-navigation-drawer--open{transform:none;visibility:visible;transition:transform var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s}:host([data-overlay]) .bs-navigation-drawer__logo--full{display:flex}:host([data-overlay]) .bs-navigation-drawer__logo--mark{display:none}:host([data-overlay]) .bs-navigation-drawer__title{display:block}:host([data-overlay]) .bs-navigation-drawer__search{display:block}:host([data-overlay]) .bs-navigation-drawer__search-trigger,:host([data-overlay]) .bs-navigation-drawer__collapse{display:none}.bs-navigation-drawer__backdrop{position:fixed;inset:0;z-index:var(--bs-navigation-drawer-overlay-z-index);background:var(--bs-navigation-drawer-backdrop);opacity:0;visibility:hidden;transition:opacity var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s linear var(--bs-navigation-drawer-overlay-duration)}:host([open]) .bs-navigation-drawer__backdrop{opacity:1;visibility:visible;transition:opacity var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s}@media (prefers-reduced-motion: reduce){:host([data-overlay]) .bs-navigation-drawer,.bs-navigation-drawer__backdrop{transition:none}}@media (forced-colors: active){:host([data-overlay]) .bs-navigation-drawer{border:1px solid CanvasText}}"}},[769,"bs-navigation-drawer",{heading:[1],collapsible:[4],collapseLabel:[1,"collapse-label"],expandLabel:[1,"expand-label"],searchLabel:[1,"search-label"],collapsed:[1540],logoBackground:[1,"logo-background"],showLogo:[4,"show-logo"],open:[1540],mobile:[32]},[[4,"keydown","onDocumentKeydown"],[4,"focusin","onDocumentFocusIn"]],{collapsed:[{onCollapsedChange:0}],mobile:[{onMobileChange:0}],open:[{onOpenChange:0}]}]),d=()=>n("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M15 18L9 12L15 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),l=()=>n("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("circle",{cx:"11",cy:"11",r:"7",stroke:"currentColor","stroke-width":"2"}),n("path",{d:"M16.5 16.5L21 21",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}));function b(){"undefined"!=typeof customElements&&["bs-navigation-drawer","bs-logo"].forEach((i=>{switch(i){case"bs-navigation-drawer":customElements.get(a(i))||customElements.define(a(i),o);break;case"bs-logo":customElements.get(a(i))||t()}}))}b();const g=o,v=b;export{g as BsNavigationDrawer,v as defineCustomElement}
+import{t as a,p as i,H as r,c as e,h as n,d as s}from"./p-B2gx7SZk.js";import{d as t}from"./p-BTPdjnXT.js";const o=i(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bsCollapse=e(this,"bsCollapse"),this.bsSearchClick=e(this,"bsSearchClick"),this.bsClose=e(this,"bsClose")}get el(){return this}heading="Main Menu";collapsible=!0;collapseLabel="Collapse";expandLabel="Expand";searchLabel="Search";collapsed=!1;bsCollapse;bsSearchClick;logoBackground="auto";showLogo=!0;open=!1;bsClose;mobile=!1;mediaQuery;focusPending=!1;navRef;previouslyFocused;bodyOverflowBefore;get overlayOpen(){return this.mobile&&this.open}connectedCallback(){this.mediaQuery=window.matchMedia?.("(max-width: 768px)"),this.mediaQuery&&(this.mobile=this.mediaQuery.matches,this.mediaQuery.addEventListener("change",this.onMediaChange))}disconnectedCallback(){this.mediaQuery?.removeEventListener("change",this.onMediaChange),this.unlockScroll()}onMediaChange=a=>{this.mobile=a.matches};onCollapsedChange(){this.syncItems()}onMobileChange(){this.syncItems(),this.applyOverlayState()}onOpenChange(){this.applyOverlayState()}componentDidLoad(){this.syncItems(),this.applyOverlayState(),this.flushFocus()}componentDidRender(){this.flushFocus()}flushFocus(){this.focusPending&&this.overlayOpen&&(this.focusPending=!1,requestAnimationFrame((()=>this.navRef?.focus())))}syncItems(){this.syncItemsCollapsed(!this.mobile&&this.collapsed)}applyOverlayState(){this.overlayOpen?(void 0===this.bodyOverflowBefore&&(this.bodyOverflowBefore=document.body.style.overflow,document.body.style.overflow="hidden"),this.previouslyFocused||(this.previouslyFocused=document.activeElement),this.focusPending=!0):(this.focusPending=!1,this.unlockScroll(),this.previouslyFocused?.isConnected&&this.previouslyFocused.focus(),this.previouslyFocused=void 0)}unlockScroll(){void 0!==this.bodyOverflowBefore&&(document.body.style.overflow=this.bodyOverflowBefore,this.bodyOverflowBefore=void 0)}requestClose=()=>{this.open=!1,this.bsClose.emit()};onDocumentKeydown(a){this.overlayOpen&&"Escape"===a.key&&this.requestClose()}onDocumentFocusIn(a){this.overlayOpen&&!a.composedPath().includes(this.el)&&this.navRef?.focus()}syncItemsCollapsed(a){this.el.querySelectorAll(":scope > bs-navigation-drawer-item").forEach((i=>{i.collapsed=a}))}onCollapseClick=()=>{this.collapsed=!this.collapsed,this.bsCollapse.emit(this.collapsed)};onSearchTriggerClick=()=>{this.bsSearchClick.emit()};render(){const a=["bs-navigation-drawer",this.mobile?"bs-navigation-drawer--overlay":"",this.overlayOpen?"bs-navigation-drawer--open":""].filter(Boolean).join(" ");return n(s,{key:"42d5e96011b592d6e9059f9013ba880f18eb70c9","data-overlay":this.mobile?"":void 0},this.mobile&&n("div",{key:"a540c7afbaae18f82427f52bb11732db341652fe",part:"backdrop",class:"bs-navigation-drawer__backdrop",onClick:this.requestClose}),n("nav",{key:"14ac3fff472e789fb4b7f956f22815c8500d8614",ref:a=>this.navRef=a,class:a,"aria-label":this.heading,tabIndex:this.mobile?-1:void 0},this.showLogo&&n("div",{key:"967456673797619dfa73899581cab755be52af3b",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--full"},n("bs-logo",{key:"f549a0ae8684bd3a3769f1804ba75788eab0fdbb",variant:"full",background:this.logoBackground})),this.showLogo&&n("div",{key:"89ae0f3c46e353f7495a0084d79dd053027ef1fe",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--mark"},n("bs-logo",{key:"6f882163691596ddd61663a1f0988a5cc2c070e7",variant:"mark",background:this.logoBackground})),n("div",{key:"dc69df3f9231cd1108e9fa9cd5c19848cbcb63f7",class:"bs-navigation-drawer__title-row"},n("span",{key:"ae58f3e70c798282ad337666fbc2e45caa5c641f",part:"title",class:"bs-navigation-drawer__title"},this.heading),this.collapsible&&n("button",{key:"b44ab95a3631ff984565cfd2c1c37e37e4941bb1",type:"button",part:"collapse",class:"bs-navigation-drawer__collapse","aria-label":this.collapsed?this.expandLabel:this.collapseLabel,"aria-pressed":this.collapsed?"true":"false",onClick:this.onCollapseClick},n(d,{key:"75a698b86b7dff676cc161989cc6d7b28805c63f"}))),n("div",{key:"d34097102039aeebb803dc4aba6a1a0fbd8e5dfb",part:"search",class:"bs-navigation-drawer__search"},n("slot",{key:"b15dede4663c582b609208cbbb84d9cd5b62c2b5",name:"search"})),n("button",{key:"39f0d260eb12c28467a507bd37ed5c113a976746",type:"button",part:"search-trigger",class:"bs-navigation-drawer__search-trigger","aria-label":this.searchLabel,onClick:this.onSearchTriggerClick},n(l,{key:"81d77be5b7a36c537096feed0a9ffdc6f3bdfa9f"})),n("div",{key:"8b0d86a6a0b5215fa6a076cba11d237af86706b4",part:"items",class:"bs-navigation-drawer__items"},n("slot",{key:"75a1f8fe4eee6f05d70ca8ceb4437fcf7f62f463"}))))}static get watchers(){return{collapsed:[{onCollapsedChange:0}],mobile:[{onMobileChange:0}],open:[{onOpenChange:0}]}}static get style(){return":host{display:block;--bs-navigation-drawer-bg:var(--bs-surface-base);--bs-navigation-drawer-border:var(--bs-border-neutral-container);--bs-navigation-drawer-padding-y:var(--bs-spacing-300);--bs-navigation-drawer-padding-left:var(--bs-spacing-300);--bs-navigation-drawer-padding-right:var(--bs-spacing-200);--bs-navigation-drawer-gap:var(--bs-spacing-300);--bs-navigation-drawer-width:280px;--bs-navigation-drawer-title-font-family:var(--bs-typography-font-family-heading);--bs-navigation-drawer-title-font-weight:var(--bs-font-weight-bold);--bs-navigation-drawer-title-font-size:var(--bs-font-size-md);--bs-navigation-drawer-title-line-height:var(--bs-line-height-heading-h6);--bs-navigation-drawer-title-color:var(--bs-text-default);--bs-navigation-drawer-collapse-size:48px;--bs-navigation-drawer-collapse-radius:var(--bs-border-radius-100);--bs-navigation-drawer-collapse-hover:var(--bs-color-neutral-container);--bs-navigation-drawer-collapse-pressed:var(--bs-color-neutral-container-pressed);--bs-navigation-drawer-collapse-icon:var(--bs-icon-default);--bs-navigation-drawer-items-gap:var(--bs-spacing-100);--bs-navigation-drawer-collapsed-width:96px;--bs-navigation-drawer-search-trigger-size:44px;--bs-navigation-drawer-search-trigger-bg:var(--bs-color-neutral-container);--bs-navigation-drawer-search-trigger-border:var(--bs-border-neutral-container);--bs-navigation-drawer-search-trigger-icon:var(--bs-icon-default);--bs-navigation-drawer-backdrop:var(--bs-surface-overlay-level-2);--bs-navigation-drawer-overlay-shadow:var(--bs-shadow-lg);--bs-navigation-drawer-overlay-z-index:var(--bs-z-index-modal);--bs-navigation-drawer-overlay-duration:var(--bs-duration-default)}.bs-navigation-drawer{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-gap);width:var(--bs-navigation-drawer-width);height:100%;background:var(--bs-navigation-drawer-bg);border-right:1px solid var(--bs-navigation-drawer-border);padding:var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-right) var(--bs-navigation-drawer-padding-y)     var(--bs-navigation-drawer-padding-left);font-family:inherit;transition:width var(--bs-duration-fast) var(--bs-easing-standard),     padding var(--bs-duration-fast) var(--bs-easing-standard)}:host([collapsed]) .bs-navigation-drawer{width:var(--bs-navigation-drawer-collapsed-width);padding-left:0;padding-right:0;align-items:center}.bs-navigation-drawer__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-drawer__logo--mark{display:none}:host([collapsed]) .bs-navigation-drawer__logo--full{display:none}:host([collapsed]) .bs-navigation-drawer__logo--mark{display:flex}.bs-navigation-drawer__title-row{flex-shrink:0;display:flex;align-items:center;gap:var(--bs-navigation-drawer-gap)}.bs-navigation-drawer__title{flex:1;min-width:0;font-family:var(--bs-navigation-drawer-title-font-family);font-weight:var(--bs-navigation-drawer-title-font-weight);font-size:var(--bs-navigation-drawer-title-font-size);line-height:calc(var(--bs-navigation-drawer-title-line-height) * 1px);color:var(--bs-navigation-drawer-title-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer__title{display:none}.bs-navigation-drawer__collapse{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-collapse-size);height:var(--bs-navigation-drawer-collapse-size);border:none;border-radius:var(--bs-navigation-drawer-collapse-radius);padding:0;background:transparent;color:var(--bs-navigation-drawer-collapse-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__collapse svg{width:24px;height:24px}.bs-navigation-drawer__collapse:hover{background:var(--bs-navigation-drawer-collapse-hover)}.bs-navigation-drawer__collapse:active{background:var(--bs-navigation-drawer-collapse-pressed)}.bs-navigation-drawer__collapse:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-navigation-drawer__search{flex-shrink:0;width:100%}:host([collapsed]) .bs-navigation-drawer__search{display:none}.bs-navigation-drawer__search-trigger{display:none;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-search-trigger-size);height:var(--bs-navigation-drawer-search-trigger-size);border:1px solid var(--bs-navigation-drawer-search-trigger-border);border-radius:var(--bs-navigation-drawer-collapse-radius);background:var(--bs-navigation-drawer-search-trigger-bg);color:var(--bs-navigation-drawer-search-trigger-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__search-trigger svg{width:24px;height:24px}.bs-navigation-drawer__search-trigger:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}:host([collapsed]) .bs-navigation-drawer__search-trigger{display:inline-flex}.bs-navigation-drawer__items{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-items-gap);scrollbar-width:none}.bs-navigation-drawer__items::-webkit-scrollbar{display:none}.bs-navigation-drawer:focus{outline:none;}:host([data-overlay]) .bs-navigation-drawer{position:fixed;inset-block:0;inset-inline-start:0;z-index:calc(var(--bs-navigation-drawer-overlay-z-index) + 1);width:var(--bs-navigation-drawer-width);max-width:100vw;padding:var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-right) var(--bs-navigation-drawer-padding-y)     var(--bs-navigation-drawer-padding-left);align-items:stretch;box-shadow:var(--bs-navigation-drawer-overlay-shadow);transform:translateX(-100%);visibility:hidden;transition:transform var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s linear var(--bs-navigation-drawer-overlay-duration)}:host([data-overlay]:dir(rtl)) .bs-navigation-drawer{transform:translateX(100%)}:host([data-overlay]) .bs-navigation-drawer.bs-navigation-drawer--open{transform:none;visibility:visible;transition:transform var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s}:host([data-overlay]) .bs-navigation-drawer__logo--full{display:flex}:host([data-overlay]) .bs-navigation-drawer__logo--mark{display:none}:host([data-overlay]) .bs-navigation-drawer__title{display:block}:host([data-overlay]) .bs-navigation-drawer__search{display:block}:host([data-overlay]) .bs-navigation-drawer__search-trigger,:host([data-overlay]) .bs-navigation-drawer__collapse{display:none}.bs-navigation-drawer__backdrop{position:fixed;inset:0;z-index:var(--bs-navigation-drawer-overlay-z-index);background:var(--bs-navigation-drawer-backdrop);opacity:0;visibility:hidden;transition:opacity var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s linear var(--bs-navigation-drawer-overlay-duration)}:host([open]) .bs-navigation-drawer__backdrop{opacity:1;visibility:visible;transition:opacity var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard),     visibility 0s}@media (prefers-reduced-motion: reduce){:host([data-overlay]) .bs-navigation-drawer,.bs-navigation-drawer__backdrop{transition:none}}@media (forced-colors: active){:host([data-overlay]) .bs-navigation-drawer{border:1px solid CanvasText}}"}},[769,"bs-navigation-drawer",{heading:[1],collapsible:[4],collapseLabel:[1,"collapse-label"],expandLabel:[1,"expand-label"],searchLabel:[1,"search-label"],collapsed:[1540],logoBackground:[1,"logo-background"],showLogo:[4,"show-logo"],open:[1540],mobile:[32]},[[4,"keydown","onDocumentKeydown"],[4,"focusin","onDocumentFocusIn"]],{collapsed:[{onCollapsedChange:0}],mobile:[{onMobileChange:0}],open:[{onOpenChange:0}]}]),d=()=>n("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M15 18L9 12L15 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),l=()=>n("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("circle",{cx:"11",cy:"11",r:"7",stroke:"currentColor","stroke-width":"2"}),n("path",{d:"M16.5 16.5L21 21",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}));function b(){"undefined"!=typeof customElements&&["bs-navigation-drawer","bs-logo"].forEach((i=>{switch(i){case"bs-navigation-drawer":customElements.get(a(i))||customElements.define(a(i),o);break;case"bs-logo":customElements.get(a(i))||t()}}))}b();const g=o,v=b;export{g as BsNavigationDrawer,v as defineCustomElement}

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

@@ -1 +1 @@
-import{t as a,p as e,H as i,h as n}from"./p-B2gx7SZk.js";import{d as t}from"./p-BTPdjnXT.js";const s=e(class extends i{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}alignment="default";ariaLabel=null;skipToContentHref=null;skipToContentLabel="Skip to main content";logoBackground="auto";render(){const a="with-navigation-drawer"!==this.alignment;return n("header",{key:"13902b4fc78c50b646532b05b0628cd87795bbdc",class:"bs-navigation-header bs-navigation-header--"+this.alignment,"aria-label":this.ariaLabel??void 0},this.skipToContentHref&&n("a",{key:"98d3add96ab6da8f108b47ccb3317fddccf16fdd",part:"skip-link",class:"bs-navigation-header__skip-link",href:this.skipToContentHref},this.skipToContentLabel),a&&n("bs-logo",{key:"3de6328cdced810f59e169adb9c894f357bb3362",part:"logo",class:"bs-navigation-header__logo",variant:"full",background:this.logoBackground}),n("div",{key:"3963c852293dd06990345d11c262eb437998b9a6",part:"left",class:"bs-navigation-header__left"},n("slot",{key:"3d19c967ad4d6d2ac53e73623e26607ec60bc040",name:"left"})),n("div",{key:"a4b7019e8df5d5d00163815058af7396c578e3f4",part:"right",class:"bs-navigation-header__right"},n("slot",{key:"9e07a80b8a8e03b567e5112291f56055300e0e89",name:"right"})))}static get style(){return":host{display:block;--bs-navigation-header-bg:var(--bs-surface-base);--bs-navigation-header-border:var(--bs-border-default);--bs-navigation-header-padding-top:var(--bs-spacing-200);--bs-navigation-header-padding-bottom:var(--bs-spacing-100);--bs-navigation-header-padding-x:var(--bs-margin-fluid);--bs-navigation-header-max-width:none;--bs-navigation-header-item-gap:calc(var(--bs-navigation-header-gap) * 1px);--bs-navigation-header-slot-gap:var(--bs-spacing-100);--bs-navigation-header-skip-link-bg:var(--bs-surface-action);--bs-navigation-header-skip-link-color:var(--bs-text-inverse)}.bs-navigation-header{box-sizing:border-box;position:relative;display:flex;align-items:center;width:100%;max-width:var(--bs-navigation-header-max-width);background:var(--bs-navigation-header-bg);border-bottom:1px solid var(--bs-navigation-header-border);padding:var(--bs-navigation-header-padding-top) var(--bs-navigation-header-padding-x) var(--bs-navigation-header-padding-bottom)}.bs-navigation-header__skip-link{position:absolute;top:var(--bs-spacing-100);left:-9999px;z-index:1;padding:var(--bs-spacing-100) var(--bs-spacing-200);border-radius:var(--bs-border-radius-100);background:var(--bs-navigation-header-skip-link-bg);color:var(--bs-navigation-header-skip-link-color);font-size:var(--bs-font-size-sm);text-decoration:underline}.bs-navigation-header__skip-link:focus{left:var(--bs-navigation-header-padding-x)}.bs-navigation-header--default,.bs-navigation-header--with-navigation-drawer{gap:var(--bs-navigation-header-item-gap)}.bs-navigation-header__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-header--center .bs-navigation-header__logo{flex:1 0 0;min-width:0}.bs-navigation-header__left{display:flex;align-items:center;gap:var(--bs-navigation-header-slot-gap);flex-shrink:0}.bs-navigation-header__right{display:flex;align-items:center;justify-content:flex-end;gap:var(--bs-navigation-header-slot-gap);flex:1 0 0;min-width:0}@media (max-width: 768px){.bs-navigation-header--default,.bs-navigation-header--with-navigation-drawer{flex-wrap:wrap;row-gap:var(--bs-navigation-header-slot-gap)}.bs-navigation-header--default .bs-navigation-header__left,.bs-navigation-header--with-navigation-drawer .bs-navigation-header__left{flex:1 1 0%;min-width:0}.bs-navigation-header--default .bs-navigation-header__right,.bs-navigation-header--with-navigation-drawer .bs-navigation-header__right{flex:0 0 auto;margin-inline-start:auto;justify-content:flex-end}}"}},[769,"bs-navigation-header",{alignment:[1],ariaLabel:[1,"aria-label"],skipToContentHref:[1,"skip-to-content-href"],skipToContentLabel:[1,"skip-to-content-label"],logoBackground:[1,"logo-background"]}]);function r(){"undefined"!=typeof customElements&&["bs-navigation-header","bs-logo"].forEach((e=>{switch(e){case"bs-navigation-header":customElements.get(a(e))||customElements.define(a(e),s);break;case"bs-logo":customElements.get(a(e))||t()}}))}r();const o=s,d=r;export{o as BsNavigationHeader,d as defineCustomElement}
+import{t as a,p as e,H as i,h as n}from"./p-B2gx7SZk.js";import{d as t}from"./p-BTPdjnXT.js";const s=e(class extends i{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}alignment="default";ariaLabel=null;skipToContentHref=null;skipToContentLabel="Skip to main content";logoBackground="auto";render(){const a="with-navigation-drawer"!==this.alignment;return n("header",{key:"15068c106978e045dba19165016adefaee9c639a",class:"bs-navigation-header bs-navigation-header--"+this.alignment,"aria-label":this.ariaLabel??void 0},this.skipToContentHref&&n("a",{key:"7040b0d89e0c10c62ca520cf75d5b7bdc7d2e09b",part:"skip-link",class:"bs-navigation-header__skip-link",href:this.skipToContentHref},this.skipToContentLabel),a&&n("bs-logo",{key:"77c9baa735505031c3e5c2f8d784d21113a1a78e",part:"logo",class:"bs-navigation-header__logo",variant:"full",background:this.logoBackground}),n("div",{key:"1f2b44b9a8fc50c0736333bedcf91113e57bde00",part:"left",class:"bs-navigation-header__left"},n("slot",{key:"40388c6c6d118ea1632a8aabfc5eb40504fafe42",name:"left"})),n("div",{key:"72567bab7f76ac21957a7efc57152faf27223344",part:"right",class:"bs-navigation-header__right"},n("slot",{key:"c83f0b591abf7093a566571b4811011e12d1fccb",name:"right"})))}static get style(){return":host{display:block;--bs-navigation-header-bg:var(--bs-surface-base);--bs-navigation-header-border:var(--bs-border-default);--bs-navigation-header-padding-top:var(--bs-spacing-200);--bs-navigation-header-padding-bottom:var(--bs-spacing-100);--bs-navigation-header-padding-x:var(--bs-margin-fluid);--bs-navigation-header-max-width:none;--bs-navigation-header-item-gap:calc(var(--bs-navigation-header-gap) * 1px);--bs-navigation-header-slot-gap:var(--bs-spacing-100);--bs-navigation-header-skip-link-bg:var(--bs-surface-action);--bs-navigation-header-skip-link-color:var(--bs-text-inverse)}.bs-navigation-header{box-sizing:border-box;position:relative;display:flex;align-items:center;width:100%;max-width:var(--bs-navigation-header-max-width);background:var(--bs-navigation-header-bg);border-bottom:1px solid var(--bs-navigation-header-border);padding:var(--bs-navigation-header-padding-top) var(--bs-navigation-header-padding-x) var(--bs-navigation-header-padding-bottom)}.bs-navigation-header__skip-link{position:absolute;top:var(--bs-spacing-100);left:-9999px;z-index:1;padding:var(--bs-spacing-100) var(--bs-spacing-200);border-radius:var(--bs-border-radius-100);background:var(--bs-navigation-header-skip-link-bg);color:var(--bs-navigation-header-skip-link-color);font-size:var(--bs-font-size-sm);text-decoration:underline}.bs-navigation-header__skip-link:focus{left:var(--bs-navigation-header-padding-x)}.bs-navigation-header--default,.bs-navigation-header--with-navigation-drawer{gap:var(--bs-navigation-header-item-gap)}.bs-navigation-header__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-header--center .bs-navigation-header__logo{flex:1 0 0;min-width:0}.bs-navigation-header__left{display:flex;align-items:center;gap:var(--bs-navigation-header-slot-gap);flex-shrink:0}.bs-navigation-header__right{display:flex;align-items:center;justify-content:flex-end;gap:var(--bs-navigation-header-slot-gap);flex:1 0 0;min-width:0}@media (max-width: 768px){.bs-navigation-header--default,.bs-navigation-header--with-navigation-drawer{flex-wrap:wrap;row-gap:var(--bs-navigation-header-slot-gap)}.bs-navigation-header--default .bs-navigation-header__left,.bs-navigation-header--with-navigation-drawer .bs-navigation-header__left{flex:1 1 0%;min-width:0}.bs-navigation-header--default .bs-navigation-header__right,.bs-navigation-header--with-navigation-drawer .bs-navigation-header__right{flex:0 0 auto;margin-inline-start:auto;justify-content:flex-end}}"}},[769,"bs-navigation-header",{alignment:[1],ariaLabel:[1,"aria-label"],skipToContentHref:[1,"skip-to-content-href"],skipToContentLabel:[1,"skip-to-content-label"],logoBackground:[1,"logo-background"]}]);function r(){"undefined"!=typeof customElements&&["bs-navigation-header","bs-logo"].forEach((e=>{switch(e){case"bs-navigation-header":customElements.get(a(e))||customElements.define(a(e),s);break;case"bs-logo":customElements.get(a(e))||t()}}))}r();const o=s,d=r;export{o as BsNavigationHeader,d as defineCustomElement}

package/dist/components/bs-onboarding-checklist.js

@@ -1 +1 @@
-import{h as s,t as e,p as t,H as a,c as i}from"./p-B2gx7SZk.js";import{d as r}from"./p-DYuzgzxI.js";import{d as o}from"./p-DvNED6Lb.js";import{d as n}from"./p-DAwSBMeM.js";import{d as c}from"./p-Rx4bpeYN.js";import{d as l}from"./p-DpVeeIko.js";import{d as b}from"./p-CrmEXUwm.js";const d=t(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsStepAction=i(this,"bsStepAction"),this.bsStepSkip=i(this,"bsStepSkip"),this.bsClose=i(this,"bsClose"),this.bsOpen=i(this,"bsOpen"),this.bsDone=i(this,"bsDone"),this.bsHide=i(this,"bsHide")}type="panel";launcherLayout="icon";steps=[];heading;description;headingLevel=2;progressText;closable=!1;progressLabel="{done} of {total} done";skipLabel="Skip for now";startLabel="Start";seeAllLabel="See all steps";afterLabel="After the step before";doneLabel="Go to dashboard";hideLabel="Hide checklist";closeLabel="Close";statusDoneLabel="Done";statusTodoLabel="Not done";bsStepAction;bsStepSkip;bsClose;bsOpen;bsDone;bsHide;get list(){return this.steps??[]}get doneCount(){return this.list.filter((s=>s.done)).length}get percent(){return this.list.length?Math.round(this.doneCount/this.list.length*100):0}get currentId(){return this.list.find((s=>!s.done))?.id}fill(s){return s.replace("{done}",this.doneCount+"").replace("{total}",this.list.length+"")}renderHeading(e,t=""){const a=Math.min(6,Math.max(1,Math.trunc(Number(this.headingLevel))||2));return s("h"+a,{part:"heading",id:"heading",class:{"bs-oc__heading":!0,[t]:!!t}},e)}renderClose(){return this.closable?s("bs-icon-button",{part:"close",class:"bs-oc__close",variant:"subtle",size:"md",ariaLabel:this.closeLabel,onClick:()=>this.bsClose.emit()},s("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","aria-hidden":"true"},s("path",{d:"M6 6L18 18M18 6L6 18"}))):null}renderProgress(e="primary"){const t=this.fill(this.progressLabel);return s("div",{part:"progress",class:"bs-oc__progress"},s("div",{class:"bs-oc__progress-labels"},s("span",{class:"bs-oc__progress-text"},t),s("span",{class:"bs-oc__progress-percent"},this.percent," %")),s("bs-progress-linear",{class:"bs-oc__bar bs-oc__bar--"+e,type:"determinate",size:"large",value:this.percent,showLabel:!1,ariaLabel:`${t}, ${this.percent} %`}))}renderStatus(e,t){return s("span",{class:{"bs-oc__status":!0,"bs-oc__status--done":e,"bs-oc__status--current":t},"aria-hidden":"true"},s("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},s("circle",{cx:"12",cy:"12",r:"9"}),e&&s("path",{d:"M8 12.5L10.8 15.3L16 9.5"})))}renderStepRow(e){const t=!!e.done;return s("li",{part:"step",class:{"bs-oc__step":!0,"bs-oc__step--done":t}},this.renderStatus(t,!1),s("span",{class:"bs-oc__step-label"},e.label),s("span",{class:"bs-oc__sr-only"},t?this.statusDoneLabel:this.statusTodoLabel))}renderCurrentStep(e){return s("li",{part:"step current",class:"bs-oc__current","aria-current":"step"},s("bs-card",{surface:"container",class:"bs-oc__current-card"},s("div",{class:"bs-oc__current-body"},s("div",{class:"bs-oc__current-head"},this.renderStatus(!1,!0),s("span",{class:"bs-oc__current-label"},e.label),s("span",{class:"bs-oc__sr-only"},this.statusTodoLabel)),e.description&&s("p",{class:"bs-oc__current-text"},e.description),s("div",{class:"bs-oc__current-foot"},e.estimate?s("span",{class:"bs-oc__estimate"},s(f,null),e.estimate):s("span",null),s("div",{class:"bs-oc__current-actions"},!1!==e.skippable&&s("bs-button",{part:"skip",class:"bs-oc__text-button",variant:"subtle",size:"sm",onClick:()=>this.bsStepSkip.emit({id:e.id})},this.skipLabel),e.actionLabel&&s("bs-button",{part:"action",variant:"primary",size:"sm",onClick:()=>this.bsStepAction.emit({id:e.id})},e.actionLabel))))))}renderPanel(e){const t=this.currentId;return s("bs-card",{part:"container",class:"bs-oc bs-oc--panel",surface:"base",role:"region","aria-labelledby":"heading"},s("div",{class:"bs-oc__panel"},s("div",{class:"bs-oc__head"},this.renderHeading(this.heading??e.heading),s("span",{class:"bs-oc__spacer"}),this.renderClose()),(this.description??e.description)&&s("p",{part:"description",class:"bs-oc__description"},this.description??e.description),this.renderProgress(),s("ol",{part:"steps",class:"bs-oc__steps"},this.list.map((s=>s.id===t?this.renderCurrentStep(s):this.renderStepRow(s))))))}renderDashboard(e){const t=this.list.filter((s=>!s.done)).slice(0,3),a=this.list.filter((s=>!s.done)).length,i=this.description??(a>0?this.fill(this.progressLabel)+".":"");return s("bs-card",{part:"container",class:"bs-oc bs-oc--dashboard",surface:"base",role:"region","aria-labelledby":"heading"},s("div",{class:"bs-oc__dash"},this.renderClose(),s("div",{class:"bs-oc__dash-summary"},s("bs-icon-tile",{part:"art",intent:"brand",size:"md"},s("slot",{name:"icon"},s(g,null))),this.renderHeading(this.heading??e.heading),i&&s("p",{part:"description",class:"bs-oc__description"},i),s("bs-progress-linear",{class:"bs-oc__bar bs-oc__bar--primary",type:"determinate",size:"large",value:this.percent,showLabel:!1,ariaLabel:`${this.fill(this.progressLabel)}, ${this.percent} %`}),s("bs-button",{part:"see-all",class:"bs-oc__text-button bs-oc__link",variant:"subtle",size:"sm",onClick:()=>this.bsOpen.emit()},this.seeAllLabel,s(m,{slot:"end-icon"}))),s("ol",{class:"bs-oc__cards"},t.map(((e,t)=>{const a=0===t;return s("li",{part:a?"step current":"step",class:"bs-oc__card-item","aria-current":a?"step":void 0},s("bs-card",{surface:"base",class:{"bs-oc__step-card":!0,"bs-oc__step-card--current":a}},s("div",{class:"bs-oc__step-card-body"},s("bs-icon-tile",{part:"step-art",intent:a?"brand":"default",size:"md"},s("slot",{name:"icon-"+e.id},s(_,null))),s("span",{class:"bs-oc__step-card-label"},e.label),a?s("bs-button",{part:"action",class:"bs-oc__text-button bs-oc__link",variant:"subtle",size:"sm",onClick:()=>this.bsStepAction.emit({id:e.id})},this.startLabel,s(m,{slot:"end-icon"})):s("span",{class:"bs-oc__step-card-caption"},this.afterLabel))))})))))}renderLauncher(e){const t=this.heading??e.heading,a=this.progressText??this.percent+"% complete",i=this.launcherLayout,r="inline"===i?s("span",{class:"bs-oc__launcher-copy bs-oc__launcher-copy--inline"},s("span",{class:"bs-oc__launcher-title bs-oc__launcher-title--inline"},t),s("span",{class:"bs-oc__launcher-text"},a)):s("span",{class:"bs-oc__launcher-copy"},s("span",{class:"bs-oc__launcher-title"},t),s("span",{class:"bs-oc__launcher-text"},a));return s("bs-card",{part:"container",class:"bs-oc bs-oc--launcher bs-oc--launcher-"+i,surface:"base"},s("button",{part:"launcher",type:"button",class:"bs-oc__launcher",onClick:()=>this.bsOpen.emit()},"ring"===i&&s("bs-progress",{class:"bs-oc__ring",type:"determinate",size:"small",value:this.percent,showLabel:!1,ariaLabel:a}),"icon"===i&&s("bs-icon-tile",{part:"art",intent:"brand",size:"md"},s("slot",{name:"icon"},s(u,null))),"inline"===i&&s("bs-icon-tile",{part:"art",intent:this.percent>=100?"success":"brand",size:"md"},s("slot",{name:"icon"},s(v,null))),r,"inline"===i&&s("span",{class:"bs-oc__chevron","aria-hidden":"true"},s("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},s("path",{d:"M9 6L15 12L9 18"})))))}renderCompletion(e){return s("bs-card",{part:"container",class:"bs-oc bs-oc--completion",surface:"base",role:"region","aria-labelledby":"heading"},s("div",{class:"bs-oc__completion"},s("bs-icon-tile",{part:"art",intent:"success",size:"lg"},s("slot",{name:"icon"},s(v,null))),this.renderHeading(this.heading??e.heading),(this.description??e.description)&&s("p",{part:"description",class:"bs-oc__description bs-oc__description--center"},this.description??e.description),this.renderProgress("success"),s("bs-button",{part:"primary",class:"bs-oc__block",variant:"primary",onClick:()=>this.bsDone.emit()},this.doneLabel),s("bs-button",{part:"secondary",class:"bs-oc__block bs-oc__text-button",variant:"subtle",size:"lg",onClick:()=>this.bsHide.emit()},this.hideLabel)))}render(){const s=p[this.type]??p.panel;switch(this.type){case"dashboard":return this.renderDashboard(s);case"launcher":return this.renderLauncher(s);case"completion":return this.renderCompletion(s);default:return this.renderPanel(s)}}static get style(){return":host{display:block;max-width:100%;--bs-onboarding-checklist-width:420px;--bs-onboarding-checklist-radius:var(--bs-border-radius-150);--bs-onboarding-checklist-padding:var(--bs-spacing-200);--bs-onboarding-checklist-gap:var(--bs-spacing-150);--bs-onboarding-checklist-shadow:0 2px 2px var(--bs-elevation-medium);--bs-onboarding-checklist-color:var(--bs-text-default);--bs-onboarding-checklist-color-secondary:var(--bs-text-secondary);--bs-onboarding-checklist-icon-color:var(--bs-icon-action);--bs-onboarding-checklist-accent:var(--bs-color-primary-default);--bs-onboarding-checklist-bar-fill:var(--bs-surface-action);--bs-onboarding-checklist-bar-track:var(--bs-surface-container);--bs-onboarding-checklist-border:var(--bs-border-default);--bs-onboarding-checklist-card-height:146px}:host([type='dashboard']){container-type:inline-size}:host([type='panel']){width:var(--bs-onboarding-checklist-width)}:host([type='launcher']){--bs-onboarding-checklist-width:260px;width:var(--bs-onboarding-checklist-width)}:host([type='launcher'][launcher-layout='ring']){width:fit-content}:host([type='launcher'][launcher-layout='inline']){--bs-onboarding-checklist-width:300px}:host([type='completion']){--bs-onboarding-checklist-width:380px;width:var(--bs-onboarding-checklist-width)}.bs-oc--panel,.bs-oc--completion{--bs-card-radius:var(--bs-onboarding-checklist-radius);--bs-card-padding:var(--bs-onboarding-checklist-padding);--bs-card-shadow:var(--bs-onboarding-checklist-shadow)}.bs-oc--dashboard{--bs-card-radius:var(--bs-onboarding-checklist-radius);--bs-card-padding:var(--bs-onboarding-checklist-padding) var(--bs-spacing-550) var(--bs-onboarding-checklist-padding) var(--bs-onboarding-checklist-padding);--bs-card-border-width:1px;--bs-card-border-color:var(--bs-onboarding-checklist-border);--bs-card-shadow:none;position:relative}.bs-oc--launcher{--bs-card-radius:var(--bs-border-radius-100);--bs-card-padding:var(--bs-spacing-150);--bs-card-shadow:var(--bs-onboarding-checklist-shadow)}.bs-oc{color:var(--bs-onboarding-checklist-color)}.bs-oc p,.bs-oc ol{margin:0}.bs-oc__glyph{width:16px;height:16px}.bs-oc__heading{margin:0;font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-oc__description{color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-md);line-height:24px}.bs-oc__description--center{text-align:center}.bs-oc__spacer{flex:1 1 0}.bs-oc__sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bs-oc__progress{display:flex;flex-direction:column;gap:var(--bs-spacing-75);align-self:stretch}.bs-oc__progress-labels{display:flex;align-items:center;justify-content:space-between;font-size:var(--bs-font-size-sm);line-height:20px}.bs-oc__progress-text{font-weight:var(--bs-font-weight-medium)}.bs-oc__progress-percent{color:var(--bs-onboarding-checklist-color-secondary)}.bs-oc__bar{--bs-progress-linear-fill:var(--bs-onboarding-checklist-bar-fill);--bs-progress-linear-track:var(--bs-onboarding-checklist-bar-track)}.bs-oc__bar--success{--bs-progress-linear-fill:var(--bs-color-success-default)}.bs-oc__text-button{--bs-button-subtle-color:var(--bs-text-action)}.bs-oc__block{--bs-button-width:100%;--bs-button-height-md:var(--bs-spacing-550);--bs-button-height-lg:var(--bs-spacing-550)}.bs-oc__close{flex:none}.bs-oc__close svg{width:24px;height:24px}.bs-oc__panel{display:flex;flex-direction:column;gap:var(--bs-onboarding-checklist-gap)}.bs-oc__head{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-oc__steps{display:flex;flex-direction:column;gap:var(--bs-spacing-25);padding:0;list-style:none}.bs-oc__step{display:flex;align-items:center;gap:var(--bs-spacing-150);min-height:40px;padding:0 var(--bs-spacing-100);font-size:var(--bs-font-size-sm);line-height:20px}.bs-oc__step--done{color:var(--bs-onboarding-checklist-color-secondary)}.bs-oc__status{display:inline-flex;flex:none;width:24px;height:24px;color:var(--bs-onboarding-checklist-icon-color)}.bs-oc__status svg{width:24px;height:24px}.bs-oc__current{display:block}.bs-oc__current-card{--bs-card-radius:var(--bs-border-radius-100);--bs-card-padding:var(--bs-spacing-100);--bs-card-shadow:none}.bs-oc__current-body{display:flex;flex-direction:column;gap:var(--bs-spacing-100)}.bs-oc__current-head{display:flex;align-items:center;gap:var(--bs-spacing-150)}.bs-oc__current-label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-semibold);line-height:20px}.bs-oc__current-text{color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-oc__current-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100)}.bs-oc__estimate{display:inline-flex;align-items:center;gap:var(--bs-spacing-50);color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px;white-space:nowrap}.bs-oc__clock{width:14px;height:14px}.bs-oc__current-actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-oc__current-actions bs-button{--bs-button-height-sm:var(--bs-spacing-400);--bs-button-padding-x-sm:var(--bs-spacing-150)}.bs-oc__dash{display:flex;align-items:center;gap:var(--bs-spacing-500)}.bs-oc--dashboard .bs-oc__close{position:absolute;top:-1px;inset-inline-end:-1px}.bs-oc__dash-summary{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-onboarding-checklist-gap);flex:1 1 0;min-width:0}.bs-oc__dash-summary bs-progress-linear{align-self:stretch}.bs-oc__link{--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-oc__cards{display:flex;align-items:stretch;gap:var(--bs-spacing-100);padding:0;list-style:none}.bs-oc__card-item{display:flex}.bs-oc__step-card{--bs-card-radius:var(--bs-border-radius-100);--bs-card-padding:var(--bs-spacing-200);--bs-card-border-width:1px;--bs-card-border-color:var(--bs-onboarding-checklist-border);--bs-card-shadow:none;width:196px;height:var(--bs-onboarding-checklist-card-height)}.bs-oc__step-card--current{--bs-card-bg:var(--bs-surface-selected);--bs-card-border-color:var(--bs-border-primary)}.bs-oc__step-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-100)}.bs-oc__step-card-label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-oc__step-card-caption{color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}@container (max-width: 899px){.bs-oc__dash{flex-direction:column;align-items:stretch;gap:var(--bs-spacing-200)}.bs-oc__cards{flex-direction:column}.bs-oc__step-card{width:100%}}.bs-oc__launcher{display:flex;align-items:center;gap:var(--bs-spacing-150);width:100%;padding:0;border:none;background:transparent;color:inherit;font-family:inherit;text-align:start;cursor:pointer}.bs-oc__launcher:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:4px;border-radius:var(--bs-border-radius-100)}.bs-oc__launcher-copy{display:flex;flex-direction:column;gap:var(--bs-spacing-100);white-space:nowrap}.bs-oc--launcher-ring .bs-oc__launcher-copy{gap:0}.bs-oc__launcher-title{font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-bold);line-height:20px}.bs-oc__launcher-text{color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-oc__launcher-copy--inline{flex:1 1 0;flex-direction:row;align-items:baseline;gap:var(--bs-spacing-50);min-width:0;overflow:hidden}.bs-oc__launcher-title--inline{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-semibold)}.bs-oc__ring{flex:none}.bs-oc__chevron{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;color:var(--bs-icon-default)}.bs-oc__chevron svg{width:20px;height:20px}.bs-oc__completion{display:flex;flex-direction:column;align-items:center;gap:var(--bs-spacing-100)}.bs-oc__completion .bs-oc__glyph{width:24px;height:24px}"}},[769,"bs-onboarding-checklist",{type:[513],launcherLayout:[513,"launcher-layout"],steps:[16],heading:[1],description:[1],headingLevel:[2,"heading-level"],progressText:[1,"progress-text"],closable:[4],progressLabel:[1,"progress-label"],skipLabel:[1,"skip-label"],startLabel:[1,"start-label"],seeAllLabel:[1,"see-all-label"],afterLabel:[1,"after-label"],doneLabel:[1,"done-label"],hideLabel:[1,"hide-label"],closeLabel:[1,"close-label"],statusDoneLabel:[1,"status-done-label"],statusTodoLabel:[1,"status-todo-label"]}]),p={panel:{heading:"Get started",description:"Set up your account in a few minutes. You can come back to this at any time."},dashboard:{heading:"Finish setting up",description:""},launcher:{heading:"Setup",description:""},completion:{heading:"You’re all set",description:"Everything is ready."}},h=e=>t=>s("svg",{class:"bs-oc__glyph",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",...t},e),g=h(s("g",null,s("path",{d:"M4 7L6 9L9 5.5"}),s("path",{d:"M4 16L6 18L9 14.5"}),s("path",{d:"M12.5 7H20"}),s("path",{d:"M12.5 16H20"}))),_=h(s("g",null,s("path",{d:"M8 6H20"}),s("path",{d:"M8 12H20"}),s("path",{d:"M8 18H20"}),s("path",{d:"M4 6V6.01"}),s("path",{d:"M4 12V12.01"}),s("path",{d:"M4 18V18.01"}))),u=h(s("g",null,s("path",{d:"M3.5 9.5L12 4L20.5 9.5"}),s("path",{d:"M5 10V17"}),s("path",{d:"M9.5 10V17"}),s("path",{d:"M14.5 10V17"}),s("path",{d:"M19 10V17"}),s("path",{d:"M3.5 19.5H20.5"}))),v=h(s("g",null,s("circle",{cx:"12",cy:"12",r:"9"}),s("path",{d:"M8 12.5L10.8 15.3L16 9.5"}))),m=h(s("g",null,s("path",{d:"M5 12H19"}),s("path",{d:"M13 6L19 12L13 18"}))),f=()=>s("svg",{class:"bs-oc__clock",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},s("circle",{cx:"12",cy:"12",r:"9"}),s("path",{d:"M12 7V12L15 14"}));function x(){"undefined"!=typeof customElements&&["bs-onboarding-checklist","bs-button","bs-card","bs-icon-button","bs-icon-tile","bs-progress","bs-progress-linear"].forEach((s=>{switch(s){case"bs-onboarding-checklist":customElements.get(e(s))||customElements.define(e(s),d);break;case"bs-button":customElements.get(e(s))||r();break;case"bs-card":customElements.get(e(s))||o();break;case"bs-icon-button":customElements.get(e(s))||n();break;case"bs-icon-tile":customElements.get(e(s))||c();break;case"bs-progress":customElements.get(e(s))||l();break;case"bs-progress-linear":customElements.get(e(s))||b()}}))}x();const k=d,y=x;export{k as BsOnboardingChecklist,y as defineCustomElement}
+import{h as s,t as e,p as t,H as a,c as i}from"./p-B2gx7SZk.js";import{d as r}from"./p-DYuzgzxI.js";import{d as o}from"./p-DvNED6Lb.js";import{d as n}from"./p-GTDI4Ibw.js";import{d as c}from"./p-B80vOwH6.js";import{d as l}from"./p-CK7fiES5.js";import{d as b}from"./p-B128GX8H.js";const d=t(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsStepAction=i(this,"bsStepAction"),this.bsStepSkip=i(this,"bsStepSkip"),this.bsClose=i(this,"bsClose"),this.bsOpen=i(this,"bsOpen"),this.bsDone=i(this,"bsDone"),this.bsHide=i(this,"bsHide")}type="panel";launcherLayout="icon";steps=[];heading;description;headingLevel=2;progressText;closable=!1;progressLabel="{done} of {total} done";skipLabel="Skip for now";startLabel="Start";seeAllLabel="See all steps";afterLabel="After the step before";doneLabel="Go to dashboard";hideLabel="Hide checklist";closeLabel="Close";statusDoneLabel="Done";statusTodoLabel="Not done";bsStepAction;bsStepSkip;bsClose;bsOpen;bsDone;bsHide;get list(){return this.steps??[]}get doneCount(){return this.list.filter((s=>s.done)).length}get percent(){return this.list.length?Math.round(this.doneCount/this.list.length*100):0}get currentId(){return this.list.find((s=>!s.done))?.id}fill(s){return s.replace("{done}",this.doneCount+"").replace("{total}",this.list.length+"")}renderHeading(e,t=""){const a=Math.min(6,Math.max(1,Math.trunc(Number(this.headingLevel))||2));return s("h"+a,{part:"heading",id:"heading",class:{"bs-oc__heading":!0,[t]:!!t}},e)}renderClose(){return this.closable?s("bs-icon-button",{part:"close",class:"bs-oc__close",variant:"subtle",size:"md",ariaLabel:this.closeLabel,onClick:()=>this.bsClose.emit()},s("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","aria-hidden":"true"},s("path",{d:"M6 6L18 18M18 6L6 18"}))):null}renderProgress(e="primary"){const t=this.fill(this.progressLabel);return s("div",{part:"progress",class:"bs-oc__progress"},s("div",{class:"bs-oc__progress-labels"},s("span",{class:"bs-oc__progress-text"},t),s("span",{class:"bs-oc__progress-percent"},this.percent," %")),s("bs-progress-linear",{class:"bs-oc__bar bs-oc__bar--"+e,type:"determinate",size:"large",value:this.percent,showLabel:!1,ariaLabel:`${t}, ${this.percent} %`}))}renderStatus(e,t){return s("span",{class:{"bs-oc__status":!0,"bs-oc__status--done":e,"bs-oc__status--current":t},"aria-hidden":"true"},s("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},s("circle",{cx:"12",cy:"12",r:"9"}),e&&s("path",{d:"M8 12.5L10.8 15.3L16 9.5"})))}renderStepRow(e){const t=!!e.done;return s("li",{part:"step",class:{"bs-oc__step":!0,"bs-oc__step--done":t}},this.renderStatus(t,!1),s("span",{class:"bs-oc__step-label"},e.label),s("span",{class:"bs-oc__sr-only"},t?this.statusDoneLabel:this.statusTodoLabel))}renderCurrentStep(e){return s("li",{part:"step current",class:"bs-oc__current","aria-current":"step"},s("bs-card",{surface:"container",class:"bs-oc__current-card"},s("div",{class:"bs-oc__current-body"},s("div",{class:"bs-oc__current-head"},this.renderStatus(!1,!0),s("span",{class:"bs-oc__current-label"},e.label),s("span",{class:"bs-oc__sr-only"},this.statusTodoLabel)),e.description&&s("p",{class:"bs-oc__current-text"},e.description),s("div",{class:"bs-oc__current-foot"},e.estimate?s("span",{class:"bs-oc__estimate"},s(m,null),e.estimate):s("span",null),s("div",{class:"bs-oc__current-actions"},!1!==e.skippable&&s("bs-button",{part:"skip",class:"bs-oc__text-button",variant:"subtle",size:"sm",onClick:()=>this.bsStepSkip.emit({id:e.id})},this.skipLabel),e.actionLabel&&s("bs-button",{part:"action",variant:"primary",size:"sm",onClick:()=>this.bsStepAction.emit({id:e.id})},e.actionLabel))))))}renderPanel(e){const t=this.currentId;return s("bs-card",{part:"container",class:"bs-oc bs-oc--panel",surface:"base",role:"region","aria-labelledby":"heading"},s("div",{class:"bs-oc__panel"},s("div",{class:"bs-oc__head"},this.renderHeading(this.heading??e.heading),s("span",{class:"bs-oc__spacer"}),this.renderClose()),(this.description??e.description)&&s("p",{part:"description",class:"bs-oc__description"},this.description??e.description),this.renderProgress(),s("ol",{part:"steps",class:"bs-oc__steps"},this.list.map((s=>s.id===t?this.renderCurrentStep(s):this.renderStepRow(s))))))}renderDashboard(e){const t=this.list.filter((s=>!s.done)).slice(0,3),a=this.list.filter((s=>!s.done)).length,i=this.description??(a>0?this.fill(this.progressLabel)+".":"");return s("bs-card",{part:"container",class:"bs-oc bs-oc--dashboard",surface:"base",role:"region","aria-labelledby":"heading"},s("div",{class:"bs-oc__dash"},this.renderClose(),s("div",{class:"bs-oc__dash-summary"},s("bs-icon-tile",{part:"art",intent:"brand",size:"md"},s("slot",{name:"icon"},s(g,null))),this.renderHeading(this.heading??e.heading),i&&s("p",{part:"description",class:"bs-oc__description"},i),s("bs-progress-linear",{class:"bs-oc__bar bs-oc__bar--primary",type:"determinate",size:"large",value:this.percent,showLabel:!1,ariaLabel:`${this.fill(this.progressLabel)}, ${this.percent} %`}),s("bs-button",{part:"see-all",class:"bs-oc__text-button bs-oc__link",variant:"subtle",size:"sm",onClick:()=>this.bsOpen.emit()},this.seeAllLabel,s(f,{slot:"end-icon"}))),s("ol",{class:"bs-oc__cards"},t.map(((e,t)=>{const a=0===t;return s("li",{part:a?"step current":"step",class:"bs-oc__card-item","aria-current":a?"step":void 0},s("bs-card",{surface:"base",class:{"bs-oc__step-card":!0,"bs-oc__step-card--current":a}},s("div",{class:"bs-oc__step-card-body"},s("bs-icon-tile",{part:"step-art",intent:a?"brand":"default",size:"md"},s("slot",{name:"icon-"+e.id},s(_,null))),s("span",{class:"bs-oc__step-card-label"},e.label),a?s("bs-button",{part:"action",class:"bs-oc__text-button bs-oc__link",variant:"subtle",size:"sm",onClick:()=>this.bsStepAction.emit({id:e.id})},this.startLabel,s(f,{slot:"end-icon"})):s("span",{class:"bs-oc__step-card-caption"},this.afterLabel))))})))))}renderLauncher(e){const t=this.heading??e.heading,a=this.progressText??this.percent+"% complete",i=this.launcherLayout,r="inline"===i?s("span",{class:"bs-oc__launcher-copy bs-oc__launcher-copy--inline"},s("span",{class:"bs-oc__launcher-title bs-oc__launcher-title--inline"},t),s("span",{class:"bs-oc__launcher-text"},a)):s("span",{class:"bs-oc__launcher-copy"},s("span",{class:"bs-oc__launcher-title"},t),s("span",{class:"bs-oc__launcher-text"},a));return s("bs-card",{part:"container",class:"bs-oc bs-oc--launcher bs-oc--launcher-"+i,surface:"base"},s("button",{part:"launcher",type:"button",class:"bs-oc__launcher",onClick:()=>this.bsOpen.emit()},"ring"===i&&s("bs-progress",{class:"bs-oc__ring",type:"determinate",size:"small",value:this.percent,showLabel:!1,ariaLabel:a}),"icon"===i&&s("bs-icon-tile",{part:"art",intent:"brand",size:"md"},s("slot",{name:"icon"},s(u,null))),"inline"===i&&s("bs-icon-tile",{part:"art",intent:this.percent>=100?"success":"brand",size:"md"},s("slot",{name:"icon"},s(v,null))),r,"inline"===i&&s("span",{class:"bs-oc__chevron","aria-hidden":"true"},s("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},s("path",{d:"M9 6L15 12L9 18"})))))}renderCompletion(e){return s("bs-card",{part:"container",class:"bs-oc bs-oc--completion",surface:"base",role:"region","aria-labelledby":"heading"},s("div",{class:"bs-oc__completion"},s("bs-icon-tile",{part:"art",intent:"success",size:"lg"},s("slot",{name:"icon"},s(v,null))),this.renderHeading(this.heading??e.heading),(this.description??e.description)&&s("p",{part:"description",class:"bs-oc__description bs-oc__description--center"},this.description??e.description),this.renderProgress("success"),s("bs-button",{part:"primary",class:"bs-oc__block",variant:"primary",onClick:()=>this.bsDone.emit()},this.doneLabel),s("bs-button",{part:"secondary",class:"bs-oc__block bs-oc__text-button",variant:"subtle",size:"lg",onClick:()=>this.bsHide.emit()},this.hideLabel)))}render(){const s=p[this.type]??p.panel;switch(this.type){case"dashboard":return this.renderDashboard(s);case"launcher":return this.renderLauncher(s);case"completion":return this.renderCompletion(s);default:return this.renderPanel(s)}}static get style(){return":host{display:block;max-width:100%;--bs-onboarding-checklist-width:420px;--bs-onboarding-checklist-radius:var(--bs-border-radius-150);--bs-onboarding-checklist-padding:var(--bs-spacing-200);--bs-onboarding-checklist-gap:var(--bs-spacing-150);--bs-onboarding-checklist-shadow:0 2px 2px var(--bs-elevation-medium);--bs-onboarding-checklist-color:var(--bs-text-default);--bs-onboarding-checklist-color-secondary:var(--bs-text-secondary);--bs-onboarding-checklist-icon-color:var(--bs-icon-action);--bs-onboarding-checklist-accent:var(--bs-color-primary-default);--bs-onboarding-checklist-bar-fill:var(--bs-surface-action);--bs-onboarding-checklist-bar-track:var(--bs-surface-container);--bs-onboarding-checklist-border:var(--bs-border-default);--bs-onboarding-checklist-card-height:146px}:host([type='dashboard']){container-type:inline-size}:host([type='panel']){width:var(--bs-onboarding-checklist-width)}:host([type='launcher']){--bs-onboarding-checklist-width:260px;width:var(--bs-onboarding-checklist-width)}:host([type='launcher'][launcher-layout='ring']){width:fit-content}:host([type='launcher'][launcher-layout='inline']){--bs-onboarding-checklist-width:300px}:host([type='completion']){--bs-onboarding-checklist-width:380px;width:var(--bs-onboarding-checklist-width)}.bs-oc--panel,.bs-oc--completion{--bs-card-radius:var(--bs-onboarding-checklist-radius);--bs-card-padding:var(--bs-onboarding-checklist-padding);--bs-card-shadow:var(--bs-onboarding-checklist-shadow)}.bs-oc--dashboard{--bs-card-radius:var(--bs-onboarding-checklist-radius);--bs-card-padding:var(--bs-onboarding-checklist-padding) var(--bs-spacing-550) var(--bs-onboarding-checklist-padding) var(--bs-onboarding-checklist-padding);--bs-card-border-width:1px;--bs-card-border-color:var(--bs-onboarding-checklist-border);--bs-card-shadow:none;position:relative}.bs-oc--launcher{--bs-card-radius:var(--bs-border-radius-100);--bs-card-padding:var(--bs-spacing-150);--bs-card-shadow:var(--bs-onboarding-checklist-shadow)}.bs-oc{color:var(--bs-onboarding-checklist-color)}.bs-oc p,.bs-oc ol{margin:0}.bs-oc__glyph{width:16px;height:16px}.bs-oc__heading{margin:0;font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-oc__description{color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-md);line-height:24px}.bs-oc__description--center{text-align:center}.bs-oc__spacer{flex:1 1 0}.bs-oc__sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bs-oc__progress{display:flex;flex-direction:column;gap:var(--bs-spacing-75);align-self:stretch}.bs-oc__progress-labels{display:flex;align-items:center;justify-content:space-between;font-size:var(--bs-font-size-sm);line-height:20px}.bs-oc__progress-text{font-weight:var(--bs-font-weight-medium)}.bs-oc__progress-percent{color:var(--bs-onboarding-checklist-color-secondary)}.bs-oc__bar{--bs-progress-linear-fill:var(--bs-onboarding-checklist-bar-fill);--bs-progress-linear-track:var(--bs-onboarding-checklist-bar-track)}.bs-oc__bar--success{--bs-progress-linear-fill:var(--bs-color-success-default)}.bs-oc__text-button{--bs-button-subtle-color:var(--bs-text-action)}.bs-oc__block{--bs-button-width:100%;--bs-button-height-md:var(--bs-spacing-550);--bs-button-height-lg:var(--bs-spacing-550)}.bs-oc__close{flex:none}.bs-oc__close svg{width:24px;height:24px}.bs-oc__panel{display:flex;flex-direction:column;gap:var(--bs-onboarding-checklist-gap)}.bs-oc__head{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-oc__steps{display:flex;flex-direction:column;gap:var(--bs-spacing-25);padding:0;list-style:none}.bs-oc__step{display:flex;align-items:center;gap:var(--bs-spacing-150);min-height:40px;padding:0 var(--bs-spacing-100);font-size:var(--bs-font-size-sm);line-height:20px}.bs-oc__step--done{color:var(--bs-onboarding-checklist-color-secondary)}.bs-oc__status{display:inline-flex;flex:none;width:24px;height:24px;color:var(--bs-onboarding-checklist-icon-color)}.bs-oc__status svg{width:24px;height:24px}.bs-oc__current{display:block}.bs-oc__current-card{--bs-card-radius:var(--bs-border-radius-100);--bs-card-padding:var(--bs-spacing-100);--bs-card-shadow:none}.bs-oc__current-body{display:flex;flex-direction:column;gap:var(--bs-spacing-100)}.bs-oc__current-head{display:flex;align-items:center;gap:var(--bs-spacing-150)}.bs-oc__current-label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-semibold);line-height:20px}.bs-oc__current-text{color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-oc__current-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100)}.bs-oc__estimate{display:inline-flex;align-items:center;gap:var(--bs-spacing-50);color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px;white-space:nowrap}.bs-oc__clock{width:14px;height:14px}.bs-oc__current-actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-oc__current-actions bs-button{--bs-button-height-sm:var(--bs-spacing-400);--bs-button-padding-x-sm:var(--bs-spacing-150)}.bs-oc__dash{display:flex;align-items:center;gap:var(--bs-spacing-500)}.bs-oc--dashboard .bs-oc__close{position:absolute;top:-1px;inset-inline-end:-1px}.bs-oc__dash-summary{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-onboarding-checklist-gap);flex:1 1 0;min-width:0}.bs-oc__dash-summary bs-progress-linear{align-self:stretch}.bs-oc__link{--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-oc__cards{display:flex;align-items:stretch;gap:var(--bs-spacing-100);padding:0;list-style:none}.bs-oc__card-item{display:flex}.bs-oc__step-card{--bs-card-radius:var(--bs-border-radius-100);--bs-card-padding:var(--bs-spacing-200);--bs-card-border-width:1px;--bs-card-border-color:var(--bs-onboarding-checklist-border);--bs-card-shadow:none;width:196px;height:var(--bs-onboarding-checklist-card-height)}.bs-oc__step-card--current{--bs-card-bg:var(--bs-surface-selected);--bs-card-border-color:var(--bs-border-primary)}.bs-oc__step-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-100)}.bs-oc__step-card-label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-oc__step-card-caption{color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}@container (max-width: 899px){.bs-oc__dash{flex-direction:column;align-items:stretch;gap:var(--bs-spacing-200)}.bs-oc__cards{flex-direction:column}.bs-oc__step-card{width:100%}}.bs-oc__launcher{display:flex;align-items:center;gap:var(--bs-spacing-150);width:100%;padding:0;border:none;background:transparent;color:inherit;font-family:inherit;text-align:start;cursor:pointer}.bs-oc__launcher:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:4px;border-radius:var(--bs-border-radius-100)}.bs-oc__launcher-copy{display:flex;flex-direction:column;gap:var(--bs-spacing-100);white-space:nowrap}.bs-oc--launcher-ring .bs-oc__launcher-copy{gap:0}.bs-oc__launcher-title{font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-bold);line-height:20px}.bs-oc__launcher-text{color:var(--bs-onboarding-checklist-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-oc__launcher-copy--inline{flex:1 1 0;flex-direction:row;align-items:baseline;gap:var(--bs-spacing-50);min-width:0;overflow:hidden}.bs-oc__launcher-title--inline{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-semibold)}.bs-oc__ring{flex:none}.bs-oc__chevron{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;color:var(--bs-icon-default)}.bs-oc__chevron svg{width:20px;height:20px}.bs-oc__completion{display:flex;flex-direction:column;align-items:center;gap:var(--bs-spacing-100)}.bs-oc__completion .bs-oc__glyph{width:24px;height:24px}"}},[769,"bs-onboarding-checklist",{type:[513],launcherLayout:[513,"launcher-layout"],steps:[16],heading:[1],description:[1],headingLevel:[2,"heading-level"],progressText:[1,"progress-text"],closable:[4],progressLabel:[1,"progress-label"],skipLabel:[1,"skip-label"],startLabel:[1,"start-label"],seeAllLabel:[1,"see-all-label"],afterLabel:[1,"after-label"],doneLabel:[1,"done-label"],hideLabel:[1,"hide-label"],closeLabel:[1,"close-label"],statusDoneLabel:[1,"status-done-label"],statusTodoLabel:[1,"status-todo-label"]}]),p={panel:{heading:"Get started",description:"Set up your account in a few minutes. You can come back to this at any time."},dashboard:{heading:"Finish setting up",description:""},launcher:{heading:"Setup",description:""},completion:{heading:"You’re all set",description:"Everything is ready."}},h=e=>t=>s("svg",{class:"bs-oc__glyph",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",...t},e),g=h(s("g",null,s("path",{d:"M4 7L6 9L9 5.5"}),s("path",{d:"M4 16L6 18L9 14.5"}),s("path",{d:"M12.5 7H20"}),s("path",{d:"M12.5 16H20"}))),_=h(s("g",null,s("path",{d:"M8 6H20"}),s("path",{d:"M8 12H20"}),s("path",{d:"M8 18H20"}),s("path",{d:"M4 6V6.01"}),s("path",{d:"M4 12V12.01"}),s("path",{d:"M4 18V18.01"}))),u=h(s("g",null,s("path",{d:"M3.5 9.5L12 4L20.5 9.5"}),s("path",{d:"M5 10V17"}),s("path",{d:"M9.5 10V17"}),s("path",{d:"M14.5 10V17"}),s("path",{d:"M19 10V17"}),s("path",{d:"M3.5 19.5H20.5"}))),v=h(s("g",null,s("circle",{cx:"12",cy:"12",r:"9"}),s("path",{d:"M8 12.5L10.8 15.3L16 9.5"}))),f=h(s("g",null,s("path",{d:"M5 12H19"}),s("path",{d:"M13 6L19 12L13 18"}))),m=()=>s("svg",{class:"bs-oc__clock",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},s("circle",{cx:"12",cy:"12",r:"9"}),s("path",{d:"M12 7V12L15 14"}));function x(){"undefined"!=typeof customElements&&["bs-onboarding-checklist","bs-button","bs-card","bs-icon-button","bs-icon-tile","bs-progress","bs-progress-linear"].forEach((s=>{switch(s){case"bs-onboarding-checklist":customElements.get(e(s))||customElements.define(e(s),d);break;case"bs-button":customElements.get(e(s))||r();break;case"bs-card":customElements.get(e(s))||o();break;case"bs-icon-button":customElements.get(e(s))||n();break;case"bs-icon-tile":customElements.get(e(s))||c();break;case"bs-progress":customElements.get(e(s))||l();break;case"bs-progress-linear":customElements.get(e(s))||b()}}))}x();const k=d,y=x;export{k as BsOnboardingChecklist,y as defineCustomElement}

package/dist/components/bs-pagination.js

@@ -1 +1 @@
-import{B as o,d as s}from"./p-HzaOqQ0U.js";const a=o,p=s;export{a as BsPagination,p as defineCustomElement}
+import{B as m,d as o}from"./p-C93ymWm7.js";const s=m,p=o;export{s as BsPagination,p as defineCustomElement}

package/dist/components/bs-popover.js

@@ -1 +1 @@
-import{t,p as o,H as e,c as s,h as i}from"./p-B2gx7SZk.js";let p=0;const n=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsOpenChange=s(this,"bsOpenChange")}get el(){return this}open=!1;placement="bottom-start";bsOpenChange;popupId="bs-popover-"+ ++p;triggerSlot;popupEl;needsFocusIn=!1;escaped=!1;onOpenChange(t){if(this.detach(),t)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.el.setAttribute("data-placement",this.placement);const t=this.el.shadowRoot?.activeElement||document.activeElement,o=this.el.contains(document.activeElement)&&document.activeElement!==this.triggerSlot?.assignedElements()[0]&&!this.isInTrigger(document.activeElement);(this.escaped||o&&t)&&this.focusTrigger()}this.escaped=!1}onPlacementChange(){this.reposition()}componentWillLoad(){this.el.setAttribute("data-placement",this.placement)}componentDidRender(){this.open&&(this.reposition(),this.needsFocusIn&&(this.needsFocusIn=!1,this.focusPopup()))}isInTrigger(t){const o=this.triggerSlot?.assignedElements()??[];return!!t&&o.some((o=>o.contains(t)))}reposition=()=>{if(!this.open||!this.popupEl)return;const[t,o]=this.placement.split("-");this.el.setAttribute("data-placement",this.placement);const e=this.el.getBoundingClientRect(),s=this.popupEl.getBoundingClientRect(),i=window.innerHeight,p=window.innerWidth;let n=t,a=o;"bottom"===t&&s.bottom>i&&e.top>=s.height?n="top":"top"===t&&s.top<0&&i-e.bottom>=s.height&&(n="bottom"),"start"===o&&s.right>p&&e.right>=s.width?a="end":"end"===o&&s.left<0&&p-e.left>=s.width&&(a="start"),this.el.setAttribute("data-placement",`${n}-${a}`)};focusPopup(){const t='a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])',o=this.popupEl?.querySelector("slot"),e=o?.assignedElements({flatten:!0})??[];for(const o of e){const e=o.matches(t)?o:o.querySelector(t);if(e)return void e.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))}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:"e4e96eb40953abdd3f5f9a9169cfe2b9ad87d3b5",class:"bs-popover"},i("div",{key:"6456d7cb3cba9e243015086095534cad82716711",part:"trigger",class:"bs-popover__trigger","aria-haspopup":"true","aria-expanded":this.open+"","aria-controls":this.popupId,onClick:this.onTriggerClick,onKeyDown:this.onTriggerKeyDown},i("slot",{key:"1a1d545bf0afc0a59e4f9f7f29bf359cc2264c65",name:"trigger",ref:t=>this.triggerSlot=t})),i("div",{key:"8a1e1e3ade63f2cba665368f3bd2659ce659ee18",part:"popup",id:this.popupId,class:"bs-popover__popup",tabindex:"-1",hidden:!this.open,ref:t=>this.popupEl=t},i("slot",{key:"abdeeb2105d00487a43f23dd6021c61b533e8139"})))}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__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]},void 0,{open:[{onOpenChange:0}],placement:[{onPlacementChange:0}]}]);function a(){"undefined"!=typeof customElements&&["bs-popover"].forEach((o=>{"bs-popover"===o&&(customElements.get(t(o))||customElements.define(t(o),n))}))}a();const r=n,d=a;export{r as BsPopover,d as defineCustomElement}
+import{t,p as o,H as e,c as s,h as i}from"./p-B2gx7SZk.js";let p=0;const n=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsOpenChange=s(this,"bsOpenChange")}get el(){return this}open=!1;placement="bottom-start";bsOpenChange;popupId="bs-popover-"+ ++p;triggerSlot;popupEl;needsFocusIn=!1;escaped=!1;onOpenChange(t){if(this.detach(),t)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.el.setAttribute("data-placement",this.placement);const t=this.el.shadowRoot?.activeElement||document.activeElement,o=this.el.contains(document.activeElement)&&document.activeElement!==this.triggerSlot?.assignedElements()[0]&&!this.isInTrigger(document.activeElement);(this.escaped||o&&t)&&this.focusTrigger()}this.escaped=!1}onPlacementChange(){this.reposition()}componentWillLoad(){this.el.setAttribute("data-placement",this.placement)}componentDidRender(){this.open&&(this.reposition(),this.needsFocusIn&&(this.needsFocusIn=!1,this.focusPopup()))}isInTrigger(t){const o=this.triggerSlot?.assignedElements()??[];return!!t&&o.some((o=>o.contains(t)))}reposition=()=>{if(!this.open||!this.popupEl)return;const[t,o]=this.placement.split("-");this.el.setAttribute("data-placement",this.placement);const e=this.el.getBoundingClientRect(),s=this.popupEl.getBoundingClientRect(),i=window.innerHeight,p=window.innerWidth;let n=t,a=o;"bottom"===t&&s.bottom>i&&e.top>=s.height?n="top":"top"===t&&s.top<0&&i-e.bottom>=s.height&&(n="bottom"),"start"===o&&s.right>p&&e.right>=s.width?a="end":"end"===o&&s.left<0&&p-e.left>=s.width&&(a="start"),this.el.setAttribute("data-placement",`${n}-${a}`)};focusPopup(){const t='a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])',o=this.popupEl?.querySelector("slot"),e=o?.assignedElements({flatten:!0})??[];for(const o of e){const e=o.matches(t)?o:o.querySelector(t);if(e)return void e.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))}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:"230678d7440e218c133a315f4a15f7136043fd44",class:"bs-popover"},i("div",{key:"dd514d3e6771a4adc2a90bbe097736db3df7e2e0",part:"trigger",class:"bs-popover__trigger","aria-haspopup":"true","aria-expanded":this.open+"","aria-controls":this.popupId,onClick:this.onTriggerClick,onKeyDown:this.onTriggerKeyDown},i("slot",{key:"ff258cd0e061ae599371f72599599d84d2a4e8a1",name:"trigger",ref:t=>this.triggerSlot=t})),i("div",{key:"13396ff2f4e4bd65d725dd32dd0e39c072f32a79",part:"popup",id:this.popupId,class:"bs-popover__popup",tabindex:"-1",hidden:!this.open,ref:t=>this.popupEl=t},i("slot",{key:"af116fe77709a8121e0c4bb4a3d49bd93bdc7c30"})))}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__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]},void 0,{open:[{onOpenChange:0}],placement:[{onPlacementChange:0}]}]);function a(){"undefined"!=typeof customElements&&["bs-popover"].forEach((o=>{"bs-popover"===o&&(customElements.get(t(o))||customElements.define(t(o),n))}))}a();const r=n,d=a;export{r as BsPopover,d as defineCustomElement}

package/dist/components/bs-product-tour.js

@@ -1 +1 @@
-import{t,p as r,H as o,c as s,h as a}from"./p-B2gx7SZk.js";import{d as i}from"./p-DYuzgzxI.js";import{d as e}from"./p-DvNED6Lb.js";import{d as c}from"./p-DAwSBMeM.js";import{d as p}from"./p-Rx4bpeYN.js";const u=r(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsPrimary=s(this,"bsPrimary"),this.bsSecondary=s(this,"bsSecondary"),this.bsClose=s(this,"bsClose")}type="welcome";direction="top";heading;description;step=1;total=0;progressLabel="{step} of {total}";primaryLabel;secondaryLabel;closable=!1;closeLabel="Close";bsPrimary;bsSecondary;bsClose;get primary(){return void 0!==this.primaryLabel?this.primaryLabel:{welcome:"Start",success:"Done",pointer:"Next"}[this.type]??""}get secondary(){return void 0!==this.secondaryLabel?this.secondaryLabel:{welcome:"Later",success:"",pointer:"Back"}[this.type]??""}renderActions(t,r){const{primary:o,secondary:s}=this;return o||s?a("div",{part:"actions",class:"bs-product-tour__actions"},s&&a("bs-button",{part:"secondary",variant:r,size:t,onClick:()=>this.bsSecondary.emit()},s),o&&a("bs-button",{part:"primary",variant:"primary",size:t,onClick:()=>this.bsPrimary.emit()},o)):null}renderCard(){const t="success"===this.type;return a("bs-card",{part:"container",class:"bs-product-tour bs-product-tour--card",surface:"base"},a("div",{class:"bs-product-tour__body"},a("bs-icon-tile",{part:"art",class:"bs-product-tour__art",intent:t?"success":"brand",size:"lg"},a("slot",{name:"icon"},a(t?n:d,null))),this.heading&&a("p",{part:"heading",class:"bs-product-tour__heading"},this.heading),this.description&&a("p",{part:"description",class:"bs-product-tour__description"},this.description),this.renderActions("md","outlined")))}renderPointer(){const t=this.total>0?this.progressLabel.replace("{step}",this.step+"").replace("{total}",this.total+""):"";return a("div",{class:"bs-product-tour bs-product-tour--pointer"},a("div",{part:"arrow",class:"bs-product-tour__arrow","aria-hidden":"true"}),a("bs-card",{part:"container",class:"bs-product-tour__card",surface:"base"},this.closable&&a("bs-icon-button",{part:"close",class:"bs-product-tour__close",variant:"subtle",size:"sm",ariaLabel:this.closeLabel,onClick:()=>this.bsClose.emit()},a("svg",{viewBox:"0 0 20 20",fill:"none",stroke:"currentColor","stroke-width":"1.6","stroke-linecap":"round","aria-hidden":"true"},a("path",{d:"M5 5L15 15M15 5L5 15"}))),a("div",{class:"bs-product-tour__body"},a("div",{class:"bs-product-tour__text"},this.heading&&a("p",{part:"heading",class:"bs-product-tour__heading"},this.heading),this.description&&a("p",{part:"description",class:"bs-product-tour__description"},this.description)),a("div",{part:"footer",class:"bs-product-tour__footer"},t?a("span",{part:"progress",class:"bs-product-tour__progress"},t):a("span",null),this.renderActions("sm","subtle")))))}render(){return"pointer"===this.type?this.renderPointer():this.renderCard()}static get style(){return":host{display:inline-block;--bs-product-tour-bg:var(--bs-paper-bg-base);--bs-product-tour-radius:var(--bs-border-radius-150);--bs-product-tour-color:var(--bs-text-default);--bs-product-tour-color-secondary:var(--bs-text-secondary);--bs-product-tour-art-size:64px;--bs-product-tour-art-icon-size:28px;--bs-product-tour-arrow-width:22px;--bs-product-tour-arrow-height:16px;--bs-product-tour-arrow-offset:36px;--bs-product-tour-width:400px;--bs-product-tour-padding:var(--bs-spacing-300);--bs-product-tour-gap:var(--bs-spacing-150);--bs-product-tour-shadow-color:var(--bs-elevation-medium)}:host([type='pointer']){--bs-product-tour-width:320px;--bs-product-tour-padding:var(--bs-spacing-200);--bs-product-tour-gap:var(--bs-spacing-100);--bs-product-tour-shadow-color:var(--bs-elevation-high)}.bs-product-tour{position:relative;width:var(--bs-product-tour-width);max-width:100%;color:var(--bs-product-tour-color);font-family:inherit}.bs-product-tour,.bs-product-tour__card{--bs-card-bg:var(--bs-product-tour-bg);--bs-card-radius:var(--bs-product-tour-radius);--bs-card-padding:var(--bs-product-tour-padding)}.bs-product-tour__body{display:flex;flex-direction:column;gap:var(--bs-product-tour-gap)}.bs-product-tour p{margin:0}.bs-product-tour--card{--bs-card-shadow:0 4px 8px var(--bs-product-tour-shadow-color)}.bs-product-tour--card .bs-product-tour__body{align-items:center;text-align:center}.bs-product-tour__art{--bs-icon-tile-size:var(--bs-product-tour-art-size);--bs-icon-tile-icon-size:var(--bs-product-tour-art-icon-size)}.bs-product-tour__glyph,::slotted([slot='icon']){width:var(--bs-product-tour-art-icon-size);height:var(--bs-product-tour-art-icon-size)}.bs-product-tour--card .bs-product-tour__heading{align-self:stretch;font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-product-tour--card .bs-product-tour__description{align-self:stretch;color:var(--bs-product-tour-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-product-tour--card .bs-product-tour__actions{padding-top:var(--bs-spacing-100)}.bs-product-tour--card .bs-product-tour__actions bs-button{--bs-button-height-md:var(--bs-spacing-550);min-width:94px}.bs-product-tour--pointer{filter:drop-shadow(0 4px 4px var(--bs-product-tour-shadow-color))}.bs-product-tour__card{display:block;--bs-card-shadow:none}.bs-product-tour--pointer .bs-product-tour__body{min-height:calc(140px - var(--bs-product-tour-padding) * 2)}.bs-product-tour--pointer .bs-product-tour__text{display:flex;flex-direction:column;gap:var(--bs-spacing-25);padding-inline-end:var(--bs-spacing-500)}.bs-product-tour--pointer .bs-product-tour__heading{font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:24px}.bs-product-tour--pointer .bs-product-tour__description{color:var(--bs-product-tour-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-product-tour__close{position:absolute;top:3px;inset-inline-end:3px}.bs-product-tour__close svg{width:20px;height:20px}.bs-product-tour__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100);margin-top:auto;padding-top:4px}.bs-product-tour__progress{color:var(--bs-product-tour-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px;white-space:nowrap}.bs-product-tour--pointer .bs-product-tour__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-product-tour--pointer .bs-product-tour__actions bs-button{--bs-button-height-sm:var(--bs-spacing-400)}.bs-product-tour--card .bs-product-tour__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-product-tour__arrow{position:absolute;background:var(--bs-product-tour-bg);pointer-events:none}:host([direction^='top']) .bs-product-tour__arrow,:host([direction^='bottom']) .bs-product-tour__arrow{width:var(--bs-product-tour-arrow-width);height:calc(var(--bs-product-tour-arrow-height) + 1px)}:host([direction^='top']) .bs-product-tour__arrow{bottom:calc(100% - 1px);clip-path:polygon(50% 0, 100% 100%, 0 100%)}:host([direction^='bottom']) .bs-product-tour__arrow{top:calc(100% - 1px);clip-path:polygon(0 0, 100% 0, 50% 100%)}:host([direction='top']) .bs-product-tour__arrow,:host([direction='bottom']) .bs-product-tour__arrow{left:50%;transform:translateX(-50%)}:host([direction$='-left']) .bs-product-tour__arrow{left:var(--bs-product-tour-arrow-offset);transform:translateX(-50%)}:host([direction$='-right']) .bs-product-tour__arrow{right:var(--bs-product-tour-arrow-offset);transform:translateX(50%)}:host([direction^='left']) .bs-product-tour__arrow,:host([direction^='right']) .bs-product-tour__arrow{width:calc(var(--bs-product-tour-arrow-height) + 1px);height:var(--bs-product-tour-arrow-width)}:host([direction^='left']) .bs-product-tour__arrow{right:calc(100% - 1px);clip-path:polygon(0 50%, 100% 0, 100% 100%)}:host([direction^='right']) .bs-product-tour__arrow{left:calc(100% - 1px);clip-path:polygon(0 0, 100% 50%, 0 100%)}:host([direction='left']) .bs-product-tour__arrow,:host([direction='right']) .bs-product-tour__arrow{top:50%;transform:translateY(-50%)}:host([direction$='-top']) .bs-product-tour__arrow{top:var(--bs-product-tour-arrow-offset);transform:translateY(-50%)}:host([direction$='-bottom']) .bs-product-tour__arrow{bottom:var(--bs-product-tour-arrow-offset);transform:translateY(50%)}"}},[769,"bs-product-tour",{type:[513],direction:[513],heading:[1],description:[1],step:[2],total:[2],progressLabel:[1,"progress-label"],primaryLabel:[1,"primary-label"],secondaryLabel:[1,"secondary-label"],closable:[4],closeLabel:[1,"close-label"]}]),d=()=>a("svg",{class:"bs-product-tour__glyph",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.6","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("path",{d:"M9.5 4L11.2 9.3L16.5 11L11.2 12.7L9.5 18L7.8 12.7L2.5 11L7.8 9.3L9.5 4Z"}),a("path",{d:"M18.5 3V7"}),a("path",{d:"M16.5 5H20.5"}),a("path",{d:"M18 16V20"}),a("path",{d:"M16 18H20"})),n=()=>a("svg",{class:"bs-product-tour__glyph",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M8 12.5L10.8 15.3L16 9.5"}));function b(){"undefined"!=typeof customElements&&["bs-product-tour","bs-button","bs-card","bs-icon-button","bs-icon-tile"].forEach((r=>{switch(r){case"bs-product-tour":customElements.get(t(r))||customElements.define(t(r),u);break;case"bs-button":customElements.get(t(r))||i();break;case"bs-card":customElements.get(t(r))||e();break;case"bs-icon-button":customElements.get(t(r))||c();break;case"bs-icon-tile":customElements.get(t(r))||p()}}))}b();const l=u,h=b;export{l as BsProductTour,h as defineCustomElement}
+import{t,p as r,H as o,c as s,h as a}from"./p-B2gx7SZk.js";import{d as i}from"./p-DYuzgzxI.js";import{d as e}from"./p-DvNED6Lb.js";import{d as c}from"./p-GTDI4Ibw.js";import{d as u}from"./p-B80vOwH6.js";const p=r(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsPrimary=s(this,"bsPrimary"),this.bsSecondary=s(this,"bsSecondary"),this.bsClose=s(this,"bsClose")}type="welcome";direction="top";heading;description;step=1;total=0;progressLabel="{step} of {total}";primaryLabel;secondaryLabel;closable=!1;closeLabel="Close";bsPrimary;bsSecondary;bsClose;get primary(){return void 0!==this.primaryLabel?this.primaryLabel:{welcome:"Start",success:"Done",pointer:"Next"}[this.type]??""}get secondary(){return void 0!==this.secondaryLabel?this.secondaryLabel:{welcome:"Later",success:"",pointer:"Back"}[this.type]??""}renderActions(t,r){const{primary:o,secondary:s}=this;return o||s?a("div",{part:"actions",class:"bs-product-tour__actions"},s&&a("bs-button",{part:"secondary",variant:r,size:t,onClick:()=>this.bsSecondary.emit()},s),o&&a("bs-button",{part:"primary",variant:"primary",size:t,onClick:()=>this.bsPrimary.emit()},o)):null}renderCard(){const t="success"===this.type;return a("bs-card",{part:"container",class:"bs-product-tour bs-product-tour--card",surface:"base"},a("div",{class:"bs-product-tour__body"},a("bs-icon-tile",{part:"art",class:"bs-product-tour__art",intent:t?"success":"brand",size:"lg"},a("slot",{name:"icon"},a(t?n:d,null))),this.heading&&a("p",{part:"heading",class:"bs-product-tour__heading"},this.heading),this.description&&a("p",{part:"description",class:"bs-product-tour__description"},this.description),this.renderActions("md","outlined")))}renderPointer(){const t=this.total>0?this.progressLabel.replace("{step}",this.step+"").replace("{total}",this.total+""):"";return a("div",{class:"bs-product-tour bs-product-tour--pointer"},a("div",{part:"arrow",class:"bs-product-tour__arrow","aria-hidden":"true"}),a("bs-card",{part:"container",class:"bs-product-tour__card",surface:"base"},this.closable&&a("bs-icon-button",{part:"close",class:"bs-product-tour__close",variant:"subtle",size:"sm",ariaLabel:this.closeLabel,onClick:()=>this.bsClose.emit()},a("svg",{viewBox:"0 0 20 20",fill:"none",stroke:"currentColor","stroke-width":"1.6","stroke-linecap":"round","aria-hidden":"true"},a("path",{d:"M5 5L15 15M15 5L5 15"}))),a("div",{class:"bs-product-tour__body"},a("div",{class:"bs-product-tour__text"},this.heading&&a("p",{part:"heading",class:"bs-product-tour__heading"},this.heading),this.description&&a("p",{part:"description",class:"bs-product-tour__description"},this.description)),a("div",{part:"footer",class:"bs-product-tour__footer"},t?a("span",{part:"progress",class:"bs-product-tour__progress"},t):a("span",null),this.renderActions("sm","subtle")))))}render(){return"pointer"===this.type?this.renderPointer():this.renderCard()}static get style(){return":host{display:inline-block;--bs-product-tour-bg:var(--bs-paper-bg-base);--bs-product-tour-radius:var(--bs-border-radius-150);--bs-product-tour-color:var(--bs-text-default);--bs-product-tour-color-secondary:var(--bs-text-secondary);--bs-product-tour-art-size:64px;--bs-product-tour-art-icon-size:28px;--bs-product-tour-arrow-width:22px;--bs-product-tour-arrow-height:16px;--bs-product-tour-arrow-offset:36px;--bs-product-tour-width:400px;--bs-product-tour-padding:var(--bs-spacing-300);--bs-product-tour-gap:var(--bs-spacing-150);--bs-product-tour-shadow-color:var(--bs-elevation-medium)}:host([type='pointer']){--bs-product-tour-width:320px;--bs-product-tour-padding:var(--bs-spacing-200);--bs-product-tour-gap:var(--bs-spacing-100);--bs-product-tour-shadow-color:var(--bs-elevation-high)}.bs-product-tour{position:relative;width:var(--bs-product-tour-width);max-width:100%;color:var(--bs-product-tour-color);font-family:inherit}.bs-product-tour,.bs-product-tour__card{--bs-card-bg:var(--bs-product-tour-bg);--bs-card-radius:var(--bs-product-tour-radius);--bs-card-padding:var(--bs-product-tour-padding)}.bs-product-tour__body{display:flex;flex-direction:column;gap:var(--bs-product-tour-gap)}.bs-product-tour p{margin:0}.bs-product-tour--card{--bs-card-shadow:0 4px 8px var(--bs-product-tour-shadow-color)}.bs-product-tour--card .bs-product-tour__body{align-items:center;text-align:center}.bs-product-tour__art{--bs-icon-tile-size:var(--bs-product-tour-art-size);--bs-icon-tile-icon-size:var(--bs-product-tour-art-icon-size)}.bs-product-tour__glyph,::slotted([slot='icon']){width:var(--bs-product-tour-art-icon-size);height:var(--bs-product-tour-art-icon-size)}.bs-product-tour--card .bs-product-tour__heading{align-self:stretch;font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-product-tour--card .bs-product-tour__description{align-self:stretch;color:var(--bs-product-tour-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-product-tour--card .bs-product-tour__actions{padding-top:var(--bs-spacing-100)}.bs-product-tour--card .bs-product-tour__actions bs-button{--bs-button-height-md:var(--bs-spacing-550);min-width:94px}.bs-product-tour--pointer{filter:drop-shadow(0 4px 4px var(--bs-product-tour-shadow-color))}.bs-product-tour__card{display:block;--bs-card-shadow:none}.bs-product-tour--pointer .bs-product-tour__body{min-height:calc(140px - var(--bs-product-tour-padding) * 2)}.bs-product-tour--pointer .bs-product-tour__text{display:flex;flex-direction:column;gap:var(--bs-spacing-25);padding-inline-end:var(--bs-spacing-500)}.bs-product-tour--pointer .bs-product-tour__heading{font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:24px}.bs-product-tour--pointer .bs-product-tour__description{color:var(--bs-product-tour-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-product-tour__close{position:absolute;top:3px;inset-inline-end:3px}.bs-product-tour__close svg{width:20px;height:20px}.bs-product-tour__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100);margin-top:auto;padding-top:4px}.bs-product-tour__progress{color:var(--bs-product-tour-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px;white-space:nowrap}.bs-product-tour--pointer .bs-product-tour__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-product-tour--pointer .bs-product-tour__actions bs-button{--bs-button-height-sm:var(--bs-spacing-400)}.bs-product-tour--card .bs-product-tour__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-product-tour__arrow{position:absolute;background:var(--bs-product-tour-bg);pointer-events:none}:host([direction^='top']) .bs-product-tour__arrow,:host([direction^='bottom']) .bs-product-tour__arrow{width:var(--bs-product-tour-arrow-width);height:calc(var(--bs-product-tour-arrow-height) + 1px)}:host([direction^='top']) .bs-product-tour__arrow{bottom:calc(100% - 1px);clip-path:polygon(50% 0, 100% 100%, 0 100%)}:host([direction^='bottom']) .bs-product-tour__arrow{top:calc(100% - 1px);clip-path:polygon(0 0, 100% 0, 50% 100%)}:host([direction='top']) .bs-product-tour__arrow,:host([direction='bottom']) .bs-product-tour__arrow{left:50%;transform:translateX(-50%)}:host([direction$='-left']) .bs-product-tour__arrow{left:var(--bs-product-tour-arrow-offset);transform:translateX(-50%)}:host([direction$='-right']) .bs-product-tour__arrow{right:var(--bs-product-tour-arrow-offset);transform:translateX(50%)}:host([direction^='left']) .bs-product-tour__arrow,:host([direction^='right']) .bs-product-tour__arrow{width:calc(var(--bs-product-tour-arrow-height) + 1px);height:var(--bs-product-tour-arrow-width)}:host([direction^='left']) .bs-product-tour__arrow{right:calc(100% - 1px);clip-path:polygon(0 50%, 100% 0, 100% 100%)}:host([direction^='right']) .bs-product-tour__arrow{left:calc(100% - 1px);clip-path:polygon(0 0, 100% 50%, 0 100%)}:host([direction='left']) .bs-product-tour__arrow,:host([direction='right']) .bs-product-tour__arrow{top:50%;transform:translateY(-50%)}:host([direction$='-top']) .bs-product-tour__arrow{top:var(--bs-product-tour-arrow-offset);transform:translateY(-50%)}:host([direction$='-bottom']) .bs-product-tour__arrow{bottom:var(--bs-product-tour-arrow-offset);transform:translateY(50%)}"}},[769,"bs-product-tour",{type:[513],direction:[513],heading:[1],description:[1],step:[2],total:[2],progressLabel:[1,"progress-label"],primaryLabel:[1,"primary-label"],secondaryLabel:[1,"secondary-label"],closable:[4],closeLabel:[1,"close-label"]}]),d=()=>a("svg",{class:"bs-product-tour__glyph",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.6","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("path",{d:"M9.5 4L11.2 9.3L16.5 11L11.2 12.7L9.5 18L7.8 12.7L2.5 11L7.8 9.3L9.5 4Z"}),a("path",{d:"M18.5 3V7"}),a("path",{d:"M16.5 5H20.5"}),a("path",{d:"M18 16V20"}),a("path",{d:"M16 18H20"})),n=()=>a("svg",{class:"bs-product-tour__glyph",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M8 12.5L10.8 15.3L16 9.5"}));function b(){"undefined"!=typeof customElements&&["bs-product-tour","bs-button","bs-card","bs-icon-button","bs-icon-tile"].forEach((r=>{switch(r){case"bs-product-tour":customElements.get(t(r))||customElements.define(t(r),p);break;case"bs-button":customElements.get(t(r))||i();break;case"bs-card":customElements.get(t(r))||e();break;case"bs-icon-button":customElements.get(t(r))||c();break;case"bs-icon-tile":customElements.get(t(r))||u()}}))}b();const l=p,h=b;export{l as BsProductTour,h as defineCustomElement}

package/dist/components/bs-progress-linear.js

@@ -1 +1 @@
-import{B as m,d as o}from"./p-CrmEXUwm.js";const r=m,s=o;export{r as BsProgressLinear,s as defineCustomElement}
+import{B as o,d as s}from"./p-B128GX8H.js";const p=o,r=s;export{p as BsProgressLinear,r as defineCustomElement}

package/dist/components/bs-progress.js

@@ -1 +1 @@
-import{B as o,d as p}from"./p-DpVeeIko.js";const s=o,e=p;export{s as BsProgress,e as defineCustomElement}
+import{B as o,d as s}from"./p-CK7fiES5.js";const p=o,r=s;export{p as BsProgress,r as defineCustomElement}

package/dist/components/bs-qr-code.js

@@ -1 +1 @@
-import{t as e,p as o,H as s,c as r,h as a}from"./p-B2gx7SZk.js";import{d as t}from"./p-DYuzgzxI.js";import{d}from"./p-DvNED6Lb.js";import{d as i}from"./p-CRtvJlh8.js";import{d as c}from"./p-DAwSBMeM.js";import{d as b}from"./p-DpVeeIko.js";const n=o(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsDownload=r(this,"bsDownload"),this.bsCopy=r(this,"bsCopy"),this.bsRetry=r(this,"bsRetry"),this.bsRefresh=r(this,"bsRefresh"),this.bsClose=r(this,"bsClose")}type="default";size="md";state="default";heading="Share the order";description;url;amount;amountLabel="Total";expiry;matrix;codeLabel="QR code";closable=!1;hideActions=!1;hideDownload=!1;hideCopy=!1;downloadLabel="Download PNG";copyLabel="Copy link";retryLabel="Retry";refreshLabel="Refresh";loadingLabel="Generating code";errorLabel="Couldn't load code";expiredLabel="Code expired";scannedLabel;closeLabel="Close";bsDownload;bsCopy;bsRetry;bsRefresh;bsClose;hasLogo=!1;onCopy=async()=>{if(this.url)try{await(navigator.clipboard?.writeText(this.url))}catch{}this.bsCopy.emit({url:this.url})};renderMatrix(){const e=this.matrix;if(!e||!e.length)return null;const o=e.length;let s="";for(let r=0;r<o;r++){let a=0;for(;a<o;){if(!e[r][a]){a++;continue}const t=a;for(;a<o&&e[r][a];)a++;s+=`M${t} ${r}h${a-t}v1h-${a-t}z`}}return a("svg",{class:"bs-qr-code__matrix",viewBox:`0 0 ${o} ${o}`,"shape-rendering":"crispEdges",role:"img","aria-label":this.codeLabel},a("path",{d:s,fill:"currentColor"}))}renderOverlay(){const{state:e}=this;return"default"===e?null:"loading"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--loading",role:"status"},a("bs-progress",{type:"indeterminate",size:"medium",ariaLabel:this.loadingLabel}),a("p",{class:"bs-qr-code__overlay-caption"},this.loadingLabel)):"error"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--error",role:"alert"},a("svg",{class:"bs-qr-code__status-icon bs-qr-code__status-icon--error",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M12 7.5V12.5"}),a("path",{d:"M12 16.2V16.3"})),a("p",{class:"bs-qr-code__overlay-text"},this.errorLabel),a("bs-button",{variant:"outlined",onClick:()=>this.bsRetry.emit()},a(u,{slot:"icon"}),this.retryLabel)):"expired"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--expired",role:"status"},a("svg",{class:"bs-qr-code__status-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M12 7V12L15 14"})),a("p",{class:"bs-qr-code__overlay-text"},this.expiredLabel),a("bs-button",{variant:"primary",onClick:()=>this.bsRefresh.emit()},a(u,{slot:"icon"}),this.refreshLabel)):a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--scanned",role:"status"},a("svg",{class:"bs-qr-code__status-icon bs-qr-code__status-icon--scanned",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M8 12.5L10.8 15.3L16 9.5"})),a("p",{class:"bs-qr-code__overlay-text bs-qr-code__overlay-text--strong"},this.scannedLabel??("payment"===this.type?"Payment received":"Scanned")))}render(){const{state:e}=this,o="default"===e,s=!this.hideActions&&"scanned"!==e,r="sm"===this.size?"sm":"md";return a("bs-card",{key:"01dc0befd273aecce2437e98987fa6a76555a65c",part:"container",class:"bs-qr-code",surface:"base"},this.closable&&a("bs-icon-button",{key:"b611e446cbaa4267f7cfcb6e1baa1352e316994c",part:"close",class:"bs-qr-code__close",variant:"subtle",size:"sm",ariaLabel:this.closeLabel,onClick:()=>this.bsClose.emit()},a("svg",{key:"c3af9b06190a8d98e80a1ba5aa32a614cf706ef8",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor","stroke-width":"1.6","stroke-linecap":"round","aria-hidden":"true"},a("path",{key:"bc86434823fabb3375bd2aa7c8382b33ed94e293",d:"M5 5L15 15M15 5L5 15"}))),a("div",{key:"95520bbba236876975ca8097f923162c9af84505",class:"bs-qr-code__body"},a("div",{key:"1c5ab32fd408dfb874914848daf611d5ede8fc15",part:"head",class:"bs-qr-code__head"},a("p",{key:"765b6700e9d73ad9858e7dfed25adba98d9f37a4",part:"title",class:"bs-qr-code__title"},this.heading),this.description&&a("p",{key:"9994b60173dfdce115ab249122f29d17f8e530da",part:"description",class:"bs-qr-code__description"},this.description)),a("div",{key:"9a32be6fa563ff3ed7f7825ce793cd1521989dbe",part:"qr",class:"bs-qr-code__qr"},a("div",{key:"9aa3199f1d5dac68eb4b3d8c6e490199964715ab",part:"code",class:"bs-qr-code__code"},a("slot",{key:"e859ada22ca6dad597fb2d3c239662a51b43b39c",name:"code"},this.renderMatrix()),a("div",{key:"49023d47353f7eac10d46d7be68be8691be50455",part:"logo",class:{"bs-qr-code__logo":!0,"bs-qr-code__logo--visible":this.hasLogo}},a("slot",{key:"53125aeb2c4891ca790268f9ef5ee3ba37cae5f0",name:"logo",onSlotchange:e=>this.hasLogo=e.target.assignedNodes().length>0}))),this.renderOverlay()),"payment"===this.type&&this.amount&&a("div",{key:"2714b2a6513da5442809292f78b31141ee77ce81",part:"amount",class:"bs-qr-code__amount"},this.amountLabel&&a("p",{key:"51573f23cf8d2c3a0b7e3df2a9ff212f18c92539",class:"bs-qr-code__amount-label"},this.amountLabel),a("p",{key:"dc7c005152c216ababde9282c385856e8d6b3b57",class:"bs-qr-code__amount-value"},this.amount)),"default"===this.type&&this.url&&a("div",{key:"a3f3c4d1ceea0ba079ca204a1acd5447551f86f4",part:"url",class:"bs-qr-code__url"},this.url),this.expiry&&a("bs-chip-informative",{key:"39d95354200ccf4cfbfc9dc3c15da200955fa2f5",part:"expiry",size:"md"},a(q,{key:"7244fd36a173052caf4db2e4f0f2ad05f3569341",slot:"icon"}),this.expiry),s&&a("div",{key:"f6c808132c0ca1d8af27b8aedf5cc5f86a3ba7e8",part:"actions",class:"bs-qr-code__actions"},!this.hideDownload&&a("bs-button",{key:"ff50126a297987518e4e174c08db438560671d95",part:"download",variant:o?"outlined":"primary",size:r,disabled:!o,onClick:()=>o&&this.bsDownload.emit()},a(p,{key:"e7c982907553a6607b3c941c77a4f88876c71c85",slot:"icon"}),this.downloadLabel),!this.hideCopy&&a("bs-button",{key:"bc603f4ba0a2bfa12112806b2eb2a04ccec60568",part:"copy",variant:o?"outlined":"primary",size:r,disabled:!o,onClick:()=>o&&this.onCopy()},a(h,{key:"35e27d196c9475f5b0be1dd0e389b699d08ec7db",slot:"icon"}),this.copyLabel))))}static get style(){return":host{display:inline-block;max-width:100%;--bs-qr-code-bg:var(--bs-paper-bg-base);--bs-qr-code-border:var(--bs-border-default);--bs-qr-code-radius:var(--bs-border-radius-150);--bs-qr-code-quiet-zone-bg:var(--bs-text-static-white);--bs-qr-code-module-color:var(--bs-text-static-black);--bs-qr-code-qr-border:var(--bs-border-default);--bs-qr-code-qr-radius:var(--bs-border-radius-100);--bs-qr-code-color:var(--bs-text-default);--bs-qr-code-color-secondary:var(--bs-text-secondary);--bs-qr-code-url-bg:var(--bs-surface-container);--bs-qr-code-url-radius:6px;--bs-qr-code-logo-size:20%;--bs-qr-code-padding:var(--bs-spacing-300);--bs-qr-code-gap:var(--bs-spacing-200);--bs-qr-code-code-size:200px;--bs-qr-code-quiet-zone:var(--bs-spacing-150);--bs-qr-code-amount-size:var(--bs-font-size-2xl);--bs-qr-code-amount-line-height:32px;--bs-qr-code-download-min-width:168px;--bs-qr-code-copy-min-width:126px}:host([size='sm']){--bs-qr-code-padding:var(--bs-spacing-200);--bs-qr-code-gap:var(--bs-spacing-150);--bs-qr-code-code-size:128px;--bs-qr-code-quiet-zone:var(--bs-spacing-100);--bs-qr-code-amount-size:var(--bs-font-size-xl);--bs-qr-code-amount-line-height:24px;--bs-qr-code-download-min-width:139px;--bs-qr-code-copy-min-width:102px}:host([size='lg']){--bs-qr-code-padding:var(--bs-spacing-400);--bs-qr-code-gap:var(--bs-spacing-250);--bs-qr-code-code-size:288px;--bs-qr-code-amount-size:32px;--bs-qr-code-amount-line-height:40px}.bs-qr-code{position:relative;width:fit-content;max-width:100%;color:var(--bs-qr-code-color);--bs-card-bg:var(--bs-qr-code-bg);--bs-card-radius:var(--bs-qr-code-radius);--bs-card-padding:var(--bs-qr-code-padding);--bs-card-border-width:1px;--bs-card-border-color:var(--bs-qr-code-border);--bs-card-shadow:none}.bs-qr-code__body{display:flex;flex-direction:column;align-items:center;gap:var(--bs-qr-code-gap)}.bs-qr-code__close{position:absolute;top:var(--bs-spacing-100);inset-inline-end:var(--bs-spacing-100)}.bs-qr-code__close svg{width:20px;height:20px}.bs-qr-code__head{display:flex;flex-direction:column;align-items:center;gap:2px;width:272px;max-width:100%;text-align:center}.bs-qr-code__head p,.bs-qr-code__amount p,.bs-qr-code__overlay p{margin:0}.bs-qr-code__title{font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-qr-code__description{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-md);line-height:24px}.bs-qr-code__qr{position:relative;box-sizing:border-box;flex:none;padding:var(--bs-qr-code-quiet-zone);border:1px solid var(--bs-qr-code-qr-border);border-radius:var(--bs-qr-code-qr-radius);background:var(--bs-qr-code-quiet-zone-bg);overflow:hidden}.bs-qr-code__code{position:relative;width:var(--bs-qr-code-code-size);height:var(--bs-qr-code-code-size);background:var(--bs-qr-code-quiet-zone-bg);color:var(--bs-qr-code-module-color)}.bs-qr-code__matrix,::slotted([slot='code']){display:block;width:100%;height:100%}.bs-qr-code__logo{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-qr-code-logo-size);height:var(--bs-qr-code-logo-size);padding:4px;border-radius:var(--bs-border-radius-50);background:var(--bs-qr-code-quiet-zone-bg);transform:translate(-50%, -50%)}.bs-qr-code__logo{display:none}.bs-qr-code__logo--visible{display:flex}::slotted([slot='logo']){width:100%;height:100%;object-fit:contain}.bs-qr-code__overlay{position:absolute;inset:-1px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-150);overflow:hidden;text-align:center;white-space:nowrap}.bs-qr-code__overlay--loading{background:var(--bs-color-neutral-container)}.bs-qr-code__overlay--error{background:var(--bs-surface-container)}.bs-qr-code__overlay--expired,.bs-qr-code__overlay--scanned{background:var(--bs-surface-base)}.bs-qr-code__overlay-caption{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-qr-code__overlay-text{color:var(--bs-qr-code-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-qr-code__overlay-text--strong{font-weight:var(--bs-font-weight-semibold)}.bs-qr-code__status-icon{width:32px;height:32px;color:var(--bs-qr-code-color-secondary)}.bs-qr-code__status-icon--error{color:var(--bs-icon-error)}.bs-qr-code__status-icon--scanned{width:44px;height:44px;color:var(--bs-icon-success)}.bs-qr-code__overlay bs-button{--bs-button-height-md:var(--bs-spacing-550)}.bs-qr-code__amount{display:flex;flex-direction:column;align-items:center;white-space:nowrap}.bs-qr-code__amount-label{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-qr-code__amount-value{font-size:var(--bs-qr-code-amount-size);font-weight:var(--bs-font-weight-bold);line-height:var(--bs-qr-code-amount-line-height)}.bs-qr-code__url{padding:4px 10px;border-radius:var(--bs-qr-code-url-radius);background:var(--bs-qr-code-url-bg);font-size:var(--bs-font-size-xs);line-height:16px;text-align:center;white-space:nowrap}.bs-qr-code__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-qr-code__actions bs-button{display:inline-flex}.bs-qr-code__actions bs-button::part(button){width:100%}.bs-qr-code__actions bs-button[part='download']{min-width:var(--bs-qr-code-download-min-width)}.bs-qr-code__actions bs-button[part='copy']{min-width:var(--bs-qr-code-copy-min-width)}:host([size='sm']) .bs-qr-code__actions bs-button{--bs-button-height-sm:var(--bs-spacing-400)}"}},[769,"bs-qr-code",{type:[513],size:[513],state:[513],heading:[1],description:[1],url:[1],amount:[1],amountLabel:[1,"amount-label"],expiry:[1],matrix:[16],codeLabel:[1,"code-label"],closable:[4],hideActions:[4,"hide-actions"],hideDownload:[4,"hide-download"],hideCopy:[4,"hide-copy"],downloadLabel:[1,"download-label"],copyLabel:[1,"copy-label"],retryLabel:[1,"retry-label"],refreshLabel:[1,"refresh-label"],loadingLabel:[1,"loading-label"],errorLabel:[1,"error-label"],expiredLabel:[1,"expired-label"],scannedLabel:[1,"scanned-label"],closeLabel:[1,"close-label"],hasLogo:[32]}]),l={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},p=e=>a("svg",{...l,...e},a("path",{d:"M12 4V15"}),a("path",{d:"M7.5 11L12 15.5L16.5 11"}),a("path",{d:"M4.5 19.5H19.5"})),h=e=>a("svg",{...l,...e},a("rect",{x:"8",y:"8",width:"11.5",height:"11.5",rx:"1.5"}),a("path",{d:"M16 8V5.5A1.5 1.5 0 0 0 14.5 4H5.5A1.5 1.5 0 0 0 4 5.5V14.5A1.5 1.5 0 0 0 5.5 16H8"})),u=e=>a("svg",{...l,...e},a("path",{d:"M19.5 12A7.5 7.5 0 1 1 17.3 6.7"}),a("path",{d:"M19.5 4.5V8.5H15.5"})),q=e=>a("svg",{...l,...e},a("circle",{cx:"12",cy:"13.5",r:"7"}),a("path",{d:"M12 10V13.5L14 15"}),a("path",{d:"M9.5 3.5H14.5"}));function v(){"undefined"!=typeof customElements&&["bs-qr-code","bs-button","bs-card","bs-chip-informative","bs-icon-button","bs-progress"].forEach((o=>{switch(o){case"bs-qr-code":customElements.get(e(o))||customElements.define(e(o),n);break;case"bs-button":customElements.get(e(o))||t();break;case"bs-card":customElements.get(e(o))||d();break;case"bs-chip-informative":customElements.get(e(o))||i();break;case"bs-icon-button":customElements.get(e(o))||c();break;case"bs-progress":customElements.get(e(o))||b()}}))}v();const f=n,_=v;export{f as BsQrCode,_ as defineCustomElement}
+import{t as e,p as o,H as s,c as r,h as a}from"./p-B2gx7SZk.js";import{d as t}from"./p-DYuzgzxI.js";import{d}from"./p-DvNED6Lb.js";import{d as c}from"./p-CRtvJlh8.js";import{d as i}from"./p-GTDI4Ibw.js";import{d as b}from"./p-CK7fiES5.js";const n=o(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsDownload=r(this,"bsDownload"),this.bsCopy=r(this,"bsCopy"),this.bsRetry=r(this,"bsRetry"),this.bsRefresh=r(this,"bsRefresh"),this.bsClose=r(this,"bsClose")}type="default";size="md";state="default";heading="Share the order";description;url;amount;amountLabel="Total";expiry;matrix;codeLabel="QR code";closable=!1;hideActions=!1;hideDownload=!1;hideCopy=!1;downloadLabel="Download PNG";copyLabel="Copy link";retryLabel="Retry";refreshLabel="Refresh";loadingLabel="Generating code";errorLabel="Couldn't load code";expiredLabel="Code expired";scannedLabel;closeLabel="Close";bsDownload;bsCopy;bsRetry;bsRefresh;bsClose;hasLogo=!1;onCopy=async()=>{if(this.url)try{await(navigator.clipboard?.writeText(this.url))}catch{}this.bsCopy.emit({url:this.url})};renderMatrix(){const e=this.matrix;if(!e||!e.length)return null;const o=e.length;let s="";for(let r=0;r<o;r++){let a=0;for(;a<o;){if(!e[r][a]){a++;continue}const t=a;for(;a<o&&e[r][a];)a++;s+=`M${t} ${r}h${a-t}v1h-${a-t}z`}}return a("svg",{class:"bs-qr-code__matrix",viewBox:`0 0 ${o} ${o}`,"shape-rendering":"crispEdges",role:"img","aria-label":this.codeLabel},a("path",{d:s,fill:"currentColor"}))}renderOverlay(){const{state:e}=this;return"default"===e?null:"loading"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--loading",role:"status"},a("bs-progress",{type:"indeterminate",size:"medium",ariaLabel:this.loadingLabel}),a("p",{class:"bs-qr-code__overlay-caption"},this.loadingLabel)):"error"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--error",role:"alert"},a("svg",{class:"bs-qr-code__status-icon bs-qr-code__status-icon--error",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M12 7.5V12.5"}),a("path",{d:"M12 16.2V16.3"})),a("p",{class:"bs-qr-code__overlay-text"},this.errorLabel),a("bs-button",{variant:"outlined",onClick:()=>this.bsRetry.emit()},a(u,{slot:"icon"}),this.retryLabel)):"expired"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--expired",role:"status"},a("svg",{class:"bs-qr-code__status-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M12 7V12L15 14"})),a("p",{class:"bs-qr-code__overlay-text"},this.expiredLabel),a("bs-button",{variant:"primary",onClick:()=>this.bsRefresh.emit()},a(u,{slot:"icon"}),this.refreshLabel)):a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--scanned",role:"status"},a("svg",{class:"bs-qr-code__status-icon bs-qr-code__status-icon--scanned",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M8 12.5L10.8 15.3L16 9.5"})),a("p",{class:"bs-qr-code__overlay-text bs-qr-code__overlay-text--strong"},this.scannedLabel??("payment"===this.type?"Payment received":"Scanned")))}render(){const{state:e}=this,o="default"===e,s=!this.hideActions&&"scanned"!==e,r="sm"===this.size?"sm":"md";return a("bs-card",{key:"8a78a58e189863a37ac0824e84c8da50d0f82c4c",part:"container",class:"bs-qr-code",surface:"base"},this.closable&&a("bs-icon-button",{key:"e771194dc383c40cbc9b4b6e2316d787dfda9e0f",part:"close",class:"bs-qr-code__close",variant:"subtle",size:"sm",ariaLabel:this.closeLabel,onClick:()=>this.bsClose.emit()},a("svg",{key:"2ee3bc0a83ec9c44f15ad906abc40d6f88598fec",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor","stroke-width":"1.6","stroke-linecap":"round","aria-hidden":"true"},a("path",{key:"acb73db86f4af7c81c6aa8c71c458c3a1381c9ed",d:"M5 5L15 15M15 5L5 15"}))),a("div",{key:"48d25ac25dd6c3cd0b77d800cddc11b1f1a57206",class:"bs-qr-code__body"},a("div",{key:"340cd0dc7d945b6b3dedd103909067d7c8e5ae91",part:"head",class:"bs-qr-code__head"},a("p",{key:"022fda836023d01aee585926bfe1f227b1789bae",part:"title",class:"bs-qr-code__title"},this.heading),this.description&&a("p",{key:"f72976f2aafa5f66adf77db3ed21380ef26f3e0c",part:"description",class:"bs-qr-code__description"},this.description)),a("div",{key:"865fcb97b32fea2fd3cfaa71e6fd91358906ec8f",part:"qr",class:"bs-qr-code__qr"},a("div",{key:"295e823796a723e4a9ead87ab178133596920cd2",part:"code",class:"bs-qr-code__code"},a("slot",{key:"26a87b0ec43d5b08dbabeb0addab57e698813918",name:"code"},this.renderMatrix()),a("div",{key:"d7355f6fc021333d12f70a2c75fc1cea1052120c",part:"logo",class:{"bs-qr-code__logo":!0,"bs-qr-code__logo--visible":this.hasLogo}},a("slot",{key:"edecfcdc96b623d01dee5c18de4191051ea4f40b",name:"logo",onSlotchange:e=>this.hasLogo=e.target.assignedNodes().length>0}))),this.renderOverlay()),"payment"===this.type&&this.amount&&a("div",{key:"2efac5db58bbe7bfd1dc3d42ef3ce12d85bb42a5",part:"amount",class:"bs-qr-code__amount"},this.amountLabel&&a("p",{key:"0765abe8467bc7a1f312b71b043f05e365f1f9b3",class:"bs-qr-code__amount-label"},this.amountLabel),a("p",{key:"65f41dcaf4f167cda93ce750e072ab94a38921eb",class:"bs-qr-code__amount-value"},this.amount)),"default"===this.type&&this.url&&a("div",{key:"da32b3ac2acfaf7523c24ce11cbca43236b196dd",part:"url",class:"bs-qr-code__url"},this.url),this.expiry&&a("bs-chip-informative",{key:"409328cdc5859c9c8e3d2be87b90b73cfc873cc2",part:"expiry",size:"md"},a(q,{key:"3752627cec20d06f351476da803d013aae832ea6",slot:"icon"}),this.expiry),s&&a("div",{key:"ad00fe126c5f5dfd9e6a713aa0bdd4cd70a869ca",part:"actions",class:"bs-qr-code__actions"},!this.hideDownload&&a("bs-button",{key:"0964029df2c3a97a561b368dd167ccf1770a251f",part:"download",variant:o?"outlined":"primary",size:r,disabled:!o,onClick:()=>o&&this.bsDownload.emit()},a(p,{key:"e30c02777793dc41ea3437c58d0b229b7bb75510",slot:"icon"}),this.downloadLabel),!this.hideCopy&&a("bs-button",{key:"c845423f9652d79a099cd4466d06aa29152636ad",part:"copy",variant:o?"outlined":"primary",size:r,disabled:!o,onClick:()=>o&&this.onCopy()},a(h,{key:"443d3070916468e1bc1b015496ecaff3311b6565",slot:"icon"}),this.copyLabel))))}static get style(){return":host{display:inline-block;max-width:100%;--bs-qr-code-bg:var(--bs-paper-bg-base);--bs-qr-code-border:var(--bs-border-default);--bs-qr-code-radius:var(--bs-border-radius-150);--bs-qr-code-quiet-zone-bg:var(--bs-text-static-white);--bs-qr-code-module-color:var(--bs-text-static-black);--bs-qr-code-qr-border:var(--bs-border-default);--bs-qr-code-qr-radius:var(--bs-border-radius-100);--bs-qr-code-color:var(--bs-text-default);--bs-qr-code-color-secondary:var(--bs-text-secondary);--bs-qr-code-url-bg:var(--bs-surface-container);--bs-qr-code-url-radius:6px;--bs-qr-code-logo-size:20%;--bs-qr-code-padding:var(--bs-spacing-300);--bs-qr-code-gap:var(--bs-spacing-200);--bs-qr-code-code-size:200px;--bs-qr-code-quiet-zone:var(--bs-spacing-150);--bs-qr-code-amount-size:var(--bs-font-size-2xl);--bs-qr-code-amount-line-height:32px;--bs-qr-code-download-min-width:168px;--bs-qr-code-copy-min-width:126px}:host([size='sm']){--bs-qr-code-padding:var(--bs-spacing-200);--bs-qr-code-gap:var(--bs-spacing-150);--bs-qr-code-code-size:128px;--bs-qr-code-quiet-zone:var(--bs-spacing-100);--bs-qr-code-amount-size:var(--bs-font-size-xl);--bs-qr-code-amount-line-height:24px;--bs-qr-code-download-min-width:139px;--bs-qr-code-copy-min-width:102px}:host([size='lg']){--bs-qr-code-padding:var(--bs-spacing-400);--bs-qr-code-gap:var(--bs-spacing-250);--bs-qr-code-code-size:288px;--bs-qr-code-amount-size:32px;--bs-qr-code-amount-line-height:40px}.bs-qr-code{position:relative;width:fit-content;max-width:100%;color:var(--bs-qr-code-color);--bs-card-bg:var(--bs-qr-code-bg);--bs-card-radius:var(--bs-qr-code-radius);--bs-card-padding:var(--bs-qr-code-padding);--bs-card-border-width:1px;--bs-card-border-color:var(--bs-qr-code-border);--bs-card-shadow:none}.bs-qr-code__body{display:flex;flex-direction:column;align-items:center;gap:var(--bs-qr-code-gap)}.bs-qr-code__close{position:absolute;top:var(--bs-spacing-100);inset-inline-end:var(--bs-spacing-100)}.bs-qr-code__close svg{width:20px;height:20px}.bs-qr-code__head{display:flex;flex-direction:column;align-items:center;gap:2px;width:272px;max-width:100%;text-align:center}.bs-qr-code__head p,.bs-qr-code__amount p,.bs-qr-code__overlay p{margin:0}.bs-qr-code__title{font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-qr-code__description{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-md);line-height:24px}.bs-qr-code__qr{position:relative;box-sizing:border-box;flex:none;padding:var(--bs-qr-code-quiet-zone);border:1px solid var(--bs-qr-code-qr-border);border-radius:var(--bs-qr-code-qr-radius);background:var(--bs-qr-code-quiet-zone-bg);overflow:hidden}.bs-qr-code__code{position:relative;width:var(--bs-qr-code-code-size);height:var(--bs-qr-code-code-size);background:var(--bs-qr-code-quiet-zone-bg);color:var(--bs-qr-code-module-color)}.bs-qr-code__matrix,::slotted([slot='code']){display:block;width:100%;height:100%}.bs-qr-code__logo{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-qr-code-logo-size);height:var(--bs-qr-code-logo-size);padding:4px;border-radius:var(--bs-border-radius-50);background:var(--bs-qr-code-quiet-zone-bg);transform:translate(-50%, -50%)}.bs-qr-code__logo{display:none}.bs-qr-code__logo--visible{display:flex}::slotted([slot='logo']){width:100%;height:100%;object-fit:contain}.bs-qr-code__overlay{position:absolute;inset:-1px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-150);overflow:hidden;text-align:center;white-space:nowrap}.bs-qr-code__overlay--loading{background:var(--bs-color-neutral-container)}.bs-qr-code__overlay--error{background:var(--bs-surface-container)}.bs-qr-code__overlay--expired,.bs-qr-code__overlay--scanned{background:var(--bs-surface-base)}.bs-qr-code__overlay-caption{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-qr-code__overlay-text{color:var(--bs-qr-code-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-qr-code__overlay-text--strong{font-weight:var(--bs-font-weight-semibold)}.bs-qr-code__status-icon{width:32px;height:32px;color:var(--bs-qr-code-color-secondary)}.bs-qr-code__status-icon--error{color:var(--bs-icon-error)}.bs-qr-code__status-icon--scanned{width:44px;height:44px;color:var(--bs-icon-success)}.bs-qr-code__overlay bs-button{--bs-button-height-md:var(--bs-spacing-550)}.bs-qr-code__amount{display:flex;flex-direction:column;align-items:center;white-space:nowrap}.bs-qr-code__amount-label{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-qr-code__amount-value{font-size:var(--bs-qr-code-amount-size);font-weight:var(--bs-font-weight-bold);line-height:var(--bs-qr-code-amount-line-height)}.bs-qr-code__url{padding:4px 10px;border-radius:var(--bs-qr-code-url-radius);background:var(--bs-qr-code-url-bg);font-size:var(--bs-font-size-xs);line-height:16px;text-align:center;white-space:nowrap}.bs-qr-code__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-qr-code__actions bs-button{display:inline-flex}.bs-qr-code__actions bs-button::part(button){width:100%}.bs-qr-code__actions bs-button[part='download']{min-width:var(--bs-qr-code-download-min-width)}.bs-qr-code__actions bs-button[part='copy']{min-width:var(--bs-qr-code-copy-min-width)}:host([size='sm']) .bs-qr-code__actions bs-button{--bs-button-height-sm:var(--bs-spacing-400)}"}},[769,"bs-qr-code",{type:[513],size:[513],state:[513],heading:[1],description:[1],url:[1],amount:[1],amountLabel:[1,"amount-label"],expiry:[1],matrix:[16],codeLabel:[1,"code-label"],closable:[4],hideActions:[4,"hide-actions"],hideDownload:[4,"hide-download"],hideCopy:[4,"hide-copy"],downloadLabel:[1,"download-label"],copyLabel:[1,"copy-label"],retryLabel:[1,"retry-label"],refreshLabel:[1,"refresh-label"],loadingLabel:[1,"loading-label"],errorLabel:[1,"error-label"],expiredLabel:[1,"expired-label"],scannedLabel:[1,"scanned-label"],closeLabel:[1,"close-label"],hasLogo:[32]}]),l={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},p=e=>a("svg",{...l,...e},a("path",{d:"M12 4V15"}),a("path",{d:"M7.5 11L12 15.5L16.5 11"}),a("path",{d:"M4.5 19.5H19.5"})),h=e=>a("svg",{...l,...e},a("rect",{x:"8",y:"8",width:"11.5",height:"11.5",rx:"1.5"}),a("path",{d:"M16 8V5.5A1.5 1.5 0 0 0 14.5 4H5.5A1.5 1.5 0 0 0 4 5.5V14.5A1.5 1.5 0 0 0 5.5 16H8"})),u=e=>a("svg",{...l,...e},a("path",{d:"M19.5 12A7.5 7.5 0 1 1 17.3 6.7"}),a("path",{d:"M19.5 4.5V8.5H15.5"})),q=e=>a("svg",{...l,...e},a("circle",{cx:"12",cy:"13.5",r:"7"}),a("path",{d:"M12 10V13.5L14 15"}),a("path",{d:"M9.5 3.5H14.5"}));function v(){"undefined"!=typeof customElements&&["bs-qr-code","bs-button","bs-card","bs-chip-informative","bs-icon-button","bs-progress"].forEach((o=>{switch(o){case"bs-qr-code":customElements.get(e(o))||customElements.define(e(o),n);break;case"bs-button":customElements.get(e(o))||t();break;case"bs-card":customElements.get(e(o))||d();break;case"bs-chip-informative":customElements.get(e(o))||c();break;case"bs-icon-button":customElements.get(e(o))||i();break;case"bs-progress":customElements.get(e(o))||b()}}))}v();const f=n,_=v;export{f as BsQrCode,_ as defineCustomElement}

package/dist/components/bs-radio.js

@@ -1 +1 @@
-import{t as e,p as a,H as r,c as i,h as s}from"./p-B2gx7SZk.js";const o=a(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsChange=i(this,"bsChange"),this.internals=this.attachInternals()}get el(){return this}name;value;checked=!1;disabled=!1;bsChange;internals;initialChecked=!1;groupHasChecked=!1;groupMembers(){if(!this.name)return[this.el];const e=this.el.getRootNode();return Array.from(e.querySelectorAll("bs-radio")).filter((e=>e.name===this.name))}onCheckedChange(){this.internals?.setFormValue?.(this.checked?this.value??"on":null),this.checked&&this.groupMembers().forEach((e=>{e!==this.el&&e.checked&&(e.checked=!1)})),this.refreshGroupState()}onAnyRadioChange(){this.refreshGroupState()}refreshGroupState(){this.groupHasChecked=this.groupMembers().some((e=>e.checked))}componentWillLoad(){this.initialChecked=this.checked,this.internals?.setFormValue?.(this.checked?this.value??"on":null)}componentDidLoad(){this.refreshGroupState()}formResetCallback(){this.checked=this.initialChecked}onKeyDown=e=>{const a="ArrowRight"===e.key||"ArrowDown"===e.key;if(!a&&"ArrowLeft"!==e.key&&"ArrowUp"!==e.key)return;const r=this.groupMembers().filter((e=>!e.disabled));if(r.length<2)return;e.preventDefault();const i=r.indexOf(this.el),s=r[(i+(a?1:-1)+r.length)%r.length],o=s.shadowRoot?.querySelector("input");o?.click(),o?.focus()};onChange=e=>{const a=e.target.checked;this.checked=a,a&&this.bsChange.emit(this.value)};render(){return s("label",{key:"5c69e7244183b1116d44e50079371d0bf29ac058",class:"bs-radio "+(this.disabled?"bs-radio--disabled":"")},s("input",{key:"f40a114f0e9fcb21ff0e7bb02876ded6979b7727",class:"bs-radio__input",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,tabIndex:this.checked||!this.groupHasChecked?0:-1,onKeyDown:this.onKeyDown,onChange:this.onChange}),s("span",{key:"4cca356fd757d34f24ec5d8a8a3a2517da004409",class:"bs-radio__hit-area"},s("span",{key:"6beda905b88e822335ebf67a64eba5df86beb4a9",class:"bs-radio__state-layer"},s("span",{key:"28e63967c2ad046f694c2097d2aec35f4ebcf843",part:"circle",class:"bs-radio__circle "+(this.checked?"bs-radio__circle--selected":"")},this.checked&&s("span",{key:"cda8ba5bf3f5bf99564e6f0f1af115803e33f6c0",part:"dot",class:"bs-radio__dot"})))),s("span",{key:"df59f8b97fb54cc037732a22412ec64464df8bdc",part:"label",class:"bs-radio__label"},s("slot",{key:"154be3de3d6fe5aa0cb8fd7d806c28956a21e87d"})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],value:[{onCheckedChange:0}]}}static get style(){return":host{display:inline-block;--bs-radio-size:var(--bs-spacing-300);--bs-radio-border-width:2px;--bs-radio-state-layer-size:40px;--bs-radio-hit-area-size:48px;--bs-radio-gap:var(--bs-spacing-100)}.bs-radio{position:relative;display:inline-flex;align-items:center;gap:var(--bs-radio-gap);font-family:inherit;cursor:pointer}.bs-radio--disabled{cursor:not-allowed}.bs-radio__input{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.bs-radio__input:disabled{cursor:not-allowed}.bs-radio__hit-area{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-hit-area-size);height:var(--bs-radio-hit-area-size)}.bs-radio__state-layer{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:var(--bs-radio-state-layer-size);height:var(--bs-radio-state-layer-size);border-radius:50%;background:var(--bs-radio-bg-default)}.bs-radio__circle{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-size);height:var(--bs-radio-size);border:var(--bs-radio-border-width) solid var(--bs-radio-enabled-border-default);border-radius:50%;background:transparent}.bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-default)}.bs-radio__dot{width:50%;height:50%;border-radius:50%;background:var(--bs-radio-icon-checked)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-hover)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-focus);outline:2px solid var(--bs-radio-focus-ring);outline-offset:2px}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-focus)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-focus)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-pressed)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-border-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-disabled)}.bs-radio__label{font-size:var(--bs-font-size-md);color:var(--bs-radio-label-default)}.bs-radio--disabled .bs-radio__label{color:var(--bs-radio-label-disabled)}@media (forced-colors: active){.bs-radio__circle{border:2px solid ButtonText;forced-color-adjust:none;background:Canvas}.bs-radio__dot{background:Highlight}}"}},[849,"bs-radio",{name:[513],value:[1],checked:[1540],disabled:[516],groupHasChecked:[32]},[[4,"bsChange","onAnyRadioChange"]],{checked:[{onCheckedChange:0}],value:[{onCheckedChange:0}]}]);function d(){"undefined"!=typeof customElements&&["bs-radio"].forEach((a=>{"bs-radio"===a&&(customElements.get(e(a))||customElements.define(e(a),o))}))}d();const t=o,b=d;export{t as BsRadio,b as defineCustomElement}
+import{t as e,p as a,H as r,c as i,h as s}from"./p-B2gx7SZk.js";const o=a(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsChange=i(this,"bsChange"),this.internals=this.attachInternals()}get el(){return this}name;value;checked=!1;disabled=!1;bsChange;internals;initialChecked=!1;groupHasChecked=!1;groupMembers(){if(!this.name)return[this.el];const e=this.el.getRootNode();return Array.from(e.querySelectorAll("bs-radio")).filter((e=>e.name===this.name))}onCheckedChange(){this.internals?.setFormValue?.(this.checked?this.value??"on":null),this.checked&&this.groupMembers().forEach((e=>{e!==this.el&&e.checked&&(e.checked=!1)})),this.refreshGroupState()}onAnyRadioChange(){this.refreshGroupState()}refreshGroupState(){this.groupHasChecked=this.groupMembers().some((e=>e.checked))}componentWillLoad(){this.initialChecked=this.checked,this.internals?.setFormValue?.(this.checked?this.value??"on":null)}componentDidLoad(){this.refreshGroupState()}formResetCallback(){this.checked=this.initialChecked}onKeyDown=e=>{const a="ArrowRight"===e.key||"ArrowDown"===e.key;if(!a&&"ArrowLeft"!==e.key&&"ArrowUp"!==e.key)return;const r=this.groupMembers().filter((e=>!e.disabled));if(r.length<2)return;e.preventDefault();const i=r.indexOf(this.el),s=r[(i+(a?1:-1)+r.length)%r.length],o=s.shadowRoot?.querySelector("input");o?.click(),o?.focus()};onChange=e=>{const a=e.target.checked;this.checked=a,a&&this.bsChange.emit(this.value)};render(){return s("label",{key:"679e926d0b4d4b35ee56345d71c228d72095ad85",class:"bs-radio "+(this.disabled?"bs-radio--disabled":"")},s("input",{key:"0b4f6c15143d2779b2e51f6afdd0a9a77609534f",class:"bs-radio__input",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,tabIndex:this.checked||!this.groupHasChecked?0:-1,onKeyDown:this.onKeyDown,onChange:this.onChange}),s("span",{key:"afffc290ff5e0128f80a8dae6fa3e489ae4bb0c7",class:"bs-radio__hit-area"},s("span",{key:"f4cc5c08e21fc197391ad7fb104e9c230ed6bf45",class:"bs-radio__state-layer"},s("span",{key:"7d782c0e6727450068104ab09c8dfc83416c3849",part:"circle",class:"bs-radio__circle "+(this.checked?"bs-radio__circle--selected":"")},this.checked&&s("span",{key:"aa6c34344fc1af8c7acd99f2cf4cc1f4ed04d021",part:"dot",class:"bs-radio__dot"})))),s("span",{key:"2abc4a24ea0220198842097e59b8223a7bb12d11",part:"label",class:"bs-radio__label"},s("slot",{key:"9fada19e76e1a11964c119bc9f0b5b9f00c09893"})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],value:[{onCheckedChange:0}]}}static get style(){return":host{display:inline-block;--bs-radio-size:var(--bs-spacing-300);--bs-radio-border-width:2px;--bs-radio-state-layer-size:40px;--bs-radio-hit-area-size:48px;--bs-radio-gap:var(--bs-spacing-100)}.bs-radio{position:relative;display:inline-flex;align-items:center;gap:var(--bs-radio-gap);font-family:inherit;cursor:pointer}.bs-radio--disabled{cursor:not-allowed}.bs-radio__input{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.bs-radio__input:disabled{cursor:not-allowed}.bs-radio__hit-area{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-hit-area-size);height:var(--bs-radio-hit-area-size)}.bs-radio__state-layer{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:var(--bs-radio-state-layer-size);height:var(--bs-radio-state-layer-size);border-radius:50%;background:var(--bs-radio-bg-default)}.bs-radio__circle{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-size);height:var(--bs-radio-size);border:var(--bs-radio-border-width) solid var(--bs-radio-enabled-border-default);border-radius:50%;background:transparent}.bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-default)}.bs-radio__dot{width:50%;height:50%;border-radius:50%;background:var(--bs-radio-icon-checked)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-hover)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-focus);outline:2px solid var(--bs-radio-focus-ring);outline-offset:2px}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-focus)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-focus)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-pressed)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-border-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-disabled)}.bs-radio__label{font-size:var(--bs-font-size-md);color:var(--bs-radio-label-default)}.bs-radio--disabled .bs-radio__label{color:var(--bs-radio-label-disabled)}@media (forced-colors: active){.bs-radio__circle{border:2px solid ButtonText;forced-color-adjust:none;background:Canvas}.bs-radio__dot{background:Highlight}}"}},[849,"bs-radio",{name:[513],value:[1],checked:[1540],disabled:[516],groupHasChecked:[32]},[[4,"bsChange","onAnyRadioChange"]],{checked:[{onCheckedChange:0}],value:[{onCheckedChange:0}]}]);function d(){"undefined"!=typeof customElements&&["bs-radio"].forEach((a=>{"bs-radio"===a&&(customElements.get(e(a))||customElements.define(e(a),o))}))}d();const t=o,b=d;export{t as BsRadio,b as defineCustomElement}