@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,19 @@
|
|
|
1
|
+
import { render, h, describe, it, expect } from "@stencil/vitest";
|
|
2
|
+
const cases = [
|
|
3
|
+
{ name: 'bs-accordion', mount: d => h("bs-accordion", { disabled: d }, "Body"), target: r => r.shadowRoot.querySelector('[part="container"]') },
|
|
4
|
+
{ name: 'bs-chip-informative', mount: d => h("bs-chip-informative", { disabled: d }, "Label"), target: r => r },
|
|
5
|
+
{ name: 'bs-shortcut-row', mount: d => h("bs-shortcut-row", { action: "Save", keys: ['s'], disabled: d }), target: r => r.shadowRoot.querySelector('[part="container"]') },
|
|
6
|
+
{ name: 'bs-search-item', mount: d => h("bs-search-item", { disabled: d }, "Result"), target: r => r.shadowRoot.querySelector('[part="container"]') },
|
|
7
|
+
{ name: 'bs-slider', mount: d => h("bs-slider", { disabled: d, ariaLabel: "Volume" }), target: r => r.shadowRoot.querySelector('.bs-slider') },
|
|
8
|
+
{ name: 'bs-stepper-step', mount: d => h("bs-stepper-step", { name: "Confirm", disabled: d }), target: r => r },
|
|
9
|
+
];
|
|
10
|
+
describe('aria-disabled on disabled components', () => {
|
|
11
|
+
cases.forEach(({ name, mount, target }) => {
|
|
12
|
+
it(`${name} sets aria-disabled only while disabled`, async () => {
|
|
13
|
+
const off = await render(mount(false));
|
|
14
|
+
expect(target(off.root)?.hasAttribute('aria-disabled')).toBe(false);
|
|
15
|
+
const on = await render(mount(true));
|
|
16
|
+
expect(target(on.root)).toEqualAttribute('aria-disabled', 'true');
|
|
17
|
+
});
|
|
18
|
+
});
|
|
19
|
+
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as o,p as i,H as a,c as
|
|
1
|
+
import{t as o,p as i,H as a,c as n,h as e}from"./p-CcAX4o5o.js";const c=i(class extends a{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.bsToggle=n(this,"bsToggle")}get el(){return 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 i=this.contentEl;this.fromHeight=i?i.getBoundingClientRect().height:0,this.fromPadding=i?getComputedStyle(i).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,i=getComputedStyle(this.el),a=this.toMs(i.getPropertyValue("--bs-accordion-duration"));if(!o||0===a)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:a,easing:i.getPropertyValue("--bs-accordion-easing").trim()||"ease"}),this.animation.onfinish=()=>{this.closing=!1}}toMs(o){const i=o.trim();return i.endsWith("ms")?parseFloat(i):i.endsWith("s")?1e3*parseFloat(i):0}onActivate=()=>{this.disabled||this.bsToggle.emit(!this.expanded)};render(){return e("div",{key:"5b7922ce5d634a43d1ca3020b02e61b2749646f1",part:"container",class:`bs-accordion bs-accordion--${this.size} ${this.disabled?"bs-accordion--disabled":""}`,"aria-disabled":this.disabled?"true":void 0},e("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":this.expanded+"",onClick:this.onActivate},this.showIcon&&e("span",{key:"2933f14e71ec7902e310761481c7408aa5afdb07",part:"icon",class:"bs-accordion__icon bs-accordion__icon--"+this.size,"aria-hidden":"true"},e("slot",{key:"d156fc7944f2177764a5622c6753c45190176549",name:"icon"},e(d,{key:"c570019c3b65661d9237c9d182ab5b0aa6fcc808"}))),e("span",{key:"dafef9038d6d29fa3193515d605244d371efc2bb",part:"label",class:"bs-accordion__label "+(this.showIcon?"":"bs-accordion__label--no-icon")},e("slot",{key:"c752f678a8032bd3cb01b1d9d43eb9d863707a67",name:"label"})),e("span",{key:"20fd3835f885ad26ebfea64c02bd16dfd0c3fea1",part:"caret",class:`bs-accordion__caret bs-accordion__caret--${this.size} ${this.expanded?"bs-accordion__caret--open":""}`,"aria-hidden":"true"},e(r,{key:"af7922ee4c4280e17dddd51f6681415c70389ef6"}))),(this.expanded||this.showPreview||this.closing)&&e("div",{key:"ac8fb07634032e1035e88c0f713841d9276df2f8",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"}`},e("slot",{key:"6263559f2a03fd514cdc98538e1c9faee0767313"})))}static get watchers(){return{expanded:[{onExpandedChange:0}]}}static get style(){return":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)}"}},[769,"bs-accordion",{expanded:[516],size:[1],disabled:[4],showIcon:[4,"show-icon"],showPreview:[4,"show-preview"],closing:[32]},void 0,{expanded:[{onExpandedChange:0}]}]),d=()=>e("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e("path",{d:"M12 5V19",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),e("path",{d:"M5 12H19",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})),r=()=>e("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e("path",{d:"M6 9.75L12 15.75L18 9.75",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));function s(){"undefined"!=typeof customElements&&["bs-accordion"].forEach((i=>{"bs-accordion"===i&&(customElements.get(o(i))||customElements.define(o(i),c))}))}s();const t=c,b=s;export{t as BsAccordion,b as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as s,p as e,H as t,c as a,h as r}from"./p-CcAX4o5o.js";import{d as i}from"./p-CZfbB-t_.js";import{d as p}from"./p-CL99S8-7.js";import{d as o}from"./p-wscU7FUD.js";import{d as c}from"./p-mxDA3wKn.js";import{d as n}from"./p-CePOtLtZ.js";import{d as b}from"./p-DL9HtG41.js";import{d as l}from"./p-BLJL4BVY.js";import{d as h}from"./p-wd9-vGpQ.js";import{d}from"./p-Cz38kNDe.js";import{d as u}from"./p-D3XmFqCQ.js";import{d as g}from"./p-CxNNy2m6.js";import{d as m}from"./p-BR7C-aKy.js";import{d as w}from"./p-DaKBSL2O.js";import{d as v}from"./p-DK1uv2fu.js";import{d as f}from"./p-D4W5LcEW.js";let _=0;const y={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},k=[0,1,2,3,4,5,6,7,8],x=e(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsAppSelect=a(this,"bsAppSelect"),this.bsManage=a(this,"bsManage"),this.bsBrowseAll=a(this,"bsBrowseAll"),this.bsClearSearch=a(this,"bsClearSearch"),this.bsRetry=a(this,"bsRetry"),this.bsRequestAccess=a(this,"bsRequestAccess"),this.bsQueryChange=a(this,"bsQueryChange")}get el(){return this}id="bs-as-"+ ++_;inputEl;apps=[];recent=[];currentId;query="";status="ready";manageHref;browseHref;heading="EG apps";manageLabel="Manage";searchPlaceholder="Find an app";yourAppsLabel="Your apps";recentLabel="Recent";allAppsLabel="All apps";resultsLabel="results";resultLabel="result";browseLabel="Browse all EG products";noResultsHeading="No apps match “{query}”";noResultsDescription="Check the spelling, or browse all EG products to find more apps.";clearLabel="Clear search";errorHeading="Couldn’t load your apps";errorDescription="Check your connection and try again. Your work in the current app is not affected.";retryLabel="Try again";emptyHeading="No apps assigned yet";emptyDescription="Ask your administrator for access, or browse all EG products to see what’s available.";requestAccessLabel="Request access";loadingLabel="Loading apps…";bsAppSelect;bsManage;bsBrowseAll;bsClearSearch;bsRetry;bsRequestAccess;bsQueryChange;get q(){return this.query.trim().toLowerCase()}matches(){const s=this.q;return this.apps.filter((e=>e.name.toLowerCase().includes(s)||(e.description??"").toLowerCase().includes(s)))}recentApps(){return this.recent.map((s=>({app:this.apps.find((e=>e.id===s.appId)),recent:s}))).filter((s=>!!s.app))}setQuery(s){this.query=s,this.bsQueryChange.emit(s)}clear(){this.query&&(this.setQuery(""),this.bsClearSearch.emit(),this.inputEl?.focus())}onInput=s=>{s.stopPropagation(),this.setQuery(s.detail)};onSearchKeyDown=s=>{"Escape"===s.key&&this.query&&(s.preventDefault(),s.stopPropagation(),this.clear())};select(s,e){s.disabled||this.bsAppSelect.emit(s).defaultPrevented&&e.preventDefault()}desc(s){return[s.openedLabel,s.companyName].filter(Boolean).join(" · ")}renderLink(s,e,t,a,i,p){const o=[a,p];return t?r("a",{part:s,class:e,href:t,onClick:i},o):r("button",{part:s,class:e,type:"button",onClick:i},o)}renderTile(s,e){return r("li",null,r("bs-app-tile",{part:"tile",size:e,name:s.name,icon:s.icon,disabled:!!s.disabled,current:s.id===this.currentId,onClick:e=>this.select(s,e)}))}renderRow(s,e){return r("li",null,r("bs-app-recent-item",{part:"row",name:s.name,description:e,icon:s.icon,disabled:!!s.disabled,current:s.id===this.currentId,onClick:e=>this.select(s,e)}))}renderGroup(s,e,t,a,i){const p=`${this.id}-h-${s}`;return r("div",{part:"group",class:"bs-app-switcher__group",role:"group","aria-labelledby":p},r("div",{part:"group-header",id:p,class:"bs-app-switcher__group-header"},e),r("ul",{part:a,role:"list",class:{"bs-app-switcher__grid":"grid"===a,["bs-app-switcher__grid--"+i]:!!i,"bs-app-switcher__list":"list"===a}},t))}renderState(s,e,t,a,i){return r("bs-empty-state",{part:"empty",class:"bs-app-switcher__empty",heading:s,description:e,intent:t},a,i)}renderBody(){return"loading"===this.status?r("div",{class:"bs-app-switcher__body","aria-busy":"true"},r("bs-skeleton",{class:"bs-app-switcher__skeleton-header"}),r("ul",{role:"list",class:"bs-app-switcher__grid bs-app-switcher__grid--grid"},k.map((()=>r("li",{class:"bs-app-switcher__skeleton-tile"},r("bs-skeleton",{variant:"rect",class:"bs-app-switcher__skeleton-icon"}),r("bs-skeleton",{class:"bs-app-switcher__skeleton-label"})))))):"error"===this.status?r("div",{class:"bs-app-switcher__body",role:"alert"},this.renderState(this.errorHeading,this.errorDescription,"error",r("svg",{slot:"icon",...y},r("circle",{cx:"12",cy:"12",r:"9"}),r("path",{d:"M12 7.5v5.5M12 16.2v.1"})),r("bs-button",{slot:"action",variant:"outlined",size:"sm",onClick:()=>this.bsRetry.emit()},this.retryLabel))):0===this.apps.length?r("div",{class:"bs-app-switcher__body"},this.renderState(this.emptyHeading,this.emptyDescription,"default",r("svg",{slot:"icon",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},[6,12,18].flatMap((s=>[6,12,18].map((e=>r("circle",{cx:s,cy:e,r:"1.5"})))))),r("bs-button",{slot:"action",variant:"outlined",size:"sm",onClick:()=>this.bsRequestAccess.emit()},this.requestAccessLabel))):[this.renderSearch(),r("div",{class:"bs-app-switcher__body"},this.renderApps())]}renderSearch(){return r("div",{part:"search",class:"bs-app-switcher__search",onKeyDown:this.onSearchKeyDown},r("bs-input",{ref:s=>this.inputEl=s,type:"search",value:this.query,placeholder:this.searchPlaceholder,onBsInput:this.onInput}))}renderApps(){if(this.q){const s=this.matches();return s.length?this.renderGroup("results",`${s.length} ${1===s.length?this.resultLabel:this.resultsLabel}`,s.map((s=>this.renderRow(s,s.description))),"list"):this.renderState(this.noResultsHeading.replace("{query}",this.query.trim()),this.noResultsDescription,"default",r("svg",{slot:"icon",...y},r("circle",{cx:"11",cy:"11",r:"7"}),r("path",{d:"m20 20-3.5-3.5"})),r("bs-button",{slot:"action",variant:"outlined",size:"sm",onClick:()=>this.clear()},this.clearLabel))}const s=this.recentApps();return s.length?[this.renderGroup("recent",this.recentLabel,s.map((({app:s,recent:e})=>this.renderRow(s,this.desc(e)))),"list"),r("bs-divider",{decorative:!0,class:"bs-app-switcher__section-divider"}),this.renderGroup("all",this.allAppsLabel,this.apps.map((s=>this.renderTile(s,"compact"))),"grid","compact")]:this.renderGroup("yours",this.yourAppsLabel,this.apps.map((s=>this.renderTile(s,"grid"))),"grid","grid")}liveText(){if("loading"===this.status)return this.loadingLabel;if("ready"!==this.status||!this.apps.length||!this.q)return"";const s=this.matches().length;return s?`${s} ${1===s?this.resultLabel:this.resultsLabel}`:this.noResultsHeading.replace("{query}",this.query.trim())}render(){const s=this.id+"-heading";return r("bs-card",{key:"8257b65b618a40aa48c5e4e6ea464cd0e730b822",part:"panel",class:"bs-app-switcher",surface:"base",role:"region","aria-labelledby":s},r("div",{key:"99756a738b6954a8f6d6b4dae25115d9ba132be2",part:"header",class:"bs-app-switcher__header"},r("h2",{key:"61ac20db2636acdf82c495e4aa1afaad047e5241",part:"heading",id:s,class:"bs-app-switcher__heading"},this.heading),this.renderLink("manage","bs-app-switcher__manage",this.manageHref,this.manageLabel,(()=>this.bsManage.emit()))),r("bs-divider",{key:"f68ea80899a97f097dd26a4d4ff311a0c958c7a9",decorative:!0}),this.renderBody(),r("bs-divider",{key:"05db5ca0047deb646a0b0bf68afec0663e7b132f",decorative:!0}),r("div",{key:"b32e86a8ba520756bce064384502f4ce71ada4ba",part:"footer",class:"bs-app-switcher__footer"},this.renderLink("browse","bs-app-switcher__browse",this.browseHref,this.browseLabel,(()=>this.bsBrowseAll.emit()),r("svg",{class:"bs-app-switcher__external",...y},r("path",{d:"M7 17 17 7M8 7h9v9"})))),r("span",{key:"1de45b23ef4e79e1b7af1f438304260f264e0489",class:"bs-app-switcher__live",role:"status"},this.liveText()))}static get style(){return":host{display:block;box-sizing:border-box;width:var(--bs-app-switcher-width);max-width:100%;--bs-app-switcher-width:360px;--bs-app-switcher-radius:var(--bs-border-radius-150);--bs-app-switcher-bg:var(--bs-surface-base);--bs-app-switcher-border-color:var(--bs-border-default);--bs-app-switcher-shadow:var(--bs-shadow-position-0) var(--bs-shadow-position-100) var(--bs-shadow-blur-200) var(--bs-elevation-higher);--bs-app-switcher-padding:var(--bs-spacing-150);--bs-app-switcher-text-color:var(--bs-text-default);--bs-app-switcher-header-color:var(--bs-text-secondary);--bs-app-switcher-link-color:var(--bs-text-action);--bs-app-switcher-focus-ring:var(--bs-border-neutral-focus)}.bs-app-switcher{display:block;position:relative;--bs-card-bg:var(--bs-app-switcher-bg);--bs-card-radius:var(--bs-app-switcher-radius);--bs-card-padding:0px;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-app-switcher-border-color);--bs-card-shadow:var(--bs-app-switcher-shadow)}.bs-app-switcher__header,.bs-app-switcher__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-spacing-150) var(--bs-spacing-200)}.bs-app-switcher__heading{margin:0;color:var(--bs-app-switcher-text-color);font-family:var(--bs-typography-font-family-heading, Roboto), sans-serif;font-size:var(--bs-fontsize-heading-h6);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-heading-h6) * 1px)}.bs-app-switcher__manage,.bs-app-switcher__browse{display:inline-flex;align-items:center;gap:var(--bs-spacing-50);margin:0;padding:0;border:0;border-radius:var(--bs-border-radius-50);background:none;font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;cursor:pointer}.bs-app-switcher__manage{color:var(--bs-app-switcher-text-color);font-size:var(--bs-fontsize-body-sm);font-weight:var(--bs-font-weight-medium);line-height:calc(var(--bs-line-height-body-sm) * 1px);text-decoration:none}.bs-app-switcher__browse{color:var(--bs-app-switcher-link-color);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px);text-decoration:underline}.bs-app-switcher__manage:hover,.bs-app-switcher__browse:hover{color:var(--bs-text-action-hover)}.bs-app-switcher__manage:focus-visible,.bs-app-switcher__browse:focus-visible{outline:var(--bs-spacing-25) solid var(--bs-app-switcher-focus-ring);outline-offset:var(--bs-spacing-25)}.bs-app-switcher__external{width:var(--bs-spacing-150);height:var(--bs-spacing-150);flex:none}.bs-app-switcher__search{padding:var(--bs-spacing-150) var(--bs-app-switcher-padding) var(--bs-spacing-50)}.bs-app-switcher__search bs-input{width:100%}.bs-app-switcher__body{padding:var(--bs-spacing-50) var(--bs-app-switcher-padding) var(--bs-spacing-150)}.bs-app-switcher__group-header{padding:var(--bs-spacing-100) var(--bs-spacing-100) var(--bs-spacing-50);color:var(--bs-app-switcher-header-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;font-size:var(--bs-fontsize-caption-sm);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-line-height-caption-sm) * 1px);letter-spacing:var(--bs-letter-spacing-wide);text-transform:uppercase}.bs-app-switcher__grid,.bs-app-switcher__list{display:grid;margin:0;padding:0;list-style:none}.bs-app-switcher__grid--grid{grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--bs-spacing-150)}.bs-app-switcher__grid--compact{grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--bs-spacing-100)}.bs-app-switcher__section-divider{display:block;width:calc(100% + var(--bs-app-switcher-padding) * 2);margin:0 calc(var(--bs-app-switcher-padding) * -1)}.bs-app-switcher__empty{--bs-empty-state-padding-y:var(--bs-spacing-300)}.bs-app-switcher__skeleton-header{--bs-skeleton-width:var(--bs-sizing-1000);display:block;padding:var(--bs-spacing-100)}.bs-app-switcher__skeleton-tile{display:flex;flex-direction:column;align-items:center;gap:var(--bs-spacing-150);padding:var(--bs-spacing-150)}.bs-app-switcher__skeleton-icon{--bs-skeleton-width:calc(var(--bs-sizing-500) + var(--bs-spacing-50));--bs-skeleton-rect-height:calc(var(--bs-sizing-500) + var(--bs-spacing-50))}.bs-app-switcher__skeleton-label{--bs-skeleton-width:var(--bs-sizing-800)}.bs-app-switcher__live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}"}},[513,"bs-app-switcher",{apps:[16],recent:[16],currentId:[1,"current-id"],query:[1025],status:[513],manageHref:[1,"manage-href"],browseHref:[1,"browse-href"],heading:[1],manageLabel:[1,"manage-label"],searchPlaceholder:[1,"search-placeholder"],yourAppsLabel:[1,"your-apps-label"],recentLabel:[1,"recent-label"],allAppsLabel:[1,"all-apps-label"],resultsLabel:[1,"results-label"],resultLabel:[1,"result-label"],browseLabel:[1,"browse-label"],noResultsHeading:[1,"no-results-heading"],noResultsDescription:[1,"no-results-description"],clearLabel:[1,"clear-label"],errorHeading:[1,"error-heading"],errorDescription:[1,"error-description"],retryLabel:[1,"retry-label"],emptyHeading:[1,"empty-heading"],emptyDescription:[1,"empty-description"],requestAccessLabel:[1,"request-access-label"],loadingLabel:[1,"loading-label"]}]);function L(){"undefined"!=typeof customElements&&["bs-app-switcher","bs-app-recent-item","bs-app-tile","bs-button","bs-card","bs-chip-informative","bs-divider","bs-empty-state","bs-icon-button","bs-icon-tile","bs-input","bs-menu","bs-menu-item","bs-ripple","bs-skeleton","bs-spinner"].forEach((e=>{switch(e){case"bs-app-switcher":customElements.get(s(e))||customElements.define(s(e),x);break;case"bs-app-recent-item":customElements.get(s(e))||i();break;case"bs-app-tile":customElements.get(s(e))||p();break;case"bs-button":customElements.get(s(e))||o();break;case"bs-card":customElements.get(s(e))||c();break;case"bs-chip-informative":customElements.get(s(e))||n();break;case"bs-divider":customElements.get(s(e))||b();break;case"bs-empty-state":customElements.get(s(e))||l();break;case"bs-icon-button":customElements.get(s(e))||h();break;case"bs-icon-tile":customElements.get(s(e))||d();break;case"bs-input":customElements.get(s(e))||u();break;case"bs-menu":customElements.get(s(e))||g();break;case"bs-menu-item":customElements.get(s(e))||m();break;case"bs-ripple":customElements.get(s(e))||w();break;case"bs-skeleton":customElements.get(s(e))||v();break;case"bs-spinner":customElements.get(s(e))||f()}}))}L();const C=x,E=L;export{C as BsAppSwitcher,E as defineCustomElement}
|
|
1
|
+
import{t as s,p as e,H as t,c as a,h as r}from"./p-CcAX4o5o.js";import{d as i}from"./p-CZfbB-t_.js";import{d as p}from"./p-CL99S8-7.js";import{d as o}from"./p-wscU7FUD.js";import{d as c}from"./p-mxDA3wKn.js";import{d as n}from"./p-_zxYDrzi.js";import{d as b}from"./p-DL9HtG41.js";import{d as l}from"./p-BLJL4BVY.js";import{d as h}from"./p-wd9-vGpQ.js";import{d}from"./p-Cz38kNDe.js";import{d as u}from"./p-B5yjDh8h.js";import{d as g}from"./p-CxNNy2m6.js";import{d as m}from"./p-BR7C-aKy.js";import{d as w}from"./p-DaKBSL2O.js";import{d as v}from"./p-DK1uv2fu.js";import{d as f}from"./p-D4W5LcEW.js";let _=0;const y={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},k=[0,1,2,3,4,5,6,7,8],x=e(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsAppSelect=a(this,"bsAppSelect"),this.bsManage=a(this,"bsManage"),this.bsBrowseAll=a(this,"bsBrowseAll"),this.bsClearSearch=a(this,"bsClearSearch"),this.bsRetry=a(this,"bsRetry"),this.bsRequestAccess=a(this,"bsRequestAccess"),this.bsQueryChange=a(this,"bsQueryChange")}get el(){return this}id="bs-as-"+ ++_;inputEl;apps=[];recent=[];currentId;query="";status="ready";manageHref;browseHref;heading="EG apps";manageLabel="Manage";searchPlaceholder="Find an app";yourAppsLabel="Your apps";recentLabel="Recent";allAppsLabel="All apps";resultsLabel="results";resultLabel="result";browseLabel="Browse all EG products";noResultsHeading="No apps match “{query}”";noResultsDescription="Check the spelling, or browse all EG products to find more apps.";clearLabel="Clear search";errorHeading="Couldn’t load your apps";errorDescription="Check your connection and try again. Your work in the current app is not affected.";retryLabel="Try again";emptyHeading="No apps assigned yet";emptyDescription="Ask your administrator for access, or browse all EG products to see what’s available.";requestAccessLabel="Request access";loadingLabel="Loading apps…";bsAppSelect;bsManage;bsBrowseAll;bsClearSearch;bsRetry;bsRequestAccess;bsQueryChange;get q(){return this.query.trim().toLowerCase()}matches(){const s=this.q;return this.apps.filter((e=>e.name.toLowerCase().includes(s)||(e.description??"").toLowerCase().includes(s)))}recentApps(){return this.recent.map((s=>({app:this.apps.find((e=>e.id===s.appId)),recent:s}))).filter((s=>!!s.app))}setQuery(s){this.query=s,this.bsQueryChange.emit(s)}clear(){this.query&&(this.setQuery(""),this.bsClearSearch.emit(),this.inputEl?.focus())}onInput=s=>{s.stopPropagation(),this.setQuery(s.detail)};onSearchKeyDown=s=>{"Escape"===s.key&&this.query&&(s.preventDefault(),s.stopPropagation(),this.clear())};select(s,e){s.disabled||this.bsAppSelect.emit(s).defaultPrevented&&e.preventDefault()}desc(s){return[s.openedLabel,s.companyName].filter(Boolean).join(" · ")}renderLink(s,e,t,a,i,p){const o=[a,p];return t?r("a",{part:s,class:e,href:t,onClick:i},o):r("button",{part:s,class:e,type:"button",onClick:i},o)}renderTile(s,e){return r("li",null,r("bs-app-tile",{part:"tile",size:e,name:s.name,icon:s.icon,disabled:!!s.disabled,current:s.id===this.currentId,onClick:e=>this.select(s,e)}))}renderRow(s,e){return r("li",null,r("bs-app-recent-item",{part:"row",name:s.name,description:e,icon:s.icon,disabled:!!s.disabled,current:s.id===this.currentId,onClick:e=>this.select(s,e)}))}renderGroup(s,e,t,a,i){const p=`${this.id}-h-${s}`;return r("div",{part:"group",class:"bs-app-switcher__group",role:"group","aria-labelledby":p},r("div",{part:"group-header",id:p,class:"bs-app-switcher__group-header"},e),r("ul",{part:a,role:"list",class:{"bs-app-switcher__grid":"grid"===a,["bs-app-switcher__grid--"+i]:!!i,"bs-app-switcher__list":"list"===a}},t))}renderState(s,e,t,a,i){return r("bs-empty-state",{part:"empty",class:"bs-app-switcher__empty",heading:s,description:e,intent:t},a,i)}renderBody(){return"loading"===this.status?r("div",{class:"bs-app-switcher__body","aria-busy":"true"},r("bs-skeleton",{class:"bs-app-switcher__skeleton-header"}),r("ul",{role:"list",class:"bs-app-switcher__grid bs-app-switcher__grid--grid"},k.map((()=>r("li",{class:"bs-app-switcher__skeleton-tile"},r("bs-skeleton",{variant:"rect",class:"bs-app-switcher__skeleton-icon"}),r("bs-skeleton",{class:"bs-app-switcher__skeleton-label"})))))):"error"===this.status?r("div",{class:"bs-app-switcher__body",role:"alert"},this.renderState(this.errorHeading,this.errorDescription,"error",r("svg",{slot:"icon",...y},r("circle",{cx:"12",cy:"12",r:"9"}),r("path",{d:"M12 7.5v5.5M12 16.2v.1"})),r("bs-button",{slot:"action",variant:"outlined",size:"sm",onClick:()=>this.bsRetry.emit()},this.retryLabel))):0===this.apps.length?r("div",{class:"bs-app-switcher__body"},this.renderState(this.emptyHeading,this.emptyDescription,"default",r("svg",{slot:"icon",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},[6,12,18].flatMap((s=>[6,12,18].map((e=>r("circle",{cx:s,cy:e,r:"1.5"})))))),r("bs-button",{slot:"action",variant:"outlined",size:"sm",onClick:()=>this.bsRequestAccess.emit()},this.requestAccessLabel))):[this.renderSearch(),r("div",{class:"bs-app-switcher__body"},this.renderApps())]}renderSearch(){return r("div",{part:"search",class:"bs-app-switcher__search",onKeyDown:this.onSearchKeyDown},r("bs-input",{ref:s=>this.inputEl=s,type:"search",value:this.query,placeholder:this.searchPlaceholder,onBsInput:this.onInput}))}renderApps(){if(this.q){const s=this.matches();return s.length?this.renderGroup("results",`${s.length} ${1===s.length?this.resultLabel:this.resultsLabel}`,s.map((s=>this.renderRow(s,s.description))),"list"):this.renderState(this.noResultsHeading.replace("{query}",this.query.trim()),this.noResultsDescription,"default",r("svg",{slot:"icon",...y},r("circle",{cx:"11",cy:"11",r:"7"}),r("path",{d:"m20 20-3.5-3.5"})),r("bs-button",{slot:"action",variant:"outlined",size:"sm",onClick:()=>this.clear()},this.clearLabel))}const s=this.recentApps();return s.length?[this.renderGroup("recent",this.recentLabel,s.map((({app:s,recent:e})=>this.renderRow(s,this.desc(e)))),"list"),r("bs-divider",{decorative:!0,class:"bs-app-switcher__section-divider"}),this.renderGroup("all",this.allAppsLabel,this.apps.map((s=>this.renderTile(s,"compact"))),"grid","compact")]:this.renderGroup("yours",this.yourAppsLabel,this.apps.map((s=>this.renderTile(s,"grid"))),"grid","grid")}liveText(){if("loading"===this.status)return this.loadingLabel;if("ready"!==this.status||!this.apps.length||!this.q)return"";const s=this.matches().length;return s?`${s} ${1===s?this.resultLabel:this.resultsLabel}`:this.noResultsHeading.replace("{query}",this.query.trim())}render(){const s=this.id+"-heading";return r("bs-card",{key:"8257b65b618a40aa48c5e4e6ea464cd0e730b822",part:"panel",class:"bs-app-switcher",surface:"base",role:"region","aria-labelledby":s},r("div",{key:"99756a738b6954a8f6d6b4dae25115d9ba132be2",part:"header",class:"bs-app-switcher__header"},r("h2",{key:"61ac20db2636acdf82c495e4aa1afaad047e5241",part:"heading",id:s,class:"bs-app-switcher__heading"},this.heading),this.renderLink("manage","bs-app-switcher__manage",this.manageHref,this.manageLabel,(()=>this.bsManage.emit()))),r("bs-divider",{key:"f68ea80899a97f097dd26a4d4ff311a0c958c7a9",decorative:!0}),this.renderBody(),r("bs-divider",{key:"05db5ca0047deb646a0b0bf68afec0663e7b132f",decorative:!0}),r("div",{key:"b32e86a8ba520756bce064384502f4ce71ada4ba",part:"footer",class:"bs-app-switcher__footer"},this.renderLink("browse","bs-app-switcher__browse",this.browseHref,this.browseLabel,(()=>this.bsBrowseAll.emit()),r("svg",{class:"bs-app-switcher__external",...y},r("path",{d:"M7 17 17 7M8 7h9v9"})))),r("span",{key:"1de45b23ef4e79e1b7af1f438304260f264e0489",class:"bs-app-switcher__live",role:"status"},this.liveText()))}static get style(){return":host{display:block;box-sizing:border-box;width:var(--bs-app-switcher-width);max-width:100%;--bs-app-switcher-width:360px;--bs-app-switcher-radius:var(--bs-border-radius-150);--bs-app-switcher-bg:var(--bs-surface-base);--bs-app-switcher-border-color:var(--bs-border-default);--bs-app-switcher-shadow:var(--bs-shadow-position-0) var(--bs-shadow-position-100) var(--bs-shadow-blur-200) var(--bs-elevation-higher);--bs-app-switcher-padding:var(--bs-spacing-150);--bs-app-switcher-text-color:var(--bs-text-default);--bs-app-switcher-header-color:var(--bs-text-secondary);--bs-app-switcher-link-color:var(--bs-text-action);--bs-app-switcher-focus-ring:var(--bs-border-neutral-focus)}.bs-app-switcher{display:block;position:relative;--bs-card-bg:var(--bs-app-switcher-bg);--bs-card-radius:var(--bs-app-switcher-radius);--bs-card-padding:0px;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-app-switcher-border-color);--bs-card-shadow:var(--bs-app-switcher-shadow)}.bs-app-switcher__header,.bs-app-switcher__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-spacing-150) var(--bs-spacing-200)}.bs-app-switcher__heading{margin:0;color:var(--bs-app-switcher-text-color);font-family:var(--bs-typography-font-family-heading, Roboto), sans-serif;font-size:var(--bs-fontsize-heading-h6);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-heading-h6) * 1px)}.bs-app-switcher__manage,.bs-app-switcher__browse{display:inline-flex;align-items:center;gap:var(--bs-spacing-50);margin:0;padding:0;border:0;border-radius:var(--bs-border-radius-50);background:none;font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;cursor:pointer}.bs-app-switcher__manage{color:var(--bs-app-switcher-text-color);font-size:var(--bs-fontsize-body-sm);font-weight:var(--bs-font-weight-medium);line-height:calc(var(--bs-line-height-body-sm) * 1px);text-decoration:none}.bs-app-switcher__browse{color:var(--bs-app-switcher-link-color);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px);text-decoration:underline}.bs-app-switcher__manage:hover,.bs-app-switcher__browse:hover{color:var(--bs-text-action-hover)}.bs-app-switcher__manage:focus-visible,.bs-app-switcher__browse:focus-visible{outline:var(--bs-spacing-25) solid var(--bs-app-switcher-focus-ring);outline-offset:var(--bs-spacing-25)}.bs-app-switcher__external{width:var(--bs-spacing-150);height:var(--bs-spacing-150);flex:none}.bs-app-switcher__search{padding:var(--bs-spacing-150) var(--bs-app-switcher-padding) var(--bs-spacing-50)}.bs-app-switcher__search bs-input{width:100%}.bs-app-switcher__body{padding:var(--bs-spacing-50) var(--bs-app-switcher-padding) var(--bs-spacing-150)}.bs-app-switcher__group-header{padding:var(--bs-spacing-100) var(--bs-spacing-100) var(--bs-spacing-50);color:var(--bs-app-switcher-header-color);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif;font-size:var(--bs-fontsize-caption-sm);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-line-height-caption-sm) * 1px);letter-spacing:var(--bs-letter-spacing-wide);text-transform:uppercase}.bs-app-switcher__grid,.bs-app-switcher__list{display:grid;margin:0;padding:0;list-style:none}.bs-app-switcher__grid--grid{grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--bs-spacing-150)}.bs-app-switcher__grid--compact{grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--bs-spacing-100)}.bs-app-switcher__section-divider{display:block;width:calc(100% + var(--bs-app-switcher-padding) * 2);margin:0 calc(var(--bs-app-switcher-padding) * -1)}.bs-app-switcher__empty{--bs-empty-state-padding-y:var(--bs-spacing-300)}.bs-app-switcher__skeleton-header{--bs-skeleton-width:var(--bs-sizing-1000);display:block;padding:var(--bs-spacing-100)}.bs-app-switcher__skeleton-tile{display:flex;flex-direction:column;align-items:center;gap:var(--bs-spacing-150);padding:var(--bs-spacing-150)}.bs-app-switcher__skeleton-icon{--bs-skeleton-width:calc(var(--bs-sizing-500) + var(--bs-spacing-50));--bs-skeleton-rect-height:calc(var(--bs-sizing-500) + var(--bs-spacing-50))}.bs-app-switcher__skeleton-label{--bs-skeleton-width:var(--bs-sizing-800)}.bs-app-switcher__live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}"}},[513,"bs-app-switcher",{apps:[16],recent:[16],currentId:[1,"current-id"],query:[1025],status:[513],manageHref:[1,"manage-href"],browseHref:[1,"browse-href"],heading:[1],manageLabel:[1,"manage-label"],searchPlaceholder:[1,"search-placeholder"],yourAppsLabel:[1,"your-apps-label"],recentLabel:[1,"recent-label"],allAppsLabel:[1,"all-apps-label"],resultsLabel:[1,"results-label"],resultLabel:[1,"result-label"],browseLabel:[1,"browse-label"],noResultsHeading:[1,"no-results-heading"],noResultsDescription:[1,"no-results-description"],clearLabel:[1,"clear-label"],errorHeading:[1,"error-heading"],errorDescription:[1,"error-description"],retryLabel:[1,"retry-label"],emptyHeading:[1,"empty-heading"],emptyDescription:[1,"empty-description"],requestAccessLabel:[1,"request-access-label"],loadingLabel:[1,"loading-label"]}]);function L(){"undefined"!=typeof customElements&&["bs-app-switcher","bs-app-recent-item","bs-app-tile","bs-button","bs-card","bs-chip-informative","bs-divider","bs-empty-state","bs-icon-button","bs-icon-tile","bs-input","bs-menu","bs-menu-item","bs-ripple","bs-skeleton","bs-spinner"].forEach((e=>{switch(e){case"bs-app-switcher":customElements.get(s(e))||customElements.define(s(e),x);break;case"bs-app-recent-item":customElements.get(s(e))||i();break;case"bs-app-tile":customElements.get(s(e))||p();break;case"bs-button":customElements.get(s(e))||o();break;case"bs-card":customElements.get(s(e))||c();break;case"bs-chip-informative":customElements.get(s(e))||n();break;case"bs-divider":customElements.get(s(e))||b();break;case"bs-empty-state":customElements.get(s(e))||l();break;case"bs-icon-button":customElements.get(s(e))||h();break;case"bs-icon-tile":customElements.get(s(e))||d();break;case"bs-input":customElements.get(s(e))||u();break;case"bs-menu":customElements.get(s(e))||g();break;case"bs-menu-item":customElements.get(s(e))||m();break;case"bs-ripple":customElements.get(s(e))||w();break;case"bs-skeleton":customElements.get(s(e))||v();break;case"bs-spinner":customElements.get(s(e))||f()}}))}L();const E=x,C=L;export{E as BsAppSwitcher,C as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as s,p as e,H as t,c as a,h as r}from"./p-CcAX4o5o.js";import{d as i}from"./p-wscU7FUD.js";import{d as o}from"./p-wd9-vGpQ.js";import{d as n}from"./p-DnagAPBF.js";import{d as l}from"./p-DaKBSL2O.js";const c=e(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsPageChange=a(this,"bsPageChange"),this.bsPauseChange=a(this,"bsPauseChange")}get el(){return this}tracker="dots";slidesPerView=3;currentPage=1;autoplay=!1;interval=5e3;paused=!1;label="Carousel";previousLabel="Previous slide";nextLabel="Next slide";pauseLabel="Pause";playLabel="Play";bsPageChange;bsPauseChange;slideCount=0;interacting=!1;timer;shown=0;loaded=!1;transitioning=!1;runId=0;running=[];get slides(){return Array.from(this.el.children).filter((s=>!s.hasAttribute("slot")))}get perView(){return Number.isFinite(this.slidesPerView)&&this.slidesPerView>=1?Math.floor(this.slidesPerView):1}get pageCount(){return Math.max(1,Math.ceil(this.slideCount/this.perView))}get page(){return Math.min(Math.max(1,Math.floor(this.currentPage)||1),this.pageCount)}componentWillLoad(){this.slideCount=this.slides.length,this.currentPage!==this.page&&(this.currentPage=this.page),this.autoplay&&window.matchMedia?.("(prefers-reduced-motion: reduce)").matches&&(this.paused=!0)}componentDidLoad(){this.loaded=!0,this.applySlides(),this.updateTimer()}componentDidRender(){this.applySlides()}disconnectedCallback(){this.stopTimer(),this.cancelMotion()}onCurrentPageChange(s){if(this.currentPage!==this.page)return void(this.currentPage=this.page);const e=this.transitioning;this.cancelMotion(),!e&&this.loaded&&s!==this.shown&&0!==this.shown&&this.playPageChange(s>this.shown?1:-1)}playPageChange(s){const e=getComputedStyle(this.el),t=this.toMs(e.getPropertyValue("--bs-carousel-duration")),a=this.slides.filter((s=>!s.hidden));if(0===t||0===a.length)return;const r=e.getPropertyValue("--bs-carousel-easing").trim()||"ease",i=parseFloat(e.getPropertyValue("--bs-carousel-slide-distance"))||0,o=s*(this.el.matches(":dir(rtl)")?-1:1)*i,n=t/2,l=++this.runId;this.transitioning=!0,this.running=a.map((s=>s.animate([{opacity:1,transform:"none"},{opacity:0,transform:`translateX(${-o}px)`}],{duration:n,easing:r,fill:"forwards"}))),Promise.all(this.running.map((s=>s.finished))).then((()=>{l===this.runId&&(this.running.forEach((s=>s.cancel())),this.transitioning=!1,this.applySlides(),this.running=this.slides.filter((s=>!s.hidden)).map((s=>s.animate([{opacity:0,transform:`translateX(${o}px)`},{opacity:1,transform:"none"}],{duration:n,easing:r}))))}),(()=>{}))}cancelMotion(){this.runId++,this.running.forEach((s=>s.cancel())),this.running=[],this.transitioning=!1}toMs(s){const e=s.trim();return e.endsWith("ms")?parseFloat(e):e.endsWith("s")?1e3*parseFloat(e):0}updateTimer(){this.stopTimer(),this.autoplay&&!this.paused&&!this.interacting&&this.pageCount>1&&(this.timer=window.setInterval((()=>this.goTo(this.page>=this.pageCount?1:this.page+1)),Math.max(250,this.interval)))}stopTimer(){void 0!==this.timer&&(window.clearInterval(this.timer),this.timer=void 0)}onMouseEnter(){this.interacting=!0}onMouseLeave(){this.interacting=this.el.matches(":focus-within")}onFocusIn(){this.interacting=!0}onFocusOut(){this.interacting=this.el.matches(":hover")}goTo(s){const e=Math.min(Math.max(1,s),this.pageCount);e!==this.page&&(this.currentPage=e,this.bsPageChange.emit(e))}applySlides(){const s=this.slides;this.transitioning&&0!==this.shown||(this.shown=this.page);const e=(this.shown-1)*this.perView;s.forEach(((t,a)=>{t.hidden=a<e||a>=e+this.perView,t.hasAttribute("role")||t.setAttribute("role","group"),t.hasAttribute("aria-roledescription")||t.setAttribute("aria-roledescription","slide"),t.hasAttribute("aria-label")||t.setAttribute("aria-label",`${a+1} of ${s.length}`)}))}onSlotChange=()=>{this.slideCount=this.slides.length};onTogglePause=()=>{this.paused=!this.paused,this.bsPauseChange.emit(this.paused)};renderPause(){return this.autoplay?r("bs-button",{part:"pause",variant:"neutral",size:"md",onClick:this.onTogglePause},r(this.paused?b:h,null),this.paused?this.playLabel:this.pauseLabel):null}renderDotsTracker(){const s=this.page;return[r("bs-icon-button",{part:"prev",variant:"subtle",size:"sm",ariaLabel:this.previousLabel,disabled:s<=1,onClick:()=>this.goTo(s-1)},r(u,null)),r("div",{part:"dots",class:"bs-carousel__dots","aria-hidden":"true"},Array.from({length:this.pageCount},((e,t)=>r("span",{part:t+1===s?"dot current":"dot",class:"bs-carousel__dot "+(t+1===s?"bs-carousel__dot--active":"")})))),r("bs-icon-button",{part:"next",variant:"subtle",size:"sm",ariaLabel:this.nextLabel,disabled:s>=this.pageCount,onClick:()=>this.goTo(s+1)},r(d,null))]}render(){const s=this.pageCount>1;return r("section",{key:"fe38898b10611d2bb20c3428cbc4009449186453",part:"carousel",class:"bs-carousel",role:"region","aria-roledescription":"carousel","aria-label":this.label,style:{"--bs-carousel-slides-per-view":this.perView+""}},r("div",{key:"d1d01494417dc282a52931307406970b8a1b7011",part:"slides",class:"bs-carousel__slides","aria-live":!this.autoplay||this.paused||this.interacting?"polite":"off"},r("slot",{key:"955bb5229671a23babeea85b7f23b5ec3b330ebe",onSlotchange:this.onSlotChange})),s&&r("div",{key:"7c4c3e73bc8dbf05e351cb0628e26e138d0a4028",part:"tracker",class:"bs-carousel__tracker"},"numbers"===this.tracker?r("bs-pagination",{part:"pagination",totalPages:this.pageCount,currentPage:this.page,onBsPageChange:s=>{s.stopPropagation(),this.goTo(s.detail)}}):r("div",{class:"bs-carousel__nav"},this.renderDotsTracker()),this.renderPause()))}static get watchers(){return{currentPage:[{onCurrentPageChange:0}],autoplay:[{updateTimer:0}],paused:[{updateTimer:0}],interval:[{updateTimer:0}],interacting:[{updateTimer:0}],slideCount:[{updateTimer:0}],slidesPerView:[{updateTimer:0}]}}static get style(){return":host{display:block;--bs-carousel-gap:var(--bs-spacing-200);--bs-carousel-tracker-offset:var(--bs-spacing-200);--bs-carousel-tracker-gap:var(--bs-spacing-50);--bs-carousel-dot-size:var(--bs-spacing-100);--bs-carousel-dot-radius:var(--bs-border-radius-full);--bs-carousel-dot-color:var(--bs-surface-container);--bs-carousel-dot-active-color:var(--bs-color-primary-default);--bs-carousel-dots-gap:var(--bs-spacing-50);--bs-carousel-duration:var(--bs-duration-slow);--bs-carousel-easing:var(--bs-easing-standard);--bs-carousel-slide-distance:var(--bs-spacing-400)}.bs-carousel{display:flex;flex-direction:column;align-items:center;gap:var(--bs-carousel-tracker-offset)}.bs-carousel__slides{display:flex;align-items:flex-start;gap:var(--bs-carousel-gap);width:100%}.bs-carousel__slides ::slotted(*){flex:0 0 calc( (100% - (var(--bs-carousel-slides-per-view) - 1) * var(--bs-carousel-gap)) / var(--bs-carousel-slides-per-view) );min-width:0;box-sizing:border-box}.bs-carousel__slides ::slotted([hidden]){display:none !important}.bs-carousel__tracker{display:flex;align-items:center;gap:var(--bs-carousel-tracker-gap)}.bs-carousel__nav{display:flex;align-items:center;gap:var(--bs-carousel-tracker-gap)}.bs-carousel__dots{display:flex;align-items:center;gap:var(--bs-carousel-dots-gap)}.bs-carousel__dot{display:block;width:var(--bs-carousel-dot-size);height:var(--bs-carousel-dot-size);border-radius:var(--bs-carousel-dot-radius);background:var(--bs-carousel-dot-color);transition:width var(--bs-carousel-duration) var(--bs-carousel-easing), background-color var(--bs-carousel-duration) var(--bs-carousel-easing)}.bs-carousel__dot--active{width:calc(var(--bs-carousel-dot-size) * 2);background:var(--bs-carousel-dot-active-color)}.bs-carousel__nav bs-icon-button{--bs-icon-neutral-default:var(--bs-icon-default)}:host(:dir(rtl)) .bs-carousel__chevron{transform:scaleX(-1)}@media (forced-colors: active){.bs-carousel__dot{forced-color-adjust:none;background:GrayText}.bs-carousel__dot--active{background:Highlight}}"}},[769,"bs-carousel",{tracker:[1],slidesPerView:[2,"slides-per-view"],currentPage:[1538,"current-page"],autoplay:[4],interval:[2],paused:[1540],label:[1],previousLabel:[1,"previous-label"],nextLabel:[1,"next-label"],pauseLabel:[1,"pause-label"],playLabel:[1,"play-label"],slideCount:[32],interacting:[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"]],{currentPage:[{onCurrentPageChange:0}],autoplay:[{updateTimer:0}],paused:[{updateTimer:0}],interval:[{updateTimer:0}],interacting:[{updateTimer:0}],slideCount:[{updateTimer:0}],slidesPerView:[{updateTimer:0}]}]),u=()=>r("svg",{class:"bs-carousel__chevron",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r("path",{d:"M15 18L9 12L15 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),d=()=>r("svg",{class:"bs-carousel__chevron",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r("path",{d:"M9 18L15 12L9 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),h=()=>r("svg",{slot:"icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r("rect",{x:"6",y:"5",width:"4",height:"14",rx:"1",stroke:"currentColor","stroke-width":"1.5","stroke-linejoin":"round"}),r("rect",{x:"14",y:"5",width:"4",height:"14",rx:"1",stroke:"currentColor","stroke-width":"1.5","stroke-linejoin":"round"})),b=()=>r("svg",{slot:"icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r("path",{d:"M7 5L19 12L7 19V5Z",stroke:"currentColor","stroke-width":"1.5","stroke-linejoin":"round"}));function p(){"undefined"!=typeof customElements&&["bs-carousel","bs-button","bs-icon-button","bs-pagination","bs-ripple"].forEach((e=>{switch(e){case"bs-carousel":customElements.get(s(e))||customElements.define(s(e),c);break;case"bs-button":customElements.get(s(e))||i();break;case"bs-icon-button":customElements.get(s(e))||o();break;case"bs-pagination":customElements.get(s(e))||n();break;case"bs-ripple":customElements.get(s(e))||l()}}))}p();const g=c,v=p;export{g as BsCarousel,v as defineCustomElement}
|
|
1
|
+
import{t as s,p as e,H as t,c as a,h as r}from"./p-CcAX4o5o.js";import{d as i}from"./p-wscU7FUD.js";import{d as o}from"./p-wd9-vGpQ.js";import{d as n}from"./p-DnagAPBF.js";import{d as l}from"./p-DaKBSL2O.js";const c=e(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsPageChange=a(this,"bsPageChange"),this.bsPauseChange=a(this,"bsPauseChange")}get el(){return this}tracker="dots";slidesPerView=3;currentPage=1;autoplay=!1;interval=5e3;paused=!1;label="Carousel";previousLabel="Previous slide";nextLabel="Next slide";pauseLabel="Pause";playLabel="Play";bsPageChange;bsPauseChange;slideCount=0;interacting=!1;timer;shown=0;loaded=!1;transitioning=!1;runId=0;running=[];get slides(){return Array.from(this.el.children).filter((s=>!s.hasAttribute("slot")))}get perView(){return Number.isFinite(this.slidesPerView)&&this.slidesPerView>=1?Math.floor(this.slidesPerView):1}get pageCount(){return Math.max(1,Math.ceil(this.slideCount/this.perView))}get page(){return Math.min(Math.max(1,Math.floor(this.currentPage)||1),this.pageCount)}componentWillLoad(){this.slideCount=this.slides.length,this.currentPage!==this.page&&(this.currentPage=this.page),this.autoplay&&window.matchMedia?.("(prefers-reduced-motion: reduce)").matches&&(this.paused=!0)}componentDidLoad(){this.loaded=!0,this.applySlides(),this.updateTimer()}componentDidRender(){this.applySlides()}disconnectedCallback(){this.stopTimer(),this.cancelMotion()}onCurrentPageChange(s){if(this.currentPage!==this.page)return void(this.currentPage=this.page);const e=this.transitioning;this.cancelMotion(),!e&&this.loaded&&s!==this.shown&&0!==this.shown&&this.playPageChange(s>this.shown?1:-1)}playPageChange(s){const e=getComputedStyle(this.el),t=this.toMs(e.getPropertyValue("--bs-carousel-duration")),a=this.slides.filter((s=>!s.hidden));if(0===t||0===a.length)return;const r=e.getPropertyValue("--bs-carousel-easing").trim()||"ease",i=parseFloat(e.getPropertyValue("--bs-carousel-slide-distance"))||0,o=s*(this.el.matches(":dir(rtl)")?-1:1)*i,n=t/2,l=++this.runId;this.transitioning=!0,this.running=a.map((s=>s.animate([{opacity:1,transform:"none"},{opacity:0,transform:`translateX(${-o}px)`}],{duration:n,easing:r,fill:"forwards"}))),Promise.all(this.running.map((s=>s.finished))).then((()=>{l===this.runId&&(this.running.forEach((s=>s.cancel())),this.transitioning=!1,this.applySlides(),this.running=this.slides.filter((s=>!s.hidden)).map((s=>s.animate([{opacity:0,transform:`translateX(${o}px)`},{opacity:1,transform:"none"}],{duration:n,easing:r}))))}),(()=>{}))}cancelMotion(){this.runId++,this.running.forEach((s=>s.cancel())),this.running=[],this.transitioning=!1}toMs(s){const e=s.trim();return e.endsWith("ms")?parseFloat(e):e.endsWith("s")?1e3*parseFloat(e):0}updateTimer(){this.stopTimer(),this.autoplay&&!this.paused&&!this.interacting&&this.pageCount>1&&(this.timer=window.setInterval((()=>this.goTo(this.page>=this.pageCount?1:this.page+1)),Math.max(250,this.interval)))}stopTimer(){void 0!==this.timer&&(window.clearInterval(this.timer),this.timer=void 0)}onMouseEnter(){this.interacting=!0}onMouseLeave(){this.interacting=this.el.matches(":focus-within")}onFocusIn(){this.interacting=!0}onFocusOut(){this.interacting=this.el.matches(":hover")}goTo(s){const e=Math.min(Math.max(1,s),this.pageCount);e!==this.page&&(this.currentPage=e,this.bsPageChange.emit(e))}applySlides(){const s=this.slides;this.transitioning&&0!==this.shown||(this.shown=this.page);const e=(this.shown-1)*this.perView;s.forEach(((t,a)=>{t.hidden=a<e||a>=e+this.perView,t.hasAttribute("role")||t.setAttribute("role","group"),t.hasAttribute("aria-roledescription")||t.setAttribute("aria-roledescription","slide"),t.hasAttribute("aria-label")||t.setAttribute("aria-label",`${a+1} of ${s.length}`)}))}onSlotChange=()=>{this.slideCount=this.slides.length};onTogglePause=()=>{this.paused=!this.paused,this.bsPauseChange.emit(this.paused)};renderPause(){return this.autoplay?r("bs-button",{part:"pause",variant:"neutral",size:"md",onClick:this.onTogglePause},r(this.paused?b:h,null),this.paused?this.playLabel:this.pauseLabel):null}renderDotsTracker(){const s=this.page;return[r("bs-icon-button",{part:"prev",variant:"subtle",size:"sm",ariaLabel:this.previousLabel,disabled:s<=1,onClick:()=>this.goTo(s-1)},r(u,null)),r("div",{part:"dots",class:"bs-carousel__dots","aria-hidden":"true"},Array.from({length:this.pageCount},((e,t)=>r("span",{part:t+1===s?"dot current":"dot",class:"bs-carousel__dot "+(t+1===s?"bs-carousel__dot--active":"")})))),r("bs-icon-button",{part:"next",variant:"subtle",size:"sm",ariaLabel:this.nextLabel,disabled:s>=this.pageCount,onClick:()=>this.goTo(s+1)},r(d,null))]}render(){const s=this.pageCount>1;return r("section",{key:"cc9bb48b594809276ba1d7a37bdab86e6406ce4b",part:"carousel",class:"bs-carousel",role:"region","aria-roledescription":"carousel","aria-label":this.label,style:{"--bs-carousel-slides-per-view":this.perView+""}},r("div",{key:"d6505ef1cf25ba7ad7f43e733c72324e54138882",part:"slides",class:"bs-carousel__slides","aria-live":!this.autoplay||this.paused||this.interacting?"polite":"off"},r("slot",{key:"d619f41a54d346f05e56dae300fc8e6f8e0d9161",onSlotchange:this.onSlotChange})),s&&r("div",{key:"4cc21ab05421bdba11a2588a6628041f8ef57e64",part:"tracker",class:"bs-carousel__tracker"},"numbers"===this.tracker?r("bs-pagination",{part:"pagination",totalPages:this.pageCount,currentPage:this.page,onBsPageChange:s=>{s.stopPropagation(),this.goTo(s.detail)}}):r("div",{class:"bs-carousel__nav"},this.renderDotsTracker()),this.renderPause()))}static get watchers(){return{currentPage:[{onCurrentPageChange:0}],autoplay:[{updateTimer:0}],paused:[{updateTimer:0}],interval:[{updateTimer:0}],interacting:[{updateTimer:0}],slideCount:[{updateTimer:0}],slidesPerView:[{updateTimer:0}]}}static get style(){return":host{display:block;--bs-carousel-gap:var(--bs-spacing-200);--bs-carousel-tracker-offset:var(--bs-spacing-200);--bs-carousel-tracker-gap:var(--bs-spacing-50);--bs-carousel-dot-size:var(--bs-spacing-100);--bs-carousel-dot-radius:var(--bs-border-radius-full);--bs-carousel-dot-color:var(--bs-surface-container);--bs-carousel-dot-active-color:var(--bs-color-primary-default);--bs-carousel-dots-gap:var(--bs-spacing-50);--bs-carousel-duration:var(--bs-duration-slow);--bs-carousel-easing:var(--bs-easing-standard);--bs-carousel-slide-distance:var(--bs-spacing-400)}.bs-carousel{display:flex;flex-direction:column;align-items:center;gap:var(--bs-carousel-tracker-offset)}.bs-carousel__slides{display:flex;align-items:flex-start;gap:var(--bs-carousel-gap);width:100%}.bs-carousel__slides ::slotted(*){flex:0 0 calc( (100% - (var(--bs-carousel-slides-per-view) - 1) * var(--bs-carousel-gap)) / var(--bs-carousel-slides-per-view) );min-width:0;box-sizing:border-box}.bs-carousel__slides ::slotted([hidden]){display:none !important}.bs-carousel__tracker{display:flex;align-items:center;gap:var(--bs-carousel-tracker-gap)}.bs-carousel__nav{display:flex;align-items:center;gap:var(--bs-carousel-tracker-gap)}.bs-carousel__dots{display:flex;align-items:center;gap:var(--bs-carousel-dots-gap)}.bs-carousel__dot{display:block;width:var(--bs-carousel-dot-size);height:var(--bs-carousel-dot-size);border-radius:var(--bs-carousel-dot-radius);background:var(--bs-carousel-dot-color);transition:width var(--bs-carousel-duration) var(--bs-carousel-easing), background-color var(--bs-carousel-duration) var(--bs-carousel-easing)}.bs-carousel__dot--active{width:calc(var(--bs-carousel-dot-size) * 2);background:var(--bs-carousel-dot-active-color)}.bs-carousel__nav bs-icon-button{--bs-icon-neutral-default:var(--bs-icon-default)}:host(:dir(rtl)) .bs-carousel__chevron{transform:scaleX(-1)}@media (forced-colors: active){.bs-carousel__dot{forced-color-adjust:none;background:GrayText}.bs-carousel__dot--active{background:Highlight}}"}},[769,"bs-carousel",{tracker:[1],slidesPerView:[2,"slides-per-view"],currentPage:[1538,"current-page"],autoplay:[4],interval:[2],paused:[1540],label:[1],previousLabel:[1,"previous-label"],nextLabel:[1,"next-label"],pauseLabel:[1,"pause-label"],playLabel:[1,"play-label"],slideCount:[32],interacting:[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"]],{currentPage:[{onCurrentPageChange:0}],autoplay:[{updateTimer:0}],paused:[{updateTimer:0}],interval:[{updateTimer:0}],interacting:[{updateTimer:0}],slideCount:[{updateTimer:0}],slidesPerView:[{updateTimer:0}]}]),u=()=>r("svg",{class:"bs-carousel__chevron",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r("path",{d:"M15 18L9 12L15 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),d=()=>r("svg",{class:"bs-carousel__chevron",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r("path",{d:"M9 18L15 12L9 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),h=()=>r("svg",{slot:"icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r("rect",{x:"6",y:"5",width:"4",height:"14",rx:"1",stroke:"currentColor","stroke-width":"1.5","stroke-linejoin":"round"}),r("rect",{x:"14",y:"5",width:"4",height:"14",rx:"1",stroke:"currentColor","stroke-width":"1.5","stroke-linejoin":"round"})),b=()=>r("svg",{slot:"icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r("path",{d:"M7 5L19 12L7 19V5Z",stroke:"currentColor","stroke-width":"1.5","stroke-linejoin":"round"}));function p(){"undefined"!=typeof customElements&&["bs-carousel","bs-button","bs-icon-button","bs-pagination","bs-ripple"].forEach((e=>{switch(e){case"bs-carousel":customElements.get(s(e))||customElements.define(s(e),c);break;case"bs-button":customElements.get(s(e))||i();break;case"bs-icon-button":customElements.get(s(e))||o();break;case"bs-pagination":customElements.get(s(e))||n();break;case"bs-ripple":customElements.get(s(e))||l()}}))}p();const g=c,v=p;export{g as BsCarousel,v as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as
|
|
1
|
+
import{B as o,d as r}from"./p-_zxYDrzi.js";const s=o,p=r;export{s as BsChipInformative,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as s,c as a,h as o}from"./p-CcAX4o5o.js";import{d as i}from"./p-CePOtLtZ.js";import{d as n}from"./p-wd9-vGpQ.js";import{d as l}from"./p-D3XmFqCQ.js";import{d as c}from"./p-BB1HiIxJ.js";import{d as r}from"./p-CxNNy2m6.js";import{d}from"./p-BR7C-aKy.js";import{d as m}from"./p-DaKBSL2O.js";import{d as b}from"./p-D4W5LcEW.js";const p=["recent","suggested","commands","navigation","records"],h=[...p,"try-instead"];let u=0;const v={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},f=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsInput=a(this,"bsInput"),this.bsSelect=a(this,"bsSelect"),this.bsSuggestion=a(this,"bsSuggestion"),this.bsOpenChange=a(this,"bsOpenChange"),this.bsScopeExit=a(this,"bsScopeExit")}get el(){return this}id="bs-cp-"+ ++u;itemSeq=0;observer;dialogEl;comboEl;inputEl;previousFocus;userMoved=!1;value="";open=!1;commandsOnly=!1;status="default";label="Command palette";placeholder="Type a command or search…";keepOpenOnSelect=!1;showFooter=!0;hotkey="";scopeLabel;recentLabel="Recent";suggestedLabel="Suggested";commandsLabel="Commands";navigationLabel="Navigation";recordsLabel="Records";tryInsteadLabel="Try instead";navigateLabel="Navigate";openLabel="Open";closeLabel="Close";commandsOnlyLabel="Commands only";allResultsLabel="All results";emptyHeading="No commands or records";emptyDescription="Check the spelling, or search records instead.";didYouMean;didYouMeanLabel="Did you mean";loadingLabel="Loading…";listLabel="Results";filled={recent:!1,suggested:!1,commands:!1,navigation:!1,records:!1,"try-instead":!1};activeId=null;bsInput;bsSelect;bsSuggestion;bsOpenChange;bsScopeExit;async show(){this.open=!0}async close(){this.open=!1}onValueChange(){this.commandsOnly=this.value.startsWith(">")}resetMoved(){this.userMoved=!1}componentWillLoad(){this.commandsOnly=this.value.startsWith(">"),this.readFilled(),this.prepareItems()}connectedCallback(){document.addEventListener("keydown",this.onDocKeyDown),this.observer=new MutationObserver((()=>{this.readFilled(),this.prepareItems(),this.syncActive()})),this.observer.observe(this.el,{childList:!0})}disconnectedCallback(){document.removeEventListener("keydown",this.onDocKeyDown),this.observer?.disconnect(),this.dialogEl?.open&&this.dialogEl.close()}componentDidRender(){this.syncDialog(),this.prepareItems(),this.syncActive()}syncDialog(){const e=this.dialogEl;if(e)if(this.open&&!e.open)this.previousFocus=document.activeElement,e.showModal(),this.focusInput();else if(!this.open&&e.open){e.close();const t=this.previousFocus;this.previousFocus=null,t&&t.isConnected&&t.focus?.()}}focusInput(){this.inputEl?.focus();const e=this.inputEl?.shadowRoot?.querySelector("input");e?.select?.()}onDocKeyDown=e=>{if(!this.hotkey||e.defaultPrevented)return;const t=this.hotkey.toLowerCase().split("+").map((e=>e.trim())),s=t[t.length-1],a=t.slice(0,-1),o=/mac|iphone|ipad/i.test(navigator.platform||navigator.userAgent),i=e=>a.includes(e),n=i("meta")||i("cmd")||i("mod")&&o,l=i("ctrl")||i("mod")&&!o;e.key.toLowerCase()===s&&e.metaKey===n&&e.ctrlKey===l&&e.altKey===i("alt")&&e.shiftKey===i("shift")&&(e.preventDefault(),this.setOpen(!this.open))};setOpen(e){this.open!==e&&(this.open=e,this.bsOpenChange.emit(e))}allItems(){return Array.from(this.el.children).filter((e=>"BS-SEARCH-ITEM"===e.tagName&&h.includes(e.getAttribute("slot"))))}shownSections(){return"loading"===this.status?[]:"empty"===this.status?["try-instead"]:p}visibleItems(){if(!this.open)return[];const e=this.allItems();return this.shownSections().flatMap((t=>e.filter((e=>e.getAttribute("slot")===t))))}enabledItems(){return this.visibleItems().filter((e=>!e.disabled))}readFilled(){const e={...this.filled};let t=!1;for(const s of h){const a=Array.from(this.el.children).some((e=>e.getAttribute("slot")===s));e[s]!==a&&(e[s]=a,t=!0)}t&&(this.filled=e)}prepareItems(){for(const e of this.allItems())"option"!==e.selectionRole&&(e.selectionRole="option"),e.id||(e.id=`${this.id}-opt-${++this.itemSeq}`)}syncActive(){const e=this.enabledItems();let t,s=this.activeId;this.open&&e.length?this.userMoved&&e.some((e=>e.id===s))||(s=e[0].id):s=null,s!==this.activeId&&(this.activeId=s);for(const e of this.allItems()){const a=!!s&&e.id===s;a&&(t=e),e.active!==a&&(e.active=a)}this.comboEl&&(this.comboEl.ariaActiveDescendantElement=t??null)}setActive(e){this.userMoved=!0,this.activeId=e.id;for(const t of this.allItems())t.active=t.id===e.id;this.comboEl&&(this.comboEl.ariaActiveDescendantElement=e),e.scrollIntoView?.({block:"nearest"})}onInput=e=>{e.stopPropagation(),this.value=e.detail,this.userMoved=!1;const t=this.value.startsWith(">");this.bsInput.emit({value:this.value,query:(t?this.value.slice(1):this.value).trim(),commandsOnly:t})};onKeyDown=e=>{switch(e.key){case"ArrowDown":case"ArrowUp":{e.preventDefault();const t=this.enabledItems();if(!t.length)return;const s=t.findIndex((e=>e.id===this.activeId));return void this.setActive(t["ArrowDown"===e.key?(s+1)%t.length:s<=0?t.length-1:s-1])}case"Enter":{const t=this.enabledItems().find((e=>e.id===this.activeId));return void(t&&(e.preventDefault(),t.click()))}case"Backspace":return void(this.scopeLabel&&""===this.value&&this.bsScopeExit.emit())}};onDialogKeyDown=e=>{"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),this.setOpen(!1))};onCancel=e=>{e.preventDefault(),this.setOpen(!1)};onDialogClick=e=>{e.target===this.dialogEl&&this.setOpen(!1)};onItemSelect(e){const t=e.target;t&&"BS-SEARCH-ITEM"===t.tagName&&(e.stopPropagation(),this.bsSelect.emit({value:e.detail,section:t.getAttribute("slot")??"",commandsOnly:this.commandsOnly}),this.keepOpenOnSelect||this.setOpen(!1))}onResultsMouseOver=e=>{const t=e.composedPath().find((e=>"BS-SEARCH-ITEM"===e.tagName));t&&!t.disabled&&t.id!==this.activeId&&this.setActive(t)};sectionLabel(e){return{recent:this.recentLabel,suggested:this.suggestedLabel,commands:this.commandsLabel,navigation:this.navigationLabel,records:this.recordsLabel,"try-instead":this.tryInsteadLabel}[e]}renderSection(e){const t=`${this.id}-h-${e}`;return o("div",{part:"section",class:"bs-command-palette__section",role:"group","aria-labelledby":t},o("div",{part:"section-header",id:t,class:"bs-command-palette__section-header"},this.sectionLabel(e)),o("slot",{name:e}))}renderHint(e,t){return o("span",{part:"hint",class:"bs-command-palette__hint"},e,o("span",{class:"bs-command-palette__hint-text"},t))}renderFooter(){const e=e=>o("bs-key",null,o("svg",{slot:"icon",...v},o("path",{d:e})));return o("div",{part:"footer",class:"bs-command-palette__footer"},this.renderHint([e("M12 19V5M5 12l7-7 7 7"),e("M12 5v14M5 12l7 7 7-7")],this.navigateLabel),this.renderHint([o("bs-key",null,o("svg",{slot:"icon",...v},o("path",{d:"M9 14 4 9l5-5"}),o("path",{d:"M4 9h10.5a5.5 5.5 0 0 1 0 11H11"})))],this.openLabel),this.renderHint([o("bs-key",{label:"Esc"})],this.closeLabel),o("span",{class:"bs-command-palette__spacer"}),this.commandsOnly?this.renderHint([o("bs-key",{label:"Backspace"})],this.allResultsLabel):this.renderHint([o("bs-key",{label:">"})],this.commandsOnlyLabel))}renderEmpty(){return o("div",{part:"empty",class:"bs-command-palette__empty"},o("svg",{class:"bs-command-palette__empty-icon",...v,"stroke-width":"1.5"},o("circle",{cx:"11",cy:"11",r:"7"}),o("path",{d:"m20 20-3.5-3.5M8.5 11h5"})),o("div",{class:"bs-command-palette__empty-heading"},this.emptyHeading),o("div",{class:"bs-command-palette__empty-description"},this.emptyDescription),this.didYouMean&&o("div",{class:"bs-command-palette__empty-description"},this.didYouMeanLabel," ",o("button",{type:"button",class:"bs-command-palette__link",onClick:()=>this.bsSuggestion.emit(this.didYouMean)},this.didYouMean)))}announcement(){return this.open?"empty"===this.status?this.emptyHeading:"loading"===this.status?this.loadingLabel:"":""}render(){const e=this.id+"-listbox",t="loading"===this.status,s="empty"===this.status,a=this.shownSections().filter((e=>this.filled[e])),i=a.length>0,n=t||s||i;return o("dialog",{key:"d06cdefa922bb8a64cd772f193d1fa74fbb22f37",ref:e=>this.dialogEl=e,part:"dialog",class:"bs-command-palette","aria-label":this.label,"aria-modal":"true",role:"dialog",onCancel:this.onCancel,onClose:()=>this.open&&this.setOpen(!1),onClick:this.onDialogClick,onKeyDown:this.onDialogKeyDown},o("div",{key:"0b6984201d7d83193e2b5e01d9cb877c8739f277",part:"panel",class:"bs-command-palette__panel"},o("div",{key:"ca8de39945a16582770e5e779d8fcd4bbdd42cf7",part:"search",class:"bs-command-palette__search"},this.scopeLabel&&o("bs-chip-informative",{key:"90521a09ef55ac7c861646650293c0eac56e554b",class:"bs-command-palette__scope",color:"info"},this.scopeLabel),o("div",{key:"f7cbe1a490c1ca4ad5516f164768443c28ff3efb",class:"bs-command-palette__field",ref:e=>this.comboEl=e,role:"combobox","aria-label":this.placeholder,"aria-expanded":i+"","aria-haspopup":"listbox","aria-controls":i?e:void 0,onKeyDown:this.onKeyDown},o("bs-input",{key:"698efbfc139c6e2660969420be7c166d0d6e7953",part:"input",ref:e=>this.inputEl=e,type:"search",value:this.value,placeholder:this.placeholder,onBsInput:this.onInput})),o("span",{key:"8bcae63dbfd913b0135c114782b4928c33d05ed6",class:"bs-command-palette__esc","aria-hidden":"true"},o("bs-key",{key:"a2c958b98e4ee3ee1ba7e09cc5f0d1434c418e59",label:"Esc"}))),n&&o("div",{key:"86be7cd95d0784de6620ac58688ba50898d34683",class:"bs-command-palette__divider",role:"presentation"}),n&&o("div",{key:"22511eee60186fdbe1c77018f910883e0e475d57",part:"results",class:"bs-command-palette__results","aria-busy":t+"",onMouseOver:this.onResultsMouseOver},t&&o("div",{key:"ba3ad0ee5b52d4149df64b6025cb9a1a5ef05146",class:"bs-command-palette__loading",role:"status"},o("bs-spinner",{key:"622094750110baec93176714b79fbe5fb984de9a",size:"sm"}),o("span",{key:"db0d4c37dd97cf62d8e525ef72e237a464fc3614"},this.loadingLabel)),s&&this.renderEmpty(),i&&o("div",{key:"532af3ce4bcc8c70994abcd69d807ff9a180ee44",id:e,class:"bs-command-palette__list",role:"listbox","aria-label":this.listLabel},a.map((e=>this.renderSection(e))))),this.showFooter&&this.renderFooter()),o("span",{key:"b27ff78735f3c4ed712ef187cf161c9f7a36bdd9",class:"bs-command-palette__live","aria-live":"polite"},this.announcement()))}static get watchers(){return{value:[{onValueChange:0}],status:[{resetMoved:0}],open:[{resetMoved:0}]}}static get style(){return":host{display:contents;--bs-command-palette-width:640px;--bs-command-palette-top:12vh;--bs-command-palette-max-height:60vh;--bs-command-palette-radius:var(--bs-border-radius-150);--bs-command-palette-bg:var(--bs-surface-base);--bs-command-palette-shadow:0 var(--bs-shadow-position-100) var(--bs-shadow-blur-200) 0 var(--bs-elevation-higher);--bs-command-palette-overlay:var(--bs-surface-overlay);--bs-command-palette-footer-bg:var(--bs-surface-container);--bs-command-palette-divider-color:var(--bs-border-default);--bs-command-palette-header-border-color:var(--bs-border-neutral-container);--bs-command-palette-header-color:var(--bs-text-muted);--bs-command-palette-hint-color:var(--bs-text-secondary);--bs-command-palette-z-index:var(--bs-z-index-modal)}.bs-command-palette{box-sizing:border-box;width:min(var(--bs-command-palette-width), calc(100vw - 2 * var(--bs-spacing-200)));max-width:none;max-height:none;margin:var(--bs-command-palette-top) auto auto;padding:0;border:0;background:transparent;color:var(--bs-text-default);overflow:visible;z-index:var(--bs-command-palette-z-index)}.bs-command-palette::backdrop{background:var(--bs-command-palette-overlay, var(--bs-surface-overlay))}.bs-command-palette__panel{display:flex;flex-direction:column;box-sizing:border-box;overflow:clip;border-radius:var(--bs-command-palette-radius);background:var(--bs-command-palette-bg);box-shadow:var(--bs-command-palette-shadow)}@media (prefers-reduced-motion: no-preference){.bs-command-palette[open] .bs-command-palette__panel{animation:bs-command-palette-in 120ms ease-out}}@keyframes bs-command-palette-in{from{opacity:0;transform:scale(0.98)}}.bs-command-palette__search{position:relative;display:flex;align-items:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-150)}.bs-command-palette__field{flex:1 1 auto;min-width:0}.bs-command-palette__field bs-input{width:100%}.bs-command-palette__scope{flex:none}.bs-command-palette__esc{position:absolute;top:50%;right:calc(var(--bs-spacing-150) + 9px);transform:translateY(-50%);display:inline-flex;pointer-events:none}.bs-command-palette__divider{height:1px;background:var(--bs-command-palette-divider-color)}.bs-command-palette__results{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-spacing-100);padding:var(--bs-spacing-100);max-height:var(--bs-command-palette-max-height);overflow-y:auto}.bs-command-palette__list{display:flex;flex-direction:column;gap:var(--bs-spacing-100)}.bs-command-palette__section{display:flex;flex-direction:column}.bs-command-palette__section-header{padding:var(--bs-spacing-150) var(--bs-spacing-150) var(--bs-spacing-100);border-bottom:1px solid var(--bs-command-palette-header-border-color);color:var(--bs-command-palette-header-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-command-palette__loading{display:flex;align-items:center;justify-content:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-300) var(--bs-spacing-200);color:var(--bs-text-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-command-palette__empty{display:flex;flex-direction:column;align-items:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-300) var(--bs-spacing-200);text-align:center}.bs-command-palette__empty-icon{width:32px;height:32px;color:var(--bs-icon-default)}.bs-command-palette__empty-heading{color:var(--bs-text-default);font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:24px}.bs-command-palette__empty-description{color:var(--bs-text-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-command-palette__link{margin:0;padding:0;border:0;border-bottom:1px solid var(--bs-border-info);background:none;color:var(--bs-text-link);font:inherit;line-height:20px;cursor:pointer}.bs-command-palette__link:focus-visible{outline:2px solid var(--bs-border-info);outline-offset:2px}.bs-command-palette__footer{display:flex;align-items:center;gap:var(--bs-spacing-200);padding:10px var(--bs-spacing-200);background:var(--bs-command-palette-footer-bg)}.bs-command-palette__hint{display:inline-flex;align-items:center;gap:var(--bs-spacing-50);color:var(--bs-command-palette-hint-color);font-size:var(--bs-font-size-sm);line-height:20px;white-space:nowrap}.bs-command-palette__spacer{flex:1 1 0}.bs-command-palette__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}"}},[769,"bs-command-palette",{value:[1025],open:[1540],commandsOnly:[1540,"commands-only"],status:[513],label:[1],placeholder:[1],keepOpenOnSelect:[4,"keep-open-on-select"],showFooter:[4,"show-footer"],hotkey:[1],scopeLabel:[1,"scope-label"],recentLabel:[1,"recent-label"],suggestedLabel:[1,"suggested-label"],commandsLabel:[1,"commands-label"],navigationLabel:[1,"navigation-label"],recordsLabel:[1,"records-label"],tryInsteadLabel:[1,"try-instead-label"],navigateLabel:[1,"navigate-label"],openLabel:[1,"open-label"],closeLabel:[1,"close-label"],commandsOnlyLabel:[1,"commands-only-label"],allResultsLabel:[1,"all-results-label"],emptyHeading:[1,"empty-heading"],emptyDescription:[1,"empty-description"],didYouMean:[1,"did-you-mean"],didYouMeanLabel:[1,"did-you-mean-label"],loadingLabel:[1,"loading-label"],listLabel:[1,"list-label"],filled:[32],activeId:[32],show:[64],close:[64]},[[0,"bsItemSelect","onItemSelect"]],{value:[{onValueChange:0}],status:[{resetMoved:0}],open:[{resetMoved:0}]}]);function g(){"undefined"!=typeof customElements&&["bs-command-palette","bs-chip-informative","bs-icon-button","bs-input","bs-key","bs-menu","bs-menu-item","bs-ripple","bs-spinner"].forEach((t=>{switch(t){case"bs-command-palette":customElements.get(e(t))||customElements.define(e(t),f);break;case"bs-chip-informative":customElements.get(e(t))||i();break;case"bs-icon-button":customElements.get(e(t))||n();break;case"bs-input":customElements.get(e(t))||l();break;case"bs-key":customElements.get(e(t))||c();break;case"bs-menu":customElements.get(e(t))||r();break;case"bs-menu-item":customElements.get(e(t))||d();break;case"bs-ripple":customElements.get(e(t))||m();break;case"bs-spinner":customElements.get(e(t))||b()}}))}g();const y=f,_=g;export{y as BsCommandPalette,_ as defineCustomElement}
|
|
1
|
+
import{t as e,p as t,H as s,c as a,h as o}from"./p-CcAX4o5o.js";import{d as i}from"./p-_zxYDrzi.js";import{d as n}from"./p-wd9-vGpQ.js";import{d as l}from"./p-B5yjDh8h.js";import{d as c}from"./p-BB1HiIxJ.js";import{d as r}from"./p-CxNNy2m6.js";import{d}from"./p-BR7C-aKy.js";import{d as m}from"./p-DaKBSL2O.js";import{d as b}from"./p-D4W5LcEW.js";const p=["recent","suggested","commands","navigation","records"],h=[...p,"try-instead"];let u=0;const v={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},f=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsInput=a(this,"bsInput"),this.bsSelect=a(this,"bsSelect"),this.bsSuggestion=a(this,"bsSuggestion"),this.bsOpenChange=a(this,"bsOpenChange"),this.bsScopeExit=a(this,"bsScopeExit")}get el(){return this}id="bs-cp-"+ ++u;itemSeq=0;observer;dialogEl;comboEl;inputEl;previousFocus;userMoved=!1;value="";open=!1;commandsOnly=!1;status="default";label="Command palette";placeholder="Type a command or search…";keepOpenOnSelect=!1;showFooter=!0;hotkey="";scopeLabel;recentLabel="Recent";suggestedLabel="Suggested";commandsLabel="Commands";navigationLabel="Navigation";recordsLabel="Records";tryInsteadLabel="Try instead";navigateLabel="Navigate";openLabel="Open";closeLabel="Close";commandsOnlyLabel="Commands only";allResultsLabel="All results";emptyHeading="No commands or records";emptyDescription="Check the spelling, or search records instead.";didYouMean;didYouMeanLabel="Did you mean";loadingLabel="Loading…";listLabel="Results";filled={recent:!1,suggested:!1,commands:!1,navigation:!1,records:!1,"try-instead":!1};activeId=null;bsInput;bsSelect;bsSuggestion;bsOpenChange;bsScopeExit;async show(){this.open=!0}async close(){this.open=!1}onValueChange(){this.commandsOnly=this.value.startsWith(">")}resetMoved(){this.userMoved=!1}componentWillLoad(){this.commandsOnly=this.value.startsWith(">"),this.readFilled(),this.prepareItems()}connectedCallback(){document.addEventListener("keydown",this.onDocKeyDown),this.observer=new MutationObserver((()=>{this.readFilled(),this.prepareItems(),this.syncActive()})),this.observer.observe(this.el,{childList:!0})}disconnectedCallback(){document.removeEventListener("keydown",this.onDocKeyDown),this.observer?.disconnect(),this.dialogEl?.open&&this.dialogEl.close()}componentDidRender(){this.syncDialog(),this.prepareItems(),this.syncActive()}syncDialog(){const e=this.dialogEl;if(e)if(this.open&&!e.open)this.previousFocus=document.activeElement,e.showModal(),this.focusInput();else if(!this.open&&e.open){e.close();const t=this.previousFocus;this.previousFocus=null,t&&t.isConnected&&t.focus?.()}}focusInput(){this.inputEl?.focus();const e=this.inputEl?.shadowRoot?.querySelector("input");e?.select?.()}onDocKeyDown=e=>{if(!this.hotkey||e.defaultPrevented)return;const t=this.hotkey.toLowerCase().split("+").map((e=>e.trim())),s=t[t.length-1],a=t.slice(0,-1),o=/mac|iphone|ipad/i.test(navigator.platform||navigator.userAgent),i=e=>a.includes(e),n=i("meta")||i("cmd")||i("mod")&&o,l=i("ctrl")||i("mod")&&!o;e.key.toLowerCase()===s&&e.metaKey===n&&e.ctrlKey===l&&e.altKey===i("alt")&&e.shiftKey===i("shift")&&(e.preventDefault(),this.setOpen(!this.open))};setOpen(e){this.open!==e&&(this.open=e,this.bsOpenChange.emit(e))}allItems(){return Array.from(this.el.children).filter((e=>"BS-SEARCH-ITEM"===e.tagName&&h.includes(e.getAttribute("slot"))))}shownSections(){return"loading"===this.status?[]:"empty"===this.status?["try-instead"]:p}visibleItems(){if(!this.open)return[];const e=this.allItems();return this.shownSections().flatMap((t=>e.filter((e=>e.getAttribute("slot")===t))))}enabledItems(){return this.visibleItems().filter((e=>!e.disabled))}readFilled(){const e={...this.filled};let t=!1;for(const s of h){const a=Array.from(this.el.children).some((e=>e.getAttribute("slot")===s));e[s]!==a&&(e[s]=a,t=!0)}t&&(this.filled=e)}prepareItems(){for(const e of this.allItems())"option"!==e.selectionRole&&(e.selectionRole="option"),e.id||(e.id=`${this.id}-opt-${++this.itemSeq}`)}syncActive(){const e=this.enabledItems();let t,s=this.activeId;this.open&&e.length?this.userMoved&&e.some((e=>e.id===s))||(s=e[0].id):s=null,s!==this.activeId&&(this.activeId=s);for(const e of this.allItems()){const a=!!s&&e.id===s;a&&(t=e),e.active!==a&&(e.active=a)}this.comboEl&&(this.comboEl.ariaActiveDescendantElement=t??null)}setActive(e){this.userMoved=!0,this.activeId=e.id;for(const t of this.allItems())t.active=t.id===e.id;this.comboEl&&(this.comboEl.ariaActiveDescendantElement=e),e.scrollIntoView?.({block:"nearest"})}onInput=e=>{e.stopPropagation(),this.value=e.detail,this.userMoved=!1;const t=this.value.startsWith(">");this.bsInput.emit({value:this.value,query:(t?this.value.slice(1):this.value).trim(),commandsOnly:t})};onKeyDown=e=>{switch(e.key){case"ArrowDown":case"ArrowUp":{e.preventDefault();const t=this.enabledItems();if(!t.length)return;const s=t.findIndex((e=>e.id===this.activeId));return void this.setActive(t["ArrowDown"===e.key?(s+1)%t.length:s<=0?t.length-1:s-1])}case"Enter":{const t=this.enabledItems().find((e=>e.id===this.activeId));return void(t&&(e.preventDefault(),t.click()))}case"Backspace":return void(this.scopeLabel&&""===this.value&&this.bsScopeExit.emit())}};onDialogKeyDown=e=>{"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),this.setOpen(!1))};onCancel=e=>{e.preventDefault(),this.setOpen(!1)};onDialogClick=e=>{e.target===this.dialogEl&&this.setOpen(!1)};onItemSelect(e){const t=e.target;t&&"BS-SEARCH-ITEM"===t.tagName&&(e.stopPropagation(),this.bsSelect.emit({value:e.detail,section:t.getAttribute("slot")??"",commandsOnly:this.commandsOnly}),this.keepOpenOnSelect||this.setOpen(!1))}onResultsMouseOver=e=>{const t=e.composedPath().find((e=>"BS-SEARCH-ITEM"===e.tagName));t&&!t.disabled&&t.id!==this.activeId&&this.setActive(t)};sectionLabel(e){return{recent:this.recentLabel,suggested:this.suggestedLabel,commands:this.commandsLabel,navigation:this.navigationLabel,records:this.recordsLabel,"try-instead":this.tryInsteadLabel}[e]}renderSection(e){const t=`${this.id}-h-${e}`;return o("div",{part:"section",class:"bs-command-palette__section",role:"group","aria-labelledby":t},o("div",{part:"section-header",id:t,class:"bs-command-palette__section-header"},this.sectionLabel(e)),o("slot",{name:e}))}renderHint(e,t){return o("span",{part:"hint",class:"bs-command-palette__hint"},e,o("span",{class:"bs-command-palette__hint-text"},t))}renderFooter(){const e=e=>o("bs-key",null,o("svg",{slot:"icon",...v},o("path",{d:e})));return o("div",{part:"footer",class:"bs-command-palette__footer"},this.renderHint([e("M12 19V5M5 12l7-7 7 7"),e("M12 5v14M5 12l7 7 7-7")],this.navigateLabel),this.renderHint([o("bs-key",null,o("svg",{slot:"icon",...v},o("path",{d:"M9 14 4 9l5-5"}),o("path",{d:"M4 9h10.5a5.5 5.5 0 0 1 0 11H11"})))],this.openLabel),this.renderHint([o("bs-key",{label:"Esc"})],this.closeLabel),o("span",{class:"bs-command-palette__spacer"}),this.commandsOnly?this.renderHint([o("bs-key",{label:"Backspace"})],this.allResultsLabel):this.renderHint([o("bs-key",{label:">"})],this.commandsOnlyLabel))}renderEmpty(){return o("div",{part:"empty",class:"bs-command-palette__empty"},o("svg",{class:"bs-command-palette__empty-icon",...v,"stroke-width":"1.5"},o("circle",{cx:"11",cy:"11",r:"7"}),o("path",{d:"m20 20-3.5-3.5M8.5 11h5"})),o("div",{class:"bs-command-palette__empty-heading"},this.emptyHeading),o("div",{class:"bs-command-palette__empty-description"},this.emptyDescription),this.didYouMean&&o("div",{class:"bs-command-palette__empty-description"},this.didYouMeanLabel," ",o("button",{type:"button",class:"bs-command-palette__link",onClick:()=>this.bsSuggestion.emit(this.didYouMean)},this.didYouMean)))}announcement(){return this.open?"empty"===this.status?this.emptyHeading:"loading"===this.status?this.loadingLabel:"":""}render(){const e=this.id+"-listbox",t="loading"===this.status,s="empty"===this.status,a=this.shownSections().filter((e=>this.filled[e])),i=a.length>0,n=t||s||i;return o("dialog",{key:"d06cdefa922bb8a64cd772f193d1fa74fbb22f37",ref:e=>this.dialogEl=e,part:"dialog",class:"bs-command-palette","aria-label":this.label,"aria-modal":"true",role:"dialog",onCancel:this.onCancel,onClose:()=>this.open&&this.setOpen(!1),onClick:this.onDialogClick,onKeyDown:this.onDialogKeyDown},o("div",{key:"0b6984201d7d83193e2b5e01d9cb877c8739f277",part:"panel",class:"bs-command-palette__panel"},o("div",{key:"ca8de39945a16582770e5e779d8fcd4bbdd42cf7",part:"search",class:"bs-command-palette__search"},this.scopeLabel&&o("bs-chip-informative",{key:"90521a09ef55ac7c861646650293c0eac56e554b",class:"bs-command-palette__scope",color:"info"},this.scopeLabel),o("div",{key:"f7cbe1a490c1ca4ad5516f164768443c28ff3efb",class:"bs-command-palette__field",ref:e=>this.comboEl=e,role:"combobox","aria-label":this.placeholder,"aria-expanded":i+"","aria-haspopup":"listbox","aria-controls":i?e:void 0,onKeyDown:this.onKeyDown},o("bs-input",{key:"698efbfc139c6e2660969420be7c166d0d6e7953",part:"input",ref:e=>this.inputEl=e,type:"search",value:this.value,placeholder:this.placeholder,onBsInput:this.onInput})),o("span",{key:"8bcae63dbfd913b0135c114782b4928c33d05ed6",class:"bs-command-palette__esc","aria-hidden":"true"},o("bs-key",{key:"a2c958b98e4ee3ee1ba7e09cc5f0d1434c418e59",label:"Esc"}))),n&&o("div",{key:"86be7cd95d0784de6620ac58688ba50898d34683",class:"bs-command-palette__divider",role:"presentation"}),n&&o("div",{key:"22511eee60186fdbe1c77018f910883e0e475d57",part:"results",class:"bs-command-palette__results","aria-busy":t+"",onMouseOver:this.onResultsMouseOver},t&&o("div",{key:"ba3ad0ee5b52d4149df64b6025cb9a1a5ef05146",class:"bs-command-palette__loading",role:"status"},o("bs-spinner",{key:"622094750110baec93176714b79fbe5fb984de9a",size:"sm"}),o("span",{key:"db0d4c37dd97cf62d8e525ef72e237a464fc3614"},this.loadingLabel)),s&&this.renderEmpty(),i&&o("div",{key:"532af3ce4bcc8c70994abcd69d807ff9a180ee44",id:e,class:"bs-command-palette__list",role:"listbox","aria-label":this.listLabel},a.map((e=>this.renderSection(e))))),this.showFooter&&this.renderFooter()),o("span",{key:"b27ff78735f3c4ed712ef187cf161c9f7a36bdd9",class:"bs-command-palette__live","aria-live":"polite"},this.announcement()))}static get watchers(){return{value:[{onValueChange:0}],status:[{resetMoved:0}],open:[{resetMoved:0}]}}static get style(){return":host{display:contents;--bs-command-palette-width:640px;--bs-command-palette-top:12vh;--bs-command-palette-max-height:60vh;--bs-command-palette-radius:var(--bs-border-radius-150);--bs-command-palette-bg:var(--bs-surface-base);--bs-command-palette-shadow:0 var(--bs-shadow-position-100) var(--bs-shadow-blur-200) 0 var(--bs-elevation-higher);--bs-command-palette-overlay:var(--bs-surface-overlay);--bs-command-palette-footer-bg:var(--bs-surface-container);--bs-command-palette-divider-color:var(--bs-border-default);--bs-command-palette-header-border-color:var(--bs-border-neutral-container);--bs-command-palette-header-color:var(--bs-text-muted);--bs-command-palette-hint-color:var(--bs-text-secondary);--bs-command-palette-z-index:var(--bs-z-index-modal)}.bs-command-palette{box-sizing:border-box;width:min(var(--bs-command-palette-width), calc(100vw - 2 * var(--bs-spacing-200)));max-width:none;max-height:none;margin:var(--bs-command-palette-top) auto auto;padding:0;border:0;background:transparent;color:var(--bs-text-default);overflow:visible;z-index:var(--bs-command-palette-z-index)}.bs-command-palette::backdrop{background:var(--bs-command-palette-overlay, var(--bs-surface-overlay))}.bs-command-palette__panel{display:flex;flex-direction:column;box-sizing:border-box;overflow:clip;border-radius:var(--bs-command-palette-radius);background:var(--bs-command-palette-bg);box-shadow:var(--bs-command-palette-shadow)}@media (prefers-reduced-motion: no-preference){.bs-command-palette[open] .bs-command-palette__panel{animation:bs-command-palette-in 120ms ease-out}}@keyframes bs-command-palette-in{from{opacity:0;transform:scale(0.98)}}.bs-command-palette__search{position:relative;display:flex;align-items:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-150)}.bs-command-palette__field{flex:1 1 auto;min-width:0}.bs-command-palette__field bs-input{width:100%}.bs-command-palette__scope{flex:none}.bs-command-palette__esc{position:absolute;top:50%;right:calc(var(--bs-spacing-150) + 9px);transform:translateY(-50%);display:inline-flex;pointer-events:none}.bs-command-palette__divider{height:1px;background:var(--bs-command-palette-divider-color)}.bs-command-palette__results{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-spacing-100);padding:var(--bs-spacing-100);max-height:var(--bs-command-palette-max-height);overflow-y:auto}.bs-command-palette__list{display:flex;flex-direction:column;gap:var(--bs-spacing-100)}.bs-command-palette__section{display:flex;flex-direction:column}.bs-command-palette__section-header{padding:var(--bs-spacing-150) var(--bs-spacing-150) var(--bs-spacing-100);border-bottom:1px solid var(--bs-command-palette-header-border-color);color:var(--bs-command-palette-header-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-command-palette__loading{display:flex;align-items:center;justify-content:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-300) var(--bs-spacing-200);color:var(--bs-text-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-command-palette__empty{display:flex;flex-direction:column;align-items:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-300) var(--bs-spacing-200);text-align:center}.bs-command-palette__empty-icon{width:32px;height:32px;color:var(--bs-icon-default)}.bs-command-palette__empty-heading{color:var(--bs-text-default);font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:24px}.bs-command-palette__empty-description{color:var(--bs-text-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-command-palette__link{margin:0;padding:0;border:0;border-bottom:1px solid var(--bs-border-info);background:none;color:var(--bs-text-link);font:inherit;line-height:20px;cursor:pointer}.bs-command-palette__link:focus-visible{outline:2px solid var(--bs-border-info);outline-offset:2px}.bs-command-palette__footer{display:flex;align-items:center;gap:var(--bs-spacing-200);padding:10px var(--bs-spacing-200);background:var(--bs-command-palette-footer-bg)}.bs-command-palette__hint{display:inline-flex;align-items:center;gap:var(--bs-spacing-50);color:var(--bs-command-palette-hint-color);font-size:var(--bs-font-size-sm);line-height:20px;white-space:nowrap}.bs-command-palette__spacer{flex:1 1 0}.bs-command-palette__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}"}},[769,"bs-command-palette",{value:[1025],open:[1540],commandsOnly:[1540,"commands-only"],status:[513],label:[1],placeholder:[1],keepOpenOnSelect:[4,"keep-open-on-select"],showFooter:[4,"show-footer"],hotkey:[1],scopeLabel:[1,"scope-label"],recentLabel:[1,"recent-label"],suggestedLabel:[1,"suggested-label"],commandsLabel:[1,"commands-label"],navigationLabel:[1,"navigation-label"],recordsLabel:[1,"records-label"],tryInsteadLabel:[1,"try-instead-label"],navigateLabel:[1,"navigate-label"],openLabel:[1,"open-label"],closeLabel:[1,"close-label"],commandsOnlyLabel:[1,"commands-only-label"],allResultsLabel:[1,"all-results-label"],emptyHeading:[1,"empty-heading"],emptyDescription:[1,"empty-description"],didYouMean:[1,"did-you-mean"],didYouMeanLabel:[1,"did-you-mean-label"],loadingLabel:[1,"loading-label"],listLabel:[1,"list-label"],filled:[32],activeId:[32],show:[64],close:[64]},[[0,"bsItemSelect","onItemSelect"]],{value:[{onValueChange:0}],status:[{resetMoved:0}],open:[{resetMoved:0}]}]);function g(){"undefined"!=typeof customElements&&["bs-command-palette","bs-chip-informative","bs-icon-button","bs-input","bs-key","bs-menu","bs-menu-item","bs-ripple","bs-spinner"].forEach((t=>{switch(t){case"bs-command-palette":customElements.get(e(t))||customElements.define(e(t),f);break;case"bs-chip-informative":customElements.get(e(t))||i();break;case"bs-icon-button":customElements.get(e(t))||n();break;case"bs-input":customElements.get(e(t))||l();break;case"bs-key":customElements.get(e(t))||c();break;case"bs-menu":customElements.get(e(t))||r();break;case"bs-menu-item":customElements.get(e(t))||d();break;case"bs-ripple":customElements.get(e(t))||m();break;case"bs-spinner":customElements.get(e(t))||b()}}))}g();const y=f,_=g;export{y as BsCommandPalette,_ as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as s,p as e,H as a,c as t,h as i}from"./p-CcAX4o5o.js";import{d as r}from"./p-CALH_mHQ.js";import{d as c}from"./p-wscU7FUD.js";import{d as o}from"./p-mxDA3wKn.js";import{d as n}from"./p-CePOtLtZ.js";import{d as b}from"./p-DL9HtG41.js";import{d as p}from"./p-BLJL4BVY.js";import{d as h}from"./p-DHZ_DStJ.js";import{d as l}from"./p-wd9-vGpQ.js";import{d as m}from"./p-Cz38kNDe.js";import{d}from"./p-D3XmFqCQ.js";import{d as y}from"./p-Dt3b6VYT.js";import{d as u}from"./p-CxNNy2m6.js";import{d as w}from"./p-BR7C-aKy.js";import{d as g}from"./p-CXv8kx8w.js";import{d as v}from"./p-DaKBSL2O.js";import{d as f}from"./p-D4W5LcEW.js";let _=0;const x={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},k=s=>s.split(/\s+/).filter(Boolean).slice(0,2).map((s=>s[0].toUpperCase())).join(""),L=s=>s.replace(/\s+/g,""),C=e(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsCompanySwitch=t(this,"bsCompanySwitch"),this.bsManageCompanies=t(this,"bsManageCompanies"),this.bsAddCompanies=t(this,"bsAddCompanies"),this.bsOpenChange=t(this,"bsOpenChange")}get el(){return this}id="bs-cs-"+ ++_;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=L(s);return this.companies.filter((a=>a.name.toLowerCase().includes(s)||L(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 i("button",{slot:"trigger",part:"trigger",type:"button",class:"bs-company-switcher__trigger","aria-haspopup":"listbox","aria-expanded":this.open+"","aria-busy":s?"true":void 0},i("span",{"aria-hidden":"true",class:"bs-company-switcher__avatar"},i("bs-avatar",e?{part:"avatar",type:"initials",size:"sm",initials:k(e.name)}:{part:"avatar",type:"icon",size:"sm"})),i("span",{class:"bs-company-switcher__text"},i("span",{part:"name",class:"bs-company-switcher__name"},e?e.name:this.placeholderLabel),e&&i("span",{part:"subtitle",class:"bs-company-switcher__subtitle"},s?this.switchingLabel:`${this.orgNumberLabel} ${e.orgNumber}`)),s?i("bs-spinner",{class:"bs-company-switcher__trail",size:"sm",label:this.switchingLabel}):i("svg",{class:"bs-company-switcher__trail bs-company-switcher__chevron",...x},i("path",{d:"m6 9 6 6 6-6"})))}renderRow(s){const e=this.rowId(s),a=s.id===this.currentId,t=s.id===this.switchingId;return i("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":t?"true":void 0,onMouseEnter:()=>this.activeId=e,onBsItemClick:e=>{e.stopPropagation(),this.choose(s)}},i("span",{slot:"leading","aria-hidden":"true"},i("bs-avatar",{type:"initials",size:"sm",initials:k(s.name)})),i("span",{class:"bs-company-switcher__row-name"},s.name),i("span",{class:"bs-company-switcher__row-sub"},this.subtitle(s)),t?i("bs-spinner",{slot:"trailing",size:"sm",label:this.switchingLabel}):a?i("svg",{slot:"trailing",class:"bs-company-switcher__check",...x},i("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",t=s.reduce(((s,e)=>s+e.items.length),0);return i("bs-popover",{key:"5980bccab6835ad9384ba9314e35f0013053d2c9",class:"bs-company-switcher",open:this.open,placement:"bottom-start",onBsOpenChange:this.onPopoverOpenChange},this.renderTrigger(),i("bs-card",{key:"6afff3828ecd224660d171514c23e7b3ca30f7ee",part:"panel",class:"bs-company-switcher__panel",surface:"base"},i("div",{key:"a046f869f51c0024e26efabf572dff82a8e2f787",class:"bs-company-switcher__search",onMouseDown:s=>s.preventDefault()},i("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},i("bs-input",{key:"c52a69879cdf3e7053f8b2fe97b5954b443121b6",ref:s=>this.inputEl=s,type:"search",value:this.query,placeholder:this.searchPlaceholder,onBsInput:this.onInput}))),s.length>0&&i("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 i("div",{part:"group",class:"bs-company-switcher__group",role:"group","aria-labelledby":e},i("div",{part:"group-header",id:e,class:"bs-company-switcher__group-header"},s.header),s.items.map((s=>this.renderRow(s))))}))),e&&i("bs-empty-state",{key:"ec7b430654c356c6746c66e416e67ee436b1fdd0",part:"empty",class:"bs-company-switcher__empty",heading:this.emptyHeading.replace("{query}",this.query.trim()),description:this.emptyDescription},i("svg",{key:"5a40d259338fabb61f69ebdcb0e3a9940f351ffe",slot:"icon",...x},i("circle",{key:"757a039bb1b483c08f08af14e1b14dba2ae68c88",cx:"11",cy:"11",r:"7"}),i("path",{key:"5271a517de56a069843454c4f58c559ad458e20e",d:"m20 20-3.5-3.5"}))),i("bs-divider",{key:"d5c25f9dc46b3272a7734ccc8b8d6fd5ed06986c",class:"bs-company-switcher__divider",decorative:!0}),i("div",{key:"d862e4c545a508f5306c07b76e92b1b381b68bc7",part:"footer",class:"bs-company-switcher__footer"},i("bs-button",{key:"319614a523516d33c33cd6245c74787374e5304f",variant:"subtle",size:"sm",onClick:()=>this.bsManageCompanies.emit()},i("svg",{key:"fd832a30f82be7bd8c61e236ecb605e12e2a1c0c",slot:"icon",...x},i("circle",{key:"4efb646b40beb60f8b9eda1ea0204e2940c5272d",cx:"12",cy:"12",r:"3"}),i("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),i("bs-button",{key:"b5c5f44bdbde03b5192c1aba73fffd22424594a9",variant:"subtle",size:"sm",onClick:()=>this.bsAddCompanies.emit()},i("svg",{key:"c5ba249024a7fdd303cea0c94ad44befd17be2b1",slot:"icon",...x},i("path",{key:"a1b62a0f772ec9f89126d70ac0bc18c76208d6e3",d:"M12 5v14M5 12h14"})),this.addLabel)),i("span",{key:"1a23f13dcd3eba63ba9d69e54b6311bbc622a5d1",class:"bs-company-switcher__live","aria-live":"polite"},this.open&&this.q?e?this.emptyHeading.replace("{query}",this.query.trim()):`${t} ${1===t?this.matchLabel:this.matchesLabel}`:"")))}static get watchers(){return{open:[{onOpen:0}]}}static get style(){return":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}"}},[513,"bs-company-switcher",{companies:[16],currentId:[1025,"current-id"],recentIds:[16],switchingId:[1,"switching-id"],open:[1540],placeholderLabel:[1,"placeholder-label"],searchPlaceholder:[1,"search-placeholder"],listLabel:[1,"list-label"],currentLabel:[1,"current-label"],recentLabel:[1,"recent-label"],allLabel:[1,"all-label"],matchesLabel:[1,"matches-label"],matchLabel:[1,"match-label"],orgNumberLabel:[1,"org-number-label"],switchingLabel:[1,"switching-label"],emptyHeading:[1,"empty-heading"],emptyDescription:[1,"empty-description"],manageLabel:[1,"manage-label"],addLabel:[1,"add-label"],query:[32],activeId:[32]},void 0,{open:[{onOpen:0}]}]);function z(){"undefined"!=typeof customElements&&["bs-company-switcher","bs-avatar","bs-button","bs-card","bs-chip-informative","bs-divider","bs-empty-state","bs-icon","bs-icon-button","bs-icon-tile","bs-input","bs-list-item","bs-menu","bs-menu-item","bs-popover","bs-ripple","bs-spinner"].forEach((e=>{switch(e){case"bs-company-switcher":customElements.get(s(e))||customElements.define(s(e),C);break;case"bs-avatar":customElements.get(s(e))||r();break;case"bs-button":customElements.get(s(e))||c();break;case"bs-card":customElements.get(s(e))||o();break;case"bs-chip-informative":customElements.get(s(e))||n();break;case"bs-divider":customElements.get(s(e))||b();break;case"bs-empty-state":customElements.get(s(e))||p();break;case"bs-icon":customElements.get(s(e))||h();break;case"bs-icon-button":customElements.get(s(e))||l();break;case"bs-icon-tile":customElements.get(s(e))||m();break;case"bs-input":customElements.get(s(e))||d();break;case"bs-list-item":customElements.get(s(e))||y();break;case"bs-menu":customElements.get(s(e))||u();break;case"bs-menu-item":customElements.get(s(e))||w();break;case"bs-popover":customElements.get(s(e))||g();break;case"bs-ripple":customElements.get(s(e))||v();break;case"bs-spinner":customElements.get(s(e))||f()}}))}z();const E=C,j=z;export{E as BsCompanySwitcher,j as defineCustomElement}
|
|
1
|
+
import{t as s,p as e,H as a,c as t,h as i}from"./p-CcAX4o5o.js";import{d as r}from"./p-CALH_mHQ.js";import{d as c}from"./p-wscU7FUD.js";import{d as o}from"./p-mxDA3wKn.js";import{d as n}from"./p-_zxYDrzi.js";import{d as b}from"./p-DL9HtG41.js";import{d as p}from"./p-BLJL4BVY.js";import{d as h}from"./p-DHZ_DStJ.js";import{d as l}from"./p-wd9-vGpQ.js";import{d as m}from"./p-Cz38kNDe.js";import{d}from"./p-B5yjDh8h.js";import{d as y}from"./p-Dt3b6VYT.js";import{d as u}from"./p-CxNNy2m6.js";import{d as w}from"./p-BR7C-aKy.js";import{d as g}from"./p-B81aicKA.js";import{d as f}from"./p-DaKBSL2O.js";import{d as v}from"./p-D4W5LcEW.js";let _=0;const x={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},k=s=>s.split(/\s+/).filter(Boolean).slice(0,2).map((s=>s[0].toUpperCase())).join(""),L=s=>s.replace(/\s+/g,""),z=e(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsCompanySwitch=t(this,"bsCompanySwitch"),this.bsManageCompanies=t(this,"bsManageCompanies"),this.bsAddCompanies=t(this,"bsAddCompanies"),this.bsOpenChange=t(this,"bsOpenChange")}get el(){return this}id="bs-cs-"+ ++_;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=L(s);return this.companies.filter((a=>a.name.toLowerCase().includes(s)||L(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 i("button",{slot:"trigger",part:"trigger",type:"button",class:"bs-company-switcher__trigger","aria-haspopup":"listbox","aria-expanded":this.open+"","aria-busy":s?"true":void 0},i("span",{"aria-hidden":"true",class:"bs-company-switcher__avatar"},i("bs-avatar",e?{part:"avatar",type:"initials",size:"sm",initials:k(e.name)}:{part:"avatar",type:"icon",size:"sm"})),i("span",{class:"bs-company-switcher__text"},i("span",{part:"name",class:"bs-company-switcher__name"},e?e.name:this.placeholderLabel),e&&i("span",{part:"subtitle",class:"bs-company-switcher__subtitle"},s?this.switchingLabel:`${this.orgNumberLabel} ${e.orgNumber}`)),s?i("bs-spinner",{class:"bs-company-switcher__trail",size:"sm",label:this.switchingLabel}):i("svg",{class:"bs-company-switcher__trail bs-company-switcher__chevron",...x},i("path",{d:"m6 9 6 6 6-6"})))}renderRow(s){const e=this.rowId(s),a=s.id===this.currentId,t=s.id===this.switchingId;return i("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":t?"true":void 0,onMouseEnter:()=>this.activeId=e,onBsItemClick:e=>{e.stopPropagation(),this.choose(s)}},i("span",{slot:"leading","aria-hidden":"true"},i("bs-avatar",{type:"initials",size:"sm",initials:k(s.name)})),i("span",{class:"bs-company-switcher__row-name"},s.name),i("span",{class:"bs-company-switcher__row-sub"},this.subtitle(s)),t?i("bs-spinner",{slot:"trailing",size:"sm",label:this.switchingLabel}):a?i("svg",{slot:"trailing",class:"bs-company-switcher__check",...x},i("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",t=s.reduce(((s,e)=>s+e.items.length),0);return i("bs-popover",{key:"5980bccab6835ad9384ba9314e35f0013053d2c9",class:"bs-company-switcher",open:this.open,placement:"bottom-start",onBsOpenChange:this.onPopoverOpenChange},this.renderTrigger(),i("bs-card",{key:"6afff3828ecd224660d171514c23e7b3ca30f7ee",part:"panel",class:"bs-company-switcher__panel",surface:"base"},i("div",{key:"a046f869f51c0024e26efabf572dff82a8e2f787",class:"bs-company-switcher__search",onMouseDown:s=>s.preventDefault()},i("div",{key:"9cbdbdc07a5c673c21bb2af85d0e22d941278cc7",part:"search",role:"combobox","aria-label":this.searchPlaceholder,"aria-expanded":s.length?"true":"false","aria-haspopup":"listbox","aria-controls":s.length?a:void 0,"aria-activedescendant":this.activeId??void 0,onKeyDown:this.onKeyDown},i("bs-input",{key:"d48151ab5c7b3c52bd5272b276ed65b050ba8a86",ref:s=>this.inputEl=s,type:"search",value:this.query,placeholder:this.searchPlaceholder,onBsInput:this.onInput}))),s.length>0&&i("div",{key:"d7cbca7fbfea209e5063e997e0277e72833bae6e",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 i("div",{part:"group",class:"bs-company-switcher__group",role:"group","aria-labelledby":e},i("div",{part:"group-header",id:e,class:"bs-company-switcher__group-header"},s.header),s.items.map((s=>this.renderRow(s))))}))),e&&i("bs-empty-state",{key:"5dbff2f753d480fb8e3633ceed77ee4b746e96af",part:"empty",class:"bs-company-switcher__empty",heading:this.emptyHeading.replace("{query}",this.query.trim()),description:this.emptyDescription},i("svg",{key:"b179aa273060b4f8b2c4e07844d6616f33f3985d",slot:"icon",...x},i("circle",{key:"d48847aaaea92eb7e6af0c39285cfa445f508114",cx:"11",cy:"11",r:"7"}),i("path",{key:"9b5f6c641c50a6d280c149da5f70871ee2d85032",d:"m20 20-3.5-3.5"}))),i("bs-divider",{key:"25bee440e7b15f68b3f451ef669c2efaae26c400",class:"bs-company-switcher__divider",decorative:!0}),i("div",{key:"2c29e55970179036fc837352f5112bbc5b3b5429",part:"footer",class:"bs-company-switcher__footer"},i("bs-button",{key:"34a9b9188c87c2c335a7eaf96fd3e0b445d1f374",variant:"subtle",size:"sm",onClick:()=>this.bsManageCompanies.emit()},i("svg",{key:"14277686d69b74c005f62ce0d483b1f6ef70ee7e",slot:"icon",...x},i("circle",{key:"98423b978ae2ba9d0b8e17892d6269d2baf005e1",cx:"12",cy:"12",r:"3"}),i("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),i("bs-button",{key:"4c83a67e7f54352e839b84b23a4aeb3b74ea26af",variant:"subtle",size:"sm",onClick:()=>this.bsAddCompanies.emit()},i("svg",{key:"e504aeb192774bd8093e04c0795bd3ab700596a8",slot:"icon",...x},i("path",{key:"0806d38b7b739308432dff3f71696cd92923f4ca",d:"M12 5v14M5 12h14"})),this.addLabel)),i("span",{key:"e7ef671da5d9ac2431cd8f27dcc30985046946ac",class:"bs-company-switcher__live","aria-live":"polite"},this.open&&this.q?e?this.emptyHeading.replace("{query}",this.query.trim()):`${t} ${1===t?this.matchLabel:this.matchesLabel}`:"")))}static get watchers(){return{open:[{onOpen:0}]}}static get style(){return":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}"}},[513,"bs-company-switcher",{companies:[16],currentId:[1025,"current-id"],recentIds:[16],switchingId:[1,"switching-id"],open:[1540],placeholderLabel:[1,"placeholder-label"],searchPlaceholder:[1,"search-placeholder"],listLabel:[1,"list-label"],currentLabel:[1,"current-label"],recentLabel:[1,"recent-label"],allLabel:[1,"all-label"],matchesLabel:[1,"matches-label"],matchLabel:[1,"match-label"],orgNumberLabel:[1,"org-number-label"],switchingLabel:[1,"switching-label"],emptyHeading:[1,"empty-heading"],emptyDescription:[1,"empty-description"],manageLabel:[1,"manage-label"],addLabel:[1,"add-label"],query:[32],activeId:[32]},void 0,{open:[{onOpen:0}]}]);function E(){"undefined"!=typeof customElements&&["bs-company-switcher","bs-avatar","bs-button","bs-card","bs-chip-informative","bs-divider","bs-empty-state","bs-icon","bs-icon-button","bs-icon-tile","bs-input","bs-list-item","bs-menu","bs-menu-item","bs-popover","bs-ripple","bs-spinner"].forEach((e=>{switch(e){case"bs-company-switcher":customElements.get(s(e))||customElements.define(s(e),z);break;case"bs-avatar":customElements.get(s(e))||r();break;case"bs-button":customElements.get(s(e))||c();break;case"bs-card":customElements.get(s(e))||o();break;case"bs-chip-informative":customElements.get(s(e))||n();break;case"bs-divider":customElements.get(s(e))||b();break;case"bs-empty-state":customElements.get(s(e))||p();break;case"bs-icon":customElements.get(s(e))||h();break;case"bs-icon-button":customElements.get(s(e))||l();break;case"bs-icon-tile":customElements.get(s(e))||m();break;case"bs-input":customElements.get(s(e))||d();break;case"bs-list-item":customElements.get(s(e))||y();break;case"bs-menu":customElements.get(s(e))||u();break;case"bs-menu-item":customElements.get(s(e))||w();break;case"bs-popover":customElements.get(s(e))||g();break;case"bs-ripple":customElements.get(s(e))||f();break;case"bs-spinner":customElements.get(s(e))||v()}}))}E();const C=z,j=E;export{C as BsCompanySwitcher,j as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as s,H as o,c as n,h as t}from"./p-CcAX4o5o.js";import{d as i}from"./p-wscU7FUD.js";import{d as c}from"./p-mxDA3wKn.js";import{d as a}from"./p-CePOtLtZ.js";import{d as r}from"./p-wd9-vGpQ.js";import{d as b}from"./p-Cz38kNDe.js";import{d as l}from"./p-DaKBSL2O.js";import{d}from"./p-abyVFrPp.js";import{d as p}from"./p-DARbgzSz.js";const h=s(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsAccept=n(this,"bsAccept"),this.bsReject=n(this,"bsReject"),this.bsCustomise=n(this,"bsCustomise"),this.bsSave=n(this,"bsSave"),this.bsChoice=n(this,"bsChoice"),this.bsClose=n(this,"bsClose"),this.bsManage=n(this,"bsManage")}type="banner";heading;headingLevel=2;description;policyUrl;policyLabel="Read the cookie policy";customiseLabel="Customise";rejectLabel="Reject optional";acceptLabel="Accept all";saveLabel="Save choices";changeLabel="Change";alwaysOnLabel="Always on";seeCookiesLabel="See {count} cookies";closeLabel="Close";categories=[{id:"necessary",label:"Strictly necessary",description:"Needed for sign-in, security and to keep the service running. These cannot be turned off.",required:!0,cookies:["Session cookie — keeps you signed in as you move between pages.","Security cookie — helps prevent fraud and unauthorized access.","Consent cookie — remembers your cookie consent choices."]},{id:"preferences",label:"Preferences",description:"Remember your language, theme and table layouts on this device.",enabled:!0},{id:"analytics",label:"Analytics",description:"Help us understand which features are used so we can improve them. Data is anonymised."},{id:"marketing",label:"Marketing",description:"Show relevant products on other websites."}];bsAccept;bsReject;bsCustomise;bsSave;bsChoice;bsClose;bsManage;choices={};open={};componentWillLoad(){this.resetChoices()}onCategoriesChange(){this.resetChoices()}resetChoices(){const e={};(this.categories??[]).forEach((s=>e[s.id]=!!s.required||!!s.enabled)),this.choices=e}all(e){const s={};return(this.categories??[]).forEach((o=>s[o.id]="required"===e?!!o.required:e)),s}get defaults(){return u[this.type]??u.banner}heading_(e){const s=Math.min(6,Math.max(1,Math.trunc(Number(this.headingLevel))||2));return t("h"+s,{part:"heading",id:"heading",class:{"bs-cookie-consent__heading":!0}},e)}policy(){return this.policyUrl?t("a",{part:"policy",class:"bs-cookie-consent__policy",href:this.policyUrl},this.policyLabel):null}customise(){return t("bs-button",{part:"customise",class:"bs-cookie-consent__text-button",variant:"subtle",onClick:()=>this.bsCustomise.emit()},this.customiseLabel)}reject(e="outlined"){return t("bs-button",{part:"reject",variant:e,onClick:()=>this.bsReject.emit({choices:this.all("required")})},this.rejectLabel)}accept(e="primary"){return t("bs-button",{part:"accept",variant:e,onClick:()=>this.bsAccept.emit({choices:this.all(!0)})},this.acceptLabel)}renderBanner(e){return t("bs-card",{part:"container",class:"bs-cookie-consent bs-cookie-consent--banner",surface:"base",role:"region","aria-labelledby":"heading"},t("div",{class:"bs-cookie-consent__banner"},t("div",{class:"bs-cookie-consent__banner-content"},t("bs-icon-tile",{part:"art",size:"lg"},t("slot",{name:"icon"},t(k,null))),t("div",{class:"bs-cookie-consent__copy"},this.heading_(this.heading??e.heading),t("p",{part:"description",class:"bs-cookie-consent__description"},this.description??e.description),this.policy())),t("div",{part:"actions",class:"bs-cookie-consent__actions bs-cookie-consent__actions--banner"},this.customise(),this.reject(),this.accept())))}renderCard(e){return t("bs-card",{part:"container",class:"bs-cookie-consent bs-cookie-consent--card",surface:"base",role:"region","aria-labelledby":"heading"},t("div",{class:"bs-cookie-consent__card"},t("div",{class:"bs-cookie-consent__head"},t("bs-icon-tile",{part:"art",size:"md"},t("slot",{name:"icon"},t(k,null))),this.heading_(this.heading??e.heading)),t("p",{part:"description",class:"bs-cookie-consent__description"},this.description??e.description),this.policy(),t("div",{class:"bs-cookie-consent__rule"}),t("div",{part:"actions",class:"bs-cookie-consent__actions bs-cookie-consent__actions--card"},this.customise(),t("span",{class:"bs-cookie-consent__spacer"}),this.reject(),this.accept())))}renderCategory(e,s){const o=!!this.open[e.id],n=e.cookies?.length??0,i="cookies-"+e.id;return[t("div",{part:"category",class:"bs-cookie-consent__category"},t("div",{class:{"bs-cookie-consent__category-head":!0,"bs-cookie-consent__category-head--switch":!e.required}},t("span",{class:"bs-cookie-consent__category-name"},e.label),e.required?t("bs-chip-informative",{size:"sm",color:"neutral"},this.alwaysOnLabel):t("bs-switch",{part:"switch",size:"md",ariaLabel:e.label,checked:!!this.choices[e.id],onBsChange:s=>{this.choices={...this.choices,[e.id]:s.detail},this.bsChoice.emit({id:e.id,enabled:s.detail})}})),e.description&&t("p",{class:"bs-cookie-consent__category-text"},e.description),n>0&&t("div",{class:"bs-cookie-consent__details"},t("button",{type:"button",class:"bs-cookie-consent__disclosure","aria-expanded":o+"","aria-controls":i,onClick:()=>this.open={...this.open,[e.id]:!o}},t("span",null,this.seeCookiesLabel.replace("{count}",n+"")),t("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},t("path",{d:o?"M6 15L12 9L18 15":"M6 9L12 15L18 9"}))),o&&t("ol",{id:i,class:"bs-cookie-consent__cookie-list"},e.cookies.map((e=>t("li",null,e)))))),!s&&t("div",{class:"bs-cookie-consent__rule"})]}renderPreferences(e){const s=this.categories??[];return t("bs-card",{part:"container",class:"bs-cookie-consent bs-cookie-consent--preferences",surface:"base",role:"group","aria-labelledby":"heading"},t("div",{class:"bs-cookie-consent__prefs"},t("div",{class:"bs-cookie-consent__head"},t("bs-icon-tile",{part:"art",size:"md"},t("slot",{name:"icon"},t(k,null))),this.heading_(this.heading??e.heading),t("span",{class:"bs-cookie-consent__spacer"}),t("bs-icon-button",{part:"close",variant:"subtle",size:"md",ariaLabel:this.closeLabel,onClick:()=>this.bsClose.emit()},t("svg",{viewBox:"0 0 20 20",fill:"none",stroke:"currentColor","stroke-width":"1.6","stroke-linecap":"round","aria-hidden":"true"},t("path",{d:"M5 5L15 15M15 5L5 15"})))),t("p",{part:"description",class:"bs-cookie-consent__description"},this.description??e.description),s.map(((e,o)=>this.renderCategory(e,o===s.length-1))),t("div",{class:"bs-cookie-consent__rule"}),t("div",{part:"actions",class:"bs-cookie-consent__actions bs-cookie-consent__actions--prefs"},this.reject(),this.accept("outlined"),t("span",{class:"bs-cookie-consent__spacer"}),t("bs-button",{part:"save",variant:"primary",onClick:()=>this.bsSave.emit({choices:{...this.choices}})},this.saveLabel))))}renderSaved(e){return t("bs-snackbar",{part:"container",class:"bs-cookie-consent bs-cookie-consent--saved",actionLabel:this.changeLabel,actionVariant:"subtle",hideClose:!0,onBsAction:()=>this.bsManage.emit()},this.description??e.description)}render(){const e=this.defaults;switch(this.type){case"card":return this.renderCard(e);case"preferences":return this.renderPreferences(e);case"saved":return this.renderSaved(e);default:return this.renderBanner(e)}}static get watchers(){return{categories:[{onCategoriesChange:0}]}}static get style(){return":host{display:block;container-type:inline-size;max-width:100%;--bs-cookie-consent-width:420px;--bs-cookie-consent-bg:var(--bs-paper-bg-base);--bs-cookie-consent-radius:var(--bs-border-radius-150);--bs-cookie-consent-padding:var(--bs-spacing-200);--bs-cookie-consent-shadow:0 8px 8px var(--bs-elevation-higher);--bs-cookie-consent-color:var(--bs-text-default);--bs-cookie-consent-color-secondary:var(--bs-text-secondary);--bs-cookie-consent-link:var(--bs-text-link);--bs-cookie-consent-link-underline:var(--bs-border-info);--bs-cookie-consent-rule:var(--bs-border-default)}:host([type='card']){width:var(--bs-cookie-consent-width)}:host([type='preferences']){--bs-cookie-consent-width:560px;width:var(--bs-cookie-consent-width)}:host([type='saved']){--bs-cookie-consent-width:660px;width:var(--bs-cookie-consent-width)}.bs-cookie-consent--banner,.bs-cookie-consent--card,.bs-cookie-consent--preferences{--bs-card-bg:var(--bs-cookie-consent-bg);--bs-card-radius:var(--bs-cookie-consent-radius);--bs-card-padding:var(--bs-cookie-consent-padding);--bs-card-shadow:var(--bs-cookie-consent-shadow);color:var(--bs-cookie-consent-color)}.bs-cookie-consent p{margin:0}.bs-cookie-consent__glyph,::slotted([slot='icon']){width:var(--bs-cookie-consent-glyph-size, 24px);height:var(--bs-cookie-consent-glyph-size, 24px)}bs-icon-tile[size='md']{--bs-cookie-consent-glyph-size:16px}.bs-cookie-consent__heading{margin:0;font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-cookie-consent__description{color:var(--bs-cookie-consent-color-secondary);font-size:var(--bs-font-size-md);line-height:24px}.bs-cookie-consent__policy{align-self:flex-start;border-bottom:1px solid var(--bs-cookie-consent-link-underline);color:var(--bs-cookie-consent-link);font-size:var(--bs-font-size-sm);line-height:20px;text-decoration:none}.bs-cookie-consent__policy:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-cookie-consent__rule{height:8px;background:linear-gradient(var(--bs-cookie-consent-rule), var(--bs-cookie-consent-rule)) center / 100% 1px no-repeat}.bs-cookie-consent__spacer{flex:1 1 0}.bs-cookie-consent__actions bs-button{--bs-button-height-md:var(--bs-spacing-550)}.bs-cookie-consent__text-button{--bs-button-subtle-color:var(--bs-text-action)}.bs-cookie-consent__actions--banner bs-button{min-width:140px}.bs-cookie-consent__actions bs-button[part='reject']{min-width:140px}.bs-cookie-consent__actions bs-button[part='accept']{min-width:103px}.bs-cookie-consent__actions--banner bs-button[part='accept']{min-width:140px}.bs-cookie-consent__actions bs-button[part='save']{min-width:127px}.bs-cookie-consent__actions bs-button[part='customise']{min-width:109px}.bs-cookie-consent__actions--banner bs-button[part='customise']{min-width:140px}.bs-cookie-consent__banner{display:flex;align-items:center;gap:var(--bs-spacing-200)}.bs-cookie-consent__banner-content{display:flex;align-items:flex-start;gap:var(--bs-spacing-200);flex:1 1 0;min-width:0}bs-icon-tile{flex:none}.bs-cookie-consent__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-100);min-width:0}.bs-cookie-consent__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-cookie-consent__actions--banner{flex:none;justify-content:flex-end}@container (max-width: 719px){.bs-cookie-consent__banner{flex-direction:column;align-items:stretch}.bs-cookie-consent__banner-content{flex-direction:column;gap:var(--bs-spacing-150)}.bs-cookie-consent__actions--banner{flex-direction:column-reverse;align-items:stretch}.bs-cookie-consent__actions--banner bs-button{--bs-button-width:100%}}.bs-cookie-consent__card{display:flex;flex-direction:column;gap:var(--bs-spacing-100)}.bs-cookie-consent__prefs{display:flex;flex-direction:column;gap:var(--bs-spacing-150)}.bs-cookie-consent__card .bs-cookie-consent__policy{margin-bottom:0}.bs-cookie-consent__head{display:flex;align-items:center;gap:10px}.bs-cookie-consent--preferences .bs-cookie-consent__head{gap:var(--bs-spacing-100)}.bs-cookie-consent__head .bs-cookie-consent__heading{min-width:0}.bs-cookie-consent__head bs-icon-button svg{width:20px;height:20px}.bs-cookie-consent__actions--card,.bs-cookie-consent__actions--prefs{gap:var(--bs-spacing-100)}.bs-cookie-consent__actions--card{align-items:flex-end;justify-content:space-between}.bs-cookie-consent__category{display:flex;flex-direction:column;gap:6px}.bs-cookie-consent__prefs>.bs-cookie-consent__description+.bs-cookie-consent__category{padding:6px 0}.bs-cookie-consent__category-head{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100)}.bs-cookie-consent__category-head--switch{min-height:48px}.bs-cookie-consent__category-head--switch+.bs-cookie-consent__category-text{margin-top:-6px}.bs-cookie-consent__category-name{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-semibold);line-height:20px}.bs-cookie-consent__category-text{color:var(--bs-cookie-consent-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-cookie-consent__disclosure{display:inline-flex;align-items:center;gap:var(--bs-spacing-100);min-height:32px;padding:0;border:none;background:transparent;color:var(--bs-text-action);font-family:inherit;font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:24px;cursor:pointer}.bs-cookie-consent__disclosure svg{width:24px;height:24px}.bs-cookie-consent__disclosure:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px;border-radius:var(--bs-border-radius-50)}.bs-cookie-consent__cookie-list{margin:0;padding-inline-start:21px;color:var(--bs-cookie-consent-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-cookie-consent--saved{display:block;--bs-snackbar-icon-size:32px;--bs-snackbar-gap:0px}.bs-cookie-consent--saved::part(action){--bs-button-subtle-color:var(--bs-snackbar-text-default);--bs-button-subtle-hover:color-mix(in srgb, var(--bs-snackbar-text-default) 16%, transparent);--bs-button-subtle-pressed:color-mix(in srgb, var(--bs-snackbar-text-default) 24%, transparent);--bs-button-height-sm:var(--bs-spacing-550);--bs-button-padding-x-sm:var(--bs-spacing-200)}"}},[769,"bs-cookie-consent",{type:[513],heading:[1],headingLevel:[2,"heading-level"],description:[1],policyUrl:[1,"policy-url"],policyLabel:[1,"policy-label"],customiseLabel:[1,"customise-label"],rejectLabel:[1,"reject-label"],acceptLabel:[1,"accept-label"],saveLabel:[1,"save-label"],changeLabel:[1,"change-label"],alwaysOnLabel:[1,"always-on-label"],seeCookiesLabel:[1,"see-cookies-label"],closeLabel:[1,"close-label"],categories:[16],choices:[32],open:[32]},void 0,{categories:[{onCategoriesChange:0}]}]),k=()=>t("svg",{class:"bs-cookie-consent__glyph",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},t("path",{d:"M20.5 12.5A8.5 8.5 0 1 1 11.5 3.5A3.2 3.2 0 0 0 15 7A3.2 3.2 0 0 0 18.5 9.5A3 3 0 0 0 20.5 12.5Z"}),t("path",{d:"M9 9V9.01"}),t("path",{d:"M8.5 14.5V14.51"}),t("path",{d:"M13 13V13.01"}),t("path",{d:"M14 17V17.01"})),u={banner:{heading:"Your cookie choices",description:"We use necessary cookies to keep you signed in and secure. With your permission we also use cookies to remember your preferences and to understand how this service is used."},card:{heading:"Cookies on this site",description:"We use necessary cookies to keep you signed in. May we also use optional cookies for preferences and analytics?"},preferences:{heading:"Cookie preferences",description:"Choose which optional cookies we may use. You can change this at any time in your privacy settings."},saved:{heading:"",description:"Cookie choices saved. You can change them any time in your privacy settings."}};function _(){"undefined"!=typeof customElements&&["bs-cookie-consent","bs-button","bs-card","bs-chip-informative","bs-icon-button","bs-icon-tile","bs-ripple","bs-snackbar","bs-switch"].forEach((s=>{switch(s){case"bs-cookie-consent":customElements.get(e(s))||customElements.define(e(s),h);break;case"bs-button":customElements.get(e(s))||i();break;case"bs-card":customElements.get(e(s))||c();break;case"bs-chip-informative":customElements.get(e(s))||a();break;case"bs-icon-button":customElements.get(e(s))||r();break;case"bs-icon-tile":customElements.get(e(s))||b();break;case"bs-ripple":customElements.get(e(s))||l();break;case"bs-snackbar":customElements.get(e(s))||d();break;case"bs-switch":customElements.get(e(s))||p()}}))}_();const g=h,m=_;export{g as BsCookieConsent,m as defineCustomElement}
|
|
1
|
+
import{t as e,p as s,H as o,c as n,h as t}from"./p-CcAX4o5o.js";import{d as i}from"./p-wscU7FUD.js";import{d as c}from"./p-mxDA3wKn.js";import{d as a}from"./p-_zxYDrzi.js";import{d as r}from"./p-wd9-vGpQ.js";import{d as b}from"./p-Cz38kNDe.js";import{d as l}from"./p-DaKBSL2O.js";import{d}from"./p-abyVFrPp.js";import{d as p}from"./p-DARbgzSz.js";const h=s(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsAccept=n(this,"bsAccept"),this.bsReject=n(this,"bsReject"),this.bsCustomise=n(this,"bsCustomise"),this.bsSave=n(this,"bsSave"),this.bsChoice=n(this,"bsChoice"),this.bsClose=n(this,"bsClose"),this.bsManage=n(this,"bsManage")}type="banner";heading;headingLevel=2;description;policyUrl;policyLabel="Read the cookie policy";customiseLabel="Customise";rejectLabel="Reject optional";acceptLabel="Accept all";saveLabel="Save choices";changeLabel="Change";alwaysOnLabel="Always on";seeCookiesLabel="See {count} cookies";closeLabel="Close";categories=[{id:"necessary",label:"Strictly necessary",description:"Needed for sign-in, security and to keep the service running. These cannot be turned off.",required:!0,cookies:["Session cookie — keeps you signed in as you move between pages.","Security cookie — helps prevent fraud and unauthorized access.","Consent cookie — remembers your cookie consent choices."]},{id:"preferences",label:"Preferences",description:"Remember your language, theme and table layouts on this device.",enabled:!0},{id:"analytics",label:"Analytics",description:"Help us understand which features are used so we can improve them. Data is anonymised."},{id:"marketing",label:"Marketing",description:"Show relevant products on other websites."}];bsAccept;bsReject;bsCustomise;bsSave;bsChoice;bsClose;bsManage;choices={};open={};componentWillLoad(){this.resetChoices()}onCategoriesChange(){this.resetChoices()}resetChoices(){const e={};(this.categories??[]).forEach((s=>e[s.id]=!!s.required||!!s.enabled)),this.choices=e}all(e){const s={};return(this.categories??[]).forEach((o=>s[o.id]="required"===e?!!o.required:e)),s}get defaults(){return u[this.type]??u.banner}heading_(e){const s=Math.min(6,Math.max(1,Math.trunc(Number(this.headingLevel))||2));return t("h"+s,{part:"heading",id:"heading",class:{"bs-cookie-consent__heading":!0}},e)}policy(){return this.policyUrl?t("a",{part:"policy",class:"bs-cookie-consent__policy",href:this.policyUrl},this.policyLabel):null}customise(){return t("bs-button",{part:"customise",class:"bs-cookie-consent__text-button",variant:"subtle",onClick:()=>this.bsCustomise.emit()},this.customiseLabel)}reject(e="outlined"){return t("bs-button",{part:"reject",variant:e,onClick:()=>this.bsReject.emit({choices:this.all("required")})},this.rejectLabel)}accept(e="primary"){return t("bs-button",{part:"accept",variant:e,onClick:()=>this.bsAccept.emit({choices:this.all(!0)})},this.acceptLabel)}renderBanner(e){return t("bs-card",{part:"container",class:"bs-cookie-consent bs-cookie-consent--banner",surface:"base",role:"region","aria-labelledby":"heading"},t("div",{class:"bs-cookie-consent__banner"},t("div",{class:"bs-cookie-consent__banner-content"},t("bs-icon-tile",{part:"art",size:"lg"},t("slot",{name:"icon"},t(k,null))),t("div",{class:"bs-cookie-consent__copy"},this.heading_(this.heading??e.heading),t("p",{part:"description",class:"bs-cookie-consent__description"},this.description??e.description),this.policy())),t("div",{part:"actions",class:"bs-cookie-consent__actions bs-cookie-consent__actions--banner"},this.customise(),this.reject(),this.accept())))}renderCard(e){return t("bs-card",{part:"container",class:"bs-cookie-consent bs-cookie-consent--card",surface:"base",role:"region","aria-labelledby":"heading"},t("div",{class:"bs-cookie-consent__card"},t("div",{class:"bs-cookie-consent__head"},t("bs-icon-tile",{part:"art",size:"md"},t("slot",{name:"icon"},t(k,null))),this.heading_(this.heading??e.heading)),t("p",{part:"description",class:"bs-cookie-consent__description"},this.description??e.description),this.policy(),t("div",{class:"bs-cookie-consent__rule"}),t("div",{part:"actions",class:"bs-cookie-consent__actions bs-cookie-consent__actions--card"},this.customise(),t("span",{class:"bs-cookie-consent__spacer"}),this.reject(),this.accept())))}renderCategory(e,s){const o=!!this.open[e.id],n=e.cookies?.length??0,i="cookies-"+e.id;return[t("div",{part:"category",class:"bs-cookie-consent__category"},t("div",{class:{"bs-cookie-consent__category-head":!0,"bs-cookie-consent__category-head--switch":!e.required}},t("span",{class:"bs-cookie-consent__category-name"},e.label),e.required?t("bs-chip-informative",{size:"sm",color:"neutral"},this.alwaysOnLabel):t("bs-switch",{part:"switch",size:"md",ariaLabel:e.label,checked:!!this.choices[e.id],onBsChange:s=>{this.choices={...this.choices,[e.id]:s.detail},this.bsChoice.emit({id:e.id,enabled:s.detail})}})),e.description&&t("p",{class:"bs-cookie-consent__category-text"},e.description),n>0&&t("div",{class:"bs-cookie-consent__details"},t("button",{type:"button",class:"bs-cookie-consent__disclosure","aria-expanded":o+"","aria-controls":i,onClick:()=>this.open={...this.open,[e.id]:!o}},t("span",null,this.seeCookiesLabel.replace("{count}",n+"")),t("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},t("path",{d:o?"M6 15L12 9L18 15":"M6 9L12 15L18 9"}))),o&&t("ol",{id:i,class:"bs-cookie-consent__cookie-list"},e.cookies.map((e=>t("li",null,e)))))),!s&&t("div",{class:"bs-cookie-consent__rule"})]}renderPreferences(e){const s=this.categories??[];return t("bs-card",{part:"container",class:"bs-cookie-consent bs-cookie-consent--preferences",surface:"base",role:"group","aria-labelledby":"heading"},t("div",{class:"bs-cookie-consent__prefs"},t("div",{class:"bs-cookie-consent__head"},t("bs-icon-tile",{part:"art",size:"md"},t("slot",{name:"icon"},t(k,null))),this.heading_(this.heading??e.heading),t("span",{class:"bs-cookie-consent__spacer"}),t("bs-icon-button",{part:"close",variant:"subtle",size:"md",ariaLabel:this.closeLabel,onClick:()=>this.bsClose.emit()},t("svg",{viewBox:"0 0 20 20",fill:"none",stroke:"currentColor","stroke-width":"1.6","stroke-linecap":"round","aria-hidden":"true"},t("path",{d:"M5 5L15 15M15 5L5 15"})))),t("p",{part:"description",class:"bs-cookie-consent__description"},this.description??e.description),s.map(((e,o)=>this.renderCategory(e,o===s.length-1))),t("div",{class:"bs-cookie-consent__rule"}),t("div",{part:"actions",class:"bs-cookie-consent__actions bs-cookie-consent__actions--prefs"},this.reject(),this.accept("outlined"),t("span",{class:"bs-cookie-consent__spacer"}),t("bs-button",{part:"save",variant:"primary",onClick:()=>this.bsSave.emit({choices:{...this.choices}})},this.saveLabel))))}renderSaved(e){return t("bs-snackbar",{part:"container",class:"bs-cookie-consent bs-cookie-consent--saved",actionLabel:this.changeLabel,actionVariant:"subtle",hideClose:!0,onBsAction:()=>this.bsManage.emit()},this.description??e.description)}render(){const e=this.defaults;switch(this.type){case"card":return this.renderCard(e);case"preferences":return this.renderPreferences(e);case"saved":return this.renderSaved(e);default:return this.renderBanner(e)}}static get watchers(){return{categories:[{onCategoriesChange:0}]}}static get style(){return":host{display:block;container-type:inline-size;max-width:100%;--bs-cookie-consent-width:420px;--bs-cookie-consent-bg:var(--bs-paper-bg-base);--bs-cookie-consent-radius:var(--bs-border-radius-150);--bs-cookie-consent-padding:var(--bs-spacing-200);--bs-cookie-consent-shadow:0 8px 8px var(--bs-elevation-higher);--bs-cookie-consent-color:var(--bs-text-default);--bs-cookie-consent-color-secondary:var(--bs-text-secondary);--bs-cookie-consent-link:var(--bs-text-link);--bs-cookie-consent-link-underline:var(--bs-border-info);--bs-cookie-consent-rule:var(--bs-border-default)}:host([type='card']){width:var(--bs-cookie-consent-width)}:host([type='preferences']){--bs-cookie-consent-width:560px;width:var(--bs-cookie-consent-width)}:host([type='saved']){--bs-cookie-consent-width:660px;width:var(--bs-cookie-consent-width)}.bs-cookie-consent--banner,.bs-cookie-consent--card,.bs-cookie-consent--preferences{--bs-card-bg:var(--bs-cookie-consent-bg);--bs-card-radius:var(--bs-cookie-consent-radius);--bs-card-padding:var(--bs-cookie-consent-padding);--bs-card-shadow:var(--bs-cookie-consent-shadow);color:var(--bs-cookie-consent-color)}.bs-cookie-consent p{margin:0}.bs-cookie-consent__glyph,::slotted([slot='icon']){width:var(--bs-cookie-consent-glyph-size, 24px);height:var(--bs-cookie-consent-glyph-size, 24px)}bs-icon-tile[size='md']{--bs-cookie-consent-glyph-size:16px}.bs-cookie-consent__heading{margin:0;font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-cookie-consent__description{color:var(--bs-cookie-consent-color-secondary);font-size:var(--bs-font-size-md);line-height:24px}.bs-cookie-consent__policy{align-self:flex-start;border-bottom:1px solid var(--bs-cookie-consent-link-underline);color:var(--bs-cookie-consent-link);font-size:var(--bs-font-size-sm);line-height:20px;text-decoration:none}.bs-cookie-consent__policy:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-cookie-consent__rule{height:8px;background:linear-gradient(var(--bs-cookie-consent-rule), var(--bs-cookie-consent-rule)) center / 100% 1px no-repeat}.bs-cookie-consent__spacer{flex:1 1 0}.bs-cookie-consent__actions bs-button{--bs-button-height-md:var(--bs-spacing-550)}.bs-cookie-consent__text-button{--bs-button-subtle-color:var(--bs-text-action)}.bs-cookie-consent__actions--banner bs-button{min-width:140px}.bs-cookie-consent__actions bs-button[part='reject']{min-width:140px}.bs-cookie-consent__actions bs-button[part='accept']{min-width:103px}.bs-cookie-consent__actions--banner bs-button[part='accept']{min-width:140px}.bs-cookie-consent__actions bs-button[part='save']{min-width:127px}.bs-cookie-consent__actions bs-button[part='customise']{min-width:109px}.bs-cookie-consent__actions--banner bs-button[part='customise']{min-width:140px}.bs-cookie-consent__banner{display:flex;align-items:center;gap:var(--bs-spacing-200)}.bs-cookie-consent__banner-content{display:flex;align-items:flex-start;gap:var(--bs-spacing-200);flex:1 1 0;min-width:0}bs-icon-tile{flex:none}.bs-cookie-consent__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-100);min-width:0}.bs-cookie-consent__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-cookie-consent__actions--banner{flex:none;justify-content:flex-end}@container (max-width: 719px){.bs-cookie-consent__banner{flex-direction:column;align-items:stretch}.bs-cookie-consent__banner-content{flex-direction:column;gap:var(--bs-spacing-150)}.bs-cookie-consent__actions--banner{flex-direction:column-reverse;align-items:stretch}.bs-cookie-consent__actions--banner bs-button{--bs-button-width:100%}}.bs-cookie-consent__card{display:flex;flex-direction:column;gap:var(--bs-spacing-100)}.bs-cookie-consent__prefs{display:flex;flex-direction:column;gap:var(--bs-spacing-150)}.bs-cookie-consent__card .bs-cookie-consent__policy{margin-bottom:0}.bs-cookie-consent__head{display:flex;align-items:center;gap:10px}.bs-cookie-consent--preferences .bs-cookie-consent__head{gap:var(--bs-spacing-100)}.bs-cookie-consent__head .bs-cookie-consent__heading{min-width:0}.bs-cookie-consent__head bs-icon-button svg{width:20px;height:20px}.bs-cookie-consent__actions--card,.bs-cookie-consent__actions--prefs{gap:var(--bs-spacing-100)}.bs-cookie-consent__actions--card{align-items:flex-end;justify-content:space-between}.bs-cookie-consent__category{display:flex;flex-direction:column;gap:6px}.bs-cookie-consent__prefs>.bs-cookie-consent__description+.bs-cookie-consent__category{padding:6px 0}.bs-cookie-consent__category-head{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100)}.bs-cookie-consent__category-head--switch{min-height:48px}.bs-cookie-consent__category-head--switch+.bs-cookie-consent__category-text{margin-top:-6px}.bs-cookie-consent__category-name{font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-semibold);line-height:20px}.bs-cookie-consent__category-text{color:var(--bs-cookie-consent-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-cookie-consent__disclosure{display:inline-flex;align-items:center;gap:var(--bs-spacing-100);min-height:32px;padding:0;border:none;background:transparent;color:var(--bs-text-action);font-family:inherit;font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:24px;cursor:pointer}.bs-cookie-consent__disclosure svg{width:24px;height:24px}.bs-cookie-consent__disclosure:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px;border-radius:var(--bs-border-radius-50)}.bs-cookie-consent__cookie-list{margin:0;padding-inline-start:21px;color:var(--bs-cookie-consent-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-cookie-consent--saved{display:block;--bs-snackbar-icon-size:32px;--bs-snackbar-gap:0px}.bs-cookie-consent--saved::part(action){--bs-button-subtle-color:var(--bs-snackbar-text-default);--bs-button-subtle-hover:color-mix(in srgb, var(--bs-snackbar-text-default) 16%, transparent);--bs-button-subtle-pressed:color-mix(in srgb, var(--bs-snackbar-text-default) 24%, transparent);--bs-button-height-sm:var(--bs-spacing-550);--bs-button-padding-x-sm:var(--bs-spacing-200)}"}},[769,"bs-cookie-consent",{type:[513],heading:[1],headingLevel:[2,"heading-level"],description:[1],policyUrl:[1,"policy-url"],policyLabel:[1,"policy-label"],customiseLabel:[1,"customise-label"],rejectLabel:[1,"reject-label"],acceptLabel:[1,"accept-label"],saveLabel:[1,"save-label"],changeLabel:[1,"change-label"],alwaysOnLabel:[1,"always-on-label"],seeCookiesLabel:[1,"see-cookies-label"],closeLabel:[1,"close-label"],categories:[16],choices:[32],open:[32]},void 0,{categories:[{onCategoriesChange:0}]}]),k=()=>t("svg",{class:"bs-cookie-consent__glyph",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},t("path",{d:"M20.5 12.5A8.5 8.5 0 1 1 11.5 3.5A3.2 3.2 0 0 0 15 7A3.2 3.2 0 0 0 18.5 9.5A3 3 0 0 0 20.5 12.5Z"}),t("path",{d:"M9 9V9.01"}),t("path",{d:"M8.5 14.5V14.51"}),t("path",{d:"M13 13V13.01"}),t("path",{d:"M14 17V17.01"})),u={banner:{heading:"Your cookie choices",description:"We use necessary cookies to keep you signed in and secure. With your permission we also use cookies to remember your preferences and to understand how this service is used."},card:{heading:"Cookies on this site",description:"We use necessary cookies to keep you signed in. May we also use optional cookies for preferences and analytics?"},preferences:{heading:"Cookie preferences",description:"Choose which optional cookies we may use. You can change this at any time in your privacy settings."},saved:{heading:"",description:"Cookie choices saved. You can change them any time in your privacy settings."}};function _(){"undefined"!=typeof customElements&&["bs-cookie-consent","bs-button","bs-card","bs-chip-informative","bs-icon-button","bs-icon-tile","bs-ripple","bs-snackbar","bs-switch"].forEach((s=>{switch(s){case"bs-cookie-consent":customElements.get(e(s))||customElements.define(e(s),h);break;case"bs-button":customElements.get(e(s))||i();break;case"bs-card":customElements.get(e(s))||c();break;case"bs-chip-informative":customElements.get(e(s))||a();break;case"bs-icon-button":customElements.get(e(s))||r();break;case"bs-icon-tile":customElements.get(e(s))||b();break;case"bs-ripple":customElements.get(e(s))||l();break;case"bs-snackbar":customElements.get(e(s))||d();break;case"bs-switch":customElements.get(e(s))||p()}}))}_();const g=h,m=_;export{g as BsCookieConsent,m as defineCustomElement}
|