scb-wc-test 0.1.146 → 0.1.147

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,186 @@
+import{a as c,n as o,e as h,i as m,E as a,x as p,t as g}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-button/scb-button.js";import"../scb-menu/scb-menu.js";import"../scb-menu/scb-menu-item.js";import"../scb-divider/scb-divider.js";import"../scb-menu/scb-sub-menu.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,l,r){try{customElements.get(s)||e(s,l,r)}catch(u){var d=String(u||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,i=(t,e,s,l)=>{for(var r=l>1?void 0:l?b(e,s):e,d=t.length-1,u;d>=0;d--)(u=t[d])&&(r=(l?u(e,s,r):u(r))||r);return l&&r&&f(e,s,r),r};let n=class extends m{constructor(){super(...arguments),this.label="Dropdown",this.variant="filled",this.open=!1,this.disabled=!1,this.asTab=!1,this.useMenuPositioning=!1,this.dataIndex=null,this.ariaCurrent=null,this.menuGap="3",this.width=null,this.maxWidth=null,this._slottedMenuEl=null,this._generatedMenuId=null,this._onDocumentClickBound=t=>{this.useMenuPositioning&&this._slottedMenuEl||!this.open||t.composedPath().includes(this)||(this.open=!1)},this._onDocumentKeydownBound=t=>{this.useMenuPositioning&&this._slottedMenuEl||this.open&&t.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.requestUpdate()},this._onTriggerClick=t=>{this.disabled||(this.asTab||this.useMenuPositioning&&this._slottedMenuEl||t.stopPropagation(),!(this.useMenuPositioning&&this._slottedMenuEl)&&(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(),super.disconnectedCallback()}focus(t){if(this.asTab){this._tabTriggerEl?.focus(t);return}if(this._triggerEl){try{this._triggerEl.focus(t)}catch{this._triggerEl.focus()}return}super.focus(t)}firstUpdated(t){super.firstUpdated(t),this._syncSlottedMenu(),this._ensureSlottedMenuId(),this._applyPanelVars(),this._applyPanelSizing(),this._applyChevronState()}updated(t){super.updated(t),t.has("useMenuPositioning")&&this._ensureSlottedMenuId(),t.has("menuGap")&&this._applyPanelVars(),(t.has("width")||t.has("maxWidth"))&&this._applyPanelSizing(),t.has("open")&&(this.open||this._closeAllSubMenus(),this._syncSlottedMenuOpen(),this._applyChevronState())}_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 t=this.renderRoot.querySelector(".panel-surface");t&&(this.width&&String(this.width).trim()!==""?t.style.inlineSize=this.width:t.style.removeProperty("inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?t.style.maxInlineSize=this.maxWidth:t.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"))}_mapSpacingToken(t){const e=String(t).trim();return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}_getSlottedMenuId(){const t=this._slottedMenuEl?.id;return!t||!t.trim()?null:t.trim()}_ensureSlottedMenuId(){if(!this.useMenuPositioning||!this._slottedMenuEl)return;const t=this._slottedMenuEl;if(!(t.id&&t.id.trim())){if(!this._generatedMenuId){const e=globalThis.crypto?.randomUUID?.()??Math.random().toString(36).slice(2);this._generatedMenuId=`scb-dropdown-menu-${e}`}t.id=this._generatedMenuId}}_syncSlottedMenu(){const e=(this._slotEl?.assignedElements({flatten:!0})??[]).find(s=>s.tagName.toLowerCase()==="scb-menu");if(e===this._slottedMenuEl){this._ensureSlottedMenuId(),this._syncSlottedMenuOpen();return}this._detachSlottedMenuListeners(),this._slottedMenuEl=e??null,this._slottedMenuEl&&(this._slottedMenuEl.addEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.addEventListener("close",this._onSlottedMenuClose),this._ensureSlottedMenuId(),this._syncSlottedMenuOpen())}_detachSlottedMenuListeners(){this._slottedMenuEl&&(this._slottedMenuEl.removeEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.removeEventListener("close",this._onSlottedMenuClose))}_syncSlottedMenuOpen(){this._slottedMenuEl&&(this.useMenuPositioning||(this._slottedMenuEl.open=this.open))}_closeAllSubMenus(){const t=this.querySelectorAll("scb-sub-menu");for(const e of t)e.removeAttribute("open")}_applyChevronState(){if(this.asTab)return;const t=this._getChevronIconEl();t&&(t.style.transition="transform var(--motion-duration-medium, 200ms) var(--motion-easing-standard, ease)",t.style.transformOrigin="center",t.style.transform=this.open?"rotate(180deg)":"rotate(0deg)")}_getChevronIconEl(){if(!this._triggerEl)return null;const e=this._triggerEl?.shadowRoot;return e?e.querySelector('md-icon[slot="icon"]')??e.querySelector("md-icon"):null}render(){const t=!!this._slottedMenuEl,e=this.useMenuPositioning?this._getSlottedMenuId():null,s=!(this.useMenuPositioning&&t);return p`
+      ${this.asTab?p`
+            <div class="tab-root">
+              <button
+                type="button"
+                class="tab-link"
+                data-index=${this.dataIndex??a}
+                aria-current=${this.ariaCurrent==="page"?"page":a}
+                aria-haspopup=${e?"menu":a}
+                aria-expanded=${String(this.open)}
+                aria-controls=${e??a}
+                data-menu-toggle=${e??a}
+                ?disabled=${this.disabled}
+                @click=${this._onTriggerClick}
+              >
+                ${this.label}
+                <md-icon class="chevron">expand_more</md-icon>
+              </button>
+              <md-focus-ring></md-focus-ring>
+            </div>
+          `:p`
+            <scb-button
+              label=${this.label}
+              variant=${this.variant}
+              icon="expand_more"
+              aria-haspopup=${e?"menu":a}
+              aria-expanded=${String(this.open)}
+              aria-controls=${e??a}
+              data-menu-toggle=${e??a}
+              ?trailing-icon=${!0}
+              ?disabled=${this.disabled}
+              @click=${this._onTriggerClick}
+            ></scb-button>
+          `}
+
+      ${s?p`
+            <div class="panel ${t?"has-menu":""}" ?hidden=${!this.open}>
+              <div class="panel-surface">
+                <slot @slotchange=${this._onSlotChange}></slot>
+              </div>
+            </div>
+          `:p`<slot @slotchange=${this._onSlotChange}></slot>`}
+    `}};n.styles=c`
+    :host {
+      display: inline-block;
+      position: relative;
+      overflow: visible;
+    }
+
+    :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);
+    }
+
+    .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 {
+      display: block;
+      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));
+      overflow: visible;
+      opacity: 0;
+      transform: scaleY(0.9);
+      transform-origin: top;
+      transition:
+        opacity var(--motion-duration-medium, 200ms) var(--motion-easing-standard, ease),
+        transform var(--motion-duration-medium, 200ms) var(--motion-easing-standard, ease);
+    }
+
+    :host([open]) .panel-surface {
+      opacity: 1;
+      transform: scaleY(1);
+    }
+
+    .panel.has-menu .panel-surface {
+      background: transparent;
+      box-shadow: none;
+      padding: 0;
+    }
+
+    :host(:not([use-menu-positioning])) ::slotted(scb-menu) {
+      position: static !important;
+      transform: none !important;
+      width: fit-content;
+    }
+
+    :host([use-menu-positioning]) ::slotted(scb-menu) {
+      width: fit-content;
+    }
+
+    ::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);   
+    }
+  `;i([o({type:String})],n.prototype,"label",2);i([o({type:String})],n.prototype,"variant",2);i([o({type:Boolean,reflect:!0})],n.prototype,"open",2);i([o({type:Boolean,reflect:!0})],n.prototype,"disabled",2);i([o({type:Boolean,reflect:!0,attribute:"as-tab"})],n.prototype,"asTab",2);i([o({type:Boolean,reflect:!0,attribute:"use-menu-positioning"})],n.prototype,"useMenuPositioning",2);i([o({type:String,attribute:"data-index",reflect:!0})],n.prototype,"dataIndex",2);i([o({type:String,attribute:"aria-current",reflect:!0})],n.prototype,"ariaCurrent",2);i([o({type:String,attribute:"menu-gap"})],n.prototype,"menuGap",2);i([o({type:String})],n.prototype,"width",2);i([o({type:String,attribute:"max-width"})],n.prototype,"maxWidth",2);i([h("scb-button")],n.prototype,"_triggerEl",2);i([h(".tab-link")],n.prototype,"_tabTriggerEl",2);i([h("slot")],n.prototype,"_slotEl",2);n=i([g("scb-dropdown")],n);