@brandsync/wc 1.20.0 → 1.20.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/REFERENCE.md +2 -2
- package/custom-elements.json +2 -2
- package/dist/brandsync-wc/brandsync-wc.esm.js +1 -1
- package/dist/brandsync-wc/p-14719554.entry.js +1 -0
- package/dist/brandsync-wc/p-39c50762.entry.js +1 -0
- package/dist/brandsync-wc/p-60636c6c.entry.js +1 -0
- package/dist/brandsync-wc/p-6ae75ed0.entry.js +1 -0
- package/dist/brandsync-wc/p-6b1ba5ec.entry.js +1 -0
- package/dist/brandsync-wc/p-aa99b1f8.entry.js +1 -0
- package/dist/brandsync-wc/p-b6dc9234.entry.js +1 -0
- package/dist/brandsync-wc/p-c0e5db3d.entry.js +1 -0
- package/dist/brandsync-wc/{p-16f15ba5.entry.js → p-dc59a735.entry.js} +1 -1
- package/dist/cjs/bs-accordion.cjs.entry.js +1 -1
- package/dist/cjs/bs-carousel.cjs.entry.js +1 -1
- package/dist/cjs/bs-chip-informative.cjs.entry.js +1 -1
- package/dist/cjs/bs-company-switcher.cjs.entry.js +2 -2
- package/dist/cjs/bs-popover.cjs.entry.js +25 -1
- package/dist/cjs/bs-search-item.cjs.entry.js +1 -1
- package/dist/cjs/bs-shortcut-row.cjs.entry.js +1 -1
- package/dist/cjs/bs-slider.cjs.entry.js +1 -1
- package/dist/cjs/bs-stepper-step.cjs.entry.js +1 -1
- package/dist/collection/components/bs-accordion/bs-accordion.js +1 -1
- package/dist/collection/components/bs-carousel/bs-carousel.js +2 -2
- package/dist/collection/components/bs-carousel/bs-carousel.stories.js +9 -5
- package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.js +1 -1
- package/dist/collection/components/bs-company-switcher/bs-company-switcher.cmp.test.js +13 -7
- package/dist/collection/components/bs-company-switcher/bs-company-switcher.js +2 -2
- package/dist/collection/components/bs-composer/bs-composer.stories.js +1 -1
- package/dist/collection/components/bs-dropdown/bs-dropdown.cmp.test.js +1 -3
- package/dist/collection/components/bs-menu-item/bs-menu-item.stories.js +19 -15
- package/dist/collection/components/bs-popover/bs-popover.cmp.test.js +11 -4
- package/dist/collection/components/bs-popover/bs-popover.js +26 -2
- package/dist/collection/components/bs-search-item/bs-search-item.js +1 -1
- package/dist/collection/components/bs-shortcut-row/bs-shortcut-row.js +1 -1
- package/dist/collection/components/bs-slider/bs-slider.js +1 -1
- package/dist/collection/components/bs-stepper/bs-stepper-step/bs-stepper-step.js +1 -1
- package/dist/collection/components/bs-tab/bs-tab/bs-tab.stories.js +7 -7
- package/dist/collection/components/bs-toolbar/bs-toolbar.cmp.test.js +1 -6
- package/dist/collection/components/bs-tree-item/bs-tree-item.stories.js +6 -4
- package/dist/collection/components/disabled-aria.cmp.test.js +19 -0
- package/dist/components/bs-accordion.js +1 -1
- package/dist/components/bs-app-switcher.js +1 -1
- package/dist/components/bs-carousel.js +1 -1
- package/dist/components/bs-chip-informative.js +1 -1
- package/dist/components/bs-command-palette.js +1 -1
- package/dist/components/bs-company-switcher.js +1 -1
- package/dist/components/bs-cookie-consent.js +1 -1
- package/dist/components/bs-datepicker.js +1 -1
- package/dist/components/bs-dropdown.js +1 -1
- package/dist/components/bs-global-search.js +1 -1
- package/dist/components/bs-input.js +1 -1
- package/dist/components/bs-keyboard-shortcuts.js +1 -1
- package/dist/components/bs-mega-menu.js +1 -1
- package/dist/components/bs-menu-block.js +1 -1
- package/dist/components/bs-popover.js +1 -1
- package/dist/components/bs-qr-code.js +1 -1
- package/dist/components/bs-search-item.js +1 -1
- package/dist/components/bs-session-timeout.js +1 -1
- package/dist/components/bs-shortcut-row.js +1 -1
- package/dist/components/bs-slider.js +1 -1
- package/dist/components/bs-stepper-step.js +1 -1
- package/dist/components/bs-timepicker.js +1 -1
- package/dist/components/bs-toolbar.js +1 -1
- package/dist/components/bs-whats-new-entry.js +1 -1
- package/dist/components/bs-whats-new.js +1 -1
- package/dist/components/{p-D3XmFqCQ.js → p-B5yjDh8h.js} +1 -1
- package/dist/components/p-B81aicKA.js +1 -0
- package/dist/components/{p-DYpJMHAH.js → p-C3YETziz.js} +1 -1
- package/dist/components/{p-DztU3DwY.js → p-CKTbatgt.js} +1 -1
- package/dist/components/p-DUV80kt-.js +1 -0
- package/dist/components/p-_zxYDrzi.js +1 -0
- package/dist/esm/bs-accordion.entry.js +1 -1
- package/dist/esm/bs-carousel.entry.js +1 -1
- package/dist/esm/bs-chip-informative.entry.js +1 -1
- package/dist/esm/bs-company-switcher.entry.js +2 -2
- package/dist/esm/bs-popover.entry.js +25 -1
- package/dist/esm/bs-search-item.entry.js +1 -1
- package/dist/esm/bs-shortcut-row.entry.js +1 -1
- package/dist/esm/bs-slider.entry.js +1 -1
- package/dist/esm/bs-stepper-step.entry.js +1 -1
- package/dist/types/components/bs-carousel/bs-carousel.d.ts +1 -1
- package/dist/types/components/bs-popover/bs-popover.d.ts +9 -1
- package/dist/types/components/disabled-aria.cmp.test.d.ts +1 -0
- package/package.json +6 -1
- package/reference.json +2 -2
- package/dist/brandsync-wc/p-050270f5.entry.js +0 -1
- package/dist/brandsync-wc/p-0f864a4f.entry.js +0 -1
- package/dist/brandsync-wc/p-105c316e.entry.js +0 -1
- package/dist/brandsync-wc/p-7632f773.entry.js +0 -1
- package/dist/brandsync-wc/p-86fdbe8f.entry.js +0 -1
- package/dist/brandsync-wc/p-c9888d09.entry.js +0 -1
- package/dist/brandsync-wc/p-e6f57fae.entry.js +0 -1
- package/dist/brandsync-wc/p-ff14edb6.entry.js +0 -1
- package/dist/components/p-CXv8kx8w.js +0 -1
- package/dist/components/p-CePOtLtZ.js +0 -1
- package/dist/components/p-DBgafacj.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as s,p as t,H as e,h as o}from"./p-CcAX4o5o.js";import{d as r}from"./p-BB1HiIxJ.js";import{d as a}from"./p-Ba8J2kHD.js";const c=t(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}action;keys;label;disabled=!1;selectionRole=null;render(){return o("div",{key:"01234047de01effc5d7ae411a6180d02e663d9af",part:"container",class:"bs-shortcut-row",role:this.selectionRole??void 0,"aria-disabled":this.disabled?"true":void 0},o("span",{key:"d8c80f480f4f463f5c0ee46719e4b051e1f54816",part:"action",class:"bs-shortcut-row__action"},o("slot",{key:"8c5da35b9c05f1544892808b75b4b24701554dc7"},this.action)),o("span",{key:"3588f962523eabfdbebc2de3d8cdd3cface4ca07",part:"keys",class:"bs-shortcut-row__keys"},o("slot",{key:"3315142746d44c8c27ce6952a5cffad1f51473d8",name:"keys"},o("bs-key-caps",{key:"70a4155ce7ed5b0e585ab45e9f2a8b1c69880e4e",keys:this.keys,label:this.label,disabled:this.disabled}))))}static get style(){return":host{display:block;width:100%;box-sizing:border-box;--bs-shortcut-row-height:36px;--bs-shortcut-row-padding-x:var(--bs-spacing-100);--bs-shortcut-row-gap:var(--bs-spacing-100);--bs-shortcut-row-radius:var(--bs-border-radius-75);--bs-shortcut-row-color:var(--bs-text-default);--bs-shortcut-row-color-disabled:var(--bs-text-on-disabled)}.bs-shortcut-row{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-shortcut-row-gap);width:100%;height:var(--bs-shortcut-row-height);padding-inline:var(--bs-shortcut-row-padding-x);border-radius:var(--bs-shortcut-row-radius);color:var(--bs-shortcut-row-color);font-family:inherit;font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-regular);line-height:calc(var(--bs-line-height-body-sm) * 1px)}:host([disabled]) .bs-shortcut-row{color:var(--bs-shortcut-row-color-disabled)}.bs-shortcut-row__action{flex:1 1 0;min-width:0}.bs-shortcut-row__keys{display:flex;align-items:center;flex-shrink:0}"}},[769,"bs-shortcut-row",{action:[1],keys:[1],label:[1],disabled:[516],selectionRole:[1,"selection-role"]}]);function i(){"undefined"!=typeof customElements&&["bs-shortcut-row","bs-key","bs-key-caps"].forEach((t=>{switch(t){case"bs-shortcut-row":customElements.get(s(t))||customElements.define(s(t),c);break;case"bs-key":customElements.get(s(t))||r();break;case"bs-key-caps":customElements.get(s(t))||a()}}))}i();export{c as B,i as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as i,p as e,H as s,h as a,d as t}from"./p-CcAX4o5o.js";const n=e(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}get el(){return this}color="neutral";size="lg";disabled=!1;hasIcon=!1;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon")}hasSlottedContent(i){return Array.from(this.el.childNodes).some((e=>e.nodeType===Node.ELEMENT_NODE&&e.getAttribute("slot")===i))}onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};render(){return a(t,{key:"859a7b1d4d42f8dcb3954b66d013c588453a2dfd",class:`bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${this.hasIcon?"icon":"text"}`,"aria-disabled":this.disabled?"true":void 0},a("span",{key:"f9d97bc62eea33379adb890e004ecd0a2a8c5c3d",part:"icon",class:"bs-chip-informative__icon "+(this.hasIcon?"bs-chip-informative__icon--visible":"")},a("slot",{key:"4e41027828c2514bfdc68a1e13b4bb0ca0278653",name:"icon",onSlotchange:this.onIconSlotchange})),a("span",{key:"9519ca92daaadce0572e0dccb6607390d7e019c8",part:"label",class:"bs-chip-informative__label"},a("slot",{key:"1231db6420ffbfbb63cbba714ca51d571f5bd981"})))}static get style(){return":host{display:inline-flex;align-items:center;box-sizing:border-box;gap:var(--bs-chip-informative-gap);border-radius:var(--bs-border-radius-full);font-family:inherit;font-weight:var(--bs-chip-informative-font-weight);white-space:nowrap;--bs-chip-informative-height-sm:var(--bs-spacing-250);--bs-chip-informative-height-md:var(--bs-spacing-300);--bs-chip-informative-height-lg:var(--bs-spacing-400);--bs-chip-informative-gap:var(--bs-spacing-50);--bs-chip-informative-icon-size:16px;--bs-chip-informative-padding-x-glyph-side:var(--bs-spacing-100);--bs-chip-informative-padding-right-icon-variant:var(--bs-spacing-150);--bs-chip-informative-padding-x-plain-side:var(--bs-spacing-200);--bs-chip-informative-font-size-sm:var(--bs-font-size-xs);--bs-chip-informative-line-height-sm:var(--bs-line-height-caption-sm);--bs-chip-informative-font-size:var(--bs-font-size-sm);--bs-chip-informative-line-height:var(--bs-line-height-body-sm);--bs-chip-informative-font-weight:var(--bs-font-weight-regular)}:host(.bs-chip-informative--lg){height:var(--bs-chip-informative-height-lg);font-size:var(--bs-chip-informative-font-size);line-height:calc(var(--bs-chip-informative-line-height) * 1px)}:host(.bs-chip-informative--md){height:var(--bs-chip-informative-height-md);font-size:var(--bs-chip-informative-font-size);line-height:calc(var(--bs-chip-informative-line-height) * 1px)}:host(.bs-chip-informative--sm){height:var(--bs-chip-informative-height-sm);font-size:var(--bs-chip-informative-font-size-sm);line-height:calc(var(--bs-chip-informative-line-height-sm) * 1px)}:host(.bs-chip-informative--icon){padding-inline-start:var(--bs-chip-informative-padding-x-glyph-side);padding-inline-end:var(--bs-chip-informative-padding-right-icon-variant)}:host(.bs-chip-informative--text){padding-inline-start:var(--bs-chip-informative-padding-x-plain-side);padding-inline-end:var(--bs-chip-informative-padding-x-plain-side)}.bs-chip-informative__icon{display:none;flex-shrink:0;width:var(--bs-chip-informative-icon-size);height:var(--bs-chip-informative-icon-size)}.bs-chip-informative__icon--visible{display:flex;align-items:center;justify-content:center}.bs-chip-informative__icon ::slotted(*){display:block;width:var(--bs-chip-informative-icon-size);height:var(--bs-chip-informative-icon-size)}.bs-chip-informative__label{display:flex;align-items:center}:host(.bs-chip-informative--neutral){background:var(--bs-chip-bg-neutral-container);color:var(--bs-chip-text-neutral)}:host(.bs-chip-informative--warning){background:var(--bs-chip-bg-warning-container);color:var(--bs-chip-text-warning)}:host(.bs-chip-informative--success){background:var(--bs-chip-bg-success-container);color:var(--bs-chip-text-success)}:host(.bs-chip-informative--info){background:var(--bs-chip-bg-info-container);color:var(--bs-chip-text-info)}:host(.bs-chip-informative--error){background:var(--bs-chip-bg-error-container);color:var(--bs-chip-text-error)}:host([disabled]){background:var(--bs-chip-bg-disabled);color:var(--bs-chip-text-disabled)}"}},[769,"bs-chip-informative",{color:[1],size:[1],disabled:[516],hasIcon:[32]}]);function r(){"undefined"!=typeof customElements&&["bs-chip-informative"].forEach((e=>{"bs-chip-informative"===e&&(customElements.get(i(e))||customElements.define(i(e),n))}))}r();export{n as B,r as d}
|
|
@@ -94,7 +94,7 @@ const BsAccordion = class {
|
|
|
94
94
|
// `<div role="button">`: it gets click, keyboard activation (Enter/Space), focus-visible
|
|
95
95
|
// styling, and `disabled` semantics (not focusable, no events) for free, and flexbox handles
|
|
96
96
|
// laying out its children as easily as a <div>'s -- no layout reason to hand-roll any of that.
|
|
97
|
-
return (h("div", { key: '
|
|
97
|
+
return (h("div", { key: '5b7922ce5d634a43d1ca3020b02e61b2749646f1', part: "container", class: `bs-accordion bs-accordion--${this.size} ${this.disabled ? 'bs-accordion--disabled' : ''}`, "aria-disabled": this.disabled ? 'true' : undefined }, h("button", { key: '36a5a7504c9d4301db2268652037a28cee8cc395', type: "button", part: "header", class: `bs-accordion__header bs-accordion__header--${this.size} ${this.showIcon ? '' : 'bs-accordion__header--no-icon'}`, disabled: this.disabled, "aria-expanded": String(this.expanded), onClick: this.onActivate }, this.showIcon && (h("span", { key: '2933f14e71ec7902e310761481c7408aa5afdb07', part: "icon", class: `bs-accordion__icon bs-accordion__icon--${this.size}`, "aria-hidden": "true" }, h("slot", { key: 'd156fc7944f2177764a5622c6753c45190176549', name: "icon" }, h(PlusIcon, { key: 'c570019c3b65661d9237c9d182ab5b0aa6fcc808' })))), h("span", { key: 'dafef9038d6d29fa3193515d605244d371efc2bb', part: "label", class: `bs-accordion__label ${this.showIcon ? '' : 'bs-accordion__label--no-icon'}` }, h("slot", { key: 'c752f678a8032bd3cb01b1d9d43eb9d863707a67', name: "label" })), h("span", { key: '20fd3835f885ad26ebfea64c02bd16dfd0c3fea1', part: "caret", class: `bs-accordion__caret bs-accordion__caret--${this.size} ${this.expanded ? 'bs-accordion__caret--open' : ''}`, "aria-hidden": "true" }, h(CaretDownIcon, { key: 'af7922ee4c4280e17dddd51f6681415c70389ef6' }))), (this.expanded || this.showPreview || this.closing) && (h("div", { key: 'ac8fb07634032e1035e88c0f713841d9276df2f8', ref: el => (this.contentEl = el), part: "content", class: `bs-accordion__content ${this.showIcon ? '' : 'bs-accordion__content--no-icon'} ${this.expanded ? 'bs-accordion__content--expanded' : 'bs-accordion__content--collapsed'}` }, h("slot", { key: '6263559f2a03fd514cdc98538e1c9faee0767313' })))));
|
|
98
98
|
}
|
|
99
99
|
static get watchers() { return {
|
|
100
100
|
"expanded": [{
|
|
@@ -221,7 +221,7 @@ const BsCarousel = class {
|
|
|
221
221
|
// While auto-advance is actually running, slide changes must not be announced (it would
|
|
222
222
|
// interrupt the user constantly); otherwise announce them politely.
|
|
223
223
|
const rotating = this.autoplay && !this.paused && !this.interacting;
|
|
224
|
-
return (h("section", { key: '
|
|
224
|
+
return (h("section", { key: 'cc9bb48b594809276ba1d7a37bdab86e6406ce4b', part: "carousel", class: "bs-carousel", role: "region", "aria-roledescription": "carousel", "aria-label": this.label, style: { '--bs-carousel-slides-per-view': String(this.perView) } }, h("div", { key: 'd6505ef1cf25ba7ad7f43e733c72324e54138882', part: "slides", class: "bs-carousel__slides", "aria-live": rotating ? 'off' : 'polite' }, h("slot", { key: 'd619f41a54d346f05e56dae300fc8e6f8e0d9161', onSlotchange: this.onSlotChange })), showTracker && (h("div", { key: '4cc21ab05421bdba11a2588a6628041f8ef57e64', part: "tracker", class: "bs-carousel__tracker" }, this.tracker === 'numbers' ? (h("bs-pagination", { part: "pagination", totalPages: this.pageCount, currentPage: this.page, onBsPageChange: (ev) => {
|
|
225
225
|
ev.stopPropagation();
|
|
226
226
|
this.goTo(ev.detail);
|
|
227
227
|
} })) : (h("div", { class: "bs-carousel__nav" }, this.renderDotsTracker())), this.renderPause()))));
|
|
@@ -32,7 +32,7 @@ const BsChipInformative = class {
|
|
|
32
32
|
};
|
|
33
33
|
render() {
|
|
34
34
|
const paddingVariant = this.hasIcon ? 'icon' : 'text';
|
|
35
|
-
return (h(Host, { key: '
|
|
35
|
+
return (h(Host, { key: '859a7b1d4d42f8dcb3954b66d013c588453a2dfd', class: `bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${paddingVariant}`, "aria-disabled": this.disabled ? 'true' : undefined }, h("span", { key: 'f9d97bc62eea33379adb890e004ecd0a2a8c5c3d', part: "icon", class: `bs-chip-informative__icon ${this.hasIcon ? 'bs-chip-informative__icon--visible' : ''}` }, h("slot", { key: '4e41027828c2514bfdc68a1e13b4bb0ca0278653', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '9519ca92daaadce0572e0dccb6607390d7e019c8', part: "label", class: "bs-chip-informative__label" }, h("slot", { key: '1231db6420ffbfbb63cbba714ca51d571f5bd981' }))));
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
BsChipInformative.style = bsChipInformativeCss();
|
|
@@ -193,10 +193,10 @@ const BsCompanySwitcher = class {
|
|
|
193
193
|
const empty = !!this.q && groups.length === 0;
|
|
194
194
|
const listId = `${this.id}-listbox`;
|
|
195
195
|
const total = groups.reduce((n, g) => n + g.items.length, 0);
|
|
196
|
-
return (h("bs-popover", { key: '5980bccab6835ad9384ba9314e35f0013053d2c9', class: "bs-company-switcher", open: this.open, placement: "bottom-start", onBsOpenChange: this.onPopoverOpenChange }, this.renderTrigger(), h("bs-card", { key: '6afff3828ecd224660d171514c23e7b3ca30f7ee', part: "panel", class: "bs-company-switcher__panel", surface: "base" }, h("div", { key: 'a046f869f51c0024e26efabf572dff82a8e2f787', class: "bs-company-switcher__search", onMouseDown: (ev) => ev.preventDefault() }, h("div", { key: '
|
|
196
|
+
return (h("bs-popover", { key: '5980bccab6835ad9384ba9314e35f0013053d2c9', class: "bs-company-switcher", open: this.open, placement: "bottom-start", onBsOpenChange: this.onPopoverOpenChange }, this.renderTrigger(), h("bs-card", { key: '6afff3828ecd224660d171514c23e7b3ca30f7ee', part: "panel", class: "bs-company-switcher__panel", surface: "base" }, h("div", { key: 'a046f869f51c0024e26efabf572dff82a8e2f787', class: "bs-company-switcher__search", onMouseDown: (ev) => ev.preventDefault() }, h("div", { key: '9cbdbdc07a5c673c21bb2af85d0e22d941278cc7', part: "search", role: "combobox", "aria-label": this.searchPlaceholder, "aria-expanded": groups.length ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": groups.length ? listId : undefined, "aria-activedescendant": this.activeId ?? undefined, onKeyDown: this.onKeyDown }, h("bs-input", { key: 'd48151ab5c7b3c52bd5272b276ed65b050ba8a86', ref: el => (this.inputEl = el), type: "search", value: this.query, placeholder: this.searchPlaceholder, onBsInput: this.onInput }))), groups.length > 0 && (h("div", { key: 'd7cbca7fbfea209e5063e997e0277e72833bae6e', id: listId, part: "list", class: "bs-company-switcher__list", role: "listbox", "aria-label": this.listLabel, onMouseDown: (ev) => ev.preventDefault(), onMouseLeave: () => (this.activeId = null) }, groups.map(g => {
|
|
197
197
|
const hid = `${this.id}-h-${g.key}`;
|
|
198
198
|
return (h("div", { part: "group", class: "bs-company-switcher__group", role: "group", "aria-labelledby": hid }, h("div", { part: "group-header", id: hid, class: "bs-company-switcher__group-header" }, g.header), g.items.map(c => this.renderRow(c))));
|
|
199
|
-
}))), empty && (h("bs-empty-state", { key: '
|
|
199
|
+
}))), empty && (h("bs-empty-state", { key: '5dbff2f753d480fb8e3633ceed77ee4b746e96af', part: "empty", class: "bs-company-switcher__empty", heading: this.emptyHeading.replace('{query}', this.query.trim()), description: this.emptyDescription }, h("svg", { key: 'b179aa273060b4f8b2c4e07844d6616f33f3985d', slot: "icon", ...svgProps }, h("circle", { key: 'd48847aaaea92eb7e6af0c39285cfa445f508114', cx: "11", cy: "11", r: "7" }), h("path", { key: '9b5f6c641c50a6d280c149da5f70871ee2d85032', d: "m20 20-3.5-3.5" })))), h("bs-divider", { key: '25bee440e7b15f68b3f451ef669c2efaae26c400', class: "bs-company-switcher__divider", decorative: true }), h("div", { key: '2c29e55970179036fc837352f5112bbc5b3b5429', part: "footer", class: "bs-company-switcher__footer" }, h("bs-button", { key: '34a9b9188c87c2c335a7eaf96fd3e0b445d1f374', variant: "subtle", size: "sm", onClick: () => this.bsManageCompanies.emit() }, h("svg", { key: '14277686d69b74c005f62ce0d483b1f6ef70ee7e', slot: "icon", ...svgProps }, h("circle", { key: '98423b978ae2ba9d0b8e17892d6269d2baf005e1', cx: "12", cy: "12", r: "3" }), h("path", { key: 'b61815c0f8c56ca6dd9de05d5d5b58738648a08d', d: "M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z" })), this.manageLabel), h("bs-button", { key: '4c83a67e7f54352e839b84b23a4aeb3b74ea26af', variant: "subtle", size: "sm", onClick: () => this.bsAddCompanies.emit() }, h("svg", { key: 'e504aeb192774bd8093e04c0795bd3ab700596a8', slot: "icon", ...svgProps }, h("path", { key: '0806d38b7b739308432dff3f71696cd92923f4ca', d: "M12 5v14M5 12h14" })), this.addLabel)), h("span", { key: 'e7ef671da5d9ac2431cd8f27dcc30985046946ac', class: "bs-company-switcher__live", "aria-live": "polite" }, this.open && this.q ? (empty ? this.emptyHeading.replace('{query}', this.query.trim()) : `${total} ${total === 1 ? this.matchLabel : this.matchesLabel}`) : ''))));
|
|
200
200
|
}
|
|
201
201
|
static get watchers() { return {
|
|
202
202
|
"open": [{
|
|
@@ -84,6 +84,7 @@ const BsPopover = class {
|
|
|
84
84
|
});
|
|
85
85
|
}
|
|
86
86
|
componentDidRender() {
|
|
87
|
+
this.syncTriggerAria();
|
|
87
88
|
if (!this.open && this.closing && this.exitPending) {
|
|
88
89
|
this.exitPending = false;
|
|
89
90
|
this.playExit();
|
|
@@ -159,6 +160,29 @@ const BsPopover = class {
|
|
|
159
160
|
this.open = next;
|
|
160
161
|
this.bsOpenChange.emit(next);
|
|
161
162
|
}
|
|
163
|
+
/**
|
|
164
|
+
* Keeps `aria-haspopup`/`aria-expanded` on the slotted trigger -- the element that is actually
|
|
165
|
+
* focusable and announced -- rather than on the role-less wrapper div, where they are invalid ARIA.
|
|
166
|
+
* `bs-*` triggers (bs-button, bs-icon-button) forward these to their inner `<button>` through their
|
|
167
|
+
* JS properties; an attribute on the host would sit on a role-less element. A trigger that already
|
|
168
|
+
* declares its own `aria-haspopup` (e.g. bs-dropdown's `menu`) keeps it.
|
|
169
|
+
*/
|
|
170
|
+
syncTriggerAria = () => {
|
|
171
|
+
const trigger = this.triggerSlot?.assignedElements()[0];
|
|
172
|
+
if (!trigger)
|
|
173
|
+
return;
|
|
174
|
+
if (trigger.tagName.startsWith('BS-')) {
|
|
175
|
+
const t = trigger;
|
|
176
|
+
if (!t.ariaHasPopup)
|
|
177
|
+
t.ariaHasPopup = 'true';
|
|
178
|
+
t.ariaExpanded = String(this.open);
|
|
179
|
+
}
|
|
180
|
+
else {
|
|
181
|
+
if (!trigger.hasAttribute('aria-haspopup'))
|
|
182
|
+
trigger.setAttribute('aria-haspopup', 'true');
|
|
183
|
+
trigger.setAttribute('aria-expanded', String(this.open));
|
|
184
|
+
}
|
|
185
|
+
};
|
|
162
186
|
focusTrigger() {
|
|
163
187
|
const first = this.triggerSlot?.assignedElements()[0];
|
|
164
188
|
first?.focus();
|
|
@@ -181,7 +205,7 @@ const BsPopover = class {
|
|
|
181
205
|
}
|
|
182
206
|
};
|
|
183
207
|
render() {
|
|
184
|
-
return (h("div", { key: '
|
|
208
|
+
return (h("div", { key: 'd69fccefc43e1fbf8a2e97dce079634b2113f988', class: "bs-popover" }, h("div", { key: 'b42473957daa2f3db84c59f6da2e391b8387df23', part: "trigger", class: "bs-popover__trigger", onClick: this.onTriggerClick, onKeyDown: this.onTriggerKeyDown }, h("slot", { key: '899294fecb6b2912c3c4f8865893e62ba74cc4fb', name: "trigger", ref: el => (this.triggerSlot = el), onSlotchange: this.syncTriggerAria })), h("div", { key: 'e1e6209b661a16954b9b61586624dea57efa2c08', part: "popup", id: this.popupId, class: "bs-popover__popup", tabindex: "-1", hidden: !this.open && !this.closing, ref: el => (this.popupEl = el) }, h("slot", { key: '22e665b595f9dd2938919da88de45e0016f4a0e2' }))));
|
|
185
209
|
}
|
|
186
210
|
static get watchers() { return {
|
|
187
211
|
"open": [{
|
|
@@ -37,7 +37,7 @@ const BsSearchItem = class {
|
|
|
37
37
|
slotFilled = (set) => (ev) => set(ev.target.assignedNodes().length > 0);
|
|
38
38
|
render() {
|
|
39
39
|
const role = this.selectionRole ?? undefined;
|
|
40
|
-
return (h("div", { key: '
|
|
40
|
+
return (h("div", { key: 'd06ef043c3fa15df8d3adf3ff62b105dcef5dc1d', part: "container", class: "bs-search-item", role: role, "aria-selected": role ? String(this.active) : undefined, "aria-disabled": this.disabled ? 'true' : undefined }, !this.disabled && h("bs-ripple", { key: 'a9dbae40775340f256d9ac2dd54c43f7144dda41', part: "ripple" }), h("span", { key: '2b80eb34ad0901c6e179770807cca6cd306acd25', part: "icon", class: { 'bs-search-item__icon': true, 'bs-search-item__icon--hidden': !this.hasIcon } }, h("slot", { key: '7fc3bef2ba29179b425b2f470c61b6c70dae01a2', name: "icon", onSlotchange: this.slotFilled(v => (this.hasIcon = v)) })), h("span", { key: '67481270ed566846d87cf12325db53d44f2230d1', part: "content", class: "bs-search-item__content" }, h("span", { key: 'e5993e5796e55fcf03def1d33787fe43a8b652f6', part: "label", class: "bs-search-item__label" }, h("slot", { key: '8aab4906967341b2938a5ec5ecab5794139a4acf' })), h("span", { key: '8a9453d5303e6b89c3abef8864e536726cea9906', part: "description", class: { 'bs-search-item__description': true, 'bs-search-item__description--hidden': !this.hasDescription } }, h("slot", { key: '7f2ef31966d836fbef03d5e4610263081cab87b5', name: "description", onSlotchange: this.slotFilled(v => (this.hasDescription = v)) }))), h("span", { key: 'fcac22f41850199ef148124f9ddbdb3b687418a9', part: "trailing", class: { 'bs-search-item__trailing': true, 'bs-search-item__trailing--hidden': !this.hasTrailingSlot && !this.trailing } }, h("slot", { key: '19167fcf2502d2a16f36f3620f3257a3cd5f5cf3', name: "trailing", onSlotchange: this.slotFilled(v => (this.hasTrailingSlot = v)) }, this.trailing))));
|
|
41
41
|
}
|
|
42
42
|
};
|
|
43
43
|
BsSearchItem.style = bsSearchItemCss();
|
|
@@ -17,7 +17,7 @@ const BsShortcutRow = class {
|
|
|
17
17
|
/** Set by the parent list (`"listitem"`). Standalone rows have no role. */
|
|
18
18
|
selectionRole = null;
|
|
19
19
|
render() {
|
|
20
|
-
return (h("div", { key: '
|
|
20
|
+
return (h("div", { key: '01234047de01effc5d7ae411a6180d02e663d9af', part: "container", class: "bs-shortcut-row", role: this.selectionRole ?? undefined, "aria-disabled": this.disabled ? 'true' : undefined }, h("span", { key: 'd8c80f480f4f463f5c0ee46719e4b051e1f54816', part: "action", class: "bs-shortcut-row__action" }, h("slot", { key: '8c5da35b9c05f1544892808b75b4b24701554dc7' }, this.action)), h("span", { key: '3588f962523eabfdbebc2de3d8cdd3cface4ca07', part: "keys", class: "bs-shortcut-row__keys" }, h("slot", { key: '3315142746d44c8c27ce6952a5cffad1f51473d8', name: "keys" }, h("bs-key-caps", { key: '70a4155ce7ed5b0e585ab45e9f2a8b1c69880e4e', keys: this.keys, label: this.label, disabled: this.disabled })))));
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
BsShortcutRow.style = bsShortcutRowCss();
|
|
@@ -221,7 +221,7 @@ const BsSlider = class {
|
|
|
221
221
|
render() {
|
|
222
222
|
const isRange = this.type === 'range';
|
|
223
223
|
const rootClasses = ['bs-slider', this.disabled ? 'bs-slider--disabled' : ''].filter(Boolean).join(' ');
|
|
224
|
-
return (h("div", { key: '
|
|
224
|
+
return (h("div", { key: 'edb31a417eff920fb2fbff7cd26620629038449b', class: rootClasses, "aria-disabled": this.disabled ? 'true' : undefined }, this.showLabel && (h("div", { key: '8732ee01cd1441c0a715b45257ac560b062fc384', class: "bs-slider__header" }, h("span", { key: '25440a9c9bee46d3c82c1eda056e24b7e92e8302', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? this.startValueLabel), h("span", { class: "bs-slider__separator" }, "\u2013"), this.renderPercentField(this.percent(this.effectiveValueEnd), this.onEndPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} end` : this.endValueLabel))) : (this.renderPercentField(this.percent(this.value), this.onPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} value` : 'Value')))), h("div", { key: '9fcd6e0729266f1c38719347f6b48590788fb8c5', class: "bs-slider__row" }, this.showLabel && (h("span", { key: 'c55a68e9244d1ab2102d6c90d31b35df49f6119c', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (h("span", { key: '1140fda48f69433161dc2fd1e65f18d1f09f2ed9', part: "bound", class: "bs-slider__bound" }, this.max)))));
|
|
225
225
|
}
|
|
226
226
|
static get delegatesFocus() { return true; }
|
|
227
227
|
static get formAssociated() { return true; }
|
|
@@ -32,7 +32,7 @@ const BsStepperStep = class {
|
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
34
|
const state = this.state;
|
|
35
|
-
return (h(Host, { key: '
|
|
35
|
+
return (h(Host, { key: 'a413a500376629d039afab3168b83cae5c636dc1', role: "listitem", class: `bs-stepper-step--${this.direction}`, "aria-disabled": state === 'disabled' ? 'true' : undefined }, h("div", { key: '7978cd670eeafe2dee95a2e3d97625ff22cd006d', class: "bs-stepper-step__top" }, h("span", { key: '0d0e5ef0199013cd0ed59b26fe169c2bac727920', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && h("span", { key: '6c9ab59838f63958a54b852c4a8f3babf1ddc48e', class: "bs-stepper-step__icon-dot" }), state === 'done' && h(CheckIcon, { key: '284d95f3e0ae3033ab2baa079c00cb2dc1fbcd3f' }), state === 'error' && h(ExclamationIcon, { key: '45b894a13cf54b0d5cb027d89646c712584bf6bb' })), h("span", { key: '79621665f9aecb82c4135ac2e1139ce1ee9af6be', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, h("span", { key: '91454b553634d90734dbd2b8bb9ab53d9bead49c', class: "bs-stepper-step__connector-line" }))), h("span", { key: 'd5f1606511df9745571d96cad36d38774fd943b4', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, h("span", { key: '81df6e0b9607c22cfdad7e37095d245ec428e0f1', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (h("span", { key: '77c4951d570219071e8acedc361a73eed6a89612', part: "description", class: "bs-stepper-step__description" }, this.description)))));
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
const CheckIcon = () => (h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M2.5 9L6 12.5L14 4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
@@ -29,7 +29,7 @@ export type BsCarouselTracker = 'dots' | 'numbers';
|
|
|
29
29
|
* - A strict sequence of steps -- use `bs-stepper`.
|
|
30
30
|
* - Paging through a large, addressable result set -- use `bs-pagination`.
|
|
31
31
|
*
|
|
32
|
-
* @slot - Default slot: the slides. Each direct child is one slide.
|
|
32
|
+
* @slot - Default slot: the slides. Each direct child is one slide and gets `role="group"`, so wrap an image in an element (don't slot a bare `<img>`).
|
|
33
33
|
* @part carousel - The outer region (`role="region"`, `aria-roledescription="carousel"`).
|
|
34
34
|
* @part slides - The row holding the visible slides.
|
|
35
35
|
* @part tracker - The row holding the tracker and the Pause/Play button.
|
|
@@ -15,7 +15,7 @@ export type BsPopoverPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | '
|
|
|
15
15
|
*
|
|
16
16
|
* @slot trigger - The element that toggles the popup (e.g. a `bs-button`).
|
|
17
17
|
* @slot - Default slot: the popup content.
|
|
18
|
-
* @part trigger - The wrapper around the trigger
|
|
18
|
+
* @part trigger - The wrapper around the trigger. `aria-haspopup`/`aria-expanded` are set on the slotted trigger element itself, not on this wrapper.
|
|
19
19
|
* @part popup - The popup surface.
|
|
20
20
|
* @prop --bs-popover-bg - Popup background. Aliased to `--bs-surface-raised`.
|
|
21
21
|
* @prop --bs-popover-radius - Popup corner radius. Aliased to `--bs-border-radius-100`.
|
|
@@ -64,6 +64,14 @@ export declare class BsPopover {
|
|
|
64
64
|
componentDidLoad(): void;
|
|
65
65
|
private detach;
|
|
66
66
|
private setOpen;
|
|
67
|
+
/**
|
|
68
|
+
* Keeps `aria-haspopup`/`aria-expanded` on the slotted trigger -- the element that is actually
|
|
69
|
+
* focusable and announced -- rather than on the role-less wrapper div, where they are invalid ARIA.
|
|
70
|
+
* `bs-*` triggers (bs-button, bs-icon-button) forward these to their inner `<button>` through their
|
|
71
|
+
* JS properties; an attribute on the host would sit on a role-less element. A trigger that already
|
|
72
|
+
* declares its own `aria-haspopup` (e.g. bs-dropdown's `menu`) keeps it.
|
|
73
|
+
*/
|
|
74
|
+
private syncTriggerAria;
|
|
67
75
|
private focusTrigger;
|
|
68
76
|
private onTriggerKeyDown;
|
|
69
77
|
private onTriggerClick;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brandsync/wc",
|
|
3
|
-
"version": "1.20.
|
|
3
|
+
"version": "1.20.1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -63,9 +63,12 @@
|
|
|
63
63
|
"generate": "stencil generate",
|
|
64
64
|
"storybook": "npm run build && storybook dev -p 6006",
|
|
65
65
|
"build-storybook": "npm run build && storybook build",
|
|
66
|
+
"test:visual": "node visual/visual.mjs",
|
|
67
|
+
"test:visual:docker": "docker run --rm -v $(cd ../.. && pwd):/work -w /work/packages/wc mcr.microsoft.com/playwright:v1.63.0-noble node visual/visual.mjs",
|
|
66
68
|
"prepare-assets": "cp ../../CONVENTIONS.md ./CONVENTIONS.md && node scripts/generate-reference.mjs && node scripts/validate-tokens.mjs"
|
|
67
69
|
},
|
|
68
70
|
"devDependencies": {
|
|
71
|
+
"@fontsource-variable/roboto": "^5.3.0",
|
|
69
72
|
"@phosphor-icons/core": "^2.1.1",
|
|
70
73
|
"@stencil/angular-output-target": "^1.4.1",
|
|
71
74
|
"@stencil/core": "^4.27.1 || ^5.0.0-0",
|
|
@@ -80,7 +83,9 @@
|
|
|
80
83
|
"@vitest/browser-playwright": "^4.0.0",
|
|
81
84
|
"axe-core": "^4.14.0",
|
|
82
85
|
"lit": "^3.3.3",
|
|
86
|
+
"pixelmatch": "^8.0.0",
|
|
83
87
|
"playwright": "^1.52.0",
|
|
88
|
+
"pngjs": "^7.0.0",
|
|
84
89
|
"storybook": "^10.5.8",
|
|
85
90
|
"vitest": "^4.1.11"
|
|
86
91
|
},
|
package/reference.json
CHANGED
|
@@ -1096,7 +1096,7 @@
|
|
|
1096
1096
|
{
|
|
1097
1097
|
"kind": "slot",
|
|
1098
1098
|
"name": "(default)",
|
|
1099
|
-
"description": "Default slot: the slides. Each direct child is one slide."
|
|
1099
|
+
"description": "Default slot: the slides. Each direct child is one slide and gets `role=\"group\"`, so wrap an image in an element (don't slot a bare `<img>`)."
|
|
1100
1100
|
}
|
|
1101
1101
|
],
|
|
1102
1102
|
"parts": [
|
|
@@ -5003,7 +5003,7 @@
|
|
|
5003
5003
|
{
|
|
5004
5004
|
"kind": "part",
|
|
5005
5005
|
"name": "trigger",
|
|
5006
|
-
"description": "The wrapper around the trigger
|
|
5006
|
+
"description": "The wrapper around the trigger. `aria-haspopup`/`aria-expanded` are set on the slotted trigger element itself, not on this wrapper."
|
|
5007
5007
|
},
|
|
5008
5008
|
{
|
|
5009
5009
|
"kind": "part",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,c as i,a as e,h as t}from"./p-wz7B473u.js";const r=class{constructor(e){s(this,e),this.bsChange=i(this,"bsChange"),this.bsRangeChange=i(this,"bsRangeChange"),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals)}get el(){return e(this)}type="default";name;showLabel=!0;label="Label";min=0;max=100;step=1;value=0;valueStart;valueEnd;segments=10;disabled=!1;startValueLabel="Start value";endValueLabel="End value";ariaLabel=null;bsChange;bsRangeChange;internals;initial={value:0,valueStart:void 0,valueEnd:void 0};componentWillLoad(){this.initial={value:this.value,valueStart:this.valueStart,valueEnd:this.valueEnd},this.syncFormValue()}syncFormValue(){if(this.internals?.setFormValue)if("range"===this.type){const s=new FormData;this.name&&(s.append(this.name,String(this.effectiveValueStart)),s.append(this.name,String(this.effectiveValueEnd))),this.internals.setFormValue(s)}else this.internals.setFormValue(String(this.value))}formResetCallback(){this.value=this.initial.value,this.valueStart=this.initial.valueStart,this.valueEnd=this.initial.valueEnd}get effectiveValueStart(){return this.valueStart??this.min}get effectiveValueEnd(){return this.valueEnd??this.max}get effectiveStep(){return"segmented"===this.type&&this.segments>0?(this.max-this.min)/this.segments:this.step}clamp(s){return Number.isNaN(s)?this.min:Math.min(this.max,Math.max(this.min,s))}percent(s){return this.max===this.min?0:(s-this.min)/(this.max-this.min)*100}onInputChange=s=>{if(this.disabled)return;const i=this.clamp(parseFloat(s.target.value));this.value=i,this.bsChange.emit(i)};clampPercent(s){return Number.isNaN(s)?0:Math.min(100,Math.max(0,s))}fromPercent(s){return this.min+this.clampPercent(s)/100*(this.max-this.min)}onPercentFieldChange=s=>{if(this.disabled)return;const i=this.clamp(this.fromPercent(parseFloat(s.target.value)));this.value=i,this.bsChange.emit(i)};onStartInputChange=s=>{if(this.disabled)return;let i=this.clamp(parseFloat(s.target.value));i=Math.min(i,this.effectiveValueEnd),this.valueStart=i,this.bsRangeChange.emit({start:i,end:this.effectiveValueEnd})};onEndInputChange=s=>{if(this.disabled)return;let i=this.clamp(parseFloat(s.target.value));i=Math.max(i,this.effectiveValueStart),this.valueEnd=i,this.bsRangeChange.emit({start:this.effectiveValueStart,end:i})};onStartPercentFieldChange=s=>{if(this.disabled)return;let i=this.clamp(this.fromPercent(parseFloat(s.target.value)));i=Math.min(i,this.effectiveValueEnd),this.valueStart=i,this.bsRangeChange.emit({start:i,end:this.effectiveValueEnd})};onEndPercentFieldChange=s=>{if(this.disabled)return;let i=this.clamp(this.fromPercent(parseFloat(s.target.value)));i=Math.max(i,this.effectiveValueStart),this.valueEnd=i,this.bsRangeChange.emit({start:this.effectiveValueStart,end:i})};renderPercentField(s,i,e){return t("span",{part:"field",class:"bs-slider__field"},t("input",{type:"number",class:"bs-slider__field-input",value:Math.round(this.clampPercent(s)),min:0,max:100,disabled:this.disabled,"aria-label":e,onChange:i}),t("span",{class:"bs-slider__field-suffix","aria-hidden":"true"},"%"))}renderSegmentedTicks(){return"segmented"!==this.type||this.segments<=0?null:t("div",{class:"bs-slider__ticks","aria-hidden":"true"},Array.from({length:this.segments+1}).map(((s,i)=>t("span",{class:"bs-slider__tick "+(0===i?"bs-slider__tick--hidden":"")}))))}renderSingleThumb(){const s=this.percent(this.value);return t("div",{class:"bs-slider__track-wrapper",style:{"--bs-slider-fill-start":"0%","--bs-slider-fill-end":`${s}%`}},t("div",{part:"track",class:"bs-slider__track"},t("div",{part:"fill",class:"bs-slider__track-fill"}),this.renderSegmentedTicks()),t("input",{type:"range",part:"control",class:"bs-slider__input",min:this.min,max:this.max,step:this.effectiveStep,value:this.value,disabled:this.disabled,"aria-label":this.ariaLabel??void 0,"aria-labelledby":!this.ariaLabel&&this.showLabel?"bs-slider-label":void 0,onInput:this.onInputChange,onChange:this.onInputChange}),t("span",{class:"bs-slider__tooltip",part:"tooltip",style:{left:`${s}%`},"aria-hidden":"true"},Math.round(this.percent(this.value)),"%"))}renderRangeThumbs(){const s=this.effectiveValueStart,i=this.effectiveValueEnd,e=this.percent(s),r=this.percent(i),a=this.percent(s)>50;return t("div",{class:"bs-slider__track-wrapper",style:{"--bs-slider-fill-start":`${e}%`,"--bs-slider-fill-end":`${r}%`}},t("div",{part:"track",class:"bs-slider__track"},t("div",{part:"fill",class:"bs-slider__track-fill"})),t("input",{type:"range",part:"control",class:"bs-slider__input bs-slider__input--start",style:{zIndex:a?"4":"3"},min:this.min,max:this.max,step:this.step,value:s,disabled:this.disabled,"aria-label":this.ariaLabel??this.startValueLabel,onInput:this.onStartInputChange,onChange:this.onStartInputChange}),t("input",{type:"range",part:"control",class:"bs-slider__input bs-slider__input--end",style:{zIndex:a?"3":"4"},min:this.min,max:this.max,step:this.step,value:i,disabled:this.disabled,"aria-label":this.ariaLabel?`${this.ariaLabel} end`:this.endValueLabel,onInput:this.onEndInputChange,onChange:this.onEndInputChange}),t("span",{class:"bs-slider__tooltip bs-slider__tooltip--start",part:"tooltip",style:{left:`${e}%`},"aria-hidden":"true"},Math.round(this.percent(s)),"%"),t("span",{class:"bs-slider__tooltip bs-slider__tooltip--end",part:"tooltip",style:{left:`${r}%`},"aria-hidden":"true"},Math.round(this.percent(i)),"%"))}render(){const s="range"===this.type,i=["bs-slider",this.disabled?"bs-slider--disabled":""].filter(Boolean).join(" ");return t("div",{key:"242e99440bf989ab9e8370772a415ef98ea4df97",class:i},this.showLabel&&t("div",{key:"23063ed9dd2dfefc2df1ae8794fdb6d54195ee39",class:"bs-slider__header"},t("span",{key:"15debc72803ed291564d1573179e9e30fd4a40f6",id:"bs-slider-label",part:"label",class:"bs-slider__label"},this.label),s?t("span",{class:"bs-slider__value-fields"},this.renderPercentField(this.percent(this.effectiveValueStart),this.onStartPercentFieldChange,this.ariaLabel??this.startValueLabel),t("span",{class:"bs-slider__separator"},"–"),this.renderPercentField(this.percent(this.effectiveValueEnd),this.onEndPercentFieldChange,this.ariaLabel?`${this.ariaLabel} end`:this.endValueLabel)):this.renderPercentField(this.percent(this.value),this.onPercentFieldChange,this.ariaLabel?`${this.ariaLabel} value`:"Value")),t("div",{key:"b975a8200846dbd43622473d3e62255c805e0359",class:"bs-slider__row"},this.showLabel&&t("span",{key:"c82b225aa14924963005a578fdaf0ab1accf8c2b",part:"bound",class:"bs-slider__bound"},this.min),s?this.renderRangeThumbs():this.renderSingleThumb(),this.showLabel&&t("span",{key:"5e85c40cb85d2b71591020249cac4d5ae0c300a4",part:"bound",class:"bs-slider__bound"},this.max)))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{syncFormValue:0}],valueStart:[{syncFormValue:0}],valueEnd:[{syncFormValue:0}],type:[{syncFormValue:0}]}}};r.style=":host{display:block;--bs-slider-gap:var(--bs-spacing-100);--bs-slider-label-color:var(--bs-text-default);--bs-slider-label-color-disabled:var(--bs-text-muted);--bs-slider-label-font-weight:var(--bs-font-weight-semibold);--bs-slider-track-height:var(--bs-spacing-50);--bs-slider-track-radius:var(--bs-border-radius-full);--bs-slider-track-bg:var(--bs-surface-container);--bs-slider-track-bg-disabled:var(--bs-surface-action-disabled);--bs-slider-fill-bg:var(--bs-surface-action);--bs-slider-fill-bg-disabled:var(--bs-surface-on-action-disabled);--bs-slider-knob-hit-size:var(--bs-spacing-600);--bs-slider-knob-size:var(--bs-spacing-300);--bs-slider-knob-bg:var(--bs-surface-action);--bs-slider-knob-color-disabled:var(--bs-surface-on-action-disabled);--bs-slider-focus-ring-color:var(--bs-border-primary-focus);--bs-slider-focus-ring-gap-color:var(--bs-surface-base);--bs-slider-tick-bg:var(--bs-surface-inset);--bs-slider-tooltip-bg:var(--bs-surface-inverse);--bs-slider-tooltip-color:var(--bs-text-inverse);--bs-slider-tooltip-radius:var(--bs-border-radius-50);--bs-slider-field-width:56px;--bs-slider-field-border:var(--bs-input-border-default);--bs-slider-field-bg:var(--bs-input-bg-default);--bs-slider-field-radius:var(--bs-border-radius-100);--bs-slider-field-text:var(--bs-input-text);--bs-slider-field-text-disabled:var(--bs-text-on-disabled);--bs-slider-bound-color:var(--bs-text-default);--bs-slider-bound-color-disabled:var(--bs-text-on-disabled)}.bs-slider{display:flex;flex-direction:column;gap:var(--bs-slider-gap);font-family:inherit}.bs-slider__label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-slider-label-font-weight);color:var(--bs-slider-label-color)}.bs-slider--disabled .bs-slider__label{color:var(--bs-slider-label-color-disabled);font-weight:normal}.bs-slider__header{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-slider-gap)}.bs-slider__value-fields{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-slider__row{display:flex;align-items:center;gap:var(--bs-slider-gap)}.bs-slider__bound{color:var(--bs-slider-bound-color);font-size:var(--bs-font-size-md);flex-shrink:0}.bs-slider--disabled .bs-slider__bound{color:var(--bs-slider-bound-color-disabled)}.bs-slider__separator{color:var(--bs-slider-field-text);flex-shrink:0}.bs-slider--disabled .bs-slider__separator{color:var(--bs-slider-field-text-disabled)}.bs-slider__field{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-spacing-25);flex-shrink:0;width:var(--bs-slider-field-width);border:1px solid var(--bs-slider-field-border);border-radius:var(--bs-slider-field-radius);background:var(--bs-slider-field-bg);padding:var(--bs-spacing-50) var(--bs-spacing-100)}.bs-slider--disabled .bs-slider__field{cursor:not-allowed}.bs-slider__field-input{flex:1;min-width:0;border:none;outline:none;padding:0;background:transparent;color:var(--bs-slider-field-text);font-size:var(--bs-font-size-sm);font-family:inherit;text-align:left;-moz-appearance:textfield}.bs-slider__field-suffix{flex-shrink:0;color:var(--bs-slider-field-text);font-size:var(--bs-font-size-sm)}.bs-slider--disabled .bs-slider__field-suffix{color:var(--bs-slider-field-text-disabled)}.bs-slider__field-input::-webkit-outer-spin-button,.bs-slider__field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bs-slider__field-input:disabled{color:var(--bs-slider-field-text-disabled);cursor:not-allowed}.bs-slider__track-wrapper{position:relative;flex:1;min-width:0;height:var(--bs-slider-knob-hit-size);display:flex;align-items:center}.bs-slider__track{position:relative;width:100%;height:var(--bs-slider-track-height);border-radius:var(--bs-slider-track-radius);background:var(--bs-slider-track-bg);overflow:visible;pointer-events:none}.bs-slider--disabled .bs-slider__track{background:var(--bs-slider-track-bg-disabled)}.bs-slider__track-fill{position:absolute;top:0;bottom:0;left:var(--bs-slider-fill-start, 0%);right:calc(100% - var(--bs-slider-fill-end, 0%));border-radius:var(--bs-slider-track-radius);background:var(--bs-slider-fill-bg)}.bs-slider--disabled .bs-slider__track-fill{background:var(--bs-slider-fill-bg-disabled)}.bs-slider__ticks{position:absolute;top:50%;left:0;width:100%;height:var(--bs-slider-knob-size);display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.bs-slider__tick{width:2px;height:100%;background:var(--bs-slider-tick-bg)}.bs-slider__tick--hidden{opacity:0}.bs-slider__input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;appearance:none;background:transparent;cursor:pointer}.bs-slider--disabled .bs-slider__input{cursor:not-allowed}.bs-slider__input::-webkit-slider-runnable-track{background:transparent}.bs-slider__input::-moz-range-track{background:transparent}.bs-slider__input::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--bs-slider-knob-size);height:var(--bs-slider-knob-size);border-radius:var(--bs-border-radius-full);border:none;background:var(--bs-slider-knob-bg);cursor:pointer}.bs-slider__input::-moz-range-thumb{box-sizing:border-box;width:var(--bs-slider-knob-size);height:var(--bs-slider-knob-size);border-radius:var(--bs-border-radius-full);border:none;background:var(--bs-slider-knob-bg);cursor:pointer}.bs-slider--disabled .bs-slider__input::-webkit-slider-thumb{cursor:not-allowed;background:var(--bs-slider-knob-color-disabled)}.bs-slider--disabled .bs-slider__input::-moz-range-thumb{cursor:not-allowed;background:var(--bs-slider-knob-color-disabled)}.bs-slider__input--start,.bs-slider__input--end{pointer-events:none}.bs-slider__input--start::-webkit-slider-thumb,.bs-slider__input--end::-webkit-slider-thumb{pointer-events:auto}.bs-slider__input--start::-moz-range-thumb,.bs-slider__input--end::-moz-range-thumb{pointer-events:auto}.bs-slider__input:focus-visible::-webkit-slider-thumb,.bs-slider__input:active::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--bs-slider-focus-ring-gap-color), 0 0 0 4px var(--bs-slider-focus-ring-color)}.bs-slider__input:focus-visible::-moz-range-thumb,.bs-slider__input:active::-moz-range-thumb{box-shadow:0 0 0 2px var(--bs-slider-focus-ring-gap-color), 0 0 0 4px var(--bs-slider-focus-ring-color)}.bs-slider__tooltip{position:absolute;bottom:calc(50% + 38px);transform:translateX(-50%);padding:var(--bs-spacing-25) var(--bs-spacing-100);background:var(--bs-slider-tooltip-bg);color:var(--bs-slider-tooltip-color);border-radius:var(--bs-slider-tooltip-radius);font-size:var(--bs-font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.1s ease}.bs-slider__tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:8px;height:8px;background:var(--bs-slider-tooltip-bg);clip-path:polygon(50% 100%, 0% 0%, 100% 0%)}.bs-slider__input:focus-visible~.bs-slider__tooltip,.bs-slider__input:active~.bs-slider__tooltip{opacity:1}.bs-slider__input--start:focus-visible~.bs-slider__tooltip--end,.bs-slider__input--start:active~.bs-slider__tooltip--end,.bs-slider__input--end:focus-visible~.bs-slider__tooltip--start,.bs-slider__input--end:active~.bs-slider__tooltip--start{opacity:0}";export{r as bs_slider}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as s,H as t}from"./p-wz7B473u.js";const p=class{constructor(s){e(this,s)}name="";description;error=!1;disabled=!1;computedState="enabled";direction="horizontal";showDescription=!0;get state(){return this.disabled?"disabled":this.error?"error":this.computedState}render(){const e=this.state;return s(t,{key:"85fbebb638a7e323d2e524b74c1077c261c00066",role:"listitem",class:`bs-stepper-step--${this.direction}`},s("div",{key:"a44a6b58bf74b27cee279c761ed596373882791a",class:"bs-stepper-step__top"},s("span",{key:"ae7045a3049b42d245292960fa8eb3f7dfe61864",part:"icon",class:`bs-stepper-step__icon bs-stepper-step__icon--${e}`},"current"===e&&s("span",{key:"1ff646a4f8fbb2f81b2208086d280c183ddba61c",class:"bs-stepper-step__icon-dot"}),"done"===e&&s(r,{key:"9fbe0328c61ac5108b22be369c1db1652523eb00"}),"error"===e&&s(o,{key:"ea56eb9dc52b9d1b9070ef273d46fece166c362d"})),s("span",{key:"0c4b5fde931c626e2b3652e7f047c1ac21b51f02",part:"connector",class:"bs-stepper-step__connector","aria-hidden":"true"},s("span",{key:"06a69e6f61bb744be078feee462fe293947326fa",class:"bs-stepper-step__connector-line"}))),s("span",{key:"982de1069e1eb3e409ac81600f4fc3c7512fe190",part:"label",class:`bs-stepper-step__label bs-stepper-step__label--${e}`},s("span",{key:"f946599b4130219b91e76aec9ab6442bf08bd901",part:"name",class:"bs-stepper-step__name"},this.name),this.showDescription&&this.description&&s("span",{key:"043581dd2db1ffc8fae23ebc32a5346ba5bf325e",part:"description",class:"bs-stepper-step__description"},this.description)))}},r=()=>s("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},s("path",{d:"M2.5 9L6 12.5L14 4.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})),o=()=>s("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},s("path",{d:"M8 3V9.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),s("circle",{cx:"8",cy:"12.5",r:"1",fill:"currentColor"}));p.style=":host{display:flex;font-family:inherit;font-size:var(--bs-stepper-step-font-size);line-height:calc(var(--bs-stepper-step-line-height) * 1px);--bs-stepper-step-gap:var(--bs-spacing-100);--bs-stepper-step-icon-size:24px;--bs-stepper-step-icon-border-width:1.5px;--bs-stepper-step-connector-color:var(--bs-border-default);--bs-stepper-step-connector-thickness:2px;--bs-stepper-step-icon-border-enabled:var(--bs-border-default);--bs-stepper-step-icon-border-current:var(--bs-color-primary-default);--bs-stepper-step-icon-dot-current:var(--bs-color-primary-default);--bs-stepper-step-icon-bg-done:var(--bs-color-primary-default);--bs-stepper-step-icon-color-done:var(--bs-text-on-action);--bs-stepper-step-icon-border-error:var(--bs-border-error);--bs-stepper-step-icon-color-error:var(--bs-border-error);--bs-stepper-step-icon-border-disabled:var(--bs-border-neutral-disabled);--bs-stepper-step-text-enabled:var(--bs-text-muted);--bs-stepper-step-text-active:var(--bs-text-default);--bs-stepper-step-text-disabled:var(--bs-text-on-disabled);--bs-stepper-step-font-size:var(--bs-font-size-md);--bs-stepper-step-line-height:var(--bs-line-height-body-md);--bs-stepper-step-name-font-weight:var(--bs-font-weight-semibold);--bs-stepper-step-description-font-weight:var(--bs-font-weight-regular)}:host(.bs-stepper-step--horizontal){flex:1 1 0;flex-direction:column}:host(.bs-stepper-step--vertical){width:100%;flex-direction:row;}.bs-stepper-step__top{display:flex;align-items:center}:host(.bs-stepper-step--horizontal) .bs-stepper-step__top{flex-direction:row}:host(.bs-stepper-step--vertical) .bs-stepper-step__top{flex-direction:column}.bs-stepper-step__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-stepper-step-icon-size);height:var(--bs-stepper-step-icon-size);border-radius:50%;box-sizing:border-box}.bs-stepper-step__icon svg{width:16px;height:16px}.bs-stepper-step__icon--enabled{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-enabled)}.bs-stepper-step__icon--current{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-current)}.bs-stepper-step__icon-dot{width:16px;height:16px;border-radius:50%;background:var(--bs-stepper-step-icon-dot-current)}.bs-stepper-step__icon--done{background:var(--bs-stepper-step-icon-bg-done);color:var(--bs-stepper-step-icon-color-done)}.bs-stepper-step__icon--error{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-error);color:var(--bs-stepper-step-icon-color-error)}.bs-stepper-step__icon--disabled{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-disabled)}.bs-stepper-step__connector{display:flex;align-items:center;justify-content:center}:host(.bs-stepper-step--horizontal) .bs-stepper-step__connector{flex:1 1 auto;margin-inline-start:var(--bs-stepper-step-gap)}:host(.bs-stepper-step--vertical) .bs-stepper-step__connector{flex:1 1 auto;flex-direction:column;align-items:center;width:var(--bs-stepper-step-icon-size);margin:var(--bs-stepper-step-gap) 0;min-height:var(--bs-stepper-step-icon-size)}.bs-stepper-step__connector-line{display:block;border-radius:calc(var(--bs-stepper-step-connector-thickness) / 2);background:var(--bs-stepper-step-connector-color)}:host(.bs-stepper-step--horizontal) .bs-stepper-step__connector-line{width:100%;height:var(--bs-stepper-step-connector-thickness)}:host(.bs-stepper-step--vertical) .bs-stepper-step__connector-line{flex:1 1 auto;width:var(--bs-stepper-step-connector-thickness)}:host(:last-child) .bs-stepper-step__connector{visibility:hidden}.bs-stepper-step__label{display:flex;flex-direction:column}:host(.bs-stepper-step--horizontal) .bs-stepper-step__label{margin-top:var(--bs-stepper-step-gap);width:var(--bs-stepper-step-icon-size);align-self:flex-start;align-items:center;text-align:center}:host(.bs-stepper-step--vertical) .bs-stepper-step__label{margin-inline-start:var(--bs-stepper-step-gap);text-align:start}.bs-stepper-step__name{font-weight:var(--bs-stepper-step-name-font-weight);white-space:nowrap}.bs-stepper-step__description{font-weight:var(--bs-stepper-step-description-font-weight);white-space:nowrap}.bs-stepper-step__label--enabled .bs-stepper-step__name,.bs-stepper-step__label--enabled .bs-stepper-step__description,.bs-stepper-step__label--error .bs-stepper-step__name,.bs-stepper-step__label--error .bs-stepper-step__description{color:var(--bs-stepper-step-text-enabled)}.bs-stepper-step__label--current .bs-stepper-step__name,.bs-stepper-step__label--current .bs-stepper-step__description,.bs-stepper-step__label--done .bs-stepper-step__name,.bs-stepper-step__label--done .bs-stepper-step__description{color:var(--bs-stepper-step-text-active)}.bs-stepper-step__label--disabled .bs-stepper-step__name,.bs-stepper-step__label--disabled .bs-stepper-step__description{color:var(--bs-stepper-step-text-disabled)}";export{p as bs_stepper_step}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,a as e,h as a,H as n}from"./p-wz7B473u.js";const s=class{constructor(e){i(this,e)}get el(){return e(this)}color="neutral";size="lg";disabled=!1;hasIcon=!1;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon")}hasSlottedContent(i){return Array.from(this.el.childNodes).some((e=>e.nodeType===Node.ELEMENT_NODE&&e.getAttribute("slot")===i))}onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};render(){return a(n,{key:"300d18219fd28709d023bf5d8884ecd7365eb259",class:`bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${this.hasIcon?"icon":"text"}`},a("span",{key:"9e75b6aa312abd6433dd83af37f27587cee98590",part:"icon",class:"bs-chip-informative__icon "+(this.hasIcon?"bs-chip-informative__icon--visible":"")},a("slot",{key:"cc55742c7d920b535efb6c3e2f721a88172dbe68",name:"icon",onSlotchange:this.onIconSlotchange})),a("span",{key:"198316a11fa1fd0a2eeca15d138f92bb00a5de6b",part:"label",class:"bs-chip-informative__label"},a("slot",{key:"346399cea299338a6110e34fe9a7130e99aa6c09"})))}};s.style=":host{display:inline-flex;align-items:center;box-sizing:border-box;gap:var(--bs-chip-informative-gap);border-radius:var(--bs-border-radius-full);font-family:inherit;font-weight:var(--bs-chip-informative-font-weight);white-space:nowrap;--bs-chip-informative-height-sm:var(--bs-spacing-250);--bs-chip-informative-height-md:var(--bs-spacing-300);--bs-chip-informative-height-lg:var(--bs-spacing-400);--bs-chip-informative-gap:var(--bs-spacing-50);--bs-chip-informative-icon-size:16px;--bs-chip-informative-padding-x-glyph-side:var(--bs-spacing-100);--bs-chip-informative-padding-right-icon-variant:var(--bs-spacing-150);--bs-chip-informative-padding-x-plain-side:var(--bs-spacing-200);--bs-chip-informative-font-size-sm:var(--bs-font-size-xs);--bs-chip-informative-line-height-sm:var(--bs-line-height-caption-sm);--bs-chip-informative-font-size:var(--bs-font-size-sm);--bs-chip-informative-line-height:var(--bs-line-height-body-sm);--bs-chip-informative-font-weight:var(--bs-font-weight-regular)}:host(.bs-chip-informative--lg){height:var(--bs-chip-informative-height-lg);font-size:var(--bs-chip-informative-font-size);line-height:calc(var(--bs-chip-informative-line-height) * 1px)}:host(.bs-chip-informative--md){height:var(--bs-chip-informative-height-md);font-size:var(--bs-chip-informative-font-size);line-height:calc(var(--bs-chip-informative-line-height) * 1px)}:host(.bs-chip-informative--sm){height:var(--bs-chip-informative-height-sm);font-size:var(--bs-chip-informative-font-size-sm);line-height:calc(var(--bs-chip-informative-line-height-sm) * 1px)}:host(.bs-chip-informative--icon){padding-inline-start:var(--bs-chip-informative-padding-x-glyph-side);padding-inline-end:var(--bs-chip-informative-padding-right-icon-variant)}:host(.bs-chip-informative--text){padding-inline-start:var(--bs-chip-informative-padding-x-plain-side);padding-inline-end:var(--bs-chip-informative-padding-x-plain-side)}.bs-chip-informative__icon{display:none;flex-shrink:0;width:var(--bs-chip-informative-icon-size);height:var(--bs-chip-informative-icon-size)}.bs-chip-informative__icon--visible{display:flex;align-items:center;justify-content:center}.bs-chip-informative__icon ::slotted(*){display:block;width:var(--bs-chip-informative-icon-size);height:var(--bs-chip-informative-icon-size)}.bs-chip-informative__label{display:flex;align-items:center}:host(.bs-chip-informative--neutral){background:var(--bs-chip-bg-neutral-container);color:var(--bs-chip-text-neutral)}:host(.bs-chip-informative--warning){background:var(--bs-chip-bg-warning-container);color:var(--bs-chip-text-warning)}:host(.bs-chip-informative--success){background:var(--bs-chip-bg-success-container);color:var(--bs-chip-text-success)}:host(.bs-chip-informative--info){background:var(--bs-chip-bg-info-container);color:var(--bs-chip-text-info)}:host(.bs-chip-informative--error){background:var(--bs-chip-bg-error-container);color:var(--bs-chip-text-error)}:host([disabled]){background:var(--bs-chip-bg-disabled);color:var(--bs-chip-text-disabled)}";export{s as bs_chip_informative}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,a as o,h as e}from"./p-wz7B473u.js";import{c as i,r as a,p}from"./p-BSt9HeTa.js";let n=0;const r=class{constructor(o){t(this,o),this.bsOpenChange=s(this,"bsOpenChange")}get el(){return o(this)}open=!1;placement="bottom-start";bsOpenChange;popupId="bs-popover-"+ ++n;triggerSlot;closing=!1;popupEl;enterPending=!1;exitPending=!1;motionRun=0;needsFocusIn=!1;escaped=!1;onOpenChange(t){if(this.detach(),this.motionRun++,i(this.popupEl),t)this.closing=!1,this.enterPending=!0,document.addEventListener("click",this.onDocClick,!0),document.addEventListener("keydown",this.onKeyDown),window.addEventListener("resize",this.reposition),window.addEventListener("scroll",this.reposition,!0),this.needsFocusIn=!0;else{this.needsFocusIn=!1,this.popupEl&&!this.popupEl.hidden&&a(this.el,"bs-popover").ms>0?(this.closing=!0,this.exitPending=!0):this.el.setAttribute("data-placement",this.placement);const t=this.el.shadowRoot?.activeElement||document.activeElement,s=this.el.contains(document.activeElement)&&document.activeElement!==this.triggerSlot?.assignedElements()[0]&&!this.isInTrigger(document.activeElement);(this.escaped||s&&t)&&this.focusTrigger()}this.escaped=!1}onPlacementChange(){this.reposition()}componentWillLoad(){this.el.setAttribute("data-placement",this.placement)}offset(t){return`translateY(${(this.el.getAttribute("data-placement")??this.placement).startsWith("top")?t:-t}px)`}playEnter(){const{ms:t,easing:s,distance:o}=a(this.el,"bs-popover");0!==t&&p(this.popupEl,[{opacity:0,transform:this.offset(o)},{opacity:1,transform:"none"}],t,s)}playExit(){const{ms:t,easing:s,distance:o}=a(this.el,"bs-popover"),e=++this.motionRun;p(this.popupEl,[{opacity:1,transform:"none"},{opacity:0,transform:this.offset(o)}],t,s,"forwards").then((()=>{e===this.motionRun&&(this.closing=!1,this.el.setAttribute("data-placement",this.placement))}))}componentDidRender(){!this.open&&this.closing&&this.exitPending&&(this.exitPending=!1,this.playExit()),this.open&&(this.reposition(),this.enterPending&&(this.enterPending=!1,this.playEnter()),this.needsFocusIn&&(this.needsFocusIn=!1,this.focusPopup()))}isInTrigger(t){const s=this.triggerSlot?.assignedElements()??[];return!!t&&s.some((s=>s.contains(t)))}reposition=()=>{if(!this.open||!this.popupEl)return;const[t,s]=this.placement.split("-");this.el.setAttribute("data-placement",this.placement);const o=this.el.getBoundingClientRect(),e=this.popupEl.getBoundingClientRect(),i=window.innerHeight,a=window.innerWidth;let p=t,n=s;"bottom"===t&&e.bottom>i&&o.top>=e.height?p="top":"top"===t&&e.top<0&&i-o.bottom>=e.height&&(p="bottom"),"start"===s&&e.right>a&&o.right>=e.width?n="end":"end"===s&&e.left<0&&a-o.left>=e.width&&(n="start"),this.el.setAttribute("data-placement",`${p}-${n}`)};focusPopup(){const t='a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])',s=this.popupEl?.querySelector("slot"),o=s?.assignedElements({flatten:!0})??[];for(const s of o){const o=s.matches(t)?s:s.querySelector(t);if(o)return void o.focus()}this.popupEl?.focus()}disconnectedCallback(){this.detach()}componentDidLoad(){this.open&&this.onOpenChange(!0)}detach(){document.removeEventListener("click",this.onDocClick,!0),document.removeEventListener("keydown",this.onKeyDown),window.removeEventListener("resize",this.reposition),window.removeEventListener("scroll",this.reposition,!0)}setOpen(t){this.open!==t&&(this.open=t,this.bsOpenChange.emit(t))}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 e("div",{key:"60037b8ebeead636ca7cfb1d1fb5656662053854",class:"bs-popover"},e("div",{key:"216a52057acbae40f00d5c7e09ad7141fe356a3b",part:"trigger",class:"bs-popover__trigger","aria-haspopup":"true","aria-expanded":String(this.open),"aria-controls":this.popupId,onClick:this.onTriggerClick,onKeyDown:this.onTriggerKeyDown},e("slot",{key:"08bd0b15dbf67de5fbfa5323570886f2ea7a5468",name:"trigger",ref:t=>this.triggerSlot=t})),e("div",{key:"5e409b359b7afcf4da286cfb66a264897698018d",part:"popup",id:this.popupId,class:"bs-popover__popup",tabindex:"-1",hidden:!this.open&&!this.closing,ref:t=>this.popupEl=t},e("slot",{key:"35a194b6369502fa0da50795aff5ee418376d009"})))}static get watchers(){return{open:[{onOpenChange:0}],placement:[{onPlacementChange:0}]}}};r.style=":host{display:inline-block;position:relative;--bs-popover-bg:var(--bs-surface-raised);--bs-popover-radius:var(--bs-border-radius-100);--bs-popover-shadow:var(--bs-shadow-md);--bs-popover-offset:var(--bs-spacing-100);--bs-popover-min-width:var(--bs-scale-1600);--bs-popover-z-index:var(--bs-z-index-popover);--bs-popover-duration:var(--bs-duration-fast);--bs-popover-easing:var(--bs-easing-standard);--bs-popover-distance:var(--bs-spacing-50)}.bs-popover__trigger{display:inline-block}.bs-popover__popup{position:absolute;z-index:var(--bs-popover-z-index);min-width:var(--bs-popover-min-width);background:var(--bs-popover-bg);border-radius:var(--bs-popover-radius);box-shadow:var(--bs-popover-shadow);top:calc(100% + var(--bs-popover-offset));left:0}.bs-popover__popup{outline:none}.bs-popover__popup[hidden]{display:none}:host([data-placement='bottom-start']) .bs-popover__popup{top:calc(100% + var(--bs-popover-offset));bottom:auto;left:0;right:auto}:host([data-placement='bottom-end']) .bs-popover__popup{top:calc(100% + var(--bs-popover-offset));bottom:auto;left:auto;right:0}:host([data-placement='top-start']) .bs-popover__popup{top:auto;left:0;right:auto;bottom:calc(100% + var(--bs-popover-offset))}:host([data-placement='top-end']) .bs-popover__popup{top:auto;left:auto;right:0;bottom:calc(100% + var(--bs-popover-offset))}";export{r as bs_popover}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,h as r}from"./p-wz7B473u.js";const t=class{constructor(r){s(this,r)}action;keys;label;disabled=!1;selectionRole=null;render(){return r("div",{key:"e7f79909833204fb269402972500a9d97401665d",part:"container",class:"bs-shortcut-row",role:this.selectionRole??void 0},r("span",{key:"68dae2196bda22cd09bbc0b07958f8f2be66e332",part:"action",class:"bs-shortcut-row__action"},r("slot",{key:"892a107840f1861f3c4ef5ae03e781839dead497"},this.action)),r("span",{key:"06637079e74f4c944984133ab5cd897b40d64fd1",part:"keys",class:"bs-shortcut-row__keys"},r("slot",{key:"a21d5b51332d383a8d3670a0531e536f240c8e09",name:"keys"},r("bs-key-caps",{key:"231389f5cf6d712a14b68a84bd9c02ce65be0ff7",keys:this.keys,label:this.label,disabled:this.disabled}))))}};t.style=":host{display:block;width:100%;box-sizing:border-box;--bs-shortcut-row-height:36px;--bs-shortcut-row-padding-x:var(--bs-spacing-100);--bs-shortcut-row-gap:var(--bs-spacing-100);--bs-shortcut-row-radius:var(--bs-border-radius-75);--bs-shortcut-row-color:var(--bs-text-default);--bs-shortcut-row-color-disabled:var(--bs-text-on-disabled)}.bs-shortcut-row{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-shortcut-row-gap);width:100%;height:var(--bs-shortcut-row-height);padding-inline:var(--bs-shortcut-row-padding-x);border-radius:var(--bs-shortcut-row-radius);color:var(--bs-shortcut-row-color);font-family:inherit;font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-regular);line-height:calc(var(--bs-line-height-body-sm) * 1px)}:host([disabled]) .bs-shortcut-row{color:var(--bs-shortcut-row-color-disabled)}.bs-shortcut-row__action{flex:1 1 0;min-width:0}.bs-shortcut-row__keys{display:flex;align-items:center;flex-shrink:0}";export{t as bs_shortcut_row}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as a,a as i,h as n}from"./p-wz7B473u.js";const e=class{constructor(i){o(this,i),this.bsToggle=a(this,"bsToggle")}get el(){return i(this)}expanded=!1;size="medium";disabled=!1;showIcon=!0;showPreview=!0;bsToggle;closing=!1;contentEl;animation;fromHeight=0;fromPadding="0px";pendingAnimation=!1;onExpandedChange(o){const a=this.contentEl;this.fromHeight=a?a.getBoundingClientRect().height:0,this.fromPadding=a?getComputedStyle(a).paddingBottom:"0px",this.animation?.cancel(),this.pendingAnimation=!0,o||this.showPreview||(this.closing=!0)}componentDidRender(){if(!this.pendingAnimation)return;this.pendingAnimation=!1;const o=this.contentEl,a=getComputedStyle(this.el),i=this.toMs(a.getPropertyValue("--bs-accordion-duration"));if(!o||0===i)return void(this.closing=!1);const n=!this.expanded&&!this.showPreview,e=n?0:o.getBoundingClientRect().height,c=n?"0px":getComputedStyle(o).paddingBottom;this.animation=o.animate([{height:`${this.fromHeight}px`,paddingBottom:this.fromPadding,overflow:"hidden"},{height:`${e}px`,paddingBottom:c,overflow:"hidden"}],{duration:i,easing:a.getPropertyValue("--bs-accordion-easing").trim()||"ease"}),this.animation.onfinish=()=>{this.closing=!1}}toMs(o){const a=o.trim();return a.endsWith("ms")?parseFloat(a):a.endsWith("s")?1e3*parseFloat(a):0}onActivate=()=>{this.disabled||this.bsToggle.emit(!this.expanded)};render(){return n("div",{key:"b7645b3be5116d906a2aa6e4e680859a9c19323f",part:"container",class:`bs-accordion bs-accordion--${this.size} ${this.disabled?"bs-accordion--disabled":""}`},n("button",{key:"a1c824c54a529b2214dbb47cb93adea5cdadee84",type:"button",part:"header",class:`bs-accordion__header bs-accordion__header--${this.size} ${this.showIcon?"":"bs-accordion__header--no-icon"}`,disabled:this.disabled,"aria-expanded":String(this.expanded),onClick:this.onActivate},this.showIcon&&n("span",{key:"5d35f4e2c05704a6bef532919301e765f8195aa7",part:"icon",class:`bs-accordion__icon bs-accordion__icon--${this.size}`,"aria-hidden":"true"},n("slot",{key:"137280692f375379ef43be918094192d6030e2ad",name:"icon"},n(c,{key:"8826de2813774382dcf21e856288ff936eb12425"}))),n("span",{key:"57f370d082a86b7488bf309a114b82077d1f6711",part:"label",class:"bs-accordion__label "+(this.showIcon?"":"bs-accordion__label--no-icon")},n("slot",{key:"5563063582ee2e1fb79d02acdc3d0feb5ac07eec",name:"label"})),n("span",{key:"8d8afd4433823aa8122b2ed167fd5ed3c32dc21a",part:"caret",class:`bs-accordion__caret bs-accordion__caret--${this.size} ${this.expanded?"bs-accordion__caret--open":""}`,"aria-hidden":"true"},n(r,{key:"51dfcbdfa5ccff5c3e6a6c2f983fc4d7fb460c18"}))),(this.expanded||this.showPreview||this.closing)&&n("div",{key:"8d62decaf3dc7a98f91eaea1723fc26a8fc520a4",ref:o=>this.contentEl=o,part:"content",class:`bs-accordion__content ${this.showIcon?"":"bs-accordion__content--no-icon"} ${this.expanded?"bs-accordion__content--expanded":"bs-accordion__content--collapsed"}`},n("slot",{key:"56493eb5b425134b38ac60f481219a823379626e"})))}static get watchers(){return{expanded:[{onExpandedChange:0}]}}},c=()=>n("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M12 5V19",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),n("path",{d:"M5 12H19",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})),r=()=>n("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M6 9.75L12 15.75L18 9.75",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));e.style=":host{display:block;--bs-accordion-radius:var(--bs-border-radius-100);--bs-accordion-header-padding-y-medium:var(--bs-spacing-150);--bs-accordion-header-padding-y-large:var(--bs-spacing-250);--bs-accordion-header-padding-x:var(--bs-spacing-200);--bs-accordion-content-padding-bottom:var(--bs-spacing-150);--bs-accordion-content-padding-right:var(--bs-spacing-200);--bs-accordion-content-padding-left:var(--bs-spacing-800);--bs-accordion-content-padding-left-no-icon:var(--bs-spacing-200);--bs-accordion-icon-width-medium:var(--bs-spacing-800);--bs-accordion-icon-height-medium:48px;--bs-accordion-icon-size-large:var(--bs-spacing-800);--bs-accordion-font-size:var(--bs-font-size-md);--bs-accordion-line-height:var(--bs-line-height-body-md);--bs-accordion-font-weight:var(--bs-font-weight-semibold);--bs-accordion-text-default:var(--bs-text-default);--bs-accordion-bg-hover:var(--bs-surface-hover);--bs-accordion-bg-disabled:var(--bs-surface-action-disabled);--bs-accordion-text-disabled:var(--bs-text-on-disabled);--bs-accordion-focus-ring:var(--bs-border-neutral-focus);--bs-accordion-duration:var(--bs-duration-default);--bs-accordion-easing:var(--bs-easing-standard)}.bs-accordion{display:block;border-radius:var(--bs-accordion-radius);overflow:hidden;font-family:inherit;transition:background-color var(--bs-accordion-duration) var(--bs-accordion-easing)}.bs-accordion:has(.bs-accordion__header:hover),.bs-accordion:has(.bs-accordion__header:active){background:var(--bs-accordion-bg-hover)}.bs-accordion:has(.bs-accordion__header:focus-visible){background:var(--bs-accordion-bg-hover);outline:2px solid var(--bs-accordion-focus-ring);outline-offset:2px;border-radius:calc(var(--bs-accordion-radius) + 2px)}.bs-accordion__header{display:flex;align-items:center;width:100%;border:none;background:transparent;color:var(--bs-accordion-text-default);padding:0;cursor:pointer;font-family:inherit;text-align:start}.bs-accordion__header:focus-visible{outline:none}.bs-accordion__header--medium{padding-top:var(--bs-accordion-header-padding-y-medium);padding-bottom:var(--bs-accordion-header-padding-y-medium)}.bs-accordion__header--large{padding-top:var(--bs-accordion-header-padding-y-large);padding-bottom:var(--bs-accordion-header-padding-y-large)}.bs-accordion__header:disabled{background:var(--bs-accordion-bg-disabled);color:var(--bs-accordion-text-disabled);cursor:default}.bs-accordion__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.bs-accordion__icon svg{width:24px;height:24px}.bs-accordion__icon--medium{width:var(--bs-accordion-icon-width-medium);height:var(--bs-accordion-icon-height-medium)}.bs-accordion__icon--large{width:var(--bs-accordion-icon-size-large);height:var(--bs-accordion-icon-size-large)}.bs-accordion__label{flex:1 1 auto;min-width:0;font-size:var(--bs-accordion-font-size);line-height:calc(var(--bs-accordion-line-height) * 1px);font-weight:var(--bs-accordion-font-weight)}.bs-accordion__label--no-icon{padding-inline-start:var(--bs-accordion-header-padding-x)}.bs-accordion__caret{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.bs-accordion__caret{transition:transform var(--bs-accordion-duration) var(--bs-accordion-easing)}.bs-accordion__caret--open{transform:rotate(180deg)}.bs-accordion__caret svg{width:24px;height:24px}.bs-accordion__caret--medium{width:var(--bs-accordion-icon-width-medium);height:var(--bs-accordion-icon-height-medium)}.bs-accordion__caret--large{width:var(--bs-accordion-icon-size-large);height:var(--bs-accordion-icon-size-large)}.bs-accordion__content{box-sizing:border-box;padding-top:0;padding-bottom:var(--bs-accordion-content-padding-bottom);padding-inline-end:var(--bs-accordion-content-padding-right);padding-inline-start:var(--bs-accordion-content-padding-left);color:var(--bs-accordion-text-default);font-size:var(--bs-accordion-font-size);line-height:calc(var(--bs-accordion-line-height) * 1px)}.bs-accordion__content--no-icon{padding-inline-start:var(--bs-accordion-content-padding-left-no-icon)}.bs-accordion__content--collapsed{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-accordion--disabled .bs-accordion__content{background:var(--bs-accordion-bg-disabled);color:var(--bs-accordion-text-disabled)}";export{e as bs_accordion}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,c as e,a,h as t}from"./p-wz7B473u.js";let i=0;const r={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},c=s=>s.split(/\s+/).filter(Boolean).slice(0,2).map((s=>s[0].toUpperCase())).join(""),o=s=>s.replace(/\s+/g,""),n=class{constructor(a){s(this,a),this.bsCompanySwitch=e(this,"bsCompanySwitch"),this.bsManageCompanies=e(this,"bsManageCompanies"),this.bsAddCompanies=e(this,"bsAddCompanies"),this.bsOpenChange=e(this,"bsOpenChange")}get el(){return a(this)}id="bs-cs-"+ ++i;inputEl;focusSearch=!1;companies=[];currentId;recentIds=[];switchingId;open=!1;placeholderLabel="Select a company";searchPlaceholder="Find a company or org. number";listLabel="Companies";currentLabel="Current";recentLabel="Recent";allLabel="All companies";matchesLabel="matches";matchLabel="match";orgNumberLabel="Org. no.";switchingLabel="Switching…";emptyHeading="No companies match “{query}”";emptyDescription="Check the spelling, or search by org. number.";manageLabel="Manage Companies";addLabel="Add companies";query="";activeId=null;bsCompanySwitch;bsManageCompanies;bsAddCompanies;bsOpenChange;onOpen(s){this.query="",this.activeId=null,this.focusSearch=s}componentDidRender(){this.open&&this.focusSearch&&(this.focusSearch=!1,this.inputEl?.focus())}byId(s){return s?this.companies.find((e=>e.id===s)):void 0}get q(){return this.query.trim().toLowerCase()}matches(){const s=this.q,e=o(s);return this.companies.filter((a=>a.name.toLowerCase().includes(s)||o(a.orgNumber).includes(e)))}groups(){if(this.q){const s=this.matches();return s.length?[{key:"matches",header:`${s.length} ${1===s.length?this.matchLabel:this.matchesLabel}`,items:s}]:[]}const s=this.byId(this.currentId),e=this.recentIds.map((s=>this.byId(s))).filter((s=>!!s&&s.id!==this.currentId)),a=new Set([s?.id,...e.map((s=>s.id))]),t=this.companies.filter((s=>!a.has(s.id))),i=[];return s&&i.push({key:"current",header:this.currentLabel,items:[s]}),e.length&&i.push({key:"recent",header:this.recentLabel,items:e}),t.length&&i.push({key:"all",header:`${this.allLabel} · ${t.length}`,items:t}),i}rowId(s){return`${this.id}-opt-${s.id}`}setOpen(s){this.open!==s&&(this.open=s,this.bsOpenChange.emit(s))}choose(s){s.id!==this.currentId&&s.id!==this.switchingId?(this.bsCompanySwitch.emit(s),this.switchingId||this.setOpen(!1)):this.setOpen(!1)}onPopoverOpenChange=s=>{s.stopPropagation(),this.setOpen(s.detail)};onInput=s=>{s.stopPropagation(),this.query=s.detail,this.activeId=null};onKeyDown=s=>{if("ArrowDown"!==s.key&&"ArrowUp"!==s.key&&"Enter"!==s.key)return;const e=this.groups().flatMap((s=>s.items));if("Enter"===s.key){const a=e.find((s=>this.rowId(s)===this.activeId));return void(a&&(s.preventDefault(),this.choose(a)))}if(s.preventDefault(),!e.length)return;const a=e.findIndex((s=>this.rowId(s)===this.activeId));this.activeId=this.rowId(e["ArrowDown"===s.key?(a+1)%e.length:a<=0?e.length-1:a-1]),requestAnimationFrame((()=>this.el.shadowRoot?.getElementById(this.activeId??"")?.scrollIntoView?.({block:"nearest"})))};subtitle(s){return`${s.country} · ${this.orgNumberLabel} ${s.orgNumber}`}renderTrigger(){const s=this.byId(this.switchingId),e=s??this.byId(this.currentId);return t("button",{slot:"trigger",part:"trigger",type:"button",class:"bs-company-switcher__trigger","aria-haspopup":"listbox","aria-expanded":String(this.open),"aria-busy":s?"true":void 0},t("span",{"aria-hidden":"true",class:"bs-company-switcher__avatar"},t("bs-avatar",e?{part:"avatar",type:"initials",size:"sm",initials:c(e.name)}:{part:"avatar",type:"icon",size:"sm"})),t("span",{class:"bs-company-switcher__text"},t("span",{part:"name",class:"bs-company-switcher__name"},e?e.name:this.placeholderLabel),e&&t("span",{part:"subtitle",class:"bs-company-switcher__subtitle"},s?this.switchingLabel:`${this.orgNumberLabel} ${e.orgNumber}`)),s?t("bs-spinner",{class:"bs-company-switcher__trail",size:"sm",label:this.switchingLabel}):t("svg",{class:"bs-company-switcher__trail bs-company-switcher__chevron",...r},t("path",{d:"m6 9 6 6 6-6"})))}renderRow(s){const e=this.rowId(s),a=s.id===this.currentId,i=s.id===this.switchingId;return t("bs-list-item",{part:"row",id:e,class:{"bs-company-switcher__row":!0,"bs-company-switcher__row--active":this.activeId===e},selectionRole:"option",value:s.id,selected:a,"aria-busy":i?"true":void 0,onMouseEnter:()=>this.activeId=e,onBsItemClick:e=>{e.stopPropagation(),this.choose(s)}},t("span",{slot:"leading","aria-hidden":"true"},t("bs-avatar",{type:"initials",size:"sm",initials:c(s.name)})),t("span",{class:"bs-company-switcher__row-name"},s.name),t("span",{class:"bs-company-switcher__row-sub"},this.subtitle(s)),i?t("bs-spinner",{slot:"trailing",size:"sm",label:this.switchingLabel}):a?t("svg",{slot:"trailing",class:"bs-company-switcher__check",...r},t("path",{d:"m5 12.5 4.5 4.5L19 7.5"})):null)}render(){const s=this.groups(),e=!!this.q&&0===s.length,a=`${this.id}-listbox`,i=s.reduce(((s,e)=>s+e.items.length),0);return t("bs-popover",{key:"5980bccab6835ad9384ba9314e35f0013053d2c9",class:"bs-company-switcher",open:this.open,placement:"bottom-start",onBsOpenChange:this.onPopoverOpenChange},this.renderTrigger(),t("bs-card",{key:"6afff3828ecd224660d171514c23e7b3ca30f7ee",part:"panel",class:"bs-company-switcher__panel",surface:"base"},t("div",{key:"a046f869f51c0024e26efabf572dff82a8e2f787",class:"bs-company-switcher__search",onMouseDown:s=>s.preventDefault()},t("div",{key:"90e931c5129383fdb6443dae3ff9bed40fe61935",part:"search",role:"combobox","aria-label":this.searchPlaceholder,"aria-expanded":"true","aria-haspopup":"listbox","aria-controls":s.length?a:void 0,"aria-activedescendant":this.activeId??void 0,onKeyDown:this.onKeyDown},t("bs-input",{key:"c52a69879cdf3e7053f8b2fe97b5954b443121b6",ref:s=>this.inputEl=s,type:"search",value:this.query,placeholder:this.searchPlaceholder,onBsInput:this.onInput}))),s.length>0&&t("div",{key:"fd72b97de3388bb607abab5ec55fe5602314f281",id:a,part:"list",class:"bs-company-switcher__list",role:"listbox","aria-label":this.listLabel,onMouseDown:s=>s.preventDefault(),onMouseLeave:()=>this.activeId=null},s.map((s=>{const e=`${this.id}-h-${s.key}`;return t("div",{part:"group",class:"bs-company-switcher__group",role:"group","aria-labelledby":e},t("div",{part:"group-header",id:e,class:"bs-company-switcher__group-header"},s.header),s.items.map((s=>this.renderRow(s))))}))),e&&t("bs-empty-state",{key:"ec7b430654c356c6746c66e416e67ee436b1fdd0",part:"empty",class:"bs-company-switcher__empty",heading:this.emptyHeading.replace("{query}",this.query.trim()),description:this.emptyDescription},t("svg",{key:"5a40d259338fabb61f69ebdcb0e3a9940f351ffe",slot:"icon",...r},t("circle",{key:"757a039bb1b483c08f08af14e1b14dba2ae68c88",cx:"11",cy:"11",r:"7"}),t("path",{key:"5271a517de56a069843454c4f58c559ad458e20e",d:"m20 20-3.5-3.5"}))),t("bs-divider",{key:"d5c25f9dc46b3272a7734ccc8b8d6fd5ed06986c",class:"bs-company-switcher__divider",decorative:!0}),t("div",{key:"d862e4c545a508f5306c07b76e92b1b381b68bc7",part:"footer",class:"bs-company-switcher__footer"},t("bs-button",{key:"319614a523516d33c33cd6245c74787374e5304f",variant:"subtle",size:"sm",onClick:()=>this.bsManageCompanies.emit()},t("svg",{key:"fd832a30f82be7bd8c61e236ecb605e12e2a1c0c",slot:"icon",...r},t("circle",{key:"4efb646b40beb60f8b9eda1ea0204e2940c5272d",cx:"12",cy:"12",r:"3"}),t("path",{key:"199d7121c6ae29d435daa2c9e7c13af9f4415b19",d:"M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z"})),this.manageLabel),t("bs-button",{key:"b5c5f44bdbde03b5192c1aba73fffd22424594a9",variant:"subtle",size:"sm",onClick:()=>this.bsAddCompanies.emit()},t("svg",{key:"c5ba249024a7fdd303cea0c94ad44befd17be2b1",slot:"icon",...r},t("path",{key:"a1b62a0f772ec9f89126d70ac0bc18c76208d6e3",d:"M12 5v14M5 12h14"})),this.addLabel)),t("span",{key:"1a23f13dcd3eba63ba9d69e54b6311bbc622a5d1",class:"bs-company-switcher__live","aria-live":"polite"},this.open&&this.q?e?this.emptyHeading.replace("{query}",this.query.trim()):`${i} ${1===i?this.matchLabel:this.matchesLabel}`:"")))}static get watchers(){return{open:[{onOpen:0}]}}};n.style=":host{display:inline-block;box-sizing:border-box;width:var(--bs-company-switcher-width);max-width:100%;--bs-company-switcher-width:260px;--bs-company-switcher-panel-width:360px;--bs-company-switcher-radius:var(--bs-border-radius-100);--bs-company-switcher-trigger-bg:transparent;--bs-company-switcher-trigger-bg-hover:var(--bs-surface-hover);--bs-company-switcher-trigger-bg-pressed:var(--bs-surface-pressed);--bs-company-switcher-trigger-bg-open:var(--bs-surface-selected);--bs-company-switcher-focus-ring:var(--bs-border-neutral-focus);--bs-company-switcher-panel-bg:var(--bs-surface-base);--bs-company-switcher-panel-border-color:var(--bs-border-default);--bs-company-switcher-shadow:var(--bs-shadow-md);--bs-company-switcher-max-height:320px;--bs-company-switcher-text-color:var(--bs-text-default);--bs-company-switcher-muted-color:var(--bs-text-secondary);--bs-company-switcher-header-color:var(--bs-text-muted);--bs-company-switcher-z-index:var(--bs-z-index-popover)}.bs-company-switcher{display:block;width:100%;--bs-popover-radius:var(--bs-company-switcher-radius);--bs-popover-shadow:var(--bs-company-switcher-shadow);--bs-popover-z-index:var(--bs-company-switcher-z-index);--bs-popover-min-width:0px;--bs-popover-bg:transparent}.bs-company-switcher__trigger{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-spacing-150);width:100%;min-height:54px;padding:var(--bs-spacing-100) var(--bs-spacing-150);border:0;border-radius:var(--bs-company-switcher-radius);background:var(--bs-company-switcher-trigger-bg);color:var(--bs-company-switcher-text-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;text-align:left;cursor:pointer}.bs-company-switcher__trigger:hover{background:var(--bs-company-switcher-trigger-bg-hover)}.bs-company-switcher__trigger:active{background:var(--bs-company-switcher-trigger-bg-pressed)}:host([open]) .bs-company-switcher__trigger,.bs-company-switcher__trigger[aria-busy='true']{background:var(--bs-company-switcher-trigger-bg-open)}.bs-company-switcher__trigger:focus-visible{outline:2px solid var(--bs-company-switcher-focus-ring);outline-offset:2px}.bs-company-switcher__avatar{display:inline-flex;flex:0 0 auto}.bs-company-switcher__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.bs-company-switcher__name{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-company-switcher__subtitle{color:var(--bs-company-switcher-muted-color);font-size:var(--bs-font-size-xs);line-height:16px}.bs-company-switcher__name,.bs-company-switcher__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs-company-switcher__trail{flex:0 0 auto;width:20px;height:20px;color:var(--bs-icon-default)}.bs-company-switcher__panel{display:block;width:var(--bs-company-switcher-panel-width);max-width:calc(100vw - var(--bs-spacing-200));--bs-card-bg:var(--bs-company-switcher-panel-bg);--bs-card-radius:var(--bs-company-switcher-radius);--bs-card-padding:0px;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-company-switcher-panel-border-color);--bs-card-shadow:none}.bs-company-switcher__search{padding:var(--bs-spacing-150) var(--bs-spacing-150) var(--bs-spacing-100)}.bs-company-switcher__search bs-input{width:100%}.bs-company-switcher__list{box-sizing:border-box;max-height:var(--bs-company-switcher-max-height);overflow-y:auto;padding:0 var(--bs-spacing-100) var(--bs-spacing-100)}.bs-company-switcher__group-header{padding:var(--bs-spacing-100) var(--bs-spacing-100) var(--bs-spacing-50);color:var(--bs-company-switcher-header-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;font-size:var(--bs-font-size-xs);font-weight:var(--bs-font-weight-medium);line-height:16px;letter-spacing:0.06em;text-transform:uppercase}.bs-company-switcher__row{--bs-list-item-min-height:52px;--bs-list-item-padding-y:var(--bs-spacing-100);--bs-list-item-padding-x:var(--bs-spacing-100);--bs-list-item-gap:var(--bs-spacing-150)}.bs-company-switcher__row--active{--bs-list-item-bg:var(--bs-surface-hover)}.bs-company-switcher__row-name{display:block;color:var(--bs-company-switcher-text-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-company-switcher__row-sub{display:block;color:var(--bs-company-switcher-muted-color);font-size:var(--bs-font-size-xs);line-height:16px}.bs-company-switcher__check{width:20px;height:20px;color:var(--bs-icon-action, var(--bs-icon-default))}.bs-company-switcher__empty{--bs-empty-state-padding-y:var(--bs-spacing-400)}.bs-company-switcher__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100);padding:var(--bs-spacing-100) var(--bs-spacing-150)}.bs-company-switcher__live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}";export{n as bs_company_switcher}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as s,a as i,h as a}from"./p-wz7B473u.js";const t=class{constructor(i){e(this,i),this.bsItemSelect=s(this,"bsItemSelect")}get el(){return i(this)}value;active=!1;disabled=!1;trailing;selectionRole=null;hasIcon=!1;hasDescription=!1;hasTrailingSlot=!1;bsItemSelect;componentWillLoad(){const e=e=>Array.from(this.el.children).some((s=>s.getAttribute("slot")===e));this.hasIcon=e("icon"),this.hasDescription=e("description"),this.hasTrailingSlot=e("trailing")}onClick(){this.disabled||this.bsItemSelect.emit(this.value)}slotFilled=e=>s=>e(s.target.assignedNodes().length>0);render(){const e=this.selectionRole??void 0;return a("div",{key:"4e02263a2d377be0989f3469555f19f9b4933840",part:"container",class:"bs-search-item",role:e,"aria-selected":e?String(this.active):void 0,"aria-disabled":e&&this.disabled?"true":void 0},!this.disabled&&a("bs-ripple",{key:"00523f734a7d994cf448df045a73d4588da1c00c",part:"ripple"}),a("span",{key:"2d030afeec12e555c72d1659f0ac7d2ecb4df70a",part:"icon",class:{"bs-search-item__icon":!0,"bs-search-item__icon--hidden":!this.hasIcon}},a("slot",{key:"ab14918cfcb5425b33c1489232ea18bf940dc49d",name:"icon",onSlotchange:this.slotFilled((e=>this.hasIcon=e))})),a("span",{key:"eee1f17e15fa4195f3a65fa7bc7f3ad12d839b7c",part:"content",class:"bs-search-item__content"},a("span",{key:"75cd5ada24d085dce96331782c4e71317d0d8ed4",part:"label",class:"bs-search-item__label"},a("slot",{key:"47fbf5d269d2a23eb824ba32084886efdad2aa96"})),a("span",{key:"b2e4154147a02059d08505bc9f452931bbcff2bf",part:"description",class:{"bs-search-item__description":!0,"bs-search-item__description--hidden":!this.hasDescription}},a("slot",{key:"8b72f89b59fa15c21c0d02b3db88b3e291d72f81",name:"description",onSlotchange:this.slotFilled((e=>this.hasDescription=e))}))),a("span",{key:"e0b5675b2d71fe5e740fd90ff2aea5eecca2f9eb",part:"trailing",class:{"bs-search-item__trailing":!0,"bs-search-item__trailing--hidden":!this.hasTrailingSlot&&!this.trailing}},a("slot",{key:"c0dc999d7b4da6b670690b72071f5b844b86b35b",name:"trailing",onSlotchange:this.slotFilled((e=>this.hasTrailingSlot=e))},this.trailing)))}};t.style=":host{display:block;width:100%;box-sizing:border-box;--bs-search-item-min-height:var(--bs-spacing-600);--bs-search-item-padding-y:var(--bs-spacing-100);--bs-search-item-padding-x:var(--bs-spacing-150);--bs-search-item-gap:var(--bs-spacing-100);--bs-search-item-radius:var(--bs-border-radius-100);--bs-search-item-bg:transparent;--bs-search-item-bg-active:var(--bs-surface-hover);--bs-search-item-bg-pressed:var(--bs-surface-pressed);--bs-search-item-color:var(--bs-text-default);--bs-search-item-color-muted:var(--bs-text-muted);--bs-search-item-color-disabled:var(--bs-text-on-disabled);--bs-search-item-icon-color:var(--bs-icon-default)}.bs-search-item{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-search-item-gap);width:100%;min-height:var(--bs-search-item-min-height);padding:var(--bs-search-item-padding-y) var(--bs-search-item-padding-x);border-radius:var(--bs-search-item-radius);background:var(--bs-search-item-bg);color:var(--bs-search-item-color);font-family:inherit;cursor:pointer;transition:background-color 120ms ease}:host([active]) .bs-search-item,.bs-search-item:hover{background:var(--bs-search-item-bg-active)}.bs-search-item:active{background:var(--bs-search-item-bg-pressed)}:host([disabled]) .bs-search-item{background:var(--bs-search-item-bg);color:var(--bs-search-item-color-disabled);cursor:default}.bs-search-item__icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--bs-search-item-icon-color)}.bs-search-item__icon--hidden,.bs-search-item__description--hidden,.bs-search-item__trailing--hidden{display:none}.bs-search-item__icon ::slotted(svg){width:24px;height:24px}.bs-search-item__content{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.bs-search-item__label{font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-regular);line-height:24px}.bs-search-item__label ::slotted(b),.bs-search-item__label ::slotted(strong){font-weight:var(--bs-font-weight-semibold)}.bs-search-item__description{color:var(--bs-search-item-color-muted);font-size:var(--bs-font-size-sm);line-height:20px}.bs-search-item__trailing{flex:0 0 auto;color:var(--bs-search-item-color-muted);font-size:var(--bs-font-size-sm);line-height:20px;white-space:nowrap}:host([disabled]) .bs-search-item__description,:host([disabled]) .bs-search-item__trailing{color:var(--bs-search-item-color-disabled)}@media (prefers-reduced-motion: reduce){.bs-search-item{transition:none}}";export{t as bs_search_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t,p as s,H as o,c as e,h as i}from"./p-CcAX4o5o.js";import{c as a,r as p,p as n}from"./p-BSt9HeTa.js";let r=0;const h=s(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsOpenChange=e(this,"bsOpenChange")}get el(){return this}open=!1;placement="bottom-start";bsOpenChange;popupId="bs-popover-"+ ++r;triggerSlot;closing=!1;popupEl;enterPending=!1;exitPending=!1;motionRun=0;needsFocusIn=!1;escaped=!1;onOpenChange(t){if(this.detach(),this.motionRun++,a(this.popupEl),t)this.closing=!1,this.enterPending=!0,document.addEventListener("click",this.onDocClick,!0),document.addEventListener("keydown",this.onKeyDown),window.addEventListener("resize",this.reposition),window.addEventListener("scroll",this.reposition,!0),this.needsFocusIn=!0;else{this.needsFocusIn=!1,this.popupEl&&!this.popupEl.hidden&&p(this.el,"bs-popover").ms>0?(this.closing=!0,this.exitPending=!0):this.el.setAttribute("data-placement",this.placement);const t=this.el.shadowRoot?.activeElement||document.activeElement,s=this.el.contains(document.activeElement)&&document.activeElement!==this.triggerSlot?.assignedElements()[0]&&!this.isInTrigger(document.activeElement);(this.escaped||s&&t)&&this.focusTrigger()}this.escaped=!1}onPlacementChange(){this.reposition()}componentWillLoad(){this.el.setAttribute("data-placement",this.placement)}offset(t){return`translateY(${(this.el.getAttribute("data-placement")??this.placement).startsWith("top")?t:-t}px)`}playEnter(){const{ms:t,easing:s,distance:o}=p(this.el,"bs-popover");0!==t&&n(this.popupEl,[{opacity:0,transform:this.offset(o)},{opacity:1,transform:"none"}],t,s)}playExit(){const{ms:t,easing:s,distance:o}=p(this.el,"bs-popover"),e=++this.motionRun;n(this.popupEl,[{opacity:1,transform:"none"},{opacity:0,transform:this.offset(o)}],t,s,"forwards").then((()=>{e===this.motionRun&&(this.closing=!1,this.el.setAttribute("data-placement",this.placement))}))}componentDidRender(){!this.open&&this.closing&&this.exitPending&&(this.exitPending=!1,this.playExit()),this.open&&(this.reposition(),this.enterPending&&(this.enterPending=!1,this.playEnter()),this.needsFocusIn&&(this.needsFocusIn=!1,this.focusPopup()))}isInTrigger(t){const s=this.triggerSlot?.assignedElements()??[];return!!t&&s.some((s=>s.contains(t)))}reposition=()=>{if(!this.open||!this.popupEl)return;const[t,s]=this.placement.split("-");this.el.setAttribute("data-placement",this.placement);const o=this.el.getBoundingClientRect(),e=this.popupEl.getBoundingClientRect(),i=window.innerHeight,a=window.innerWidth;let p=t,n=s;"bottom"===t&&e.bottom>i&&o.top>=e.height?p="top":"top"===t&&e.top<0&&i-o.bottom>=e.height&&(p="bottom"),"start"===s&&e.right>a&&o.right>=e.width?n="end":"end"===s&&e.left<0&&a-o.left>=e.width&&(n="start"),this.el.setAttribute("data-placement",`${p}-${n}`)};focusPopup(){const t='a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])',s=this.popupEl?.querySelector("slot"),o=s?.assignedElements({flatten:!0})??[];for(const s of o){const o=s.matches(t)?s:s.querySelector(t);if(o)return void o.focus()}this.popupEl?.focus()}disconnectedCallback(){this.detach()}componentDidLoad(){this.open&&this.onOpenChange(!0)}detach(){document.removeEventListener("click",this.onDocClick,!0),document.removeEventListener("keydown",this.onKeyDown),window.removeEventListener("resize",this.reposition),window.removeEventListener("scroll",this.reposition,!0)}setOpen(t){this.open!==t&&(this.open=t,this.bsOpenChange.emit(t))}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:"60037b8ebeead636ca7cfb1d1fb5656662053854",class:"bs-popover"},i("div",{key:"216a52057acbae40f00d5c7e09ad7141fe356a3b",part:"trigger",class:"bs-popover__trigger","aria-haspopup":"true","aria-expanded":String(this.open),"aria-controls":this.popupId,onClick:this.onTriggerClick,onKeyDown:this.onTriggerKeyDown},i("slot",{key:"08bd0b15dbf67de5fbfa5323570886f2ea7a5468",name:"trigger",ref:t=>this.triggerSlot=t})),i("div",{key:"5e409b359b7afcf4da286cfb66a264897698018d",part:"popup",id:this.popupId,class:"bs-popover__popup",tabindex:"-1",hidden:!this.open&&!this.closing,ref:t=>this.popupEl=t},i("slot",{key:"35a194b6369502fa0da50795aff5ee418376d009"})))}static get watchers(){return{open:[{onOpenChange:0}],placement:[{onPlacementChange:0}]}}static get style(){return":host{display:inline-block;position:relative;--bs-popover-bg:var(--bs-surface-raised);--bs-popover-radius:var(--bs-border-radius-100);--bs-popover-shadow:var(--bs-shadow-md);--bs-popover-offset:var(--bs-spacing-100);--bs-popover-min-width:var(--bs-scale-1600);--bs-popover-z-index:var(--bs-z-index-popover);--bs-popover-duration:var(--bs-duration-fast);--bs-popover-easing:var(--bs-easing-standard);--bs-popover-distance:var(--bs-spacing-50)}.bs-popover__trigger{display:inline-block}.bs-popover__popup{position:absolute;z-index:var(--bs-popover-z-index);min-width:var(--bs-popover-min-width);background:var(--bs-popover-bg);border-radius:var(--bs-popover-radius);box-shadow:var(--bs-popover-shadow);top:calc(100% + var(--bs-popover-offset));left:0}.bs-popover__popup{outline:none}.bs-popover__popup[hidden]{display:none}:host([data-placement='bottom-start']) .bs-popover__popup{top:calc(100% + var(--bs-popover-offset));bottom:auto;left:0;right:auto}:host([data-placement='bottom-end']) .bs-popover__popup{top:calc(100% + var(--bs-popover-offset));bottom:auto;left:auto;right:0}:host([data-placement='top-start']) .bs-popover__popup{top:auto;left:0;right:auto;bottom:calc(100% + var(--bs-popover-offset))}:host([data-placement='top-end']) .bs-popover__popup{top:auto;left:auto;right:0;bottom:calc(100% + var(--bs-popover-offset))}"}},[769,"bs-popover",{open:[1540],placement:[513],closing:[32]},void 0,{open:[{onOpenChange:0}],placement:[{onPlacementChange:0}]}]);function d(){"undefined"!=typeof customElements&&["bs-popover"].forEach((s=>{"bs-popover"===s&&(customElements.get(t(s))||customElements.define(t(s),h))}))}d();export{h as B,d}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as i,p as e,H as s,h as a,d as n}from"./p-CcAX4o5o.js";const t=e(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}get el(){return this}color="neutral";size="lg";disabled=!1;hasIcon=!1;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon")}hasSlottedContent(i){return Array.from(this.el.childNodes).some((e=>e.nodeType===Node.ELEMENT_NODE&&e.getAttribute("slot")===i))}onIconSlotchange=i=>{this.hasIcon=i.target.assignedNodes().length>0};render(){return a(n,{key:"300d18219fd28709d023bf5d8884ecd7365eb259",class:`bs-chip-informative bs-chip-informative--${this.color} bs-chip-informative--${this.size} bs-chip-informative--${this.hasIcon?"icon":"text"}`},a("span",{key:"9e75b6aa312abd6433dd83af37f27587cee98590",part:"icon",class:"bs-chip-informative__icon "+(this.hasIcon?"bs-chip-informative__icon--visible":"")},a("slot",{key:"cc55742c7d920b535efb6c3e2f721a88172dbe68",name:"icon",onSlotchange:this.onIconSlotchange})),a("span",{key:"198316a11fa1fd0a2eeca15d138f92bb00a5de6b",part:"label",class:"bs-chip-informative__label"},a("slot",{key:"346399cea299338a6110e34fe9a7130e99aa6c09"})))}static get style(){return":host{display:inline-flex;align-items:center;box-sizing:border-box;gap:var(--bs-chip-informative-gap);border-radius:var(--bs-border-radius-full);font-family:inherit;font-weight:var(--bs-chip-informative-font-weight);white-space:nowrap;--bs-chip-informative-height-sm:var(--bs-spacing-250);--bs-chip-informative-height-md:var(--bs-spacing-300);--bs-chip-informative-height-lg:var(--bs-spacing-400);--bs-chip-informative-gap:var(--bs-spacing-50);--bs-chip-informative-icon-size:16px;--bs-chip-informative-padding-x-glyph-side:var(--bs-spacing-100);--bs-chip-informative-padding-right-icon-variant:var(--bs-spacing-150);--bs-chip-informative-padding-x-plain-side:var(--bs-spacing-200);--bs-chip-informative-font-size-sm:var(--bs-font-size-xs);--bs-chip-informative-line-height-sm:var(--bs-line-height-caption-sm);--bs-chip-informative-font-size:var(--bs-font-size-sm);--bs-chip-informative-line-height:var(--bs-line-height-body-sm);--bs-chip-informative-font-weight:var(--bs-font-weight-regular)}:host(.bs-chip-informative--lg){height:var(--bs-chip-informative-height-lg);font-size:var(--bs-chip-informative-font-size);line-height:calc(var(--bs-chip-informative-line-height) * 1px)}:host(.bs-chip-informative--md){height:var(--bs-chip-informative-height-md);font-size:var(--bs-chip-informative-font-size);line-height:calc(var(--bs-chip-informative-line-height) * 1px)}:host(.bs-chip-informative--sm){height:var(--bs-chip-informative-height-sm);font-size:var(--bs-chip-informative-font-size-sm);line-height:calc(var(--bs-chip-informative-line-height-sm) * 1px)}:host(.bs-chip-informative--icon){padding-inline-start:var(--bs-chip-informative-padding-x-glyph-side);padding-inline-end:var(--bs-chip-informative-padding-right-icon-variant)}:host(.bs-chip-informative--text){padding-inline-start:var(--bs-chip-informative-padding-x-plain-side);padding-inline-end:var(--bs-chip-informative-padding-x-plain-side)}.bs-chip-informative__icon{display:none;flex-shrink:0;width:var(--bs-chip-informative-icon-size);height:var(--bs-chip-informative-icon-size)}.bs-chip-informative__icon--visible{display:flex;align-items:center;justify-content:center}.bs-chip-informative__icon ::slotted(*){display:block;width:var(--bs-chip-informative-icon-size);height:var(--bs-chip-informative-icon-size)}.bs-chip-informative__label{display:flex;align-items:center}:host(.bs-chip-informative--neutral){background:var(--bs-chip-bg-neutral-container);color:var(--bs-chip-text-neutral)}:host(.bs-chip-informative--warning){background:var(--bs-chip-bg-warning-container);color:var(--bs-chip-text-warning)}:host(.bs-chip-informative--success){background:var(--bs-chip-bg-success-container);color:var(--bs-chip-text-success)}:host(.bs-chip-informative--info){background:var(--bs-chip-bg-info-container);color:var(--bs-chip-text-info)}:host(.bs-chip-informative--error){background:var(--bs-chip-bg-error-container);color:var(--bs-chip-text-error)}:host([disabled]){background:var(--bs-chip-bg-disabled);color:var(--bs-chip-text-disabled)}"}},[769,"bs-chip-informative",{color:[1],size:[1],disabled:[516],hasIcon:[32]}]);function r(){"undefined"!=typeof customElements&&["bs-chip-informative"].forEach((e=>{"bs-chip-informative"===e&&(customElements.get(i(e))||customElements.define(i(e),t))}))}r();export{t as B,r as d}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as s,p as t,H as e,h as o}from"./p-CcAX4o5o.js";import{d as r}from"./p-BB1HiIxJ.js";import{d as a}from"./p-Ba8J2kHD.js";const c=t(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}action;keys;label;disabled=!1;selectionRole=null;render(){return o("div",{key:"e7f79909833204fb269402972500a9d97401665d",part:"container",class:"bs-shortcut-row",role:this.selectionRole??void 0},o("span",{key:"68dae2196bda22cd09bbc0b07958f8f2be66e332",part:"action",class:"bs-shortcut-row__action"},o("slot",{key:"892a107840f1861f3c4ef5ae03e781839dead497"},this.action)),o("span",{key:"06637079e74f4c944984133ab5cd897b40d64fd1",part:"keys",class:"bs-shortcut-row__keys"},o("slot",{key:"a21d5b51332d383a8d3670a0531e536f240c8e09",name:"keys"},o("bs-key-caps",{key:"231389f5cf6d712a14b68a84bd9c02ce65be0ff7",keys:this.keys,label:this.label,disabled:this.disabled}))))}static get style(){return":host{display:block;width:100%;box-sizing:border-box;--bs-shortcut-row-height:36px;--bs-shortcut-row-padding-x:var(--bs-spacing-100);--bs-shortcut-row-gap:var(--bs-spacing-100);--bs-shortcut-row-radius:var(--bs-border-radius-75);--bs-shortcut-row-color:var(--bs-text-default);--bs-shortcut-row-color-disabled:var(--bs-text-on-disabled)}.bs-shortcut-row{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-shortcut-row-gap);width:100%;height:var(--bs-shortcut-row-height);padding-inline:var(--bs-shortcut-row-padding-x);border-radius:var(--bs-shortcut-row-radius);color:var(--bs-shortcut-row-color);font-family:inherit;font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-regular);line-height:calc(var(--bs-line-height-body-sm) * 1px)}:host([disabled]) .bs-shortcut-row{color:var(--bs-shortcut-row-color-disabled)}.bs-shortcut-row__action{flex:1 1 0;min-width:0}.bs-shortcut-row__keys{display:flex;align-items:center;flex-shrink:0}"}},[769,"bs-shortcut-row",{action:[1],keys:[1],label:[1],disabled:[516],selectionRole:[1,"selection-role"]}]);function i(){"undefined"!=typeof customElements&&["bs-shortcut-row","bs-key","bs-key-caps"].forEach((t=>{switch(t){case"bs-shortcut-row":customElements.get(s(t))||customElements.define(s(t),c);break;case"bs-key":customElements.get(s(t))||r();break;case"bs-key-caps":customElements.get(s(t))||a()}}))}i();export{c as B,i as d}
|