scb-wc-test 0.1.146 → 0.1.148

package/all.js

@@ -26,6 +26,7 @@ import './mvc/components/scb-drawer/scb-drawer-item.js';
 import './mvc/components/scb-drawer/scb-drawer-section.js';
 import './mvc/components/scb-drawer/scb-drawer.js';
 import './mvc/components/scb-drawer/scb-sub-drawer.js';
+import './mvc/components/scb-dropdown/scb-dropdown.js';
 import './mvc/components/scb-fact-card/scb-fact-card-content.js';
 import './mvc/components/scb-fact-card/scb-fact-card.js';
 import './mvc/components/scb-footer/scb-footer-section.js';
@@ -104,6 +105,7 @@ import './scb-drawer/scb-drawer-item.js';
 import './scb-drawer/scb-drawer-section.js';
 import './scb-drawer/scb-drawer.js';
 import './scb-drawer/scb-sub-drawer.js';
+import './scb-dropdown/scb-dropdown.js';
 import './scb-fact-card/scb-fact-card-content.js';
 import './scb-fact-card/scb-fact-card.js';
 import './scb-footer/scb-footer-section.js';

package/index.d.ts

@@ -22,6 +22,7 @@ export * from './scb-drawer/scb-drawer-item';
 export * from './scb-drawer/scb-drawer-section';
 export * from './scb-drawer/scb-drawer';
 export * from './scb-drawer/scb-sub-drawer';
+export * from './scb-dropdown/scb-dropdown';
 export * from './scb-fact-card/scb-fact-card-content';
 export * from './scb-fact-card/scb-fact-card';
 export * from './scb-footer/scb-footer-section';

package/index.js

@@ -8,8 +8,8 @@ import { SCBBreadcrumb as d } from "./scb-breadcrumb/scb-breadcrumb.js";
 import { ScbButton as C } from "./scb-button/scb-button.js";
 import { ScbCalendarEvent as s } from "./scb-calendar/scb-calendar-event.js";
 import { ScbCalendar as B } from "./scb-calendar/scb-calendar.js";
-import { ScbCalendarCard as D } from "./scb-calendar-card/scb-calendar-card.js";
-import { ScbCard as T } from "./scb-card/scb-card.js";
+import { ScbCalendarCard as g } from "./scb-calendar-card/scb-calendar-card.js";
+import { ScbCard as w } from "./scb-card/scb-card.js";
 import { ScbCheckboxGroup as F } from "./scb-checkbox/scb-checkbox-group.js";
 import { ScbCheckbox as P } from "./scb-checkbox/scb-checkbox.js";
 import { ScbChip as y } from "./scb-chip/scb-chip.js";
@@ -22,55 +22,56 @@ import { ScbDrawerItem as U } from "./scb-drawer/scb-drawer-item.js";
 import { ScbDrawerSection as j } from "./scb-drawer/scb-drawer-section.js";
 import { ScbDrawer as J } from "./scb-drawer/scb-drawer.js";
 import { ScbSubDrawer as W } from "./scb-drawer/scb-sub-drawer.js";
