@brandsync/wc 1.8.0 → 1.9.0
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/custom-elements.json +139 -11
- package/dist/brandsync-wc/brandsync-wc.esm.js +1 -1
- package/dist/brandsync-wc/p-0eed6813.entry.js +1 -0
- package/dist/brandsync-wc/{p-ee7da23d.entry.js → p-107b1c5d.entry.js} +1 -1
- package/dist/brandsync-wc/p-2181378f.entry.js +1 -0
- package/dist/brandsync-wc/p-27bbed83.entry.js +1 -0
- package/dist/brandsync-wc/p-36bf37d9.entry.js +1 -0
- package/dist/brandsync-wc/p-3b64e3cd.entry.js +1 -0
- package/dist/brandsync-wc/p-6fd7dd6a.entry.js +1 -0
- package/dist/brandsync-wc/p-9f6fe37d.entry.js +1 -0
- package/dist/brandsync-wc/{p-03b08508.entry.js → p-c3f72584.entry.js} +1 -1
- package/dist/brandsync-wc/p-fc240aa0.entry.js +1 -0
- package/dist/cjs/brandsync-wc.cjs.js +1 -1
- package/dist/cjs/bs-breadcrumb-overflow.cjs.entry.js +13 -1
- package/dist/cjs/bs-breadcrumb.cjs.entry.js +15 -1
- package/dist/cjs/bs-data-table.cjs.entry.js +18 -4
- package/dist/cjs/bs-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/bs-inline-tab.cjs.entry.js +5 -1
- package/dist/cjs/bs-navigation-drawer-item.cjs.entry.js +1 -1
- package/dist/cjs/bs-navigation-drawer.cjs.entry.js +118 -5
- package/dist/cjs/bs-navigation-header.cjs.entry.js +1 -1
- package/dist/cjs/bs-tab.cjs.entry.js +5 -1
- package/dist/cjs/bs-tabs.cjs.entry.js +47 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb.cmp.test.js +63 -0
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb.js +32 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow.cmp.test.js +45 -0
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow.js +30 -1
- package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.cmp.test.js +20 -0
- package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.css +21 -4
- package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.js +3 -2
- package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.stories.js +10 -0
- package/dist/collection/components/bs-data-table/bs-data-table.cmp.test.js +19 -0
- package/dist/collection/components/bs-data-table/bs-data-table.js +19 -5
- package/dist/collection/components/bs-data-table/bs-data-table.stories.js +8 -1
- package/dist/collection/components/bs-logo/bs-logo.cmp.test.js +52 -3
- package/dist/collection/components/bs-menu/bs-menu.stories.js +54 -0
- package/dist/collection/components/bs-tab/bs-inline-tab/bs-inline-tab.js +24 -1
- package/dist/collection/components/bs-tab/bs-tab/bs-tab.js +24 -1
- package/dist/collection/components/bs-tab/bs-tabs/bs-tabs.cmp.test.js +88 -0
- package/dist/collection/components/bs-tab/bs-tabs/bs-tabs.js +83 -2
- package/dist/collection/components/bs-tab/bs-tabs/bs-tabs.stories.js +24 -0
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.cmp.test.js +173 -5
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.css +106 -34
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.js +181 -5
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.stories.js +48 -0
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer-item/bs-navigation-drawer-item.js +1 -1
- package/dist/collection/components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header.cmp.test.js +68 -0
- package/dist/collection/components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header.css +31 -17
- package/dist/components/bs-attachment.js +1 -1
- package/dist/components/bs-breadcrumb-overflow.js +1 -1
- package/dist/components/bs-breadcrumb.js +1 -1
- package/dist/components/bs-carousel.js +1 -1
- package/dist/components/bs-data-table.js +1 -1
- package/dist/components/bs-dialog.js +1 -1
- package/dist/components/bs-file-upload-item.js +1 -1
- package/dist/components/bs-icon-button.js +1 -1
- package/dist/components/bs-inline-tab.js +1 -1
- package/dist/components/bs-navigation-drawer-item.js +1 -1
- package/dist/components/bs-navigation-drawer.js +1 -1
- package/dist/components/bs-navigation-header.js +1 -1
- package/dist/components/bs-snackbar.js +1 -1
- package/dist/components/bs-tab.js +1 -1
- package/dist/components/bs-tabs.js +1 -1
- package/dist/components/p-BoeorHNv.js +1 -0
- package/dist/esm/brandsync-wc.js +1 -1
- package/dist/esm/bs-breadcrumb-overflow.entry.js +14 -2
- package/dist/esm/bs-breadcrumb.entry.js +16 -2
- package/dist/esm/bs-data-table.entry.js +18 -4
- package/dist/esm/bs-icon-button.entry.js +2 -2
- package/dist/esm/bs-inline-tab.entry.js +5 -1
- package/dist/esm/bs-navigation-drawer-item.entry.js +1 -1
- package/dist/esm/bs-navigation-drawer.entry.js +119 -6
- package/dist/esm/bs-navigation-header.entry.js +1 -1
- package/dist/esm/bs-tab.entry.js +5 -1
- package/dist/esm/bs-tabs.entry.js +48 -3
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb.d.ts +10 -0
- package/dist/types/components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow.d.ts +8 -0
- package/dist/types/components/bs-button/bs-icon-button/bs-icon-button.d.ts +2 -1
- package/dist/types/components/bs-button/bs-icon-button/bs-icon-button.stories.d.ts +1 -0
- package/dist/types/components/bs-data-table/bs-data-table.d.ts +16 -2
- package/dist/types/components/bs-menu/bs-menu.stories.d.ts +1 -0
- package/dist/types/components/bs-tab/bs-inline-tab/bs-inline-tab.d.ts +4 -0
- package/dist/types/components/bs-tab/bs-tab/bs-tab.d.ts +4 -0
- package/dist/types/components/bs-tab/bs-tabs/bs-tabs.d.ts +17 -0
- package/dist/types/components/bs-tab/bs-tabs/bs-tabs.stories.d.ts +1 -0
- package/dist/types/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.d.ts +50 -1
- package/dist/types/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.stories.d.ts +2 -0
- package/dist/types/components.d.ts +130 -2
- package/package.json +1 -1
- package/dist/brandsync-wc/p-002d258d.entry.js +0 -1
- package/dist/brandsync-wc/p-153da845.entry.js +0 -1
- package/dist/brandsync-wc/p-2e7a1082.entry.js +0 -1
- package/dist/brandsync-wc/p-612cf79c.entry.js +0 -1
- package/dist/brandsync-wc/p-652d4068.entry.js +0 -1
- package/dist/brandsync-wc/p-bc69a96c.entry.js +0 -1
- package/dist/brandsync-wc/p-bf53ad52.entry.js +0 -1
- package/dist/brandsync-wc/p-c7f4c114.entry.js +0 -1
- package/dist/components/p-BkHYJIyj.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as a,H as i,c as t,h as n}from"./p-JYlmcxBn.js";const r=a(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsSelect=t(this,"bsSelect"),this.bsToggle=t(this,"bsToggle")}get el(){return this}selected=!1;expandable=!1;expanded=!1;nested=!1;ariaLabel=null;collapsed=!1;bsSelect;bsToggle;hasIcon=!1;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon")}hasSlottedContent(e){return Array.from(this.el.childNodes).some((a=>a.nodeType===Node.ELEMENT_NODE&&a.getAttribute("slot")===e))}onIconSlotchange=e=>{this.hasIcon=e.target.assignedNodes().length>0};onClick=()=>{this.expandable?(this.expanded=!this.expanded,this.bsToggle.emit(this.expanded)):this.bsSelect.emit()};render(){const e=["bs-navigation-drawer-item",this.selected&&!this.expandable?"bs-navigation-drawer-item--selected":"",this.nested?"bs-navigation-drawer-item--nested":""].filter(Boolean).join(" ");return n("div",{key:"ff4a72a5d5c8b37fa92ff244398153ca81b7f864",class:"bs-navigation-drawer-item__root"},n("button",{key:"f8c1d1e9c72aba5b6012f4f9d7fdc5956b919dff",type:"button",part:"item",class:e,"aria-expanded":this.expandable?this.expanded+"":void 0,"aria-label":this.ariaLabel??void 0,onClick:this.onClick},!this.nested&&n("span",{key:"cf46152a1d7e0f4783a3ee29fd9eb7ae2a566c68",part:"icon",class:"bs-navigation-drawer-item__icon "+(this.hasIcon?"bs-navigation-drawer-item__icon--has-content":"")},n("slot",{key:"32a1ea999456bf584bebf03e73aab3e7c01281cc",name:"icon",onSlotchange:this.onIconSlotchange})),n("span",{key:"496a7d21f7a3878bd58fd4bdbb978b3bde40f588",part:"label",class:"bs-navigation-drawer-item__label"},n("slot",{key:"3b1d65cd36d19c3714174a3a05a1b68ec3910042"})),this.expandable&&n("span",{key:"041b8fc587482288c4adf7b023edc7b7057a2fda",part:"chevron",class:"bs-navigation-drawer-item__chevron "+(this.expanded?"bs-navigation-drawer-item__chevron--expanded":"")},n(s,{key:"0957e9218a1360b35726ee346e1e3718eb1b3eff"}))),this.expandable&&n("span",{key:"df4d3384410c6eaffd7e42aa17380740710db0ad",part:"children",class:"bs-navigation-drawer-item__children"},n("slot",{key:"273844338141f5429aa7b53f55a06fca4293fa2a",name:"children"})))}static get style(){return":host{display:block;--bs-navigation-drawer-item-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-radius:var(--bs-border-radius-100);--bs-navigation-drawer-item-padding-y:var(--bs-spacing-150);--bs-navigation-drawer-item-padding-x:var(--bs-spacing-100);--bs-navigation-drawer-item-padding-left-nested:var(--bs-spacing-600);--bs-navigation-drawer-item-font-weight:var(--bs-font-weight-medium);--bs-navigation-drawer-item-font-size:var(--bs-font-size-md);--bs-navigation-drawer-item-line-height:var(--bs-line-height-body-md);--bs-navigation-drawer-item-color:var(--bs-text-muted);--bs-navigation-drawer-item-color-selected:var(--bs-text-default);--bs-navigation-drawer-item-color-hover:var(--bs-text-secondary);--bs-navigation-drawer-item-bg-selected:var(--bs-surface-selected);--bs-navigation-drawer-item-bg-hover:var(--bs-surface-hover);--bs-navigation-drawer-item-bg-pressed:var(--bs-surface-pressed);--bs-navigation-drawer-item-bg-focus:var(--bs-surface-focus);--bs-navigation-drawer-item-bg-selected-hover:var(--bs-surface-selected-hover);--bs-navigation-drawer-item-bg-selected-pressed:var(--bs-surface-selected-pressed);--bs-navigation-drawer-item-bg-selected-focus:var(--bs-surface-selected-focus);--bs-navigation-drawer-item-focus-ring-color:var(--bs-border-neutral-focus);--bs-navigation-drawer-item-children-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-padding:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-icon-padding-x:var(--bs-spacing-300);--bs-navigation-drawer-item-collapsed-icon-padding-y:var(--bs-spacing-50);--bs-navigation-drawer-item-collapsed-font-size:var(--bs-fontsize-caption-sm);--bs-navigation-drawer-item-collapsed-line-height:var(--bs-line-height-caption-sm)}.bs-navigation-drawer-item__root{display:contents}.bs-navigation-drawer-item{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:var(--bs-navigation-drawer-item-gap);border:none;border-radius:var(--bs-navigation-drawer-item-radius);padding:var(--bs-navigation-drawer-item-padding-y) var(--bs-navigation-drawer-item-padding-x);background:transparent;color:var(--bs-navigation-drawer-item-color);font-family:inherit;font-weight:var(--bs-navigation-drawer-item-font-weight);font-size:var(--bs-navigation-drawer-item-font-size);line-height:calc(var(--bs-navigation-drawer-item-line-height) * 1px);text-align:left;cursor:pointer;transition:color var(--bs-duration-fast) var(--bs-easing-standard), background-color var(--bs-duration-fast) var(--bs-easing-standard)}:host(:not([collapsed])) .bs-navigation-drawer-item:hover:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-hover);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:active:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-pressed);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:focus-visible:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-focus);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:hover{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:active{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:focus-visible{background:var(--bs-navigation-drawer-item-bg-selected-focus)}.bs-navigation-drawer-item:focus-visible{outline:2px solid var(--bs-navigation-drawer-item-focus-ring-color);outline-offset:-2px}.bs-navigation-drawer-item--nested{padding-left:var(--bs-navigation-drawer-item-padding-left-nested)}.bs-navigation-drawer-item--selected{background:var(--bs-navigation-drawer-item-bg-selected);color:var(--bs-navigation-drawer-item-color-selected)}.bs-navigation-drawer-item--selected .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-selected)}:host([collapsed]) .bs-navigation-drawer-item{flex-direction:column;justify-content:center;gap:var(--bs-navigation-drawer-item-collapsed-gap);padding:var(--bs-navigation-drawer-item-collapsed-padding);background:transparent}.bs-navigation-drawer-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-navigation-drawer-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-navigation-drawer-item__icon ::slotted(svg){width:24px;height:24px}:host([collapsed]) .bs-navigation-drawer-item__icon--has-content{padding:var(--bs-navigation-drawer-item-collapsed-icon-padding-y) var(--bs-navigation-drawer-item-collapsed-icon-padding-x);border-radius:var(--bs-navigation-drawer-item-radius)}:host([collapsed][selected]) .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-hover)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-pressed)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-focus)}:host([collapsed][selected]) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host([collapsed][selected]) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host([collapsed][selected]) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-focus)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-hover)}.bs-navigation-drawer-item__label{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer-item__label{flex:none;width:100%;text-align:center;font-size:var(--bs-navigation-drawer-item-collapsed-font-size);line-height:calc(var(--bs-navigation-drawer-item-collapsed-line-height) * 1px)}.bs-navigation-drawer-item__chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:inherit;transition:transform var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer-item__chevron svg{width:16px;height:16px}.bs-navigation-drawer-item__chevron--expanded{transform:rotate(180deg)}.bs-navigation-drawer-item__children{display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-item-children-gap)}:host(:not([expanded])) .bs-navigation-drawer-item__children{display:none}:host([collapsed]) .bs-navigation-drawer-item__chevron,:host([collapsed]) .bs-navigation-drawer-item__children{display:none}"}},[769,"bs-navigation-drawer-item",{selected:[516],expandable:[4],expanded:[1540],nested:[4],ariaLabel:[1,"aria-label"],collapsed:[516],hasIcon:[32]}]),s=()=>n("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));function o(){"undefined"!=typeof customElements&&["bs-navigation-drawer-item"].forEach((a=>{"bs-navigation-drawer-item"===a&&(customElements.get(e(a))||customElements.define(e(a),r))}))}o();const d=r,c=o;export{d as BsNavigationDrawerItem,c as defineCustomElement}
|
|
1
|
+
import{t as e,p as a,H as i,c as t,h as n}from"./p-JYlmcxBn.js";const r=a(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsSelect=t(this,"bsSelect"),this.bsToggle=t(this,"bsToggle")}get el(){return this}selected=!1;expandable=!1;expanded=!1;nested=!1;ariaLabel=null;collapsed=!1;bsSelect;bsToggle;hasIcon=!1;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon")}hasSlottedContent(e){return Array.from(this.el.childNodes).some((a=>a.nodeType===Node.ELEMENT_NODE&&a.getAttribute("slot")===e))}onIconSlotchange=e=>{this.hasIcon=e.target.assignedNodes().length>0};onClick=()=>{this.expandable?(this.expanded=!this.expanded,this.bsToggle.emit(this.expanded)):this.bsSelect.emit()};render(){const e=["bs-navigation-drawer-item",this.selected&&!this.expandable?"bs-navigation-drawer-item--selected":"",this.nested?"bs-navigation-drawer-item--nested":""].filter(Boolean).join(" ");return n("div",{key:"34d31ff7c612fa135b6dc14b757d66d4b00f99e4",class:"bs-navigation-drawer-item__root"},n("button",{key:"08e244c8ada605dc7705df5b1d45ebce80165f3e",type:"button",part:"item",class:e,"aria-expanded":this.expandable?this.expanded+"":void 0,"aria-label":this.ariaLabel??void 0,onClick:this.onClick},!this.nested&&n("span",{key:"a6e09b5edb35ec8f76ed6d6a78ddd1eb141f87b6",part:"icon",class:"bs-navigation-drawer-item__icon "+(this.hasIcon?"bs-navigation-drawer-item__icon--has-content":"")},n("slot",{key:"851289379dacae965639ed7963d800c8a92472c2",name:"icon",onSlotchange:this.onIconSlotchange})),n("span",{key:"4b46c2ca6a5bf4d5e777ae72c9ea826ffcffea02",part:"label",class:"bs-navigation-drawer-item__label"},n("slot",{key:"df214a2bcea435a678c18d0f461d9011c767a995"})),this.expandable&&n("span",{key:"d12e91043617e96567acd5497a53dd98c612c6af",part:"chevron",class:"bs-navigation-drawer-item__chevron "+(this.expanded?"bs-navigation-drawer-item__chevron--expanded":"")},n(s,{key:"c278774ae33cf86e7d1b3f70f4e99b8c7afc4d68"}))),this.expandable&&n("span",{key:"85081ed698d078b94225c7b984eaee1edfd22b49",part:"children",class:"bs-navigation-drawer-item__children"},n("slot",{key:"85c22788467a67f18b9cca6018c179a28d06fa19",name:"children"})))}static get style(){return":host{display:block;--bs-navigation-drawer-item-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-radius:var(--bs-border-radius-100);--bs-navigation-drawer-item-padding-y:var(--bs-spacing-150);--bs-navigation-drawer-item-padding-x:var(--bs-spacing-100);--bs-navigation-drawer-item-padding-left-nested:var(--bs-spacing-600);--bs-navigation-drawer-item-font-weight:var(--bs-font-weight-medium);--bs-navigation-drawer-item-font-size:var(--bs-font-size-md);--bs-navigation-drawer-item-line-height:var(--bs-line-height-body-md);--bs-navigation-drawer-item-color:var(--bs-text-muted);--bs-navigation-drawer-item-color-selected:var(--bs-text-default);--bs-navigation-drawer-item-color-hover:var(--bs-text-secondary);--bs-navigation-drawer-item-bg-selected:var(--bs-surface-selected);--bs-navigation-drawer-item-bg-hover:var(--bs-surface-hover);--bs-navigation-drawer-item-bg-pressed:var(--bs-surface-pressed);--bs-navigation-drawer-item-bg-focus:var(--bs-surface-focus);--bs-navigation-drawer-item-bg-selected-hover:var(--bs-surface-selected-hover);--bs-navigation-drawer-item-bg-selected-pressed:var(--bs-surface-selected-pressed);--bs-navigation-drawer-item-bg-selected-focus:var(--bs-surface-selected-focus);--bs-navigation-drawer-item-focus-ring-color:var(--bs-border-neutral-focus);--bs-navigation-drawer-item-children-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-gap:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-padding:var(--bs-spacing-100);--bs-navigation-drawer-item-collapsed-icon-padding-x:var(--bs-spacing-300);--bs-navigation-drawer-item-collapsed-icon-padding-y:var(--bs-spacing-50);--bs-navigation-drawer-item-collapsed-font-size:var(--bs-fontsize-caption-sm);--bs-navigation-drawer-item-collapsed-line-height:var(--bs-line-height-caption-sm)}.bs-navigation-drawer-item__root{display:contents}.bs-navigation-drawer-item{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:var(--bs-navigation-drawer-item-gap);border:none;border-radius:var(--bs-navigation-drawer-item-radius);padding:var(--bs-navigation-drawer-item-padding-y) var(--bs-navigation-drawer-item-padding-x);background:transparent;color:var(--bs-navigation-drawer-item-color);font-family:inherit;font-weight:var(--bs-navigation-drawer-item-font-weight);font-size:var(--bs-navigation-drawer-item-font-size);line-height:calc(var(--bs-navigation-drawer-item-line-height) * 1px);text-align:left;cursor:pointer;transition:color var(--bs-duration-fast) var(--bs-easing-standard), background-color var(--bs-duration-fast) var(--bs-easing-standard)}:host(:not([collapsed])) .bs-navigation-drawer-item:hover:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-hover);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:active:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-pressed);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item:focus-visible:not(.bs-navigation-drawer-item--selected){background:var(--bs-navigation-drawer-item-bg-focus);color:var(--bs-navigation-drawer-item-color-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:hover{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:active{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host(:not([collapsed])) .bs-navigation-drawer-item--selected:focus-visible{background:var(--bs-navigation-drawer-item-bg-selected-focus)}.bs-navigation-drawer-item:focus-visible{outline:2px solid var(--bs-navigation-drawer-item-focus-ring-color);outline-offset:-2px}.bs-navigation-drawer-item--nested{padding-left:var(--bs-navigation-drawer-item-padding-left-nested)}.bs-navigation-drawer-item--selected{background:var(--bs-navigation-drawer-item-bg-selected);color:var(--bs-navigation-drawer-item-color-selected)}.bs-navigation-drawer-item--selected .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-selected)}:host([collapsed]) .bs-navigation-drawer-item{flex-direction:column;justify-content:center;gap:var(--bs-navigation-drawer-item-collapsed-gap);padding:var(--bs-navigation-drawer-item-collapsed-padding);background:transparent}.bs-navigation-drawer-item__icon{display:none;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-navigation-drawer-item__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-navigation-drawer-item__icon ::slotted(svg){width:24px;height:24px}:host([collapsed]) .bs-navigation-drawer-item__icon--has-content{padding:var(--bs-navigation-drawer-item-collapsed-icon-padding-y) var(--bs-navigation-drawer-item-collapsed-icon-padding-x);border-radius:var(--bs-navigation-drawer-item-radius)}:host([collapsed][selected]) .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-hover)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-pressed)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-focus)}:host([collapsed][selected]) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-hover)}:host([collapsed][selected]) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-pressed)}:host([collapsed][selected]) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{background:var(--bs-navigation-drawer-item-bg-selected-focus)}:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__label,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:hover .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:active .bs-navigation-drawer-item__icon--has-content,:host([collapsed]:not([selected])) .bs-navigation-drawer-item:focus-visible .bs-navigation-drawer-item__icon--has-content{color:var(--bs-navigation-drawer-item-color-hover)}.bs-navigation-drawer-item__label{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer-item__label{flex:none;width:100%;text-align:center;font-size:var(--bs-navigation-drawer-item-collapsed-font-size);line-height:calc(var(--bs-navigation-drawer-item-collapsed-line-height) * 1px)}.bs-navigation-drawer-item__chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:inherit;transition:transform var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer-item__chevron svg{width:16px;height:16px}.bs-navigation-drawer-item__chevron--expanded{transform:rotate(180deg)}.bs-navigation-drawer-item__children{display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-item-children-gap)}:host(:not([expanded])) .bs-navigation-drawer-item__children{display:none}:host([collapsed]) .bs-navigation-drawer-item__chevron,:host([collapsed]) .bs-navigation-drawer-item__children{display:none}"}},[769,"bs-navigation-drawer-item",{selected:[516],expandable:[4],expanded:[1540],nested:[4],ariaLabel:[1,"aria-label"],collapsed:[516],hasIcon:[32]}]),s=()=>n("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));function o(){"undefined"!=typeof customElements&&["bs-navigation-drawer-item"].forEach((a=>{"bs-navigation-drawer-item"===a&&(customElements.get(e(a))||customElements.define(e(a),r))}))}o();const d=r,c=o;export{d as BsNavigationDrawerItem,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as a,p as r,H as e,c as i,h as n}from"./p-JYlmcxBn.js";import{d as s}from"./p-R2MlkUzD.js";const t=r(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bsCollapse=i(this,"bsCollapse"),this.bsSearchClick=i(this,"bsSearchClick")}get el(){return this}heading="Main Menu";collapsible=!0;collapsed=!1;bsCollapse;bsSearchClick;logoBackground="auto";showLogo=!0;onCollapsedChange(a){this.syncItemsCollapsed(a)}componentDidLoad(){this.syncItemsCollapsed(this.collapsed)}syncItemsCollapsed(a){this.el.querySelectorAll(":scope > bs-navigation-drawer-item").forEach((r=>{r.collapsed=a}))}onCollapseClick=()=>{this.collapsed=!this.collapsed,this.bsCollapse.emit(this.collapsed)};onSearchTriggerClick=()=>{this.bsSearchClick.emit()};render(){return n("nav",{key:"8be5fb4e45d6919408ff7057b963c2d95281b470",class:"bs-navigation-drawer","aria-label":this.heading},this.showLogo&&n("div",{key:"f66ec1272c4c226d1a67fb7321b1247c3be54fb1",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--full"},n("bs-logo",{key:"88cddd1d8696f895b33dd141bc2f5bfd3bd260b4",variant:"full",background:this.logoBackground})),this.showLogo&&n("div",{key:"89b4efebeac6b934cbdd6cf3d25caaf5a36c86e8",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--mark"},n("bs-logo",{key:"4f9ef53f8a02d9bb21b134e6a73caf28d9e864fc",variant:"mark",background:this.logoBackground})),n("div",{key:"841040ad4770b0590ce632db1ce7122766c27ef6",class:"bs-navigation-drawer__title-row"},n("span",{key:"857e9420aae428b44c2086bec5a2b4205a3dda04",part:"title",class:"bs-navigation-drawer__title"},this.heading),this.collapsible&&n("button",{key:"c109b6f3b54268cf729e114a249864fbd57203cc",type:"button",part:"collapse",class:"bs-navigation-drawer__collapse","aria-label":this.collapsed?"Expand":"Collapse","aria-pressed":this.collapsed?"true":"false",onClick:this.onCollapseClick},n(o,{key:"e46c9d2569b59e76398772d7a48e7a02d6b36ba3"}))),n("div",{key:"88031f0fd6cffb8480f2a086efb93a9d6418b4fc",part:"search",class:"bs-navigation-drawer__search"},n("slot",{key:"c86cb8c32f754fe81d91b76d8e1a352f9de5b31b",name:"search"})),n("button",{key:"90ade94c988aac8a1b2c855da7b193167b4eeee6",type:"button",part:"search-trigger",class:"bs-navigation-drawer__search-trigger","aria-label":"Search",onClick:this.onSearchTriggerClick},n(d,{key:"ff02c6f7f07de15b98bc5799914756e2245e36b9"})),n("div",{key:"41203613ef27dba8768c2755b8653d17c65d02c6",part:"items",class:"bs-navigation-drawer__items"},n("slot",{key:"d120d4a7477e748f5be81a5af742bfa558bf00bd"})))}static get watchers(){return{collapsed:[{onCollapsedChange:0}]}}static get style(){return":host{display:block;--bs-navigation-drawer-bg:var(--bs-surface-base);--bs-navigation-drawer-border:var(--bs-border-neutral-container);--bs-navigation-drawer-padding-y:var(--bs-spacing-300);--bs-navigation-drawer-padding-left:var(--bs-spacing-300);--bs-navigation-drawer-padding-right:var(--bs-spacing-200);--bs-navigation-drawer-gap:var(--bs-spacing-300);--bs-navigation-drawer-width:280px;--bs-navigation-drawer-title-font-family:var(--bs-typography-font-family-heading);--bs-navigation-drawer-title-font-weight:var(--bs-font-weight-bold);--bs-navigation-drawer-title-font-size:var(--bs-font-size-md);--bs-navigation-drawer-title-line-height:var(--bs-line-height-heading-h6);--bs-navigation-drawer-title-color:var(--bs-text-default);--bs-navigation-drawer-collapse-size:48px;--bs-navigation-drawer-collapse-radius:var(--bs-border-radius-100);--bs-navigation-drawer-collapse-hover:var(--bs-color-neutral-container);--bs-navigation-drawer-collapse-pressed:var(--bs-color-neutral-container-pressed);--bs-navigation-drawer-collapse-icon:var(--bs-icon-default);--bs-navigation-drawer-items-gap:var(--bs-spacing-100);--bs-navigation-drawer-collapsed-width:96px;--bs-navigation-drawer-search-trigger-size:44px;--bs-navigation-drawer-search-trigger-bg:var(--bs-color-neutral-container);--bs-navigation-drawer-search-trigger-border:var(--bs-border-neutral-container);--bs-navigation-drawer-search-trigger-icon:var(--bs-icon-default)}.bs-navigation-drawer{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-gap);width:var(--bs-navigation-drawer-width);height:100%;background:var(--bs-navigation-drawer-bg);border-right:1px solid var(--bs-navigation-drawer-border);padding:var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-right) var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-left);font-family:inherit;transition:width var(--bs-duration-fast) var(--bs-easing-standard), padding var(--bs-duration-fast) var(--bs-easing-standard)}:host([collapsed]) .bs-navigation-drawer{width:var(--bs-navigation-drawer-collapsed-width);padding-left:0;padding-right:0;align-items:center}.bs-navigation-drawer__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-drawer__logo--mark{display:none}:host([collapsed]) .bs-navigation-drawer__logo--full{display:none}:host([collapsed]) .bs-navigation-drawer__logo--mark{display:flex}.bs-navigation-drawer__title-row{flex-shrink:0;display:flex;align-items:center;gap:var(--bs-navigation-drawer-gap)}.bs-navigation-drawer__title{flex:1;min-width:0;font-family:var(--bs-navigation-drawer-title-font-family);font-weight:var(--bs-navigation-drawer-title-font-weight);font-size:var(--bs-navigation-drawer-title-font-size);line-height:calc(var(--bs-navigation-drawer-title-line-height) * 1px);color:var(--bs-navigation-drawer-title-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer__title{display:none}.bs-navigation-drawer__collapse{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-collapse-size);height:var(--bs-navigation-drawer-collapse-size);border:none;border-radius:var(--bs-navigation-drawer-collapse-radius);padding:0;background:transparent;color:var(--bs-navigation-drawer-collapse-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__collapse svg{width:24px;height:24px}.bs-navigation-drawer__collapse:hover{background:var(--bs-navigation-drawer-collapse-hover)}.bs-navigation-drawer__collapse:active{background:var(--bs-navigation-drawer-collapse-pressed)}.bs-navigation-drawer__collapse:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-navigation-drawer__search{flex-shrink:0;width:100%}:host([collapsed]) .bs-navigation-drawer__search{display:none}.bs-navigation-drawer__search-trigger{display:none;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-search-trigger-size);height:var(--bs-navigation-drawer-search-trigger-size);border:1px solid var(--bs-navigation-drawer-search-trigger-border);border-radius:var(--bs-navigation-drawer-collapse-radius);background:var(--bs-navigation-drawer-search-trigger-bg);color:var(--bs-navigation-drawer-search-trigger-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__search-trigger svg{width:24px;height:24px}.bs-navigation-drawer__search-trigger:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}:host([collapsed]) .bs-navigation-drawer__search-trigger{display:inline-flex}.bs-navigation-drawer__items{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-items-gap);scrollbar-width:none}.bs-navigation-drawer__items::-webkit-scrollbar{display:none}@media (max-width: 768px){.bs-navigation-drawer{width:var(--bs-navigation-drawer-collapsed-width);padding-left:0;padding-right:0;align-items:center}.bs-navigation-drawer__logo--full{display:none}.bs-navigation-drawer__logo--mark{display:flex}.bs-navigation-drawer__title{display:none}.bs-navigation-drawer__search{display:none}.bs-navigation-drawer__search-trigger{display:inline-flex}}"}},[769,"bs-navigation-drawer",{heading:[1],collapsible:[4],collapsed:[1540],logoBackground:[1,"logo-background"],showLogo:[4,"show-logo"]},void 0,{collapsed:[{onCollapsedChange:0}]}]),o=()=>n("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M15 18L9 12L15 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),d=()=>n("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("circle",{cx:"11",cy:"11",r:"7",stroke:"currentColor","stroke-width":"2"}),n("path",{d:"M16.5 16.5L21 21",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}));function l(){"undefined"!=typeof customElements&&["bs-navigation-drawer","bs-logo"].forEach((r=>{switch(r){case"bs-navigation-drawer":customElements.get(a(r))||customElements.define(a(r),t);break;case"bs-logo":customElements.get(a(r))||s()}}))}l();const g=t,b=l;export{g as BsNavigationDrawer,b as defineCustomElement}
|
|
1
|
+
import{t as a,p as i,H as r,c as e,h as n,d as s}from"./p-JYlmcxBn.js";import{d as t}from"./p-R2MlkUzD.js";const o=i(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bsCollapse=e(this,"bsCollapse"),this.bsSearchClick=e(this,"bsSearchClick"),this.bsClose=e(this,"bsClose")}get el(){return this}heading="Main Menu";collapsible=!0;collapsed=!1;bsCollapse;bsSearchClick;logoBackground="auto";showLogo=!0;open=!1;bsClose;mobile=!1;mediaQuery;focusPending=!1;navRef;previouslyFocused;bodyOverflowBefore;get overlayOpen(){return this.mobile&&this.open}connectedCallback(){this.mediaQuery=window.matchMedia?.("(max-width: 768px)"),this.mediaQuery&&(this.mobile=this.mediaQuery.matches,this.mediaQuery.addEventListener("change",this.onMediaChange))}disconnectedCallback(){this.mediaQuery?.removeEventListener("change",this.onMediaChange),this.unlockScroll()}onMediaChange=a=>{this.mobile=a.matches};onCollapsedChange(){this.syncItems()}onMobileChange(){this.syncItems(),this.applyOverlayState()}onOpenChange(){this.applyOverlayState()}componentDidLoad(){this.syncItems(),this.applyOverlayState(),this.flushFocus()}componentDidRender(){this.flushFocus()}flushFocus(){this.focusPending&&this.overlayOpen&&(this.focusPending=!1,requestAnimationFrame((()=>this.navRef?.focus())))}syncItems(){this.syncItemsCollapsed(!this.mobile&&this.collapsed)}applyOverlayState(){this.overlayOpen?(void 0===this.bodyOverflowBefore&&(this.bodyOverflowBefore=document.body.style.overflow,document.body.style.overflow="hidden"),this.previouslyFocused||(this.previouslyFocused=document.activeElement),this.focusPending=!0):(this.focusPending=!1,this.unlockScroll(),this.previouslyFocused?.isConnected&&this.previouslyFocused.focus(),this.previouslyFocused=void 0)}unlockScroll(){void 0!==this.bodyOverflowBefore&&(document.body.style.overflow=this.bodyOverflowBefore,this.bodyOverflowBefore=void 0)}requestClose=()=>{this.open=!1,this.bsClose.emit()};onDocumentKeydown(a){this.overlayOpen&&"Escape"===a.key&&this.requestClose()}onDocumentFocusIn(a){this.overlayOpen&&!a.composedPath().includes(this.el)&&this.navRef?.focus()}syncItemsCollapsed(a){this.el.querySelectorAll(":scope > bs-navigation-drawer-item").forEach((i=>{i.collapsed=a}))}onCollapseClick=()=>{this.collapsed=!this.collapsed,this.bsCollapse.emit(this.collapsed)};onSearchTriggerClick=()=>{this.bsSearchClick.emit()};render(){const a=["bs-navigation-drawer",this.mobile?"bs-navigation-drawer--overlay":"",this.overlayOpen?"bs-navigation-drawer--open":""].filter(Boolean).join(" ");return n(s,{key:"94c3fbfb2d9826979f2f90ec0c9571aadc484450","data-overlay":this.mobile?"":void 0},this.mobile&&n("div",{key:"cc8b62b02a561dfbb0a15918e4bbbf241919ea7d",part:"backdrop",class:"bs-navigation-drawer__backdrop",onClick:this.requestClose}),n("nav",{key:"ad3e970438fca27636992cc434584bfae7888895",ref:a=>this.navRef=a,class:a,"aria-label":this.heading,tabIndex:this.mobile?-1:void 0},this.showLogo&&n("div",{key:"41552cc9bc1fd33081119b6b6a475e9a81281e97",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--full"},n("bs-logo",{key:"96503cee7e467c535747171f46ab8b36f2d9262a",variant:"full",background:this.logoBackground})),this.showLogo&&n("div",{key:"6b4e91b0296772ea492a2e12c1f81933be1af02b",part:"logo",class:"bs-navigation-drawer__logo bs-navigation-drawer__logo--mark"},n("bs-logo",{key:"72c4cae8f25aebef923d2b346ee3a3224a1a4550",variant:"mark",background:this.logoBackground})),n("div",{key:"2fde5f92e629d34321e0e0e6eaf776027614836a",class:"bs-navigation-drawer__title-row"},n("span",{key:"fde5717eeec30bbade48f574e44f9eec841bab36",part:"title",class:"bs-navigation-drawer__title"},this.heading),this.collapsible&&n("button",{key:"59d514aec296c5b4eb459de259aa29d77a435ecf",type:"button",part:"collapse",class:"bs-navigation-drawer__collapse","aria-label":this.collapsed?"Expand":"Collapse","aria-pressed":this.collapsed?"true":"false",onClick:this.onCollapseClick},n(d,{key:"a992c1fcaa3e143ee9f1469958eeab12e03bce03"}))),n("div",{key:"1a74885abe2e50b3a6eccd7d4cacca4582dc5fa9",part:"search",class:"bs-navigation-drawer__search"},n("slot",{key:"ac98f9ca62a289e21fcbf0f005c6c0f7e02d9967",name:"search"})),n("button",{key:"c7c50e5cf2c81ec8445a557505faf2ea40add094",type:"button",part:"search-trigger",class:"bs-navigation-drawer__search-trigger","aria-label":"Search",onClick:this.onSearchTriggerClick},n(l,{key:"538bcfc474036d2c79fe821011490bf7cbd4d018"})),n("div",{key:"1a7aa824a99823b2d06309c5192a200afe378a7b",part:"items",class:"bs-navigation-drawer__items"},n("slot",{key:"1a79d4f0e809b16a9d19efb06d36052c0539bba2"}))))}static get watchers(){return{collapsed:[{onCollapsedChange:0}],mobile:[{onMobileChange:0}],open:[{onOpenChange:0}]}}static get style(){return":host{display:block;--bs-navigation-drawer-bg:var(--bs-surface-base);--bs-navigation-drawer-border:var(--bs-border-neutral-container);--bs-navigation-drawer-padding-y:var(--bs-spacing-300);--bs-navigation-drawer-padding-left:var(--bs-spacing-300);--bs-navigation-drawer-padding-right:var(--bs-spacing-200);--bs-navigation-drawer-gap:var(--bs-spacing-300);--bs-navigation-drawer-width:280px;--bs-navigation-drawer-title-font-family:var(--bs-typography-font-family-heading);--bs-navigation-drawer-title-font-weight:var(--bs-font-weight-bold);--bs-navigation-drawer-title-font-size:var(--bs-font-size-md);--bs-navigation-drawer-title-line-height:var(--bs-line-height-heading-h6);--bs-navigation-drawer-title-color:var(--bs-text-default);--bs-navigation-drawer-collapse-size:48px;--bs-navigation-drawer-collapse-radius:var(--bs-border-radius-100);--bs-navigation-drawer-collapse-hover:var(--bs-color-neutral-container);--bs-navigation-drawer-collapse-pressed:var(--bs-color-neutral-container-pressed);--bs-navigation-drawer-collapse-icon:var(--bs-icon-default);--bs-navigation-drawer-items-gap:var(--bs-spacing-100);--bs-navigation-drawer-collapsed-width:96px;--bs-navigation-drawer-search-trigger-size:44px;--bs-navigation-drawer-search-trigger-bg:var(--bs-color-neutral-container);--bs-navigation-drawer-search-trigger-border:var(--bs-border-neutral-container);--bs-navigation-drawer-search-trigger-icon:var(--bs-icon-default);--bs-navigation-drawer-backdrop:var(--bs-surface-overlay-level-2);--bs-navigation-drawer-overlay-shadow:var(--bs-shadow-lg);--bs-navigation-drawer-overlay-z-index:var(--bs-z-index-modal);--bs-navigation-drawer-overlay-duration:var(--bs-duration-default)}.bs-navigation-drawer{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-gap);width:var(--bs-navigation-drawer-width);height:100%;background:var(--bs-navigation-drawer-bg);border-right:1px solid var(--bs-navigation-drawer-border);padding:var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-right) var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-left);font-family:inherit;transition:width var(--bs-duration-fast) var(--bs-easing-standard), padding var(--bs-duration-fast) var(--bs-easing-standard)}:host([collapsed]) .bs-navigation-drawer{width:var(--bs-navigation-drawer-collapsed-width);padding-left:0;padding-right:0;align-items:center}.bs-navigation-drawer__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-drawer__logo--mark{display:none}:host([collapsed]) .bs-navigation-drawer__logo--full{display:none}:host([collapsed]) .bs-navigation-drawer__logo--mark{display:flex}.bs-navigation-drawer__title-row{flex-shrink:0;display:flex;align-items:center;gap:var(--bs-navigation-drawer-gap)}.bs-navigation-drawer__title{flex:1;min-width:0;font-family:var(--bs-navigation-drawer-title-font-family);font-weight:var(--bs-navigation-drawer-title-font-weight);font-size:var(--bs-navigation-drawer-title-font-size);line-height:calc(var(--bs-navigation-drawer-title-line-height) * 1px);color:var(--bs-navigation-drawer-title-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([collapsed]) .bs-navigation-drawer__title{display:none}.bs-navigation-drawer__collapse{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-collapse-size);height:var(--bs-navigation-drawer-collapse-size);border:none;border-radius:var(--bs-navigation-drawer-collapse-radius);padding:0;background:transparent;color:var(--bs-navigation-drawer-collapse-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__collapse svg{width:24px;height:24px}.bs-navigation-drawer__collapse:hover{background:var(--bs-navigation-drawer-collapse-hover)}.bs-navigation-drawer__collapse:active{background:var(--bs-navigation-drawer-collapse-pressed)}.bs-navigation-drawer__collapse:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-navigation-drawer__search{flex-shrink:0;width:100%}:host([collapsed]) .bs-navigation-drawer__search{display:none}.bs-navigation-drawer__search-trigger{display:none;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-navigation-drawer-search-trigger-size);height:var(--bs-navigation-drawer-search-trigger-size);border:1px solid var(--bs-navigation-drawer-search-trigger-border);border-radius:var(--bs-navigation-drawer-collapse-radius);background:var(--bs-navigation-drawer-search-trigger-bg);color:var(--bs-navigation-drawer-search-trigger-icon);cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-navigation-drawer__search-trigger svg{width:24px;height:24px}.bs-navigation-drawer__search-trigger:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}:host([collapsed]) .bs-navigation-drawer__search-trigger{display:inline-flex}.bs-navigation-drawer__items{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--bs-navigation-drawer-items-gap);scrollbar-width:none}.bs-navigation-drawer__items::-webkit-scrollbar{display:none}.bs-navigation-drawer:focus{outline:none;}:host([data-overlay]) .bs-navigation-drawer{position:fixed;inset-block:0;inset-inline-start:0;z-index:calc(var(--bs-navigation-drawer-overlay-z-index) + 1);width:var(--bs-navigation-drawer-width);max-width:100vw;padding:var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-right) var(--bs-navigation-drawer-padding-y) var(--bs-navigation-drawer-padding-left);align-items:stretch;box-shadow:var(--bs-navigation-drawer-overlay-shadow);transform:translateX(-100%);visibility:hidden;transition:transform var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard), visibility 0s linear var(--bs-navigation-drawer-overlay-duration)}:host([data-overlay]:dir(rtl)) .bs-navigation-drawer{transform:translateX(100%)}:host([data-overlay]) .bs-navigation-drawer.bs-navigation-drawer--open{transform:none;visibility:visible;transition:transform var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard), visibility 0s}:host([data-overlay]) .bs-navigation-drawer__logo--full{display:flex}:host([data-overlay]) .bs-navigation-drawer__logo--mark{display:none}:host([data-overlay]) .bs-navigation-drawer__title{display:block}:host([data-overlay]) .bs-navigation-drawer__search{display:block}:host([data-overlay]) .bs-navigation-drawer__search-trigger,:host([data-overlay]) .bs-navigation-drawer__collapse{display:none}.bs-navigation-drawer__backdrop{position:fixed;inset:0;z-index:var(--bs-navigation-drawer-overlay-z-index);background:var(--bs-navigation-drawer-backdrop);opacity:0;visibility:hidden;transition:opacity var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard), visibility 0s linear var(--bs-navigation-drawer-overlay-duration)}:host([open]) .bs-navigation-drawer__backdrop{opacity:1;visibility:visible;transition:opacity var(--bs-navigation-drawer-overlay-duration) var(--bs-easing-standard), visibility 0s}@media (prefers-reduced-motion: reduce){:host([data-overlay]) .bs-navigation-drawer,.bs-navigation-drawer__backdrop{transition:none}}@media (forced-colors: active){:host([data-overlay]) .bs-navigation-drawer{border:1px solid CanvasText}}"}},[769,"bs-navigation-drawer",{heading:[1],collapsible:[4],collapsed:[1540],logoBackground:[1,"logo-background"],showLogo:[4,"show-logo"],open:[1540],mobile:[32]},[[4,"keydown","onDocumentKeydown"],[4,"focusin","onDocumentFocusIn"]],{collapsed:[{onCollapsedChange:0}],mobile:[{onMobileChange:0}],open:[{onOpenChange:0}]}]),d=()=>n("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("path",{d:"M15 18L9 12L15 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),l=()=>n("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},n("circle",{cx:"11",cy:"11",r:"7",stroke:"currentColor","stroke-width":"2"}),n("path",{d:"M16.5 16.5L21 21",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}));function b(){"undefined"!=typeof customElements&&["bs-navigation-drawer","bs-logo"].forEach((i=>{switch(i){case"bs-navigation-drawer":customElements.get(a(i))||customElements.define(a(i),o);break;case"bs-logo":customElements.get(a(i))||t()}}))}b();const g=o,v=b;export{g as BsNavigationDrawer,v as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as a,p as e,H as i,h as n}from"./p-JYlmcxBn.js";import{d as t}from"./p-R2MlkUzD.js";const s=e(class extends i{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}alignment="default";ariaLabel=null;skipToContentHref=null;skipToContentLabel="Skip to main content";logoBackground="auto";render(){const a="with-navigation-drawer"!==this.alignment;return n("header",{key:"0dc99abb8f2db96f0befe1b838a2db037636a75c",class:"bs-navigation-header bs-navigation-header--"+this.alignment,"aria-label":this.ariaLabel??void 0},this.skipToContentHref&&n("a",{key:"1f906366d5398aa62d2485afdb1c9cf350354f05",part:"skip-link",class:"bs-navigation-header__skip-link",href:this.skipToContentHref},this.skipToContentLabel),a&&n("bs-logo",{key:"c735b4647acc92ff5b6725dc72bfbab421230a9c",part:"logo",class:"bs-navigation-header__logo",variant:"full",background:this.logoBackground}),n("div",{key:"845c1d60319daf2aa7aa57f0f8ba71e0f633598e",part:"left",class:"bs-navigation-header__left"},n("slot",{key:"67436745b63a843e86a79163f927f2b563b6e2e4",name:"left"})),n("div",{key:"4c6d514d7cf238b5be8476f9fede7292b1dc1c10",part:"right",class:"bs-navigation-header__right"},n("slot",{key:"a6c12231c6cc728314fdfc076a48fd1ce0f79ede",name:"right"})))}static get style(){return":host{display:block;--bs-navigation-header-bg:var(--bs-surface-base);--bs-navigation-header-border:var(--bs-border-default);--bs-navigation-header-padding-top:var(--bs-spacing-200);--bs-navigation-header-padding-bottom:var(--bs-spacing-100);--bs-navigation-header-padding-x:var(--bs-margin-fluid);--bs-navigation-header-max-width:
|
|
1
|
+
import{t as a,p as e,H as i,h as n}from"./p-JYlmcxBn.js";import{d as t}from"./p-R2MlkUzD.js";const s=e(class extends i{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}alignment="default";ariaLabel=null;skipToContentHref=null;skipToContentLabel="Skip to main content";logoBackground="auto";render(){const a="with-navigation-drawer"!==this.alignment;return n("header",{key:"0dc99abb8f2db96f0befe1b838a2db037636a75c",class:"bs-navigation-header bs-navigation-header--"+this.alignment,"aria-label":this.ariaLabel??void 0},this.skipToContentHref&&n("a",{key:"1f906366d5398aa62d2485afdb1c9cf350354f05",part:"skip-link",class:"bs-navigation-header__skip-link",href:this.skipToContentHref},this.skipToContentLabel),a&&n("bs-logo",{key:"c735b4647acc92ff5b6725dc72bfbab421230a9c",part:"logo",class:"bs-navigation-header__logo",variant:"full",background:this.logoBackground}),n("div",{key:"845c1d60319daf2aa7aa57f0f8ba71e0f633598e",part:"left",class:"bs-navigation-header__left"},n("slot",{key:"67436745b63a843e86a79163f927f2b563b6e2e4",name:"left"})),n("div",{key:"4c6d514d7cf238b5be8476f9fede7292b1dc1c10",part:"right",class:"bs-navigation-header__right"},n("slot",{key:"a6c12231c6cc728314fdfc076a48fd1ce0f79ede",name:"right"})))}static get style(){return":host{display:block;--bs-navigation-header-bg:var(--bs-surface-base);--bs-navigation-header-border:var(--bs-border-default);--bs-navigation-header-padding-top:var(--bs-spacing-200);--bs-navigation-header-padding-bottom:var(--bs-spacing-100);--bs-navigation-header-padding-x:var(--bs-margin-fluid);--bs-navigation-header-max-width:none;--bs-navigation-header-item-gap:calc(var(--bs-navigation-header-gap) * 1px);--bs-navigation-header-slot-gap:var(--bs-spacing-100);--bs-navigation-header-skip-link-bg:var(--bs-surface-action);--bs-navigation-header-skip-link-color:var(--bs-text-inverse)}.bs-navigation-header{box-sizing:border-box;position:relative;display:flex;align-items:center;width:100%;max-width:var(--bs-navigation-header-max-width);background:var(--bs-navigation-header-bg);border-bottom:1px solid var(--bs-navigation-header-border);padding:var(--bs-navigation-header-padding-top) var(--bs-navigation-header-padding-x) var(--bs-navigation-header-padding-bottom)}.bs-navigation-header__skip-link{position:absolute;top:var(--bs-spacing-100);left:-9999px;z-index:1;padding:var(--bs-spacing-100) var(--bs-spacing-200);border-radius:var(--bs-border-radius-100);background:var(--bs-navigation-header-skip-link-bg);color:var(--bs-navigation-header-skip-link-color);font-size:var(--bs-font-size-sm);text-decoration:underline}.bs-navigation-header__skip-link:focus{left:var(--bs-navigation-header-padding-x)}.bs-navigation-header--default,.bs-navigation-header--with-navigation-drawer{gap:var(--bs-navigation-header-item-gap)}.bs-navigation-header__logo{flex-shrink:0;display:flex;align-items:center}.bs-navigation-header--center .bs-navigation-header__logo{flex:1 0 0;min-width:0}.bs-navigation-header__left{display:flex;align-items:center;gap:var(--bs-navigation-header-slot-gap);flex-shrink:0}.bs-navigation-header__right{display:flex;align-items:center;justify-content:flex-end;gap:var(--bs-navigation-header-slot-gap);flex:1 0 0;min-width:0}@media (max-width: 768px){.bs-navigation-header--default,.bs-navigation-header--with-navigation-drawer{flex-wrap:wrap;row-gap:var(--bs-navigation-header-slot-gap)}.bs-navigation-header--default .bs-navigation-header__left,.bs-navigation-header--with-navigation-drawer .bs-navigation-header__left{flex:1 1 0%;min-width:0}.bs-navigation-header--default .bs-navigation-header__right,.bs-navigation-header--with-navigation-drawer .bs-navigation-header__right{flex:0 0 auto;margin-inline-start:auto;justify-content:flex-end}}"}},[769,"bs-navigation-header",{alignment:[1],ariaLabel:[1,"aria-label"],skipToContentHref:[1,"skip-to-content-href"],skipToContentLabel:[1,"skip-to-content-label"],logoBackground:[1,"logo-background"]}]);function r(){"undefined"!=typeof customElements&&["bs-navigation-header","bs-logo"].forEach((e=>{switch(e){case"bs-navigation-header":customElements.get(a(e))||customElements.define(a(e),s);break;case"bs-logo":customElements.get(a(e))||t()}}))}r();const o=s,d=r;export{o as BsNavigationHeader,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as a,p as s,H as r,c as n,h as e}from"./p-JYlmcxBn.js";import{d as c}from"./p-CpUHnsq9.js";import{d as t}from"./p-
|
|
1
|
+
import{t as a,p as s,H as r,c as n,h as e}from"./p-JYlmcxBn.js";import{d as c}from"./p-CpUHnsq9.js";import{d as t}from"./p-BoeorHNv.js";const b={default:"outlined",info:"info",warning:"warning",success:"success",error:"error"},i=s(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bsAction=n(this,"bsAction"),this.bsDismiss=n(this,"bsDismiss")}variant="default";loading=!1;actionLabel;bsAction;bsDismiss;onAction=()=>{this.bsAction.emit()};onDismiss=()=>{this.bsDismiss.emit()};render(){return e("div",{key:"c84de130f993938339fd16d9f534f1da18fe6c0a",part:"container",class:"bs-snackbar bs-snackbar--"+this.variant,role:"status","aria-live":"error"===this.variant?"assertive":"polite"},e("div",{key:"0941f900229f6b3208f8268d34b0cde49e4dba22",class:"bs-snackbar__content"},e("span",{key:"cf89eff5ea640950573f9b610d6eff46e5d0154e",part:"icon",class:"bs-snackbar__icon","aria-hidden":"true"},this.loading?e("span",{class:"bs-snackbar__spinner"}):e(o,null)),e("span",{key:"d4ae7e62ecaea7b53962b08d69bae435ecf0a810",part:"message",class:"bs-snackbar__message"},e("slot",{key:"a99ec601f27f79f42fc61cd14c0fed742d2fa334"}))),e("div",{key:"a139c0287e2eacb26ccbd604ff0343bca23eeb5d",class:"bs-snackbar__actions"},this.actionLabel&&e("bs-button",{key:"f22c4a63903fdb50da087ab2c38dd076298a12ed",part:"action",variant:b[this.variant],size:"sm",onClick:this.onAction},this.actionLabel),e("bs-icon-button",{key:"4cd5c8f367ee71f11dad1f6f47ff1cdf6436a764",part:"close",variant:"subtle",size:"md",ariaLabel:"Dismiss",onClick:this.onDismiss},e(d,{key:"a52e6af7acf7c95a54aa6cb5237f2b53e30ea601"}))))}static get style(){return":host{display:inline-flex;--bs-snackbar-radius:var(--bs-border-radius-100);--bs-snackbar-shadow:var(--bs-shadow-md);--bs-snackbar-gap:var(--bs-spacing-100);--bs-snackbar-content-padding-y:var(--bs-spacing-200);--bs-snackbar-content-padding-x:var(--bs-spacing-200);--bs-snackbar-content-gap:var(--bs-spacing-150);--bs-snackbar-font-size:var(--bs-font-size-md);--bs-snackbar-line-height:var(--bs-line-height-body-md);--bs-snackbar-actions-padding-y:var(--bs-spacing-50);--bs-snackbar-actions-padding-x:var(--bs-spacing-100);--bs-snackbar-actions-gap:var(--bs-spacing-50);--bs-snackbar-surface-default:var(--bs-snackbar-bg-default);--bs-snackbar-color-default:var(--bs-snackbar-text-default);--bs-snackbar-surface-info:var(--bs-color-info-container);--bs-snackbar-text-info:var(--bs-text-info);--bs-snackbar-surface-warning:var(--bs-color-warning-container);--bs-snackbar-text-warning:var(--bs-text-warning);--bs-snackbar-surface-success:var(--bs-color-success-container);--bs-snackbar-text-success:var(--bs-text-success);--bs-snackbar-surface-error:var(--bs-color-error-container);--bs-snackbar-text-error:var(--bs-text-error);--bs-snackbar-spinner-track:var(--bs-neutral-200)}.bs-snackbar{display:flex;align-items:center;gap:var(--bs-snackbar-gap);border-radius:var(--bs-snackbar-radius);box-shadow:var(--bs-snackbar-shadow);font-family:inherit}.bs-snackbar--default{background:var(--bs-snackbar-surface-default);color:var(--bs-snackbar-color-default)}.bs-snackbar--info{background:var(--bs-snackbar-surface-info);color:var(--bs-snackbar-text-info)}.bs-snackbar--warning{background:var(--bs-snackbar-surface-warning);color:var(--bs-snackbar-text-warning)}.bs-snackbar--success{background:var(--bs-snackbar-surface-success);color:var(--bs-snackbar-text-success)}.bs-snackbar--error{background:var(--bs-snackbar-surface-error);color:var(--bs-snackbar-text-error)}.bs-snackbar__content{display:flex;align-items:center;gap:var(--bs-snackbar-content-gap);flex:1 1 auto;min-width:0;padding:var(--bs-snackbar-content-padding-y) 0 var(--bs-snackbar-content-padding-y) var(--bs-snackbar-content-padding-x)}.bs-snackbar__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-snackbar__icon svg{width:24px;height:24px}.bs-snackbar__spinner{display:inline-block;box-sizing:border-box;width:24px;height:24px;border:2px solid var(--bs-snackbar-spinner-track);border-top-color:currentColor;border-radius:50%;animation:bs-snackbar-spin 0.8s linear infinite}@keyframes bs-snackbar-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.bs-snackbar__spinner{animation:none}}.bs-snackbar__message{flex:1 1 auto;min-width:0;font-size:var(--bs-snackbar-font-size);line-height:calc(var(--bs-snackbar-line-height) * 1px)}.bs-snackbar__actions{display:flex;align-items:center;align-self:stretch;gap:var(--bs-snackbar-actions-gap);flex-shrink:0;padding:var(--bs-snackbar-actions-padding-y) var(--bs-snackbar-actions-padding-x) var(--bs-snackbar-actions-padding-y) 0}"}},[769,"bs-snackbar",{variant:[1],loading:[4],actionLabel:[1,"action-label"]}]),o=()=>e("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e("path",{d:"M8.25 12.75L10.5 15L15.75 9.75",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),e("path",{d:"M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})),d=()=>e("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e("path",{d:"M18.75 5.25L5.25 18.75",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),e("path",{d:"M18.75 18.75L5.25 5.25",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}));function k(){"undefined"!=typeof customElements&&["bs-snackbar","bs-button","bs-icon-button"].forEach((s=>{switch(s){case"bs-snackbar":customElements.get(a(s))||customElements.define(a(s),i);break;case"bs-button":customElements.get(a(s))||c();break;case"bs-icon-button":customElements.get(a(s))||t()}}))}k();const l=i,f=k;export{l as BsSnackbar,f as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as a,p as t,H as b,c as s,h as e}from"./p-JYlmcxBn.js";const o=t(class extends b{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bsSelect=s(this,"bsSelect")}get el(){return this}selected=!1;disabled=!1;iconPosition="start";ariaLabel=null;tabbable;hasIcon=!1;hasLabel=!1;hasBadge=!1;bsSelect;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon"),this.hasLabel=this.hasSlottedContent(null),this.hasBadge=this.hasSlottedContent("badge")}hasSlottedContent(a){return Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE?t.getAttribute("slot")===a:null===a))}onIconSlotchange=a=>{this.hasIcon=a.target.assignedNodes().length>0};onLabelSlotchange=a=>{this.hasLabel=a.target.assignedNodes().length>0};onBadgeSlotchange=a=>{this.hasBadge=a.target.assignedNodes().length>0};onClick=()=>{this.disabled||this.bsSelect.emit()};render(){const a=this.hasIcon&&!this.hasLabel,t=this.hasIcon&&this.hasLabel&&"top"===this.iconPosition,b=this.hasBadge&&!a&&!t;return e("button",{key:"
|
|
1
|
+
import{t as a,p as t,H as b,c as s,h as e}from"./p-JYlmcxBn.js";const o=t(class extends b{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bsSelect=s(this,"bsSelect")}get el(){return this}selected=!1;disabled=!1;iconPosition="start";ariaLabel=null;value;tabbable;hasIcon=!1;hasLabel=!1;hasBadge=!1;bsSelect;componentWillLoad(){this.hasIcon=this.hasSlottedContent("icon"),this.hasLabel=this.hasSlottedContent(null),this.hasBadge=this.hasSlottedContent("badge")}hasSlottedContent(a){return Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE?t.getAttribute("slot")===a:null===a))}onIconSlotchange=a=>{this.hasIcon=a.target.assignedNodes().length>0};onLabelSlotchange=a=>{this.hasLabel=a.target.assignedNodes().length>0};onBadgeSlotchange=a=>{this.hasBadge=a.target.assignedNodes().length>0};onClick=()=>{this.disabled||this.bsSelect.emit()};render(){const a=this.hasIcon&&!this.hasLabel,t=this.hasIcon&&this.hasLabel&&"top"===this.iconPosition,b=this.hasBadge&&!a&&!t;return e("button",{key:"383cf44dfcf1feb5404e6a392318c8ce5a8a1178",type:"button",part:"tab",role:"tab",class:`bs-tab ${this.selected?"bs-tab--selected":""} ${this.disabled?"bs-tab--disabled":""} ${a?"bs-tab--icon-only":""} ${t?"bs-tab--vertical":""}`,disabled:this.disabled,"aria-selected":this.selected+"","aria-disabled":this.disabled?"true":void 0,"aria-label":this.ariaLabel,tabIndex:void 0===this.tabbable?void 0:this.tabbable?0:-1,onClick:this.onClick},e("span",{key:"8b3a6b9ee663c2957c206024478ee76abf4fb905",part:"icon",class:"bs-tab__icon "+(this.hasIcon?"bs-tab__icon--has-content":"")},e("slot",{key:"b46fd73bac532345e747bb214f8c91f32b04810c",name:"icon",onSlotchange:this.onIconSlotchange})),e("span",{key:"9d3e69f4dc96e20a327ebccdbdf934f07a4892c0",part:"label",class:"bs-tab__label "+(this.hasLabel?"bs-tab__label--has-content":"")},e("slot",{key:"e724d44bec76845b64e8e0ebb5c883dc47ff11a3",onSlotchange:this.onLabelSlotchange})),e("span",{key:"1cb4e5a8056ebac8b1b098c350c4a5d89bd2968a",part:"badge",class:"bs-tab__badge "+(b?"bs-tab__badge--has-content":"")},e("slot",{key:"46a6bbf2c8702645b85062012294eedf3facceac",name:"badge",onSlotchange:this.onBadgeSlotchange})),e("span",{key:"38845ccafeddfe79af64c3e291197e88bbced150",part:"indicator",class:"bs-tab__indicator"}))}static get style(){return":host{display:inline-block;--bs-tab-radius:var(--bs-border-radius-100);--bs-tab-padding-y:var(--bs-spacing-150);--bs-tab-padding-x:var(--bs-spacing-200);--bs-tab-gap:var(--bs-spacing-75);--bs-tab-gap-vertical:var(--bs-spacing-50);--bs-tab-color-default:var(--bs-text-muted);--bs-tab-icon-color-default:var(--bs-icon-muted);--bs-tab-color-hover:var(--bs-text-default);--bs-tab-icon-color-hover:var(--bs-icon-default);--bs-tab-indicator-hover:var(--bs-border-neutral-hover);--bs-tab-color-selected:var(--bs-color-primary-default);--bs-tab-color-selected-hover:var(--bs-color-primary-hover);--bs-tab-color-selected-pressed:var(--bs-color-primary-pressed);--bs-tab-indicator-selected:var(--bs-color-primary-default);--bs-tab-indicator-selected-hover:var(--bs-color-primary-hover);--bs-tab-indicator-selected-pressed:var(--bs-color-primary-pressed);--bs-tab-focus-ring-color:var(--bs-border-neutral-focus);--bs-tab-color-disabled:var(--bs-text-on-disabled);--bs-tab-icon-color-disabled:var(--bs-icon-disabled);--bs-tab-font-size:var(--bs-font-size-md);--bs-tab-line-height:var(--bs-line-height-body-md)}.bs-tab{box-sizing:border-box;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;border:none;cursor:pointer;background:transparent;color:var(--bs-tab-color-default);font-family:inherit;border-radius:var(--bs-tab-radius);padding:var(--bs-tab-padding-y) var(--bs-tab-padding-x);gap:var(--bs-tab-gap);transition:color var(--bs-duration-fast) var(--bs-easing-standard), background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-tab--vertical{flex-direction:column;gap:var(--bs-tab-gap-vertical)}.bs-tab:focus-visible{outline:2px solid var(--bs-tab-focus-ring-color);outline-offset:2px}.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):hover,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):focus-visible,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):active{color:var(--bs-tab-color-hover)}.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):hover .bs-tab__icon,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):focus-visible .bs-tab__icon,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):active .bs-tab__icon{color:var(--bs-tab-icon-color-hover)}.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):hover .bs-tab__indicator,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):focus-visible .bs-tab__indicator,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):active .bs-tab__indicator{background:var(--bs-tab-indicator-hover)}.bs-tab--selected{color:var(--bs-tab-color-selected)}.bs-tab--selected .bs-tab__icon--has-content{color:var(--bs-tab-color-selected)}.bs-tab--selected .bs-tab__indicator{background:var(--bs-tab-indicator-selected)}.bs-tab--selected:not(.bs-tab--disabled):hover,.bs-tab--selected:not(.bs-tab--disabled):focus-visible{color:var(--bs-tab-color-selected-hover)}.bs-tab--selected:not(.bs-tab--disabled):hover .bs-tab__icon--has-content,.bs-tab--selected:not(.bs-tab--disabled):focus-visible .bs-tab__icon--has-content{color:var(--bs-tab-color-selected-hover)}.bs-tab--selected:not(.bs-tab--disabled):hover .bs-tab__indicator,.bs-tab--selected:not(.bs-tab--disabled):focus-visible .bs-tab__indicator{background:var(--bs-tab-indicator-selected-hover)}.bs-tab--selected:not(.bs-tab--disabled):active{color:var(--bs-tab-color-selected-pressed)}.bs-tab--selected:not(.bs-tab--disabled):active .bs-tab__icon--has-content{color:var(--bs-tab-color-selected-pressed)}.bs-tab--selected:not(.bs-tab--disabled):active .bs-tab__indicator{background:var(--bs-tab-indicator-selected-pressed)}.bs-tab--disabled{color:var(--bs-tab-color-disabled);cursor:not-allowed}.bs-tab--disabled .bs-tab__icon--has-content{color:var(--bs-tab-icon-color-disabled)}.bs-tab--disabled .bs-tab__indicator{background:transparent}.bs-tab__icon{display:none;width:24px;height:24px;flex-shrink:0;color:var(--bs-tab-icon-color-default)}.bs-tab__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-tab__icon ::slotted(svg){width:24px;height:24px}.bs-tab__label{display:none;font-size:var(--bs-tab-font-size);line-height:calc(var(--bs-tab-line-height) * 1px);white-space:nowrap}.bs-tab__label--has-content{display:inline-block}.bs-tab__badge{display:none}.bs-tab__badge--has-content{display:inline-flex;align-items:center}.bs-tab__indicator{position:absolute;inset-inline-start:var(--bs-tab-padding-x);inset-inline-end:var(--bs-tab-padding-x);bottom:0;height:2px;background:transparent;border-radius:var(--bs-border-radius-50, 2px)}"}},[769,"bs-tab",{selected:[516],disabled:[4],iconPosition:[1,"icon-position"],ariaLabel:[1,"aria-label"],value:[513],tabbable:[4],hasIcon:[32],hasLabel:[32],hasBadge:[32]}]);function i(){"undefined"!=typeof customElements&&["bs-tab"].forEach((t=>{"bs-tab"===t&&(customElements.get(a(t))||customElements.define(a(t),o))}))}i();const r=o,c=i;export{r as BsTab,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as s,H as a,h as
|
|
1
|
+
import{t,p as s,H as a,c as e,h as i}from"./p-JYlmcxBn.js";const n=s(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bsChange=e(this,"bsChange")}get el(){return this}type="bs-tab";orientation="horizontal";value;bsChange;onTabSelect(t){const s=this.tabs();s.forEach((s=>{s.selected=s===t.target})),this.syncRovingTabindex();const a=s.findIndex((s=>s===t.target));if(-1===a)return;const e=this.tabValue(s[a],a);e!==this.value&&(this.value=e,this.bsChange.emit({value:e}))}componentDidLoad(){if(void 0!==this.value)this.applyValue();else{const t=this.tabs(),s=t.findIndex((t=>t.selected));-1!==s&&(this.value=this.tabValue(t[s],s))}this.syncRovingTabindex()}tabValue(t,s){return t.value??s+""}applyValue(){this.tabs().forEach(((t,s)=>{t.selected=this.tabValue(t,s)===this.value})),this.syncRovingTabindex()}onValueChange(){this.applyValue()}syncRovingTabindex(){const t=this.tabs(),s=t.some((t=>t.selected)),a=t.find((t=>!t.disabled));t.forEach((t=>{t.tabbable=s?t.selected:t===a}))}tabs(){return Array.from(this.el.querySelectorAll(":scope > bs-tab, :scope > bs-inline-tab"))}onKeyDown(t){const s="vertical"===this.orientation,a="rtl"===getComputedStyle(this.el).direction,e=s?"ArrowUp":a?"ArrowRight":"ArrowLeft",i=s?"ArrowDown":a?"ArrowLeft":"ArrowRight";if(![e,i,"Home","End"].includes(t.key))return;const n=this.tabs().filter((t=>!t.disabled)),b=n.findIndex((s=>s===t.target||s.contains(t.target)));if(-1===b||0===n.length)return;t.preventDefault();let r=b;r=t.key===i?(b+1)%n.length:t.key===e?(b-1+n.length)%n.length:"Home"===t.key?0:n.length-1;const o=n[r],l=o.shadowRoot?.querySelector("button");l?.focus(),l?.click()}render(){return i("div",{key:"251521d36dcf4d6960df344285bc9a060ff87abb",part:"tablist",role:"tablist","aria-orientation":this.orientation,class:`bs-tabs bs-tabs--${this.type} ${"vertical"===this.orientation?"bs-tabs--vertical":""}`},i("slot",{key:"02216f048eaedb13f00891c30e1c49d15a509c1d",onSlotchange:()=>this.syncRovingTabindex()}))}static get watchers(){return{value:[{onValueChange:0}],orientation:[{syncRovingTabindex:0}]}}static get style(){return":host{display:inline-block;--bs-tabs-tab-gap:var(--bs-spacing-100);--bs-tabs-inline-tab-bg:var(--bs-color-neutral-container);--bs-tabs-inline-tab-padding-x:var(--bs-spacing-50);--bs-tabs-inline-tab-radius:var(--bs-border-radius-full);--bs-tabs-inline-tab-gap:var(--bs-spacing-50)}.bs-tabs{display:inline-flex;align-items:center}.bs-tabs--vertical{display:flex;flex-direction:column;align-items:flex-start}.bs-tabs--bs-tab{gap:var(--bs-tabs-tab-gap)}.bs-tabs--bs-inline-tab{background:var(--bs-tabs-inline-tab-bg);padding:0 var(--bs-tabs-inline-tab-padding-x);border-radius:var(--bs-tabs-inline-tab-radius);gap:var(--bs-tabs-inline-tab-gap)}"}},[769,"bs-tabs",{type:[1],orientation:[1],value:[1537]},[[0,"bsSelect","onTabSelect"],[0,"keydown","onKeyDown"]],{value:[{onValueChange:0}],orientation:[{syncRovingTabindex:0}]}]);function b(){"undefined"!=typeof customElements&&["bs-tabs"].forEach((s=>{"bs-tabs"===s&&(customElements.get(t(s))||customElements.define(t(s),n))}))}b();const r=n,o=b;export{r as BsTabs,o as defineCustomElement}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as o,p as n,H as t,h as s}from"./p-JYlmcxBn.js";const b=n(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.internals=this.attachInternals()}get el(){return this}internals;variant="primary";size="md";disabled=!1;type="button";ariaLabel=null;onClick=()=>{const o=this.internals?.form;o&&!this.disabled&&("submit"===this.type?o.requestSubmit():"reset"===this.type&&o.reset())};render(){return s("button",{key:"538cd121df25e20ea7e21a7b5269e73d275f8bff",class:`bs-icon-button bs-icon-button--${this.variant} bs-icon-button--${this.size}`,type:this.type,disabled:this.disabled,"aria-label":this.ariaLabel,onClick:this.onClick},s("span",{key:"35548fe082134edb85dbdcb0caf820ec3b5233c2",part:"icon",class:"bs-icon-button__icon"},s("slot",{key:"7f16ef5f2c08fc5d2bb852bd5c36598be5aa1175"})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get style(){return":host{display:inline-block;--bs-icon-button-radius:var(--bs-border-radius-100);--bs-icon-button-size-sm:40px;--bs-icon-button-size-md:44px;--bs-icon-button-size-lg:48px;--bs-icon-button-icon-size-sm:16px;--bs-icon-button-icon-size-md:20px;--bs-icon-button-icon-size-lg:24px;--bs-icon-button-padding:var(--bs-spacing-150);--bs-icon-button-radius-xs:var(--bs-border-radius-50);--bs-icon-button-size-xs:16px;--bs-icon-button-icon-size-xs:8px;--bs-icon-button-padding-xs:var(--bs-spacing-50);--bs-icon-button-primary-default:var(--bs-color-primary-default);--bs-icon-button-primary-hover:var(--bs-color-primary-hover);--bs-icon-button-primary-pressed:var(--bs-color-primary-pressed);--bs-icon-button-primary-disabled:var(--bs-surface-action-disabled);--bs-icon-button-neutral-container:var(--bs-color-neutral-container);--bs-icon-button-neutral-hover:var(--bs-color-neutral-container-hover);--bs-icon-button-neutral-pressed:var(--bs-color-neutral-container-pressed);--bs-icon-button-neutral-border:var(--bs-border-neutral-container);--bs-icon-button-neutral-border-hover:var(--bs-border-neutral-container-hover);--bs-icon-button-neutral-border-pressed:var(--bs-border-neutral-container-pressed);--bs-icon-button-subtle-hover:var(--bs-color-neutral-container);--bs-icon-button-subtle-pressed:var(--bs-color-neutral-container-pressed);--bs-icon-button-subtle-focus:var(--bs-border-primary-focus);--bs-icon-button-outlined-border:var(--bs-color-primary-default);--bs-icon-button-outlined-border-hover:var(--bs-color-primary-hover);--bs-icon-button-outlined-border-pressed:var(--bs-color-primary-pressed);--bs-icon-button-outlined-text-hover:var(--bs-text-action-hover);--bs-icon-button-outlined-container:var(--bs-color-primary-container);--bs-icon-button-outlined-focus:var(--bs-border-primary-focus);--bs-icon-button-success-default:var(--bs-color-success-default);--bs-icon-button-success-hover:var(--bs-color-success-hover);--bs-icon-button-success-pressed:var(--bs-color-success-pressed);--bs-icon-button-success-disabled:var(--bs-surface-action-disabled);--bs-icon-button-success-focus:var(--bs-border-success-focus);--bs-icon-button-warning-default:var(--bs-color-warning-default);--bs-icon-button-warning-hover:var(--bs-color-warning-hover);--bs-icon-button-warning-pressed:var(--bs-color-warning-pressed);--bs-icon-button-warning-disabled:var(--bs-surface-action-disabled);--bs-icon-button-warning-focus:var(--bs-border-warning-focus);--bs-icon-button-info-default:var(--bs-color-info-default);--bs-icon-button-info-hover:var(--bs-color-info-hover);--bs-icon-button-info-pressed:var(--bs-color-info-pressed);--bs-icon-button-info-disabled:var(--bs-surface-action-disabled);--bs-icon-button-info-focus:var(--bs-border-info-focus);--bs-icon-button-error-default:var(--bs-color-error-default);--bs-icon-button-error-hover:var(--bs-color-error-hover);--bs-icon-button-error-pressed:var(--bs-color-error-pressed);--bs-icon-button-error-disabled:var(--bs-surface-action-disabled);--bs-icon-button-error-focus:var(--bs-border-error-focus)}.bs-icon-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;border-radius:var(--bs-icon-button-radius);padding:var(--bs-icon-button-padding);cursor:pointer;transition:background-color var(--bs-duration-fast, 120ms) var(--bs-easing-standard, ease)}.bs-icon-button:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-icon-button:disabled{cursor:not-allowed}.bs-icon-button--xs{width:var(--bs-icon-button-size-xs);height:var(--bs-icon-button-size-xs);padding:var(--bs-icon-button-padding-xs);border-radius:var(--bs-icon-button-radius-xs)}.bs-icon-button--xs .bs-icon-button__icon{width:var(--bs-icon-button-icon-size-xs);height:var(--bs-icon-button-icon-size-xs);font-size:var(--bs-icon-button-icon-size-xs)}.bs-icon-button--sm{width:var(--bs-icon-button-size-sm);height:var(--bs-icon-button-size-sm)}.bs-icon-button--sm .bs-icon-button__icon{width:var(--bs-icon-button-icon-size-sm);height:var(--bs-icon-button-icon-size-sm);font-size:var(--bs-icon-button-icon-size-sm)}.bs-icon-button--md{width:var(--bs-icon-button-size-md);height:var(--bs-icon-button-size-md)}.bs-icon-button--md .bs-icon-button__icon{width:var(--bs-icon-button-icon-size-md);height:var(--bs-icon-button-icon-size-md);font-size:var(--bs-icon-button-icon-size-md)}.bs-icon-button--lg{width:var(--bs-icon-button-size-lg);height:var(--bs-icon-button-size-lg)}.bs-icon-button--lg .bs-icon-button__icon{width:var(--bs-icon-button-icon-size-lg);height:var(--bs-icon-button-icon-size-lg);font-size:var(--bs-icon-button-icon-size-lg)}.bs-icon-button__icon{display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:1}.bs-icon-button__icon ::slotted(*){display:block;width:100%;height:100%;font-size:inherit;line-height:1}.bs-icon-button--primary{background:var(--bs-icon-button-primary-default);color:var(--bs-text-on-action)}.bs-icon-button--primary:hover:not(:disabled){background:var(--bs-icon-button-primary-hover)}.bs-icon-button--primary:active:not(:disabled){background:var(--bs-icon-button-primary-pressed)}.bs-icon-button--primary:disabled{background:var(--bs-icon-button-primary-disabled);color:var(--bs-text-on-disabled)}.bs-icon-button--neutral{background:var(--bs-icon-button-neutral-container);color:var(--bs-text-default);border:1px solid var(--bs-icon-button-neutral-border)}.bs-icon-button--neutral:hover:not(:disabled){background:var(--bs-icon-button-neutral-hover);border-color:var(--bs-icon-button-neutral-border-hover)}.bs-icon-button--neutral:active:not(:disabled){background:var(--bs-icon-button-neutral-pressed);border-color:var(--bs-icon-button-neutral-border-pressed)}.bs-icon-button--neutral:disabled{background:var(--bs-icon-button-neutral-container);color:var(--bs-text-on-disabled);border-color:var(--bs-icon-button-neutral-border)}.bs-icon-button--error{background:var(--bs-icon-button-error-default);color:var(--bs-text-on-action)}.bs-icon-button--error:hover:not(:disabled){background:var(--bs-icon-button-error-hover)}.bs-icon-button--error:active:not(:disabled){background:var(--bs-icon-button-error-pressed)}.bs-icon-button--error:disabled{background:var(--bs-icon-button-error-disabled);color:var(--bs-text-on-disabled)}.bs-icon-button--error:focus-visible{outline-color:var(--bs-icon-button-error-focus)}.bs-icon-button--success{background:var(--bs-icon-button-success-default);color:var(--bs-text-on-action)}.bs-icon-button--success:hover:not(:disabled){background:var(--bs-icon-button-success-hover)}.bs-icon-button--success:active:not(:disabled){background:var(--bs-icon-button-success-pressed)}.bs-icon-button--success:disabled{background:var(--bs-icon-button-success-disabled);color:var(--bs-text-on-disabled)}.bs-icon-button--success:focus-visible{outline-color:var(--bs-icon-button-success-focus)}.bs-icon-button--warning{background:var(--bs-icon-button-warning-default);color:var(--bs-text-on-action)}.bs-icon-button--warning:hover:not(:disabled){background:var(--bs-icon-button-warning-hover)}.bs-icon-button--warning:active:not(:disabled){background:var(--bs-icon-button-warning-pressed)}.bs-icon-button--warning:disabled{background:var(--bs-icon-button-warning-disabled);color:var(--bs-text-on-disabled)}.bs-icon-button--warning:focus-visible{outline-color:var(--bs-icon-button-warning-focus)}.bs-icon-button--info{background:var(--bs-icon-button-info-default);color:var(--bs-text-on-action)}.bs-icon-button--info:hover:not(:disabled){background:var(--bs-icon-button-info-hover)}.bs-icon-button--info:active:not(:disabled){background:var(--bs-icon-button-info-pressed)}.bs-icon-button--info:disabled{background:var(--bs-icon-button-info-disabled);color:var(--bs-text-on-disabled)}.bs-icon-button--info:focus-visible{outline-color:var(--bs-icon-button-info-focus)}.bs-icon-button--subtle{background:transparent;color:var(--bs-icon-neutral-default)}.bs-icon-button--subtle:hover:not(:disabled){background:var(--bs-icon-button-subtle-hover)}.bs-icon-button--subtle:active:not(:disabled){background:var(--bs-icon-button-subtle-pressed)}.bs-icon-button--subtle:disabled{background:transparent;color:var(--bs-text-on-disabled)}.bs-icon-button--subtle:focus-visible{outline-color:var(--bs-icon-button-subtle-focus);background:var(--bs-icon-button-subtle-hover)}.bs-icon-button--outlined{background:transparent;color:var(--bs-color-primary-default);border:1px solid var(--bs-icon-button-outlined-border)}.bs-icon-button--outlined:hover:not(:disabled){background:var(--bs-icon-button-outlined-container);border-color:var(--bs-icon-button-outlined-border-hover);color:var(--bs-icon-button-outlined-text-hover)}.bs-icon-button--outlined:active:not(:disabled){background:var(--bs-icon-button-outlined-container);color:var(--bs-icon-button-outlined-text-hover);border-color:var(--bs-icon-button-outlined-border-pressed)}.bs-icon-button--outlined:disabled{opacity:var(--bs-opacity-disabled);cursor:not-allowed}.bs-icon-button--outlined:focus-visible{outline-color:var(--bs-icon-button-outlined-focus)}"}},[849,"bs-icon-button",{variant:[1],size:[1],disabled:[4],type:[1],ariaLabel:[1,"aria-label"]}]);function r(){"undefined"!=typeof customElements&&["bs-icon-button"].forEach((n=>{"bs-icon-button"===n&&(customElements.get(o(n))||customElements.define(o(n),b))}))}r();export{b as B,r as d}
|
package/dist/esm/brandsync-wc.js
CHANGED
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["bs-carousel",[[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}]}]]],["bs-file-upload-item",[[769,"bs-file-upload-item",{"state":[513],"fileName":[1,"file-name"],"fileSize":[1,"file-size"],"progress":[2],"message":[1],"thumbnailSrc":[1,"thumbnail-src"],"thumbnailAlt":[1,"thumbnail-alt"],"cancelLabel":[1,"cancel-label"],"removeLabel":[1,"remove-label"]}]]],["bs-input",[[849,"bs-input",{"name":[513],"value":[1025],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[516],"required":[4],"step":[2],"min":[2],"max":[2],"options":[16],"rows":[2],"chips":[16],"titleOptions":[16],"initialsTitle":[1,"initials-title"],"countryOptions":[16],"country":[1],"length":[2],"open":[1540],"hasIcon":[32],"hasEndIcon":[32],"passwordVisible":[32],"chipDraft":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]],{"value":[{"onFormStateChange":0}],"type":[{"onFormStateChange":0}],"chips":[{"onFormStateChange":0}],"required":[{"onFormStateChange":0}]}]]],["bs-snackbar",[[769,"bs-snackbar",{"variant":[1],"loading":[4],"actionLabel":[1,"action-label"]}]]],["bs-attachment",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-breadcrumb-overflow",[[513,"bs-breadcrumb-overflow",{"items":[16],"overflowLabel":[1,"overflow-label"],"size":[513],"open":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-chatbot-header",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-dialog",[[769,"bs-dialog",{"open":[1540],"heading":[1],"size":[1],"centered":[516],"hasFooter":[32],"hasImage":[32],"hasIcon":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]],["bs-file-upload",[[769,"bs-file-upload",{"direction":[513],"heading":[1],"description":[1],"buttonLabel":[1,"button-label"],"accept":[1],"multiple":[4],"disabled":[516],"dragging":[1540]}]]],["bs-navigation-drawer",[[769,"bs-navigation-drawer",{"heading":[1],"collapsible":[4],"collapsed":[1540],"logoBackground":[1,"logo-background"],"showLogo":[4,"show-logo"]},
|
|
19
|
+
return bootstrapLazy([["bs-carousel",[[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}]}]]],["bs-file-upload-item",[[769,"bs-file-upload-item",{"state":[513],"fileName":[1,"file-name"],"fileSize":[1,"file-size"],"progress":[2],"message":[1],"thumbnailSrc":[1,"thumbnail-src"],"thumbnailAlt":[1,"thumbnail-alt"],"cancelLabel":[1,"cancel-label"],"removeLabel":[1,"remove-label"]}]]],["bs-input",[[849,"bs-input",{"name":[513],"value":[1025],"type":[1],"label":[1],"placeholder":[1],"description":[1],"error":[1],"disabled":[516],"required":[4],"step":[2],"min":[2],"max":[2],"options":[16],"rows":[2],"chips":[16],"titleOptions":[16],"initialsTitle":[1,"initials-title"],"countryOptions":[16],"country":[1],"length":[2],"open":[1540],"hasIcon":[32],"hasEndIcon":[32],"passwordVisible":[32],"chipDraft":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]],{"value":[{"onFormStateChange":0}],"type":[{"onFormStateChange":0}],"chips":[{"onFormStateChange":0}],"required":[{"onFormStateChange":0}]}]]],["bs-snackbar",[[769,"bs-snackbar",{"variant":[1],"loading":[4],"actionLabel":[1,"action-label"]}]]],["bs-attachment",[[513,"bs-attachment",{"type":[1],"fileName":[1,"file-name"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"loading":[4],"removable":[4]}]]],["bs-breadcrumb-overflow",[[513,"bs-breadcrumb-overflow",{"items":[16],"overflowLabel":[1,"overflow-label"],"size":[513],"open":[32]},[[0,"keydown","onHostKeydown"],[0,"focusout","onHostFocusOut"]]]]],["bs-chatbot-header",[[769,"bs-chatbot-header",{"heading":[1],"expanded":[1540]}]]],["bs-dialog",[[769,"bs-dialog",{"open":[1540],"heading":[1],"size":[1],"centered":[516],"hasFooter":[32],"hasImage":[32],"hasIcon":[32]},[[4,"keydown","onKeydown"],[4,"focusin","onFocusIn"]]]]],["bs-file-upload",[[769,"bs-file-upload",{"direction":[513],"heading":[1],"description":[1],"buttonLabel":[1,"button-label"],"accept":[1],"multiple":[4],"disabled":[516],"dragging":[1540]}]]],["bs-navigation-drawer",[[769,"bs-navigation-drawer",{"heading":[1],"collapsible":[4],"collapsed":[1540],"logoBackground":[1,"logo-background"],"showLogo":[4,"show-logo"],"open":[1540],"mobile":[32]},[[4,"keydown","onDocumentKeydown"],[4,"focusin","onDocumentFocusIn"]],{"collapsed":[{"onCollapsedChange":0}],"mobile":[{"onMobileChange":0}],"open":[{"onOpenChange":0}]}]]],["bs-navigation-header",[[769,"bs-navigation-header",{"alignment":[1],"ariaLabel":[1,"aria-label"],"skipToContentHref":[1,"skip-to-content-href"],"skipToContentLabel":[1,"skip-to-content-label"],"logoBackground":[1,"logo-background"]}]]],["bs-accordion",[[769,"bs-accordion",{"expanded":[516],"size":[1],"disabled":[4],"showIcon":[4,"show-icon"],"showPreview":[4,"show-preview"]}]]],["bs-ai-disclaimer",[[257,"bs-ai-disclaimer"]]],["bs-ai-greeting",[[513,"bs-ai-greeting",{"assistantName":[1,"assistant-name"],"productName":[1,"product-name"]}]]],["bs-ai-thinking",[[513,"bs-ai-thinking",{"label":[1]}]]],["bs-attachment-list",[[769,"bs-attachment-list",{"ariaLabel":[1,"aria-label"],"canScrollRight":[32]}]]],["bs-avatar",[[513,"bs-avatar",{"type":[1],"size":[1],"initials":[1],"src":[1],"alt":[1],"ariaLabel":[1,"aria-label"],"disabled":[516]}]]],["bs-badge",[[769,"bs-badge",{"variant":[1]}]]],["bs-breadcrumb",[[769,"bs-breadcrumb",{"href":[1],"current":[516],"size":[513]}]]],["bs-breadcrumbs",[[769,"bs-breadcrumbs",{"label":[1],"size":[1]},null,{"size":[{"onSizeChange":0}]}]]],["bs-button-skeleton",[[513,"bs-button-skeleton",{"size":[1]}]]],["bs-card",[[769,"bs-card",{"surface":[1],"hasImage":[32]}]]],["bs-chatbot-feedback",[[513,"bs-chatbot-feedback",{"rating":[1538],"submitted":[1540],"comment":[1025],"heading":[1],"subtitle":[1]}]]],["bs-chatbot-response-action",[[769,"bs-chatbot-response-action",{"sourcesCount":[2,"sources-count"],"menuOpen":[1540,"menu-open"]},[[4,"click","onDocumentClick"],[4,"keydown","onKeydown"]]]]],["bs-chatbot-sources-drawer",[[769,"bs-chatbot-sources-drawer",{"heading":[1],"count":[2],"slottedCount":[32]}]]],["bs-chatbot-suggestion-button",[[769,"bs-chatbot-suggestion-button",{"disabled":[4]}]]],["bs-checkbox",[[849,"bs-checkbox",{"name":[513],"value":[1],"required":[4],"size":[1],"checked":[1540],"indeterminate":[1540],"disabled":[516],"error":[4],"ariaLabel":[1,"aria-label"]},null,{"checked":[{"syncFormValue":0}],"value":[{"syncFormValue":0}],"required":[{"syncFormValue":0}],"indeterminate":[{"onIndeterminateChange":0}]}]]],["bs-checkbox-skeleton",[[513,"bs-checkbox-skeleton",{"size":[1]}]]],["bs-chip-filter",[[785,"bs-chip-filter",{"size":[1],"selected":[516],"dropdown":[4],"disabled":[4],"ariaLabel":[1,"aria-label"],"hasIcon":[32]}]]],["bs-chip-informative",[[769,"bs-chip-informative",{"color":[1],"size":[1],"disabled":[516],"hasIcon":[32]}]]],["bs-chip-input",[[785,"bs-chip-input",{"size":[1],"selected":[1540],"disabled":[516],"hasIcon":[32],"labelText":[32]}]]],["bs-composer",[[785,"bs-composer",{"variant":[1],"placeholder":[1],"value":[1025],"state":[513],"ariaLabel":[1,"aria-label"],"hasAttachments":[32]}]]],["bs-composer-status-banner",[[769,"bs-composer-status-banner",{"type":[1],"message":[1],"showIcon":[4,"show-icon"],"showButton":[4,"show-button"],"actionLabel":[1,"action-label"],"allowClose":[4,"allow-close"]}]]],["bs-data-table",[[513,"bs-data-table",{"columns":[16],"rows":[16],"sortColumn":[1,"sort-column"],"sortDirection":[1,"sort-direction"],"selectable":[4],"cellRenderer":[16],"selectedIds":[32],"clearSelection":[64]}]]],["bs-inline-tab",[[769,"bs-inline-tab",{"selected":[516],"disabled":[4],"ariaLabel":[1,"aria-label"],"value":[513],"tabbable":[4],"hasIcon":[32],"hasLabel":[32]}]]],["bs-navigation-drawer-item",[[769,"bs-navigation-drawer-item",{"selected":[516],"expandable":[4],"expanded":[1540],"nested":[4],"ariaLabel":[1,"aria-label"],"collapsed":[516],"hasIcon":[32]}]]],["bs-progress",[[513,"bs-progress",{"type":[1],"size":[1],"strokeWidth":[2,"stroke-width"],"value":[2],"showLabel":[4,"show-label"],"ariaLabel":[1,"aria-label"]}]]],["bs-radio",[[849,"bs-radio",{"name":[513],"value":[1],"checked":[1540],"disabled":[516],"groupHasChecked":[32]},[[4,"bsChange","onAnyRadioChange"]],{"checked":[{"onCheckedChange":0}],"value":[{"onCheckedChange":0}]}]]],["bs-slider",[[593,"bs-slider",{"type":[1],"name":[513],"showLabel":[4,"show-label"],"label":[1],"min":[2],"max":[2],"step":[2],"value":[1026],"valueStart":[1026,"value-start"],"valueEnd":[1026,"value-end"],"segments":[2],"disabled":[516],"ariaLabel":[1,"aria-label"]},null,{"value":[{"syncFormValue":0}],"valueStart":[{"syncFormValue":0}],"valueEnd":[{"syncFormValue":0}],"type":[{"syncFormValue":0}]}]]],["bs-source-link",[[769,"bs-source-link",{"fileName":[1,"file-name"],"sourceName":[1,"source-name"],"version":[1],"href":[1],"target":[1]}]]],["bs-stepper",[[769,"bs-stepper",{"currentStep":[2,"current-step"],"direction":[513],"showDescription":[4,"show-description"]},null,{"currentStep":[{"onPropChange":0}],"direction":[{"onPropChange":0}],"showDescription":[{"onPropChange":0}]}]]],["bs-stepper-step",[[513,"bs-stepper-step",{"name":[1],"description":[1],"error":[4],"disabled":[4],"computedState":[1,"computed-state"],"direction":[1],"showDescription":[4,"show-description"]}]]],["bs-switch",[[849,"bs-switch",{"name":[513],"value":[1],"size":[1],"checked":[1540],"disabled":[516],"ariaLabel":[1,"aria-label"]},null,{"checked":[{"syncFormValue":0}],"value":[{"syncFormValue":0}]}]]],["bs-tab",[[769,"bs-tab",{"selected":[516],"disabled":[4],"iconPosition":[1,"icon-position"],"ariaLabel":[1,"aria-label"],"value":[513],"tabbable":[4],"hasIcon":[32],"hasLabel":[32],"hasBadge":[32]}]]],["bs-tabs",[[769,"bs-tabs",{"type":[1],"orientation":[1],"value":[1537]},[[0,"bsSelect","onTabSelect"],[0,"keydown","onKeyDown"]],{"value":[{"onValueChange":0}],"orientation":[{"syncRovingTabindex":0}]}]]],["bs-toast",[[769,"bs-toast",{"state":[1]}]]],["bs-menu-item",[[769,"bs-menu-item",{"disabled":[4],"hasIcon":[32]}]]],["bs-pagination",[[513,"bs-pagination",{"totalPages":[2,"total-pages"],"currentPage":[1538,"current-page"],"siblingCount":[2,"sibling-count"],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"]}]]],["bs-progress-linear",[[769,"bs-progress-linear",{"type":[1],"size":[1],"value":[2],"showLabel":[4,"show-label"],"ariaLabel":[1,"aria-label"],"hasLabelContent":[32]}]]],["bs-tooltip",[[769,"bs-tooltip",{"placement":[1]}]]],["bs-logo",[[513,"bs-logo",{"variant":[1],"background":[1],"src":[1],"alt":[1]}]]],["bs-menu",[[257,"bs-menu",null,[[0,"keydown","onKeyDown"]]]]],["bs-button",[[849,"bs-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"],"hasIcon":[32],"hasEndIcon":[32],"hasLabel":[32]}]]],["bs-icon-button",[[849,"bs-icon-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1],"ariaLabel":[1,"aria-label"]}]]]], options);
|
|
20
20
|
});
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { r as registerInstance, a as getElement, h, H as Host } from './index-AgoOSYvW.js';
|
|
1
|
+
import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-AgoOSYvW.js';
|
|
2
2
|
|
|
3
3
|
const bsBreadcrumbOverflowCss = () => `:host{display:inline-flex;align-items:center;--bs-breadcrumb-overflow-gap:var(--bs-spacing-50);--bs-breadcrumb-overflow-separator-color:var(--bs-icon-default);--bs-breadcrumb-overflow-ellipsis-color:var(--bs-icon-muted);--bs-breadcrumb-overflow-radius:var(--bs-border-radius-100);--bs-breadcrumb-overflow-padding-y:var(--bs-spacing-100);--bs-breadcrumb-overflow-padding-x:var(--bs-spacing-150);--bs-breadcrumb-overflow-hover:var(--bs-color-neutral-container-hover);--bs-breadcrumb-overflow-color:var(--bs-text-muted);--bs-breadcrumb-overflow-font-size:var(--bs-font-size-md);--bs-breadcrumb-overflow-line-height:var(--bs-line-height-body-md);--bs-breadcrumb-overflow-font-size-sm:var(--bs-font-size-sm);--bs-breadcrumb-overflow-line-height-sm:var(--bs-line-height-body-sm);gap:var(--bs-breadcrumb-overflow-gap)}:host(:first-child) .bs-breadcrumb-overflow__separator{display:none}:host([size='sm']) .bs-breadcrumb-overflow__link{font-size:var(--bs-breadcrumb-overflow-font-size-sm);line-height:calc(var(--bs-breadcrumb-overflow-line-height-sm) * 1px)}.bs-breadcrumb-overflow__separator{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--bs-breadcrumb-overflow-separator-color)}.bs-breadcrumb-overflow__separator svg{width:16px;height:16px}.bs-breadcrumb-overflow__wrapper{position:relative;display:inline-flex}.bs-breadcrumb-overflow__ellipsis{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;padding:0;border:none;background:transparent;cursor:pointer;color:var(--bs-breadcrumb-overflow-ellipsis-color);border-radius:var(--bs-breadcrumb-overflow-radius)}.bs-breadcrumb-overflow__ellipsis:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-breadcrumb-overflow__ellipsis svg{width:24px;height:24px}.bs-breadcrumb-overflow__menu{position:absolute;top:calc(100% + var(--bs-breadcrumb-overflow-gap));inset-inline-start:0;z-index:1;white-space:nowrap}.bs-breadcrumb-overflow__link{display:block;box-sizing:border-box;padding:var(--bs-breadcrumb-overflow-padding-y) var(--bs-breadcrumb-overflow-padding-x);border-radius:var(--bs-breadcrumb-overflow-radius);color:var(--bs-breadcrumb-overflow-color);font-size:var(--bs-breadcrumb-overflow-font-size);line-height:calc(var(--bs-breadcrumb-overflow-line-height) * 1px);text-decoration:none;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}a.bs-breadcrumb-overflow__link:hover,a.bs-breadcrumb-overflow__link:focus-visible{background:var(--bs-breadcrumb-overflow-hover)}a.bs-breadcrumb-overflow__link:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:-2px}`;
|
|
4
4
|
|
|
5
5
|
const BsBreadcrumbOverflow = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
|
+
this.bsNavigate = createEvent(this, "bsNavigate");
|
|
8
9
|
}
|
|
9
10
|
get el() { return getElement(this); }
|
|
10
11
|
/** Array prop -- must be set as a JS property (`el.items = [...]`), not an HTML attribute, since
|
|
@@ -21,6 +22,17 @@ const BsBreadcrumbOverflow = class {
|
|
|
21
22
|
size = 'md';
|
|
22
23
|
/** Whether the overflow popup is open. */
|
|
23
24
|
open = false;
|
|
25
|
+
/** Fires when one of the popup's links is clicked, before the browser navigates. **Cancelable**
|
|
26
|
+
* -- see `bs-breadcrumb`'s `bsNavigate`, which this mirrors (same detail, same modified-click
|
|
27
|
+
* rule). Detail is `{ href }`. */
|
|
28
|
+
bsNavigate;
|
|
29
|
+
onItemClick = (href) => (ev) => {
|
|
30
|
+
if (ev.defaultPrevented || ev.button !== 0 || ev.metaKey || ev.ctrlKey || ev.shiftKey || ev.altKey)
|
|
31
|
+
return;
|
|
32
|
+
const navigate = this.bsNavigate.emit({ href });
|
|
33
|
+
if (navigate.defaultPrevented)
|
|
34
|
+
ev.preventDefault();
|
|
35
|
+
};
|
|
24
36
|
onEllipsisToggle = () => {
|
|
25
37
|
this.open = !this.open;
|
|
26
38
|
};
|
|
@@ -44,7 +56,7 @@ const BsBreadcrumbOverflow = class {
|
|
|
44
56
|
}
|
|
45
57
|
}
|
|
46
58
|
render() {
|
|
47
|
-
return (h(Host, { key: '
|
|
59
|
+
return (h(Host, { key: '4dd958f3f99f42072bb314654fc5a0856d8e41c4', role: "listitem" }, h("span", { key: 'ab7d01467e99b810b62e71d7ed289316470529f5', part: "separator", class: "bs-breadcrumb-overflow__separator", "aria-hidden": "true" }, h(CaretRightIcon, { key: '6590de37057e39c4c914fde3dc3490e17566ad66' })), h("span", { key: '63081f592180f605716221c80dbb877acf926d48', class: "bs-breadcrumb-overflow__wrapper" }, h("button", { key: '0ec87f47561dc329269b1fefef0ccb76dae4cdb4', type: "button", part: "ellipsis", class: "bs-breadcrumb-overflow__ellipsis", "aria-haspopup": "menu", "aria-expanded": String(this.open), "aria-label": this.overflowLabel, onClick: this.onEllipsisToggle }, h(DotsThreeIcon, { key: '6da3c5bee9f532264e2e58227dccc4dfc3786782' })), this.open && this.items.length > 0 && (h("bs-menu", { key: '66f772f0f53090e960d2a9b08e1283989dfc02f8', part: "menu", class: "bs-breadcrumb-overflow__menu" }, this.items.map(item => item.href ? (h("a", { part: "link", class: "bs-breadcrumb-overflow__link", href: item.href, onClick: this.onItemClick(item.href) }, item.label)) : (h("span", { part: "link", class: "bs-breadcrumb-overflow__link" }, item.label))))))));
|
|
48
60
|
}
|
|
49
61
|
};
|
|
50
62
|
const CaretRightIcon = () => (h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M6 3L11 8L6 13", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-AgoOSYvW.js';
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, H as Host } from './index-AgoOSYvW.js';
|
|
2
2
|
|
|
3
3
|
const bsBreadcrumbCss = () => `:host{display:inline-flex;align-items:center;--bs-breadcrumb-gap:var(--bs-spacing-50);--bs-breadcrumb-separator-color:var(--bs-icon-default);--bs-breadcrumb-color-default:var(--bs-text-muted);--bs-breadcrumb-color-hover:var(--bs-text-default);--bs-breadcrumb-color-current:var(--bs-text-default);--bs-breadcrumb-font-size:var(--bs-font-size-md);--bs-breadcrumb-line-height:var(--bs-line-height-body-md);--bs-breadcrumb-font-size-sm:var(--bs-font-size-sm);--bs-breadcrumb-line-height-sm:var(--bs-line-height-body-sm);--bs-breadcrumb-font-weight-default:var(--bs-font-weight-regular);--bs-breadcrumb-font-weight-current:var(--bs-font-weight-semibold);--bs-breadcrumb-focus-ring-color:var(--bs-border-neutral-focus);--bs-breadcrumb-radius:var(--bs-border-radius-50);gap:var(--bs-breadcrumb-gap);font-family:inherit;font-size:var(--bs-breadcrumb-font-size);line-height:calc(var(--bs-breadcrumb-line-height) * 1px)}:host(:first-child) .bs-breadcrumb__separator{display:none}:host([size='sm']){font-size:var(--bs-breadcrumb-font-size-sm);line-height:calc(var(--bs-breadcrumb-line-height-sm) * 1px)}.bs-breadcrumb__separator{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--bs-breadcrumb-separator-color)}.bs-breadcrumb__separator svg{width:16px;height:16px}.bs-breadcrumb__link{color:var(--bs-breadcrumb-color-default);font-weight:var(--bs-breadcrumb-font-weight-default);text-decoration:none;border-radius:var(--bs-breadcrumb-radius);transition:color var(--bs-duration-fast) var(--bs-easing-standard)}a.bs-breadcrumb__link:hover{color:var(--bs-breadcrumb-color-hover)}a.bs-breadcrumb__link:focus-visible{outline:2px solid var(--bs-breadcrumb-focus-ring-color);outline-offset:2px}.bs-breadcrumb__current{color:var(--bs-breadcrumb-color-current);font-weight:var(--bs-breadcrumb-font-weight-current)}`;
|
|
4
4
|
|
|
5
5
|
const BsBreadcrumb = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
|
+
this.bsNavigate = createEvent(this, "bsNavigate");
|
|
8
9
|
}
|
|
9
10
|
/** Destination for a non-current crumb. Ignored when `current` is true -- the current page is
|
|
10
11
|
* never a link, even if `href` is set (see the class JSDoc). */
|
|
@@ -21,8 +22,21 @@ const BsBreadcrumb = class {
|
|
|
21
22
|
* size is unchanged, since Figma didn't specify a `sm` icon size and guessing one risked drifting
|
|
22
23
|
* off-brand. Reflected so consumers/CSS can target `bs-breadcrumb[size="sm"]`. */
|
|
23
24
|
size = 'md';
|
|
25
|
+
/** Fires when the crumb's link is clicked, before the browser navigates. **Cancelable**: call
|
|
26
|
+
* `event.preventDefault()` to stop the native navigation and route it yourself (an SPA router).
|
|
27
|
+
* Detail is `{ href }`. Only a plain primary-button click emits it -- ctrl/cmd/shift/alt-clicks
|
|
28
|
+
* and middle-clicks (open in a new tab/window) are left to the browser. Bubbles and is composed,
|
|
29
|
+
* so one listener on the surrounding `<bs-breadcrumbs>` covers every crumb. */
|
|
30
|
+
bsNavigate;
|
|
31
|
+
onLinkClick = (ev) => {
|
|
32
|
+
if (ev.defaultPrevented || ev.button !== 0 || ev.metaKey || ev.ctrlKey || ev.shiftKey || ev.altKey)
|
|
33
|
+
return;
|
|
34
|
+
const navigate = this.bsNavigate.emit({ href: this.href });
|
|
35
|
+
if (navigate.defaultPrevented)
|
|
36
|
+
ev.preventDefault();
|
|
37
|
+
};
|
|
24
38
|
render() {
|
|
25
|
-
return (h(Host, { key: '
|
|
39
|
+
return (h(Host, { key: '92b78d6b9eeb98420ed6a42496d632d4d437ea78', role: "listitem" }, h("span", { key: '0fbd23cacfecc6b5ea75c250d65875a1087913f7', part: "separator", class: "bs-breadcrumb__separator", "aria-hidden": "true" }, h(CaretRightIcon, { key: '2799c66de6d3291622bd3dea39e4c1f7f97a1bc9' })), this.current ? (h("span", { part: "current", class: "bs-breadcrumb__current", "aria-current": "page" }, h("slot", null))) : this.href ? (h("a", { part: "link", class: "bs-breadcrumb__link", href: this.href, onClick: this.onLinkClick }, h("slot", null))) : (h("span", { part: "link", class: "bs-breadcrumb__link" }, h("slot", null)))));
|
|
26
40
|
}
|
|
27
41
|
};
|
|
28
42
|
const CaretRightIcon = () => (h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, h("path", { d: "M6 3L11 8L6 13", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
@@ -16,8 +16,22 @@ const BsDataTable = class {
|
|
|
16
16
|
sortColumn;
|
|
17
17
|
sortDirection = 'asc';
|
|
18
18
|
selectable = false;
|
|
19
|
-
/** Optional custom cell renderer,
|
|
20
|
-
*
|
|
19
|
+
/** Optional custom cell renderer, for rich cells such as a status badge, a link or an actions
|
|
20
|
+
* column. It returns an **HTML string** that is inserted into the cell as real markup
|
|
21
|
+
* (`innerHTML`), so links, buttons, `<img>` and other web components (e.g. `<bs-badge>`) all render.
|
|
22
|
+
*
|
|
23
|
+
* **When set it renders every cell, not just the special ones** -- return the plain value for
|
|
24
|
+
* ordinary columns too. And **the returned string is not escaped or sanitized** (same trust
|
|
25
|
+
* model as React's `dangerouslySetInnerHTML`): escape any untrusted row data you put in it, plain
|
|
26
|
+
* columns included, or it will be interpreted as HTML. Without a `cellRenderer`, values are
|
|
27
|
+
* rendered as escaped text.
|
|
28
|
+
*
|
|
29
|
+
* The markup is static HTML -- attach behavior yourself, e.g. one `click` listener on the table
|
|
30
|
+
* that reads `event.composedPath()[0]` (events from inside the shadow root are retargeted to the
|
|
31
|
+
* table itself).
|
|
32
|
+
*
|
|
33
|
+
* Function props are JS-property-only, same as array props -- there is no attribute equivalent.
|
|
34
|
+
* Falls back to the raw cell value (as escaped text) when unset. */
|
|
21
35
|
cellRenderer;
|
|
22
36
|
bsSort;
|
|
23
37
|
bsRowSelect;
|
|
@@ -58,11 +72,11 @@ const BsDataTable = class {
|
|
|
58
72
|
}
|
|
59
73
|
}
|
|
60
74
|
render() {
|
|
61
|
-
return (h("table", { key: '
|
|
75
|
+
return (h("table", { key: '7ea79a70148513512cdba2f8cb8d5a5c7ae09706', part: "table", class: "bs-data-table" }, h("thead", { key: 'e9cf73cbba196e9caf4b03a837866a5370c13e19', part: "head" }, h("tr", { key: 'a33fbd57f1925e34c6e7ce292b6945d2ee5c6113' }, this.selectable && (h("th", { key: '876948b66e54ae68d6aa6148c962781223fa0441', class: "bs-data-table__select-col" }, this.rows.length > 0 && (h("input", { key: 'cf8f26258bcee486190e3ac4b3d5ce4715784d5f', type: "checkbox", "aria-label": "Select all rows", checked: this.selectedIds.size > 0 && this.selectedIds.size === this.rows.length, indeterminate: this.selectedIds.size > 0 && this.selectedIds.size < this.rows.length, onChange: this.onSelectAllChange })))), this.columns.map(column => {
|
|
62
76
|
const isSorted = this.sortColumn === column.key;
|
|
63
77
|
const ariaSort = column.sortable ? (isSorted ? (this.sortDirection === 'asc' ? 'ascending' : 'descending') : 'none') : undefined;
|
|
64
78
|
return (h("th", { part: "header-cell", class: "bs-data-table__header-cell", "aria-sort": ariaSort }, column.sortable ? (h("button", { type: "button", class: "bs-data-table__sort-button", onClick: () => this.onHeaderClick(column) }, column.label, isSorted && h("span", { class: "bs-data-table__sort-indicator" }, this.sortDirection === 'asc' ? ' ▲' : ' ▼'))) : (column.label)));
|
|
65
|
-
}))), h("tbody", { key: '
|
|
79
|
+
}))), h("tbody", { key: '3a0c2ce6fea27797b855ee2b3c724d0e99471d28', part: "body" }, this.rows.map(row => (h("tr", { part: "row", class: "bs-data-table__row" }, this.selectable && (h("td", { class: "bs-data-table__select-col" }, h("input", { type: "checkbox", checked: this.selectedIds.has(row.id), onChange: ev => this.onRowCheckboxChange(row, ev) }))), this.columns.map(column => this.cellRenderer ? (
|
|
66
80
|
// cellRenderer is a developer-supplied, trusted function (JS-property-only, never
|
|
67
81
|
// derived from untrusted input) -- its HTML output is intentionally not escaped,
|
|
68
82
|
// same trust model as React's dangerouslySetInnerHTML.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, a as getElement, h } from './index-AgoOSYvW.js';
|
|
2
2
|
|
|
3
|
-
const bsIconButtonCss = () => `:host{display:inline-block;--bs-icon-button-radius:var(--bs-border-radius-100);--bs-icon-button-size-sm:40px;--bs-icon-button-size-md:44px;--bs-icon-button-size-lg:48px;--bs-icon-button-icon-size-sm:16px;--bs-icon-button-icon-size-md:20px;--bs-icon-button-icon-size-lg:24px;--bs-icon-button-padding:var(--bs-spacing-150);--bs-icon-button-radius-xs:var(--bs-border-radius-50);--bs-icon-button-size-xs:16px;--bs-icon-button-icon-size-xs:8px;--bs-icon-button-padding-xs:var(--bs-spacing-50);--bs-icon-button-primary-default:var(--bs-color-primary-default);--bs-icon-button-primary-hover:var(--bs-color-primary-hover);--bs-icon-button-primary-pressed:var(--bs-color-primary-pressed);--bs-icon-button-primary-disabled:var(--bs-surface-action-disabled);--bs-icon-button-neutral-container:var(--bs-color-neutral-container);--bs-icon-button-neutral-hover:var(--bs-color-neutral-container-hover);--bs-icon-button-neutral-pressed:var(--bs-color-neutral-container-pressed);--bs-icon-button-neutral-border:var(--bs-border-neutral-container);--bs-icon-button-neutral-border-hover:var(--bs-border-neutral-container-hover);--bs-icon-button-neutral-border-pressed:var(--bs-border-neutral-container-pressed);--bs-icon-button-subtle-hover:var(--bs-color-neutral-container);--bs-icon-button-subtle-pressed:var(--bs-color-neutral-container-pressed);--bs-icon-button-subtle-focus:var(--bs-border-primary-focus);--bs-icon-button-outlined-border:var(--bs-color-primary-default);--bs-icon-button-outlined-border-hover:var(--bs-color-primary-hover);--bs-icon-button-outlined-border-pressed:var(--bs-color-primary-pressed);--bs-icon-button-outlined-text-hover:var(--bs-text-action-hover);--bs-icon-button-outlined-container:var(--bs-color-primary-container);--bs-icon-button-outlined-focus:var(--bs-border-primary-focus);--bs-icon-button-success-default:var(--bs-color-success-default);--bs-icon-button-success-hover:var(--bs-color-success-hover);--bs-icon-button-success-pressed:var(--bs-color-success-pressed);--bs-icon-button-success-disabled:var(--bs-surface-action-disabled);--bs-icon-button-success-focus:var(--bs-border-success-focus);--bs-icon-button-warning-default:var(--bs-color-warning-default);--bs-icon-button-warning-hover:var(--bs-color-warning-hover);--bs-icon-button-warning-pressed:var(--bs-color-warning-pressed);--bs-icon-button-warning-disabled:var(--bs-surface-action-disabled);--bs-icon-button-warning-focus:var(--bs-border-warning-focus);--bs-icon-button-info-default:var(--bs-color-info-default);--bs-icon-button-info-hover:var(--bs-color-info-hover);--bs-icon-button-info-pressed:var(--bs-color-info-pressed);--bs-icon-button-info-disabled:var(--bs-surface-action-disabled);--bs-icon-button-info-focus:var(--bs-border-info-focus);--bs-icon-button-error-default:var(--bs-color-error-default);--bs-icon-button-error-hover:var(--bs-color-error-hover);--bs-icon-button-error-pressed:var(--bs-color-error-pressed);--bs-icon-button-error-disabled:var(--bs-surface-action-disabled);--bs-icon-button-error-focus:var(--bs-border-error-focus)}.bs-icon-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;border-radius:var(--bs-icon-button-radius);padding:var(--bs-icon-button-padding);cursor:pointer;transition:background-color var(--bs-duration-fast, 120ms) var(--bs-easing-standard, ease)}.bs-icon-button:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-icon-button:disabled{cursor:not-allowed}.bs-icon-button--xs{width:var(--bs-icon-button-size-xs);height:var(--bs-icon-button-size-xs);padding:var(--bs-icon-button-padding-xs);border-radius:var(--bs-icon-button-radius-xs)}.bs-icon-button--xs .bs-icon-button__icon{width:var(--bs-icon-button-icon-size-xs);height:var(--bs-icon-button-icon-size-xs)}.bs-icon-button--sm{width:var(--bs-icon-button-size-sm);height:var(--bs-icon-button-size-sm)}.bs-icon-button--sm .bs-icon-button__icon{width:var(--bs-icon-button-icon-size-sm);height:var(--bs-icon-button-icon-size-sm)}.bs-icon-button--md{width:var(--bs-icon-button-size-md);height:var(--bs-icon-button-size-md)}.bs-icon-button--md .bs-icon-button__icon{width:var(--bs-icon-button-icon-size-md);height:var(--bs-icon-button-icon-size-md)}.bs-icon-button--lg{width:var(--bs-icon-button-size-lg);height:var(--bs-icon-button-size-lg)}.bs-icon-button--lg .bs-icon-button__icon{width:var(--bs-icon-button-icon-size-lg);height:var(--bs-icon-button-icon-size-lg)}.bs-icon-button__icon{display:inline-flex;align-items:center;justify-content:center;color:inherit}.bs-icon-button__icon ::slotted(*){display:block;width:100%;height:100
|
|
3
|
+
const bsIconButtonCss = () => `:host{display:inline-block;--bs-icon-button-radius:var(--bs-border-radius-100);--bs-icon-button-size-sm:40px;--bs-icon-button-size-md:44px;--bs-icon-button-size-lg:48px;--bs-icon-button-icon-size-sm:16px;--bs-icon-button-icon-size-md:20px;--bs-icon-button-icon-size-lg:24px;--bs-icon-button-padding:var(--bs-spacing-150);--bs-icon-button-radius-xs:var(--bs-border-radius-50);--bs-icon-button-size-xs:16px;--bs-icon-button-icon-size-xs:8px;--bs-icon-button-padding-xs:var(--bs-spacing-50);--bs-icon-button-primary-default:var(--bs-color-primary-default);--bs-icon-button-primary-hover:var(--bs-color-primary-hover);--bs-icon-button-primary-pressed:var(--bs-color-primary-pressed);--bs-icon-button-primary-disabled:var(--bs-surface-action-disabled);--bs-icon-button-neutral-container:var(--bs-color-neutral-container);--bs-icon-button-neutral-hover:var(--bs-color-neutral-container-hover);--bs-icon-button-neutral-pressed:var(--bs-color-neutral-container-pressed);--bs-icon-button-neutral-border:var(--bs-border-neutral-container);--bs-icon-button-neutral-border-hover:var(--bs-border-neutral-container-hover);--bs-icon-button-neutral-border-pressed:var(--bs-border-neutral-container-pressed);--bs-icon-button-subtle-hover:var(--bs-color-neutral-container);--bs-icon-button-subtle-pressed:var(--bs-color-neutral-container-pressed);--bs-icon-button-subtle-focus:var(--bs-border-primary-focus);--bs-icon-button-outlined-border:var(--bs-color-primary-default);--bs-icon-button-outlined-border-hover:var(--bs-color-primary-hover);--bs-icon-button-outlined-border-pressed:var(--bs-color-primary-pressed);--bs-icon-button-outlined-text-hover:var(--bs-text-action-hover);--bs-icon-button-outlined-container:var(--bs-color-primary-container);--bs-icon-button-outlined-focus:var(--bs-border-primary-focus);--bs-icon-button-success-default:var(--bs-color-success-default);--bs-icon-button-success-hover:var(--bs-color-success-hover);--bs-icon-button-success-pressed:var(--bs-color-success-pressed);--bs-icon-button-success-disabled:var(--bs-surface-action-disabled);--bs-icon-button-success-focus:var(--bs-border-success-focus);--bs-icon-button-warning-default:var(--bs-color-warning-default);--bs-icon-button-warning-hover:var(--bs-color-warning-hover);--bs-icon-button-warning-pressed:var(--bs-color-warning-pressed);--bs-icon-button-warning-disabled:var(--bs-surface-action-disabled);--bs-icon-button-warning-focus:var(--bs-border-warning-focus);--bs-icon-button-info-default:var(--bs-color-info-default);--bs-icon-button-info-hover:var(--bs-color-info-hover);--bs-icon-button-info-pressed:var(--bs-color-info-pressed);--bs-icon-button-info-disabled:var(--bs-surface-action-disabled);--bs-icon-button-info-focus:var(--bs-border-info-focus);--bs-icon-button-error-default:var(--bs-color-error-default);--bs-icon-button-error-hover:var(--bs-color-error-hover);--bs-icon-button-error-pressed:var(--bs-color-error-pressed);--bs-icon-button-error-disabled:var(--bs-surface-action-disabled);--bs-icon-button-error-focus:var(--bs-border-error-focus)}.bs-icon-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;border-radius:var(--bs-icon-button-radius);padding:var(--bs-icon-button-padding);cursor:pointer;transition:background-color var(--bs-duration-fast, 120ms) var(--bs-easing-standard, ease)}.bs-icon-button:focus-visible{outline:2px solid var(--bs-border-neutral-focus);outline-offset:2px}.bs-icon-button:disabled{cursor:not-allowed}.bs-icon-button--xs{width:var(--bs-icon-button-size-xs);height:var(--bs-icon-button-size-xs);padding:var(--bs-icon-button-padding-xs);border-radius:var(--bs-icon-button-radius-xs)}.bs-icon-button--xs .bs-icon-button__icon{width:var(--bs-icon-button-icon-size-xs);height:var(--bs-icon-button-icon-size-xs);font-size:var(--bs-icon-button-icon-size-xs)}.bs-icon-button--sm{width:var(--bs-icon-button-size-sm);height:var(--bs-icon-button-size-sm)}.bs-icon-button--sm .bs-icon-button__icon{width:var(--bs-icon-button-icon-size-sm);height:var(--bs-icon-button-icon-size-sm);font-size:var(--bs-icon-button-icon-size-sm)}.bs-icon-button--md{width:var(--bs-icon-button-size-md);height:var(--bs-icon-button-size-md)}.bs-icon-button--md .bs-icon-button__icon{width:var(--bs-icon-button-icon-size-md);height:var(--bs-icon-button-icon-size-md);font-size:var(--bs-icon-button-icon-size-md)}.bs-icon-button--lg{width:var(--bs-icon-button-size-lg);height:var(--bs-icon-button-size-lg)}.bs-icon-button--lg .bs-icon-button__icon{width:var(--bs-icon-button-icon-size-lg);height:var(--bs-icon-button-icon-size-lg);font-size:var(--bs-icon-button-icon-size-lg)}.bs-icon-button__icon{display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:1}.bs-icon-button__icon ::slotted(*){display:block;width:100%;height:100%;font-size:inherit;line-height:1}.bs-icon-button--primary{background:var(--bs-icon-button-primary-default);color:var(--bs-text-on-action)}.bs-icon-button--primary:hover:not(:disabled){background:var(--bs-icon-button-primary-hover)}.bs-icon-button--primary:active:not(:disabled){background:var(--bs-icon-button-primary-pressed)}.bs-icon-button--primary:disabled{background:var(--bs-icon-button-primary-disabled);color:var(--bs-text-on-disabled)}.bs-icon-button--neutral{background:var(--bs-icon-button-neutral-container);color:var(--bs-text-default);border:1px solid var(--bs-icon-button-neutral-border)}.bs-icon-button--neutral:hover:not(:disabled){background:var(--bs-icon-button-neutral-hover);border-color:var(--bs-icon-button-neutral-border-hover)}.bs-icon-button--neutral:active:not(:disabled){background:var(--bs-icon-button-neutral-pressed);border-color:var(--bs-icon-button-neutral-border-pressed)}.bs-icon-button--neutral:disabled{background:var(--bs-icon-button-neutral-container);color:var(--bs-text-on-disabled);border-color:var(--bs-icon-button-neutral-border)}.bs-icon-button--error{background:var(--bs-icon-button-error-default);color:var(--bs-text-on-action)}.bs-icon-button--error:hover:not(:disabled){background:var(--bs-icon-button-error-hover)}.bs-icon-button--error:active:not(:disabled){background:var(--bs-icon-button-error-pressed)}.bs-icon-button--error:disabled{background:var(--bs-icon-button-error-disabled);color:var(--bs-text-on-disabled)}.bs-icon-button--error:focus-visible{outline-color:var(--bs-icon-button-error-focus)}.bs-icon-button--success{background:var(--bs-icon-button-success-default);color:var(--bs-text-on-action)}.bs-icon-button--success:hover:not(:disabled){background:var(--bs-icon-button-success-hover)}.bs-icon-button--success:active:not(:disabled){background:var(--bs-icon-button-success-pressed)}.bs-icon-button--success:disabled{background:var(--bs-icon-button-success-disabled);color:var(--bs-text-on-disabled)}.bs-icon-button--success:focus-visible{outline-color:var(--bs-icon-button-success-focus)}.bs-icon-button--warning{background:var(--bs-icon-button-warning-default);color:var(--bs-text-on-action)}.bs-icon-button--warning:hover:not(:disabled){background:var(--bs-icon-button-warning-hover)}.bs-icon-button--warning:active:not(:disabled){background:var(--bs-icon-button-warning-pressed)}.bs-icon-button--warning:disabled{background:var(--bs-icon-button-warning-disabled);color:var(--bs-text-on-disabled)}.bs-icon-button--warning:focus-visible{outline-color:var(--bs-icon-button-warning-focus)}.bs-icon-button--info{background:var(--bs-icon-button-info-default);color:var(--bs-text-on-action)}.bs-icon-button--info:hover:not(:disabled){background:var(--bs-icon-button-info-hover)}.bs-icon-button--info:active:not(:disabled){background:var(--bs-icon-button-info-pressed)}.bs-icon-button--info:disabled{background:var(--bs-icon-button-info-disabled);color:var(--bs-text-on-disabled)}.bs-icon-button--info:focus-visible{outline-color:var(--bs-icon-button-info-focus)}.bs-icon-button--subtle{background:transparent;color:var(--bs-icon-neutral-default)}.bs-icon-button--subtle:hover:not(:disabled){background:var(--bs-icon-button-subtle-hover)}.bs-icon-button--subtle:active:not(:disabled){background:var(--bs-icon-button-subtle-pressed)}.bs-icon-button--subtle:disabled{background:transparent;color:var(--bs-text-on-disabled)}.bs-icon-button--subtle:focus-visible{outline-color:var(--bs-icon-button-subtle-focus);background:var(--bs-icon-button-subtle-hover)}.bs-icon-button--outlined{background:transparent;color:var(--bs-color-primary-default);border:1px solid var(--bs-icon-button-outlined-border)}.bs-icon-button--outlined:hover:not(:disabled){background:var(--bs-icon-button-outlined-container);border-color:var(--bs-icon-button-outlined-border-hover);color:var(--bs-icon-button-outlined-text-hover)}.bs-icon-button--outlined:active:not(:disabled){background:var(--bs-icon-button-outlined-container);color:var(--bs-icon-button-outlined-text-hover);border-color:var(--bs-icon-button-outlined-border-pressed)}.bs-icon-button--outlined:disabled{opacity:var(--bs-opacity-disabled);cursor:not-allowed}.bs-icon-button--outlined:focus-visible{outline-color:var(--bs-icon-button-outlined-focus)}`;
|
|
4
4
|
|
|
5
5
|
const BsIconButton = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -47,7 +47,7 @@ const BsIconButton = class {
|
|
|
47
47
|
form.reset();
|
|
48
48
|
};
|
|
49
49
|
render() {
|
|
50
|
-
return (h("button", { key: '
|
|
50
|
+
return (h("button", { key: '538cd121df25e20ea7e21a7b5269e73d275f8bff', class: `bs-icon-button bs-icon-button--${this.variant} bs-icon-button--${this.size}`, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabel, onClick: this.onClick }, h("span", { key: '35548fe082134edb85dbdcb0caf820ec3b5233c2', part: "icon", class: "bs-icon-button__icon" }, h("slot", { key: '7f16ef5f2c08fc5d2bb852bd5c36598be5aa1175' }))));
|
|
51
51
|
}
|
|
52
52
|
static get delegatesFocus() { return true; }
|
|
53
53
|
static get formAssociated() { return true; }
|
|
@@ -21,6 +21,10 @@ const BsInlineTab = class {
|
|
|
21
21
|
* violation). Stencil reflects this camelCase prop to the `aria-label` HTML attribute
|
|
22
22
|
* automatically, same as `bs-tab`'s identical prop. */
|
|
23
23
|
ariaLabel = null;
|
|
24
|
+
/** Identifies this tab within a parent `bs-tabs`: the group's `value` is the selected tab's
|
|
25
|
+
* `value`, and `bsChange` reports it. Optional -- a tab without one is identified by its
|
|
26
|
+
* zero-based position in the group (`"0"`, `"1"`...). */
|
|
27
|
+
value;
|
|
24
28
|
/** Set by a parent `bs-tabs` to implement roving tabindex (only one tab in the group is in the
|
|
25
29
|
* Tab order; arrow keys move between them). Left `undefined` for a standalone tab, which stays
|
|
26
30
|
* a normal tab stop. */
|
|
@@ -63,7 +67,7 @@ const BsInlineTab = class {
|
|
|
63
67
|
};
|
|
64
68
|
render() {
|
|
65
69
|
const iconOnly = this.hasIcon && !this.hasLabel;
|
|
66
|
-
return (h("button", { key: '
|
|
70
|
+
return (h("button", { key: '0d6927b0b39a7d84add287e6473681e5052b5f2d', type: "button", part: "tab", role: "tab", class: `bs-inline-tab ${this.selected ? 'bs-inline-tab--selected' : ''} ${this.disabled ? 'bs-inline-tab--disabled' : ''} ${iconOnly ? 'bs-inline-tab--icon-only' : ''} ${this.hasIcon ? 'bs-inline-tab--has-icon' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, tabIndex: this.tabbable === undefined ? undefined : this.tabbable ? 0 : -1, onClick: this.onClick }, h("span", { key: '866660f0f79927cd018df42286719f2f48262cbb', part: "icon", class: `bs-inline-tab__icon ${this.hasIcon ? 'bs-inline-tab__icon--has-content' : ''}` }, h("slot", { key: '58e11c8a0a57646644cb0b7c950d73f5cee52310', name: "icon", onSlotchange: this.onIconSlotchange })), h("span", { key: '38d2e1df2b4e494f68d3c4b9ea34d7a317401953', part: "label", class: `bs-inline-tab__label ${this.hasLabel ? 'bs-inline-tab__label--has-content' : ''}` }, h("slot", { key: '51fb6ec04479b18af787bca4e64f8105a0b19311', onSlotchange: this.onLabelSlotchange }))));
|
|
67
71
|
}
|
|
68
72
|
};
|
|
69
73
|
BsInlineTab.style = bsInlineTabCss();
|
|
@@ -91,7 +91,7 @@ const BsNavigationDrawerItem = class {
|
|
|
91
91
|
// incorrectly also toggle this parent row on every child click. Both are wrapped in a
|
|
92
92
|
// `display: contents` container so render() still returns a single root node (this codebase's
|
|
93
93
|
// convention, e.g. bs-input.tsx) without that wrapper affecting layout at all.
|
|
94
|
-
return (h("div", { key: '
|
|
94
|
+
return (h("div", { key: '34d31ff7c612fa135b6dc14b757d66d4b00f99e4', class: "bs-navigation-drawer-item__root" }, h("button", { key: '08e244c8ada605dc7705df5b1d45ebce80165f3e', type: "button", part: "item", class: rowClasses, "aria-expanded": this.expandable ? String(this.expanded) : undefined, "aria-label": this.ariaLabel ?? undefined, onClick: this.onClick }, !this.nested && (h("span", { key: 'a6e09b5edb35ec8f76ed6d6a78ddd1eb141f87b6', part: "icon", class: `bs-navigation-drawer-item__icon ${this.hasIcon ? 'bs-navigation-drawer-item__icon--has-content' : ''}` }, h("slot", { key: '851289379dacae965639ed7963d800c8a92472c2', name: "icon", onSlotchange: this.onIconSlotchange }))), h("span", { key: '4b46c2ca6a5bf4d5e777ae72c9ea826ffcffea02', part: "label", class: "bs-navigation-drawer-item__label" }, h("slot", { key: 'df214a2bcea435a678c18d0f461d9011c767a995' })), this.expandable && (h("span", { key: 'd12e91043617e96567acd5497a53dd98c612c6af', part: "chevron", class: `bs-navigation-drawer-item__chevron ${this.expanded ? 'bs-navigation-drawer-item__chevron--expanded' : ''}` }, h(ChevronDownIcon, { key: 'c278774ae33cf86e7d1b3f70f4e99b8c7afc4d68' })))), this.expandable && (h("span", { key: '85081ed698d078b94225c7b984eaee1edfd22b49', part: "children", class: "bs-navigation-drawer-item__children" }, h("slot", { key: '85c22788467a67f18b9cca6018c179a28d06fa19', name: "children" })))));
|
|
95
95
|
}
|
|
96
96
|
};
|
|
97
97
|
// 16x16 native viewBox (not a 24x24 icon scaled down) -- authored directly at display size, per
|