-import { ScbFactCardContent as Y } from "./scb-fact-card/scb-fact-card-content.js";
-import { ScbFactCard as _ } from "./scb-fact-card/scb-fact-card.js";
-import { ScbFooterSection as rr } from "./scb-footer/scb-footer-section.js";
-import { ScbFooter as er } from "./scb-footer/scb-footer.js";
-import { ScbGridItem as cr } from "./scb-grid/scb-grid-item.js";
-import { ScbGrid as pr } from "./scb-grid/scb-grid.js";
-import { ScbStack as br } from "./scb-grid/scb-stack.js";
-import { ScbHeaderDrawerGroup as fr } from "./scb-header/scb-header-drawer-group.js";
-import { ScbHeaderDrawerItem as ir } from "./scb-header/scb-header-drawer-item.js";
-import { ScbHeaderTab as dr } from "./scb-header/scb-header-tab.js";
-import { ScbHeaderUtility as Cr } from "./scb-header/scb-header-utility.js";
-import { ScbHeader as sr } from "./scb-header/scb-header.js";
-import { ScbHorizontalScroller as Br } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
-import { ScbIconButton as Dr } from "./scb-icon-button/scb-icon-button.js";
-import { ScbKeyFigureCard as Tr } from "./scb-keyfigure-card/scb-keyfigure-card.js";
-import { ScbLink as Fr } from "./scb-link/scb-link.js";
-import { ScbListItem as Pr } from "./scb-list/scb-list-item.js";
-import { ScbList as yr } from "./scb-list/scb-list.js";
-import { ScbMenuItem as vr } from "./scb-menu/scb-menu-item.js";
-import { ScbMenu as Lr } from "./scb-menu/scb-menu.js";
-import { ScbSubMenu as zr } from "./scb-menu/scb-sub-menu.js";
-import { ScbNav as Rr } from "./scb-nav/scb-nav.js";
-import { ScbNotificationCard as Kr } from "./scb-notification-card/scb-notification-card.js";
-import { ScbPagination as Ur } from "./scb-pagination/scb-pagination.js";
-import { ScbProgressIndicator as jr } from "./scb-progress-indicator/scb-progress-indicator.js";
-import { ScbProgressStep as Jr } from "./scb-progress-stepper/scb-progress-step.js";
-import { ScbProgressStepper as Wr } from "./scb-progress-stepper/scb-progress-stepper.js";
-import { ScbRadioButton as Yr } from "./scb-radio-button/scb-radio-button.js";
-import { ScbRadioGroup as _r } from "./scb-radio-button/scb-radio-group.js";
-import { ScbScrollspy as ro } from "./scb-scrollspy/scb-scrollspy.js";
-import { ScbSearch as eo } from "./scb-search/scb-search.js";
-import { ScbSegmentedButton as co } from "./scb-segmented-button/scb-segmented-button.js";
-import { ScbSegmentedItem as po } from "./scb-segmented-button/scb-segmented-item.js";
-import { ScbSelectOption as bo } from "./scb-select/scb-select-option.js";
-import { ScbSelect as fo } from "./scb-select/scb-select.js";
-import { ScbSkeleton as io } from "./scb-skeleton/scb-skeleton.js";
-import { ScbSnackbar as lo } from "./scb-snackbar/scb-snackbar.js";
-import { ScbStatusPill as uo } from "./scb-status-pill/scb-status-pill.js";
-import { ScbStep as Io } from "./scb-stepper/scb-step.js";
-import { ScbStepper as go } from "./scb-stepper/scb-stepper.js";
-import { ScbSwitch as ko } from "./scb-switch/scb-switch.js";
-import { ScbPrimaryTab as wo } from "./scb-tabs/scb-primary-tab.js";
-import { ScbSecondaryTab as Ho } from "./scb-tabs/scb-secondary-tab.js";
-import { ScbTabs as ho } from "./scb-tabs/scb-tabs.js";
-import { ScbTextField as Go } from "./scb-textfield/scb-textfield.js";
-import { ScbTocItem as Ao } from "./scb-toc/scb-toc-item.js";
-import { ScbToc as Mo } from "./scb-toc/scb-toc.js";
-import { ScbTooltip as No } from "./scb-tooltip/scb-tooltip.js";
-import { ScbViz as Eo } from "./scb-viz/scb-viz.js";
+import { ScbDropdown as Y } from "./scb-dropdown/scb-dropdown.js";
+import { ScbFactCardContent as _ } from "./scb-fact-card/scb-fact-card-content.js";
+import { ScbFactCard as rr } from "./scb-fact-card/scb-fact-card.js";
+import { ScbFooterSection as er } from "./scb-footer/scb-footer-section.js";
+import { ScbFooter as cr } from "./scb-footer/scb-footer.js";
+import { ScbGridItem as pr } from "./scb-grid/scb-grid-item.js";
+import { ScbGrid as br } from "./scb-grid/scb-grid.js";
+import { ScbStack as fr } from "./scb-grid/scb-stack.js";
+import { ScbHeaderDrawerGroup as ir } from "./scb-header/scb-header-drawer-group.js";
+import { ScbHeaderDrawerItem as dr } from "./scb-header/scb-header-drawer-item.js";
+import { ScbHeaderTab as Cr } from "./scb-header/scb-header-tab.js";
+import { ScbHeaderUtility as sr } from "./scb-header/scb-header-utility.js";
+import { ScbHeader as Br } from "./scb-header/scb-header.js";
+import { ScbHorizontalScroller as gr } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
+import { ScbIconButton as wr } from "./scb-icon-button/scb-icon-button.js";
+import { ScbKeyFigureCard as Fr } from "./scb-keyfigure-card/scb-keyfigure-card.js";
+import { ScbLink as Pr } from "./scb-link/scb-link.js";
+import { ScbListItem as yr } from "./scb-list/scb-list-item.js";
+import { ScbList as vr } from "./scb-list/scb-list.js";
+import { ScbMenuItem as Lr } from "./scb-menu/scb-menu-item.js";
+import { ScbMenu as zr } from "./scb-menu/scb-menu.js";
+import { ScbSubMenu as Rr } from "./scb-menu/scb-sub-menu.js";
+import { ScbNav as Kr } from "./scb-nav/scb-nav.js";
+import { ScbNotificationCard as Ur } from "./scb-notification-card/scb-notification-card.js";
+import { ScbPagination as jr } from "./scb-pagination/scb-pagination.js";
+import { ScbProgressIndicator as Jr } from "./scb-progress-indicator/scb-progress-indicator.js";
+import { ScbProgressStep as Wr } from "./scb-progress-stepper/scb-progress-step.js";
+import { ScbProgressStepper as Yr } from "./scb-progress-stepper/scb-progress-stepper.js";
+import { ScbRadioButton as _r } from "./scb-radio-button/scb-radio-button.js";
+import { ScbRadioGroup as ro } from "./scb-radio-button/scb-radio-group.js";
+import { ScbScrollspy as eo } from "./scb-scrollspy/scb-scrollspy.js";
+import { ScbSearch as co } from "./scb-search/scb-search.js";
+import { ScbSegmentedButton as po } from "./scb-segmented-button/scb-segmented-button.js";
+import { ScbSegmentedItem as bo } from "./scb-segmented-button/scb-segmented-item.js";
+import { ScbSelectOption as fo } from "./scb-select/scb-select-option.js";
+import { ScbSelect as io } from "./scb-select/scb-select.js";
+import { ScbSkeleton as lo } from "./scb-skeleton/scb-skeleton.js";
+import { ScbSnackbar as uo } from "./scb-snackbar/scb-snackbar.js";
+import { ScbStatusPill as Io } from "./scb-status-pill/scb-status-pill.js";
+import { ScbStep as Do } from "./scb-stepper/scb-step.js";
+import { ScbStepper as ko } from "./scb-stepper/scb-stepper.js";
+import { ScbSwitch as To } from "./scb-switch/scb-switch.js";
+import { ScbPrimaryTab as Ho } from "./scb-tabs/scb-primary-tab.js";
+import { ScbSecondaryTab as ho } from "./scb-tabs/scb-secondary-tab.js";
+import { ScbTabs as Go } from "./scb-tabs/scb-tabs.js";
+import { ScbTextField as Ao } from "./scb-textfield/scb-textfield.js";
+import { ScbTocItem as Mo } from "./scb-toc/scb-toc-item.js";
+import { ScbToc as No } from "./scb-toc/scb-toc.js";
+import { ScbTooltip as Eo } from "./scb-tooltip/scb-tooltip.js";
+import { ScbViz as Oo } from "./scb-viz/scb-viz.js";
 export {
   d as SCBBreadcrumb,
   i as SCBBreadcrumbItem,
@@ -81,9 +82,9 @@ export {
   f as ScbBadge,
   C as ScbButton,
   B as ScbCalendar,
-  D as ScbCalendarCard,
+  g as ScbCalendarCard,
   s as ScbCalendarEvent,
-  T as ScbCard,
+  w as ScbCard,
   P as ScbCheckbox,
   F as ScbCheckboxGroup,
   y as ScbChip,
@@ -95,54 +96,55 @@ export {
   J as ScbDrawer,
   U as ScbDrawerItem,
   j as ScbDrawerSection,
-  _ as ScbFactCard,
-  Y as ScbFactCardContent,
-  er as ScbFooter,
-  rr as ScbFooterSection,
-  pr as ScbGrid,
-  cr as ScbGridItem,
-  sr as ScbHeader,
-  fr as ScbHeaderDrawerGroup,
-  ir as ScbHeaderDrawerItem,
-  dr as ScbHeaderTab,
-  Cr as ScbHeaderUtility,
-  Br as ScbHorizontalScroller,
-  Dr as ScbIconButton,
-  Tr as ScbKeyFigureCard,
-  Fr as ScbLink,
-  yr as ScbList,
-  Pr as ScbListItem,
-  Lr as ScbMenu,
-  vr as ScbMenuItem,
-  Rr as ScbNav,
-  Kr as ScbNotificationCard,
-  Ur as ScbPagination,
-  wo as ScbPrimaryTab,
-  jr as ScbProgressIndicator,
-  Jr as ScbProgressStep,
-  Wr as ScbProgressStepper,
-  Yr as ScbRadioButton,
-  _r as ScbRadioGroup,
-  ro as ScbScrollspy,
-  eo as ScbSearch,
-  Ho as ScbSecondaryTab,
-  co as ScbSegmentedButton,
-  po as ScbSegmentedItem,
-  fo as ScbSelect,
-  bo as ScbSelectOption,
-  io as ScbSkeleton,
-  lo as ScbSnackbar,
-  br as ScbStack,
-  uo as ScbStatusPill,
-  Io as ScbStep,
-  go as ScbStepper,
+  Y as ScbDropdown,
+  rr as ScbFactCard,
+  _ as ScbFactCardContent,
+  cr as ScbFooter,
+  er as ScbFooterSection,
+  br as ScbGrid,
+  pr as ScbGridItem,
+  Br as ScbHeader,
+  ir as ScbHeaderDrawerGroup,
+  dr as ScbHeaderDrawerItem,
+  Cr as ScbHeaderTab,
+  sr as ScbHeaderUtility,
+  gr as ScbHorizontalScroller,
+  wr as ScbIconButton,
+  Fr as ScbKeyFigureCard,
+  Pr as ScbLink,
+  vr as ScbList,
+  yr as ScbListItem,
+  zr as ScbMenu,
+  Lr as ScbMenuItem,
+  Kr as ScbNav,
+  Ur as ScbNotificationCard,
+  jr as ScbPagination,
+  Ho as ScbPrimaryTab,
+  Jr as ScbProgressIndicator,
+  Wr as ScbProgressStep,
+  Yr as ScbProgressStepper,
+  _r as ScbRadioButton,
+  ro as ScbRadioGroup,
+  eo as ScbScrollspy,
+  co as ScbSearch,
+  ho as ScbSecondaryTab,
+  po as ScbSegmentedButton,
+  bo as ScbSegmentedItem,
+  io as ScbSelect,
+  fo as ScbSelectOption,
+  lo as ScbSkeleton,
+  uo as ScbSnackbar,
+  fr as ScbStack,
+  Io as ScbStatusPill,
+  Do as ScbStep,
+  ko as ScbStepper,
   W as ScbSubDrawer,
-  zr as ScbSubMenu,
-  ko as ScbSwitch,
-  ho as ScbTabs,
-  Go as ScbTextField,
-  Mo as ScbToc,
-  Ao as ScbTocItem,
-  No as ScbTooltip,
-  Eo as ScbViz
+  Rr as ScbSubMenu,
+  To as ScbSwitch,
+  Go as ScbTabs,
+  Ao as ScbTextField,
+  No as ScbToc,
+  Mo as ScbTocItem,
+  Eo as ScbTooltip,
+  Oo as ScbViz
 };

package/mvc/components/all.js

@@ -22,6 +22,7 @@ import './scb-drawer/scb-drawer.js';
 import './scb-drawer/scb-drawer-item.js';
 import './scb-drawer/scb-drawer-section.js';
 import './scb-drawer/scb-sub-drawer.js';
+import './scb-dropdown/scb-dropdown.js';
 import './scb-fact-card/scb-fact-card.js';
 import './scb-fact-card/scb-fact-card-content.js';
 import './scb-footer/scb-footer.js';

package/mvc/components/scb-button/scb-button.js

@@ -72,7 +72,7 @@ import{n as l,t as I,i as k,a as w,x as h,E as i}from"../../vendor/vendor.js";im
         }
       }
       */
-    `}render(){const t=!!this.icon?.trim(),e=t?h`<md-icon slot="icon">${this.icon}</md-icon>`:i,r=i,a=this.label.trim()===""?this.icon:void 0;switch(this.variant){case"filled":return h`
+    `}render(){const t=!!this.icon?.trim(),e=t?h`<md-icon slot="icon" part="icon">${this.icon}</md-icon>`:i,r=i,a=this.label.trim()===""?this.icon:void 0;switch(this.variant){case"filled":return h`
           <md-filled-button
             type=${this.type}
             variant=${r}

package/mvc/components/scb-drawer/scb-drawer-item.js

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js","../scb-icon-button/scb-icon-button.js","../../vendor/preload-helper.js"])))=>i.map(i=>d[i]);
-import{_ as p}from"../../vendor/preload-helper.js";import{a as b,n as l,r as h,i as _,E as u,x as c,t as m}from"../../vendor/vendor.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,s,a){try{customElements.get(r)||t(r,s,a)}catch(d){var o=String(d||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var f=Object.defineProperty,g=Object.getOwnPropertyDescriptor,n=(e,t,r,s)=>{for(var a=s>1?void 0:s?g(t,r):t,o=e.length-1,d;o>=0;o--)(d=e[o])&&(a=(s?d(t,r,a):d(a))||a);return s&&a&&f(t,r,a),a};let i=class extends _{constructor(){super(...arguments),this.label="",this.selected=!1,this.leadingIcon="",this.itemHref="",this.hasSlotContent=!1,this.expanded=!1,this.__submenuId=`sub-${Math.random().toString(36).slice(2)}`,this.__focusId=`f-${Math.random().toString(36).slice(2)}`,this._toggleExpand=e=>{e&&e.stopPropagation(),this.hasSlotContent&&this.__setExpanded(!this.expanded)},this._onButtonClick=e=>{e.stopPropagation(),this._dispatchSelect(),this._toggleExpand()},this._onLinkClick=()=>{this._dispatchSelect()},this._onKeyDown=e=>{const t=Array.from(this.parentElement?.querySelectorAll("scb-drawer-item")||[]),r=t.indexOf(this);switch(e.key){case"ArrowDown":{e.preventDefault(),(t[r+1]||t[0]).shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}case"ArrowUp":{e.preventDefault(),(t[r-1]||t[t.length-1]).shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}case"Home":{e.preventDefault(),t[0].shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}case"End":{e.preventDefault(),t[t.length-1].shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}}}}get __submenuEl(){return this.renderRoot.querySelector(`#${this.__submenuId}`)}async __ensureDepsLoaded(){i.__rippleLoaded||(await p(()=>import("../../vendor/vendor-material.js").then(e=>e.r),__vite__mapDeps([0,1]),import.meta.url),i.__rippleLoaded=!0),i.__focusRingLoaded||(await p(()=>import("../../vendor/vendor-material.js").then(e=>e.m),__vite__mapDeps([0,1]),import.meta.url),i.__focusRingLoaded=!0),this.leadingIcon&&!i.__iconLoaded&&(await p(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),i.__iconLoaded=!0),this.hasSlotContent&&!i.__iconButtonLoaded&&(await p(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([2,3,1,0]),import.meta.url),i.__iconButtonLoaded=!0)}_onSlotChange(e){const r=e.target.assignedElements({flatten:!0});this.hasSlotContent=r.length>0&&r.every(s=>s.tagName==="SCB-SUB-DRAWER")}__setExpanded(e){this.hasSlotContent&&(this.expanded=e,this.dispatchEvent(new CustomEvent("scb-drawer-expand",{bubbles:!0,composed:!0,detail:{item:this,expanded:e}})))}_dispatchSelect(){this.dispatchEvent(new CustomEvent("scb-drawer-select",{bubbles:!0,composed:!0,detail:{item:this}}))}async firstUpdated(){const e=this.renderRoot.querySelector("slot");if(e){const t=e.assignedElements({flatten:!0});this.hasSlotContent=t.length>0&&t.every(r=>r.tagName==="SCB-SUB-DRAWER")}await this.__ensureDepsLoaded()}updated(e){e.has("leadingIcon")&&this.leadingIcon&&this.__ensureDepsLoaded(),e.has("hasSlotContent")&&this.hasSlotContent&&this.__ensureDepsLoaded(),e.has("expanded")&&this.__applyInert()}__applyInert(){const e=this.__submenuEl;e&&(this.expanded?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false")):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true")))}render(){const e=!!this.leadingIcon,t=!!this.itemHref,r=this.hasSlotContent;return c`
+import{_ as u}from"../../vendor/preload-helper.js";import{a as b,n as l,r as h,i as m,E as p,x as c,t as _}from"../../vendor/vendor.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,a,n){try{customElements.get(i)||t(i,a,n)}catch(d){var o=String(d||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var f=Object.defineProperty,g=Object.getOwnPropertyDescriptor,s=(e,t,i,a)=>{for(var n=a>1?void 0:a?g(t,i):t,o=e.length-1,d;o>=0;o--)(d=e[o])&&(n=(a?d(t,i,n):d(n))||n);return a&&n&&f(t,i,n),n};let r=class extends m{constructor(){super(...arguments),this.label="",this.selected=!1,this.leadingIcon="",this.itemHref="",this.hasSlotContent=!1,this.expanded=!1,this.__submenuId=`sub-${Math.random().toString(36).slice(2)}`,this.__focusId=`f-${Math.random().toString(36).slice(2)}`,this._toggleExpand=e=>{e&&e.stopPropagation(),this.hasSlotContent&&this.__setExpanded(!this.expanded)},this._onButtonClick=e=>{e.stopPropagation(),this._dispatchSelect(),this._toggleExpand()},this._onLinkClick=()=>{this._dispatchSelect()},this._onKeyDown=e=>{const t=Array.from(this.parentElement?.querySelectorAll("scb-drawer-item")||[]),i=t.indexOf(this);switch(e.key){case"ArrowDown":{e.preventDefault(),(t[i+1]||t[0]).shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}case"ArrowUp":{e.preventDefault(),(t[i-1]||t[t.length-1]).shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}case"Home":{e.preventDefault(),t[0].shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}case"End":{e.preventDefault(),t[t.length-1].shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}}}}get __submenuEl(){return this.renderRoot.querySelector(`#${this.__submenuId}`)}async __ensureDepsLoaded(){r.__rippleLoaded||(await u(()=>import("../../vendor/vendor-material.js").then(e=>e.r),__vite__mapDeps([0,1]),import.meta.url),r.__rippleLoaded=!0),r.__focusRingLoaded||(await u(()=>import("../../vendor/vendor-material.js").then(e=>e.m),__vite__mapDeps([0,1]),import.meta.url),r.__focusRingLoaded=!0),this.leadingIcon&&!r.__iconLoaded&&(await u(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),r.__iconLoaded=!0),this.hasSlotContent&&!r.__iconButtonLoaded&&(await u(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([2,3,1,0]),import.meta.url),r.__iconButtonLoaded=!0)}_onSlotChange(e){const i=e.target.assignedElements({flatten:!0});this.hasSlotContent=i.length>0&&i.every(a=>a.tagName==="SCB-SUB-DRAWER")}__setExpanded(e){this.hasSlotContent&&(this.expanded=e,this.dispatchEvent(new CustomEvent("scb-drawer-expand",{bubbles:!0,composed:!0,detail:{item:this,expanded:e}})))}_dispatchSelect(){this.dispatchEvent(new CustomEvent("scb-drawer-select",{bubbles:!0,composed:!0,detail:{item:this}}))}async firstUpdated(){const e=this.renderRoot.querySelector("slot");if(e){const t=e.assignedElements({flatten:!0});this.hasSlotContent=t.length>0&&t.every(i=>i.tagName==="SCB-SUB-DRAWER")}await this.__ensureDepsLoaded()}updated(e){e.has("leadingIcon")&&this.leadingIcon&&this.__ensureDepsLoaded(),e.has("hasSlotContent")&&this.hasSlotContent&&this.__ensureDepsLoaded(),e.has("expanded")&&this.__applyInert()}__applyInert(){const e=this.__submenuEl;e&&(this.expanded?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false")):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true")))}render(){const e=!!this.leadingIcon,t=!!this.itemHref,i=this.hasSlotContent;return c`
       <div class="scb-drawer-item">
         <div class="scb-drawer-item-label" ?selected=${this.selected}>
           ${t?c`
@@ -8,7 +8,7 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as b,n as l,r as h,i
                   class="scb-drawer-label-text"
                   aria-label="${this.label}"
                   href="${this.itemHref}"
-                  aria-current=${this.selected?"page":u}
+                  aria-current=${this.selected?"page":p}
                   @click=${this._onLinkClick}
                   @keydown=${this._onKeyDown}
                 >
@@ -26,8 +26,8 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as b,n as l,r as h,i
                   class="scb-drawer-label-text"
                   @click=${this._onButtonClick}
                   @keydown=${this._onKeyDown}
-                  aria-expanded=${r?String(this.expanded):u}
-                  aria-controls=${r?this.__submenuId:u}
+                  aria-expanded=${i?String(this.expanded):p}
+                  aria-controls=${i?this.__submenuId:p}
                 >
                   <span class="scb-drawer-click ${e?"has-icon":""}">
                     <md-ripple></md-ripple>
@@ -37,12 +37,13 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as b,n as l,r as h,i
                 </button>
                 <md-focus-ring for=${this.__focusId} inward></md-focus-ring>
               `}
-          ${r?c`
+          ${i?c`
                 <scb-icon-button
-                  icon="${this.expanded?"keyboard_arrow_up":"keyboard_arrow_down"}"
+                  class="drawer-chevron"
+                  icon="keyboard_arrow_down"
                   role="presentation"
                   tabindex="-1"
-                  @click=${s=>{s.stopPropagation(),this._toggleExpand(s)}}
+                  @click=${a=>{a.stopPropagation(),this._toggleExpand(a)}}
                 ></scb-icon-button>
               `:""}
         </div>
@@ -58,12 +59,18 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as b,n as l,r as h,i
           </div>
         </div>
       </div>
-    `}};i.__rippleLoaded=!1;i.__iconLoaded=!1;i.__iconButtonLoaded=!1;i.__focusRingLoaded=!1;i.styles=b`
+    `}};r.__rippleLoaded=!1;r.__iconLoaded=!1;r.__iconButtonLoaded=!1;r.__focusRingLoaded=!1;r.styles=b`
     :host {
       /* Animationtokens */
       --scb-drawer-sub-transition-duration: var(--scb-motion-duration-quick, 150ms);
       --scb-drawer-sub-transition-easing: var(--scb-motion-easing-standard, cubic-bezier(.69,.16,.2,.98));
 
+      --scb-drawer-chevron-transition-duration: var(--motion-duration-medium, 150ms);
+      --scb-drawer-chevron-transition-easing: var(
+        --motion-easing-emphasized-accelerate,
+        var(--motion-easing-emphasized, cubic-bezier(.69,.16,.2,.98))
+      );
+
       --scb-drawer-item-padding-y: 14px;
       --scb-drawer-item-padding-x: 20px;
       --scb-drawer-item-padding-x-has-icon: var(--spacing-4, 12px);
@@ -71,6 +78,13 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as b,n as l,r as h,i
       --scb-drawer-item-gap: var(--spacing-4, 12px);
     }
 
+    :host([expanded]) {
+      --scb-drawer-chevron-transition-easing: var(
+        --motion-easing-emphasized-decelerate,
+        var(--motion-easing-emphasized, cubic-bezier(.69,.16,.2,.98))
+      );
+    }
+
     .scb-drawer-item-label {
       display: flex;
       align-items: center;
@@ -135,6 +149,17 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as b,n as l,r as h,i
       flex: 0 0 auto;
     }
 
+    scb-icon-button.drawer-chevron {
+      transform: rotate(0deg);
+      transform-origin: center;
+      transition: transform var(--motion-duration-medium, var(--scb-drawer-chevron-transition-duration))
+        var(--motion-easing-standard, var(--scb-drawer-chevron-transition-easing));
+    }
+
+    :host([expanded]) scb-icon-button.drawer-chevron {
+      transform: rotate(180deg);
+    }
+
     /* Undermeny: CSS-grid 0fr till 1fr för höjd-animation utan JS-mätningar */
     .submenu {
       display: grid;
@@ -159,5 +184,9 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as b,n as l,r as h,i
       .submenu {
         transition: none;
       }
+
+      scb-icon-button.drawer-chevron {
+        transition: none;
+      }
     }
-  `;n([l({type:String})],i.prototype,"label",2);n([l({type:Boolean,reflect:!0})],i.prototype,"selected",2);n([l({type:String,attribute:"leading-icon"})],i.prototype,"leadingIcon",2);n([l({type:String,attribute:"item-href"})],i.prototype,"itemHref",2);n([h()],i.prototype,"hasSlotContent",2);n([l({type:Boolean,reflect:!0})],i.prototype,"expanded",2);i=n([m("scb-drawer-item")],i);export{i as ScbDrawerItem};
+  `;s([l({type:String})],r.prototype,"label",2);s([l({type:Boolean,reflect:!0})],r.prototype,"selected",2);s([l({type:String,attribute:"leading-icon"})],r.prototype,"leadingIcon",2);s([l({type:String,attribute:"item-href"})],r.prototype,"itemHref",2);s([h()],r.prototype,"hasSlotContent",2);s([l({type:Boolean,reflect:!0})],r.prototype,"expanded",2);r=s([_("scb-drawer-item")],r);export{r as ScbDrawerItem};

package/mvc/components/scb-drawer/scb-drawer.js

@@ -43,7 +43,7 @@ import{_ as d}from"../../vendor/preload-helper.js";import{a as p,n,i as f,E as _
       display: block;
       color: var(--md-sys-color-on-surface);
       padding: var(--spacing-4, 12px);
-      background: var(--md-sys-color-surface-container-low);
+      background: var(--md-sys-color-surface-container-lowest);
       font-family: var(--brand-font);
     }
 
@@ -56,7 +56,7 @@ import{_ as d}from"../../vendor/preload-helper.js";import{a as p,n,i as f,E as _
         var(--scb-drawer-fluid-width, 70vw),
         var(--scb-drawer-max-width, 360px)
       );
-      background: var(--md-sys-color-surface-container-low);
+      background: var(--md-sys-color-surface-container-lowest);
       box-shadow: var(
         --scb-drawer-elevation,
         2px 0 12px rgba(0, 0, 0, 0.15)

package/mvc/components/scb-dropdown/scb-dropdown.js

@@ -0,0 +1,193 @@
+import{a as m,n as d,e as u,i as f,x as b,t as _}from"../../vendor/vendor.js";import"../scb-button/scb-button.js";import"../scb-menu/scb-menu.js";import"../../vendor/vendor-material.js";import"../scb-menu/scb-menu-item.js";import"../scb-divider/scb-divider.js";import"../scb-menu/scb-sub-menu.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(n,s,i){try{customElements.get(n)||t(n,s,i)}catch(p){var l=String(p||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var y=Object.defineProperty,g=Object.getOwnPropertyDescriptor,a=(e,t,n,s)=>{for(var i=s>1?void 0:s?g(t,n):t,l=e.length-1,p;l>=0;l--)(p=e[l])&&(i=(s?p(t,n,i):p(i))||i);return s&&i&&y(t,n,i),i};let r=class extends f{constructor(){super(...arguments),this.label="Dropdown",this.variant="filled",this.open=!1,this.disabled=!1,this.menuGap="3",this.width=null,this.maxWidth=null,this._slottedMenuEl=null,this._openSettledTimer=null,this._menuCloseTimer=null,this._panelResizeObserver=null,this._panelHeightSyncRaf=null,this._onDocumentClickBound=e=>{!this.open||e.composedPath().includes(this)||(this.open=!1)},this._onDocumentKeydownBound=e=>{this.open&&e.key==="Escape"&&(this.open=!1)},this._onSlottedMenuOpen=()=>{this.open||(this.open=!0)},this._onSlottedMenuClose=()=>{this.open&&(this.open=!1)},this._onSlotChange=()=>{this._syncSlottedMenu(),this._applyPanelSizing(),this._applyInertByOpen(),this.requestUpdate()},this._onTriggerClick=e=>{e.stopPropagation(),!this.disabled&&(this.open=!this.open)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onDocumentClickBound),document.addEventListener("keydown",this._onDocumentKeydownBound)}disconnectedCallback(){document.removeEventListener("click",this._onDocumentClickBound),document.removeEventListener("keydown",this._onDocumentKeydownBound),this._detachSlottedMenuListeners(),this._panelResizeObserver&&(this._panelResizeObserver.disconnect(),this._panelResizeObserver=null),this._panelHeightSyncRaf!==null&&(window.cancelAnimationFrame(this._panelHeightSyncRaf),this._panelHeightSyncRaf=null),this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),super.disconnectedCallback()}firstUpdated(e){super.firstUpdated(e),this._syncSlottedMenu(),this._applyPanelVars(),this._applyPanelSizing(),this._applyChevronState(),this._applyInertByOpen(),this._setupPanelResizeObserver(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen()}updated(e){super.updated(e),e.has("menuGap")&&this._applyPanelVars(),(e.has("width")||e.has("maxWidth"))&&this._applyPanelSizing(),e.has("open")&&(this.open||this._closeAllSubMenus(),this._syncSlottedMenuOpen(),this._applyChevronState(),this._applyInertByOpen(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen())}_applyPanelVars(){if(this.menuGap==null||String(this.menuGap).trim()===""){this.style.removeProperty("--scb-dropdown-panel-gap");return}this.style.setProperty("--scb-dropdown-panel-gap",this._mapSpacingToken(this.menuGap))}_applyPanelSizing(){const e=this.renderRoot.querySelector(".panel-surface");e&&(this.width&&String(this.width).trim()!==""?e.style.inlineSize=this.width:e.style.removeProperty("inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?e.style.maxInlineSize=this.maxWidth:e.style.removeProperty("max-inline-size")),this._slottedMenuEl&&(this.width&&String(this.width).trim()!==""?this._slottedMenuEl.style.inlineSize=this.width:this._slottedMenuEl.style.removeProperty("inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?this._slottedMenuEl.style.maxInlineSize=this.maxWidth:this._slottedMenuEl.style.removeProperty("max-inline-size")),this._schedulePanelHeightSync()}_setupPanelResizeObserver(){if(this._panelResizeObserver||typeof ResizeObserver>"u")return;const e=this._panelInnerEl;e&&(this._panelResizeObserver=new ResizeObserver(()=>{this._schedulePanelHeightSync()}),this._panelResizeObserver.observe(e))}_schedulePanelHeightSync(){this._panelHeightSyncRaf===null&&(this._panelHeightSyncRaf=window.requestAnimationFrame(()=>{this._panelHeightSyncRaf=null,this._syncPanelMaxHeightByOpen()}))}_syncPanelMaxHeightByOpen(){const e=this._panelSurfaceEl;if(!e)return;if(this._slottedMenuEl){e.style.removeProperty("--scb-dropdown-panel-current-max-height");return}if(!this.open){e.style.setProperty("--scb-dropdown-panel-current-max-height","0px");return}const t=this._panelInnerEl;if(!t)return;const n=`${Math.ceil(t.scrollHeight)}px`;e.style.getPropertyValue("--scb-dropdown-panel-current-max-height").trim()!==n&&e.style.setProperty("--scb-dropdown-panel-current-max-height",n)}_mapSpacingToken(e){const t=String(e).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_syncSlottedMenu(){const t=(this._slotEl?.assignedElements({flatten:!0})??[]).find(n=>n.tagName.toLowerCase()==="scb-menu");if(t===this._slottedMenuEl){this._syncSlottedMenuOpen();return}this._detachSlottedMenuListeners(),this._slottedMenuEl=t??null,this._slottedMenuEl&&(this._slottedMenuEl.addEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.addEventListener("close",this._onSlottedMenuClose),this._syncSlottedMenuOpen())}_detachSlottedMenuListeners(){this._slottedMenuEl&&(this._slottedMenuEl.removeEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.removeEventListener("close",this._onSlottedMenuClose))}_syncSlottedMenuOpen(){if(!this._slottedMenuEl)return;if(this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),this.open){this._slottedMenuEl.open=!0;return}const e=this._getPanelTransitionMs();if(e<=0){this._slottedMenuEl.open=!1;return}this._menuCloseTimer=window.setTimeout(()=>{this._menuCloseTimer=null,!this.open&&this._slottedMenuEl&&(this._slottedMenuEl.open=!1)},e)}_syncOverflowVisibilityByOpen(){if(this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this.removeAttribute("data-open-settled"),!this.open)return;const e=this.renderRoot.querySelector(".panel-surface");if(!e){this.setAttribute("data-open-settled","");return}const t=this._getTransitionMs(e);if(t<=0){this.setAttribute("data-open-settled","");return}this._openSettledTimer=window.setTimeout(()=>{this._openSettledTimer=null,this.open&&this.setAttribute("data-open-settled","")},t)}_getPanelTransitionMs(){const e=this.renderRoot.querySelector(".panel-surface");return e?this._getTransitionMs(e):0}_getTransitionMs(e){const t=getComputedStyle(e),n=t.transitionDuration.split(",").map(o=>o.trim()),s=t.transitionDelay.split(",").map(o=>o.trim()),i=o=>{const h=parseFloat(o);return Number.isFinite(h)?o.endsWith("ms")?h:o.endsWith("s")?h*1e3:h:0},l=Math.max(n.length,s.length);let p=0;for(let o=0;o<l;o+=1){const h=i(n[o]??n[n.length-1]??"0s"),c=i(s[o]??s[s.length-1]??"0s");p=Math.max(p,h+c)}return Math.ceil(p)}_applyInertByOpen(){const e=this.renderRoot.querySelector(".panel");e&&(this.open?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false"),this._restoreTabIndexesIfNeeded()):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true"),this._removeTabIndexesIfNeeded()))}_supportsInert(){return"inert"in HTMLElement.prototype}_collectFocusableFromSlot(){const e=this._slotEl;if(!e)return[];const t=e.assignedElements({flatten:!0}),n=[],s=i=>{i instanceof HTMLElement&&i.matches("a,button,input,select,textarea,[tabindex]")&&n.push(i)};return t.forEach(i=>{s(i),i.querySelectorAll?.("a,button,input,select,textarea,[tabindex]").forEach(l=>s(l))}),n}_removeTabIndexesIfNeeded(){if(this._supportsInert())return;this._collectFocusableFromSlot().forEach(t=>{const n=t.getAttribute("tabindex");n!==null&&t.setAttribute("data-scb-prev-tabindex",n),t.setAttribute("tabindex","-1")})}_restoreTabIndexesIfNeeded(){if(this._supportsInert())return;this._collectFocusableFromSlot().forEach(t=>{const n=t.getAttribute("data-scb-prev-tabindex");n!==null?(t.setAttribute("tabindex",n),t.removeAttribute("data-scb-prev-tabindex")):t.removeAttribute("tabindex")})}_closeAllSubMenus(){const e=this.querySelectorAll("scb-sub-menu");for(const t of e)t.removeAttribute("open")}_applyChevronState(){const e=this._getChevronIconEl();e&&(e.style.transition="transform var(--motion-duration-medium, 200ms) var(--motion-easing-standard, ease)",e.style.transformOrigin="center",e.style.transform=this.open?"rotate(180deg)":"rotate(0deg)")}_getChevronIconEl(){const t=this._triggerEl?.shadowRoot;return t?t.querySelector('md-icon[slot="icon"]')??t.querySelector("md-icon"):null}render(){const e=!!this._slottedMenuEl;return b`
+      <scb-button
+        label=${this.label}
+        variant=${this.variant}
+        icon="expand_more"
+        ?trailing-icon=${!0}
+        ?disabled=${this.disabled}
+        @click=${this._onTriggerClick}
+      ></scb-button>
+
+      <div
+        class="panel ${e?"has-menu":""}"
+        ?inert=${!this.open}
+        aria-hidden=${this.open?"false":"true"}
+      >
+        <div class="panel-surface">
+          <div class="panel-inner">
+            <slot @slotchange=${this._onSlotChange}></slot>
+          </div>
+        </div>
+      </div>
+    `}};r.styles=m`
+    :host {
+      display: inline-block;
+      position: relative;
+      overflow: visible;
+
+      --scb-dropdown-transition-duration: var(--motion-duration-medium, 150ms);
+      --scb-dropdown-transition-easing: var(
+        --motion-easing-emphasized-accelerate,
+        var(--motion-easing-emphasized, cubic-bezier(.69,.16,.2,.98))
+      );
+    }
+
+    :host([open]) {
+      --scb-dropdown-transition-easing: var(
+        --motion-easing-emphasized-decelerate,
+        var(--motion-easing-standard, cubic-bezier(.69,.16,.2,.98))
+      );
+    }
+
+    .panel {
+      position: absolute;   
+      inset-inline-start: 0;
+      inset-block-start: calc(100% + var(--scb-dropdown-panel-gap, var(--spacing-3, 8px)));
+      z-index: var(--scb-dropdown-z-index, 1000);
+      pointer-events: none;
+    }
+
+    :host([open]) .panel {
+      pointer-events: auto;
+    }
+
+    .panel-surface {
+      width: fit-content;
+      max-width: var(--scb-dropdown-panel-max-width, 600px);
+      background: var(--md-sys-color-surface, #ffffff);
+      box-shadow: var(--elevation-2, 0px 2px 10px rgba(0, 0, 0, 0.12));
+      
+      opacity: 0;
+      max-height: var(--scb-dropdown-panel-current-max-height, 0px);
+      transition:
+        max-height var(--scb-dropdown-transition-duration) var(--scb-dropdown-transition-easing),
+        opacity var(--scb-dropdown-transition-duration) var(--scb-dropdown-transition-easing);
+      overflow: hidden;
+    }
+
+   :host([as-tab]) {
+      display: block;
+    }
+
+    :host([as-tab]) .tab-root {
+      position: relative;
+      display: block;
+    }
+
+    :host([as-tab]) .tab-link {
+      position: relative;
+      border: none;
+      background: transparent;
+      padding: var(--spacing-5, 16px) var(--spacing-5, 16px);
+      border-radius: var(--md-sys-shape-corner-extra-small)
+        var(--md-sys-shape-corner-extra-small) 0 0;
+      font-size: var(--md-sys-typescale-title-medium-size);
+      line-height: var(--md-sys-typescale-title-medium-line-height);
+      font-weight: var(--md-sys-typescale-title-medium-weight);
+      letter-spacing: var(--md-sys-typescale-title-medium-tracking);
+      color: var(--md-sys-color-on-surface);
+      cursor: pointer;
+      display: inline-flex;
+      align-items: center;
+      gap: var(--spacing-3, 8px);
+    }
+
+    :host([as-tab]) .tab-link::after {
+      content: '';
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      height: 3px;
+      border-radius: 999px 999px 0 0;
+      background-color: transparent;
+    }
+
+    :host([as-tab]) .tab-link[aria-current='page']::after {
+      background-color: var(--md-sys-color-primary);
+    }
+
+    :host([as-tab]) md-focus-ring {
+      position: absolute;
+      inset: -4px;
+      border-radius: var(--md-sys-shape-corner-extra-small)
+        var(--md-sys-shape-corner-extra-small) 0 0;
+      display: none;
+      pointer-events: none;
+    }
+
+    :host([as-tab]) .tab-link:focus-visible + md-focus-ring {
+      display: block;
+    }
+
+    :host([as-tab]) md-icon.chevron {
+      transition:
+        transform var(--motion-duration-medium, 200ms)
+          var(--motion-easing-standard, ease);
+      transform-origin: center;
+      transform: rotate(0deg);
+    }
+
+    :host([as-tab][open]) md-icon.chevron {
+      transform: rotate(180deg);
+    }
+
+
+    :host([open]) .panel-surface {
+      opacity: 1;
+    }
+
+    .panel-inner {
+      overflow: hidden;
+    }
+
+    :host([open][data-open-settled]) .panel-surface {
+      overflow: visible;
+    }
+
+    :host([open][data-open-settled]) .panel-inner {
+      overflow: visible;
+    }
+
+    .panel.has-menu .panel-surface {
+      background: transparent;
+      box-shadow: none;
+      padding: 0;
+      max-height: none;
+      opacity: 1;
+      transition: none;
+      overflow: visible;
+    }
+
+    .panel.has-menu .panel-inner {
+      overflow: visible;
+    }
+
+    ::slotted(scb-menu) {
+      position: static !important;
+      transform: none !important;
+      width: fit-content;
+    }
+
+    ::slotted(scb-checkbox) {
+      display: block;
+      padding-right: var(--spacing-4, 12px);   
+    }
+
+     ::slotted(scb-button) {
+
+      padding-right: var(--spacing-4, 12px);   
+      padding-left: var(--spacing-4, 12px);
+    }
+
+    ::slotted(scb-drawer) {
+      display: block;
+      padding-right: var(--spacing-4, 12px);   
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .panel-surface {
+        transition: none;
+      }
+    }
+  `;a([d({type:String})],r.prototype,"label",2);a([d({type:String})],r.prototype,"variant",2);a([d({type:Boolean,reflect:!0})],r.prototype,"open",2);a([d({type:Boolean,reflect:!0})],r.prototype,"disabled",2);a([d({type:String,attribute:"menu-gap"})],r.prototype,"menuGap",2);a([d({type:String})],r.prototype,"width",2);a([d({type:String,attribute:"max-width"})],r.prototype,"maxWidth",2);a([u("scb-button")],r.prototype,"_triggerEl",2);a([u("slot")],r.prototype,"_slotEl",2);a([u(".panel-surface")],r.prototype,"_panelSurfaceEl",2);a([u(".panel-inner")],r.prototype,"_panelInnerEl",2);r=a([_("scb-dropdown")],r);