scb-wc 0.1.11 → 0.1.13

package/all.js

@@ -1,5 +1,105 @@
-import './_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js';
+import './all.js';
+import './blazor/scb-blazor-bridge.js';
 import './index.js';
+import './mvc/components/all.js';
+import './mvc/components/scb-accordion/scb-accordion-item.js';
+import './mvc/components/scb-accordion/scb-accordion.js';
+import './mvc/components/scb-app-bar/scb-app-bar.js';
+import './mvc/components/scb-avatar/scb-avatar.js';
+import './mvc/components/scb-badge/scb-badge.js';
+import './mvc/components/scb-breadcrumb/scb-breadcrumb-item.js';
+import './mvc/components/scb-breadcrumb/scb-breadcrumb.js';
+import './mvc/components/scb-button/scb-button.js';
+import './mvc/components/scb-calendar/scb-calendar-event.js';
+import './mvc/components/scb-calendar/scb-calendar.js';
+import './mvc/components/scb-calendar-card/scb-calendar-card.js';
+import './mvc/components/scb-card/scb-card.js';
+import './mvc/components/scb-checkbox/scb-checkbox-group.js';
+import './mvc/components/scb-checkbox/scb-checkbox.js';
+import './mvc/components/scb-chevron/scb-chevron.js';
+import './mvc/components/scb-chip/scb-chip.js';
+import './mvc/components/scb-collapse/scb-collapse.js';
+import './mvc/components/scb-cookies-consent/scb-cookies-consent.js';
+import './mvc/components/scb-datepicker/scb-datepicker.js';
+import './mvc/components/scb-dialog/scb-dialog.js';
+import './mvc/components/scb-divider/scb-divider.js';
+import './mvc/components/scb-drawer/scb-drawer.js';
+import './mvc/components/scb-drop-zone/scb-drop-zone.js';
+import './mvc/components/scb-dropdown/scb-dropdown.js';
+import './mvc/components/scb-fab/scb-fab.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';
+import './mvc/components/scb-footer/scb-footer.js';
+import './mvc/components/scb-gallery-grid/scb-gallery-grid.js';
+import './mvc/components/scb-grid/scb-grid-item.js';
+import './mvc/components/scb-grid/scb-grid.js';
+import './mvc/components/scb-grid/scb-stack.js';
+import './mvc/components/scb-header/scb-header-menu-group.js';
+import './mvc/components/scb-header/scb-header-menu-item.js';
+import './mvc/components/scb-header/scb-header-tab.js';
+import './mvc/components/scb-header/scb-header-utility.js';
+import './mvc/components/scb-header/scb-header.js';
+import './mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js';
+import './mvc/components/scb-icon-button/scb-icon-button.js';
+import './mvc/components/scb-keyfigure-card/scb-keyfigure-card.js';
+import './mvc/components/scb-link/scb-link.js';
+import './mvc/components/scb-list/scb-list-item.js';
+import './mvc/components/scb-list/scb-list.js';
+import './mvc/components/scb-menu/scb-menu-item.js';
+import './mvc/components/scb-menu/scb-menu-section.js';
+import './mvc/components/scb-menu/scb-menu.js';
+import './mvc/components/scb-menu/scb-sub-menu.js';
+import './mvc/components/scb-nav/scb-nav-item.js';
+import './mvc/components/scb-nav/scb-nav.js';
+import './mvc/components/scb-notification-card/scb-notification-card.js';
+import './mvc/components/scb-options-menu/scb-options-menu-item.js';
+import './mvc/components/scb-options-menu/scb-options-menu.js';
+import './mvc/components/scb-options-menu/scb-options-sub-menu.js';
+import './mvc/components/scb-overlay/scb-overlay.js';
+import './mvc/components/scb-pagination/scb-pagination.js';
+import './mvc/components/scb-progress-indicator/scb-progress-indicator.js';
+import './mvc/components/scb-progress-stepper/scb-progress-step.js';
+import './mvc/components/scb-progress-stepper/scb-progress-stepper.js';
+import './mvc/components/scb-radio-button/scb-radio-button.js';
+import './mvc/components/scb-radio-button/scb-radio-group.js';
+import './mvc/components/scb-scrollspy/scb-scrollspy.js';
+import './mvc/components/scb-search/scb-search.js';
+import './mvc/components/scb-segmented-button/scb-segmented-button.js';
+import './mvc/components/scb-segmented-button/scb-segmented-item.js';
+import './mvc/components/scb-select/scb-select-option.js';
+import './mvc/components/scb-select/scb-select.js';
+import './mvc/components/scb-skeleton/scb-skeleton.js';
+import './mvc/components/scb-slider/scb-slider.js';
+import './mvc/components/scb-snackbar/scb-snackbar.js';
+import './mvc/components/scb-status-pill/scb-status-pill.js';
+import './mvc/components/scb-stepper/scb-step.js';
+import './mvc/components/scb-stepper/scb-stepper.js';
+import './mvc/components/scb-switch/scb-switch.js';
+import './mvc/components/scb-table/scb-table.js';
+import './mvc/components/scb-table-advanced/scb-table-advanced.js';
+import './mvc/components/scb-tabs/scb-primary-tab.js';
+import './mvc/components/scb-tabs/scb-secondary-tab.js';
+import './mvc/components/scb-tabs/scb-tabs.js';
+import './mvc/components/scb-textfield/scb-textfield.js';
+import './mvc/components/scb-toc/scb-toc-item.js';
+import './mvc/components/scb-toc/scb-toc.js';
+import './mvc/components/scb-tooltip/scb-tooltip.js';
+import './mvc/components/scb-vignette/scb-vignette.js';
+import './mvc/components/scb-viz/scb-viz-actions-runtime.js';
+import './mvc/components/scb-viz/scb-viz-print-runtime.js';
+import './mvc/components/scb-viz/scb-viz-series-differentiation-registry.js';
+import './mvc/components/scb-viz/scb-viz-series-differentiation-runtime.js';
+import './mvc/components/scb-viz/scb-viz-table-runtime.js';
+import './mvc/components/scb-viz/scb-viz.js';
+import './mvc/scb-blazor-bridge.js';
+import './mvc/vendor/assertClassBrand.js';
+import './mvc/vendor/classPrivateFieldGet2.js';
+import './mvc/vendor/decorate.js';
+import './mvc/vendor/preload-helper.js';
+import './mvc/vendor/vendor-lit.js';
+import './mvc/vendor/vendor-material.js';
+import './mvc/vendor/vendor.js';
 import './scb-accordion/scb-accordion-item.js';
 import './scb-accordion/scb-accordion.js';
 import './scb-app-bar/scb-app-bar.js';
@@ -90,3 +190,6 @@ import './scb-viz/scb-viz-series-differentiation-registry.js';
 import './scb-viz/scb-viz-series-differentiation-runtime.js';
 import './scb-viz/scb-viz-table-runtime.js';
 import './scb-viz/scb-viz.js';
+import './starters/html/main.js';
+import './starters/react/vite.config.js';
+import './_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js';

package/mvc/components/all.js

@@ -1,93 +1,3 @@
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-accordion/scb-accordion.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-accordion/scb-accordion-item.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-app-bar/scb-app-bar.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-avatar/scb-avatar.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-badge/scb-badge.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-breadcrumb/scb-breadcrumb.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-breadcrumb/scb-breadcrumb-item.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-button/scb-button.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-calendar-card/scb-calendar-card.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-calendar/scb-calendar.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-calendar/scb-calendar-event.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-card/scb-card.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-checkbox/scb-checkbox.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-checkbox/scb-checkbox-group.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-chevron/scb-chevron.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-chip/scb-chip.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-collapse/scb-collapse.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-cookies-consent/scb-cookies-consent.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-datepicker/scb-datepicker.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-dialog/scb-dialog.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-divider/scb-divider.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-drawer/scb-drawer.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-drop-zone/scb-drop-zone.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-dropdown/scb-dropdown.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-fab/scb-fab.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-fact-card/scb-fact-card.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-fact-card/scb-fact-card-content.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-footer/scb-footer.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-footer/scb-footer-section.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-gallery-grid/scb-gallery-grid.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-grid/scb-grid.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-grid/scb-grid-item.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-grid/scb-stack.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-header/scb-header.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-header/scb-header-menu-group.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-header/scb-header-menu-item.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-header/scb-header-tab.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-header/scb-header-utility.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-horizontal-scroller/scb-horizontal-scroller.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-icon-button/scb-icon-button.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-keyfigure-card/scb-keyfigure-card.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-link/scb-link.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-list/scb-list.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-list/scb-list-item.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-menu/scb-menu.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-menu/scb-menu-item.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-menu/scb-menu-section.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-menu/scb-sub-menu.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-nav/scb-nav.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-nav/scb-nav-item.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-notification-card/scb-notification-card.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-options-menu/scb-options-menu.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-options-menu/scb-options-menu-item.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-options-menu/scb-options-sub-menu.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-overlay/scb-overlay.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-pagination/scb-pagination.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-progress-indicator/scb-progress-indicator.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-progress-stepper/scb-progress-step.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-progress-stepper/scb-progress-stepper.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-radio-button/scb-radio-button.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-radio-button/scb-radio-group.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-scrollspy/scb-scrollspy.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-search/scb-search.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-segmented-button/scb-segmented-button.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-segmented-button/scb-segmented-item.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-select/scb-select.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-select/scb-select-option.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-skeleton/scb-skeleton.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-slider/scb-slider.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-snackbar/scb-snackbar.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-status-pill/scb-status-pill.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-stepper/scb-step.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-stepper/scb-stepper.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-switch/scb-switch.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-table-advanced/scb-table-advanced.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-table/scb-table.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-tabs/scb-primary-tab.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-tabs/scb-secondary-tab.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-tabs/scb-tabs.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-textfield/scb-textfield.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-toc/scb-toc.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-toc/scb-toc-item.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-tooltip/scb-tooltip.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-vignette/scb-vignette.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-viz/scb-viz.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-viz/scb-viz-actions-runtime.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-viz/scb-viz-print-runtime.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-viz/scb-viz-series-differentiation-registry.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-viz/scb-viz-series-differentiation-runtime.js';
-import './/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-viz/scb-viz-table-runtime.js';
 import './scb-accordion/scb-accordion.js';
 import './scb-accordion/scb-accordion-item.js';
 import './scb-app-bar/scb-app-bar.js';
@@ -102,9 +12,11 @@ import './scb-calendar/scb-calendar-event.js';
 import './scb-card/scb-card.js';
 import './scb-checkbox/scb-checkbox.js';
 import './scb-checkbox/scb-checkbox-group.js';
+import './scb-chevron/scb-chevron.js';
 import './scb-chip/scb-chip.js';
 import './scb-collapse/scb-collapse.js';
 import './scb-cookies-consent/scb-cookies-consent.js';
+import './scb-datepicker/scb-datepicker.js';
 import './scb-dialog/scb-dialog.js';
 import './scb-divider/scb-divider.js';
 import './scb-drawer/scb-drawer.js';
@@ -169,6 +81,7 @@ import './scb-textfield/scb-textfield.js';
 import './scb-toc/scb-toc.js';
 import './scb-toc/scb-toc-item.js';
 import './scb-tooltip/scb-tooltip.js';
+import './scb-vignette/scb-vignette.js';
 import './scb-viz/scb-viz.js';
 import './scb-viz/scb-viz-actions-runtime.js';
 import './scb-viz/scb-viz-print-runtime.js';

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

@@ -1 +1,211 @@
-import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-accordion/scb-accordion-item.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(e,r,c){try{customElements.get(e)||o(e,r,c)}catch(i){var n=String(i||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();
+import"../../vendor/vendor-material.js";import{_ as b,b as m,g as h,h as o,v as l,y as s}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as r}from"../../vendor/decorate.js";import"../scb-chevron/scb-chevron.js";(function(){try{var g=typeof globalThis<"u"?globalThis:window;if(!g.__scb_ce_guard_installed__){g.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(t,e,v){try{customElements.get(t)||i(t,e,v)}catch(c){var n=String(c||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var d,p,a=(d=class extends b{constructor(...i){super(...i),this.open=!1,this.title="",this.content="",this.overline="",this.supportingText="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.imgHrefImage="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.density=0,this._unique=p._uid(),this._ignoreNextNativeTitleAttrChange=!1,this._onSummaryClick=t=>{t.preventDefault();const e=!this.open;this.closest("scb-accordion")?.onItemToggled?.(this,e),this.setOpen(e)},this._onToggle=t=>{const e=t.currentTarget;e.open||(e.open=!0),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${p._uidPrefix}-${++p._uidSeq}`}static get observedAttributes(){const i=super.observedAttributes||[];return i.includes("title")?i:[...i,"title"]}attributeChangedCallback(i,t,e){if(i==="title"&&this._ignoreNextNativeTitleAttrChange){this._ignoreNextNativeTitleAttrChange=!1;return}super.attributeChangedCallback(i,t,e),i==="title"&&e!==null&&(this._ignoreNextNativeTitleAttrChange=!0,this.removeAttribute("title"))}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const i=this.renderRoot.querySelector(".scb-accordion-bottom");i&&(this.open?(i.removeAttribute("inert"),i.setAttribute("aria-hidden","false")):(i.setAttribute("inert",""),i.setAttribute("aria-hidden","true")))}_onKeyDown(i){const t=this.closest("scb-accordion"),e=Array.from(t?.querySelectorAll("scb-accordion-item")||[]).map(c=>c.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(c=>!!c),v=i.currentTarget,n=e.indexOf(v);switch(i.key){case"ArrowDown":i.preventDefault(),n<e.length-1&&e[n+1].focus();break;case"ArrowUp":i.preventDefault(),n>0&&e[n-1].focus();break;case"Home":i.preventDefault(),e.length&&e[0].focus();break;case"End":i.preventDefault(),e.length&&e[e.length-1].focus();break}}setOpen(i){this.open=!!i;const t=this.renderRoot.querySelector("details");t&&!t.open&&(t.open=!0),this._applyInertByOpen()}updated(i){if(i.has("open")){const t=this.renderRoot.querySelector("details");t&&!t.open&&(t.open=!0),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const i=`bottom-${this._unique}`,t=`header-${this._unique}`,e=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?s`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?s`
+              <scb-avatar
+                label=${this.avatarLabel}
+                alt=${this.avatarAlt}
+                src=${this.avatarVariant==="image"?this.avatarSrc:""}
+                size="medium"
+                shape="circular"
+                variant=${this.avatarVariant}
+              ></scb-avatar>
+            `:this.leadingVariant==="icon"?s`<md-icon>${this.leadingIcon}</md-icon>`:l:l;return s`
+      <details class="scb-accordion-item" open @toggle=${this._onToggle}>
+        <summary
+          id=${t}
+          class="scb-accordion-top"
+          aria-controls=${i}
+          @click=${this._onSummaryClick}
+          @keydown=${this._onKeyDown}
+        >
+          <md-ripple></md-ripple>
+
+          ${this.leading?s`<div class="leading">${e}</div>`:l}
+
+          <div class="texts">
+            ${this.overline?s`<div class="overline">${this.overline}</div>`:l}
+            <div class="title">${this.title}</div>
+            ${this.supportingText?s`<div class="supporting-text">${this.supportingText}</div>`:l}
+          </div>
+
+          <scb-chevron class="chevron" .open=${this.open}></scb-chevron>
+        </summary>
+
+        <div id=${i} class="scb-accordion-bottom" role="region" aria-labelledby=${t}>
+          <div class="bottom-inner">
+            <slot>${this.content}</slot>
+          </div>
+        </div>
+      </details>
+
+      <md-focus-ring for=${t} inward></md-focus-ring>
+    `}},p=d,d._uidPrefix=`uid-${Math.random().toString(36).slice(2)}`,d._uidSeq=0,d.styles=[m`
+      :host {
+        display: block;
+        position: relative;
+        --scb-accordion-hover-radius: var(--radius-none, 0px);
+        --scb-accordion-chevron-nudge-y: 3px;
+        --scb-accordion-motion-duration: 0.3s;
+        --scb-accordion-motion-easing: ease;
+        --scb-accordion-panel-padding-closed: var(--spacing-0, 0px);
+        --scb-accordion-interaction-bleed: max(var(--stroke-focus-ring, 3px), var(--spacing-2, 4px));
+
+        --scb-accordion-item-padding-inline: var(--spacing-5, 16px);
+        --scb-accordion-item-padding-block: var(--spacing-7, 24px);
+        --scb-accordion-item-gap: var(--spacing-5, 16px);
+
+        --scb-accordion-title-font-size: var(--md-sys-typescale-title-large-size);
+        --scb-accordion-title-line-height: var(--md-sys-typescale-title-large-line-height);
+        --scb-accordion-title-letter-spacing: var(--md-sys-typescale-title-large-tracking);
+
+        --scb-accordion-supporting-font-size: var(--md-sys-typescale-body-medium-size);
+        --scb-accordion-supporting-line-height: var(--md-sys-typescale-body-medium-line-height);
+        --scb-accordion-supporting-letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+
+        --scb-accordion-leading-image-size: calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px));
+      }
+
+      :host-context(scb-accordion[size='medium']) {
+        --scb-accordion-item-padding-inline: var(--spacing-5, 16px);
+        --scb-accordion-item-padding-block: var(--spacing-6, 20px);
+        --scb-accordion-item-gap: var(--spacing-4, 12px);
+
+        --scb-accordion-title-font-size: var(--md-sys-typescale-title-medium-size);
+        --scb-accordion-title-line-height: var(--md-sys-typescale-title-medium-line-height);
+        --scb-accordion-title-letter-spacing: var(--md-sys-typescale-title-medium-tracking);
+
+        --scb-accordion-leading-image-size: calc(var(--icon-size-large, 30px) + var(--spacing-4, 12px));
+      }
+
+      :host-context(scb-accordion[size='small']) {
+        --scb-accordion-item-padding-inline: var(--spacing-4, 12px);
+        --scb-accordion-item-padding-block: var(--spacing-5, 16px);
+        --scb-accordion-item-gap: var(--spacing-3, 8px);
+
+        --scb-accordion-title-font-size: var(--md-sys-typescale-title-small-size);
+        --scb-accordion-title-line-height: var(--md-sys-typescale-title-small-line-height);
+        --scb-accordion-title-letter-spacing: var(--md-sys-typescale-title-small-tracking);
+
+        --scb-accordion-supporting-font-size: var(--md-sys-typescale-body-small-size);
+        --scb-accordion-supporting-line-height: var(--md-sys-typescale-body-small-line-height);
+        --scb-accordion-supporting-letter-spacing: var(--md-sys-typescale-body-small-tracking);
+
+        --scb-accordion-leading-image-size: calc(var(--icon-size-medium, 24px) + var(--spacing-4, 12px));
+      }
+
+      md-focus-ring {
+        position: absolute;
+        inset: 0;
+        pointer-events: none;
+        border-radius: var(--scb-accordion-focus-ring-radius, var(--md-sys-shape-corner-small, 8px));
+      }
+
+      .scb-accordion-item {
+        border-bottom: var(--stroke-border, 1px) solid var(--md-sys-color-outline-variant);
+        color: var(--md-sys-color-on-surface);
+        font-family: var(--brand-font);
+      }
+
+      /* Header */
+      .scb-accordion-top {
+        list-style: none;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        cursor: pointer;
+        padding-block: var(--scb-accordion-item-padding-block, var(--spacing-7, 24px));
+        padding-inline: var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px));
+        border-radius: var(--radius-none, 0px);
+        gap: var(--scb-accordion-item-gap, var(--spacing-5, 16px));
+        color: var(--md-sys-color-on-surface);
+        position: relative;
+        overflow: hidden;
+        -webkit-tap-highlight-color: transparent;
+        outline: none;
+      }
+      .scb-accordion-top::-webkit-details-marker { display: none; }
+      summary::marker { content: ''; }
+
+      :host([density="-2"]) .scb-accordion-top,
+      :host-context([data-density="-2"]) .scb-accordion-top {
+        padding-block: var(--spacing-5, 16px);
+      }
+      :host([density="-4"]) .scb-accordion-top,
+      :host-context([data-density="-4"]) .scb-accordion-top {
+        padding-block: var(--spacing-4, 12px);
+      }
+
+      .scb-accordion-bottom {
+        display: grid;
+        grid-template-rows: 0fr;
+        opacity: 0;
+        overflow: hidden;
+        transition:
+          grid-template-rows var(--scb-accordion-motion-duration) var(--scb-accordion-motion-easing),
+          opacity var(--scb-accordion-motion-duration) var(--scb-accordion-motion-easing),
+          padding var(--scb-accordion-motion-duration) var(--scb-accordion-motion-easing);
+        padding-block: var(--scb-accordion-panel-padding-closed);
+        padding-inline: calc(var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px)) - var(--scb-accordion-interaction-bleed));
+      }
+      :host([open]) .scb-accordion-bottom {
+        grid-template-rows: 1fr;
+        opacity: 1;
+        padding-top: max(var(--spacing-0, 0px), calc(var(--spacing-2, 4px) - var(--scb-accordion-interaction-bleed)));
+        padding-right: calc(var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px)) - var(--scb-accordion-interaction-bleed));
+        padding-bottom: calc(var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px)) - var(--scb-accordion-interaction-bleed));
+        padding-left: calc(var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px)) - var(--scb-accordion-interaction-bleed));
+      }
+      .bottom-inner {
+        min-height: 0;
+        overflow: visible;
+        padding: var(--scb-accordion-interaction-bleed);
+      }
+
+      .title {
+        font-family: var(--brand-font);
+        font-size: var(--scb-accordion-title-font-size, var(--md-sys-typescale-title-large-size));
+        line-height: var(--scb-accordion-title-line-height, var(--md-sys-typescale-title-large-line-height));
+        font-weight: var(--weight-semibold);
+        letter-spacing: var(--scb-accordion-title-letter-spacing, var(--md-sys-typescale-title-large-tracking));
+        color: var(--md-sys-color-on-surface);
+      }
+      .overline {
+        font-family: var(--brand-font);
+        font-size: var(--md-sys-typescale-body-small-size);
+        line-height: var(--md-sys-typescale-body-small-line-height);
+        font-weight: var(--weight-regular);
+        letter-spacing: var(--md-sys-typescale-body-small-tracking);
+        color: var(--md-sys-color-on-surface-variant);
+      }
+      .supporting-text {
+        font-family: var(--brand-font);
+        font-size: var(--scb-accordion-supporting-font-size, var(--md-sys-typescale-body-medium-size));
+        line-height: var(--scb-accordion-supporting-line-height, var(--md-sys-typescale-body-medium-line-height));
+        font-weight: var(--weight-regular);
+        letter-spacing: var(--scb-accordion-supporting-letter-spacing, var(--md-sys-typescale-body-medium-tracking));
+        color: var(--md-sys-color-on-surface-variant);
+      }
+
+      .leading { align-self: center; display: grid; place-items: center; }
+      .img {
+        width: var(--scb-accordion-leading-image-size, calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px)));
+        height: var(--scb-accordion-leading-image-size, calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px)));
+        object-fit: contain;
+        border-radius: var(--radius-s, 8px);
+      }
+
+      .texts { display: grid; gap: var(--spacing-1, 2px); }
+
+      .chevron {
+        margin-left: auto;
+      }
+
+      md-ripple {
+        border-radius: inherit;
+        inset: 0;
+        position: absolute;
+        pointer-events: none;
+        overflow: hidden;
+      }
+      @media (prefers-reduced-motion: reduce) {
+        md-ripple { display: none; }
+      }
+    `],d);r([o({type:Boolean,reflect:!0})],a.prototype,"open",void 0);r([o({type:String})],a.prototype,"title",void 0);r([o({type:String})],a.prototype,"content",void 0);r([o({type:String,attribute:"overline"})],a.prototype,"overline",void 0);r([o({type:String,attribute:"supporting-text"})],a.prototype,"supportingText",void 0);r([o({type:Boolean})],a.prototype,"leading",void 0);r([o({type:String,attribute:"leading-variant",reflect:!0})],a.prototype,"leadingVariant",void 0);r([o({type:String,attribute:"leading-icon"})],a.prototype,"leadingIcon",void 0);r([o({type:String,attribute:"img-href-image",reflect:!0})],a.prototype,"imgHrefImage",void 0);r([o({type:String,attribute:"avatar-label"})],a.prototype,"avatarLabel",void 0);r([o({type:String,attribute:"avatar-alt"})],a.prototype,"avatarAlt",void 0);r([o({type:String,attribute:"avatar-variant"})],a.prototype,"avatarVariant",void 0);r([o({type:String,attribute:"avatar-src"})],a.prototype,"avatarSrc",void 0);r([o({type:Number,reflect:!0})],a.prototype,"density",void 0);a=p=r([h("scb-accordion-item")],a);

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

@@ -1 +1,44 @@
-import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-accordion/scb-accordion.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(e,r,c){try{customElements.get(e)||o(e,r,c)}catch(i){var n=String(i||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();
+import{_ as m,b as v,g as y,h as a,v as _,y as b}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as c}from"../../vendor/decorate.js";import"./scb-accordion-item.js";import{n as k,t as n}from"../../vendor/assertClassBrand.js";import"../scb-button/scb-button.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,r,l){try{customElements.get(i)||t(i,r,l)}catch(h){var g=String(h||"");if(g.indexOf("already been used")===-1&&g.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var s,p,o=(s=new WeakSet,p=class extends m{constructor(...t){super(...t),k(this,s),this.singleOpen=!1,this.showCloseAll=!1,this.size="large",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}connectedCallback(){super.connectedCallback(),this.addEventListener("open-changed",n(s,this,f))}disconnectedCallback(){this.removeEventListener("open-changed",n(s,this,f)),super.disconnectedCallback()}render(){const t=!this.singleOpen&&this.showCloseAll,i=t?n(s,this,S).call(this):!1;return b`
+      <div class="scb-accordion" ?single-open=${this.singleOpen}>
+        ${t?b`
+              <div class="scb-accordion-actions" role="toolbar" aria-label="Accordionkontroller">
+                <scb-button
+                  variant="text"
+                  label=${i?"Stäng alla":"Öppna alla"}
+                  @click=${n(s,this,O)}
+                ></scb-button>
+              </div>
+            `:_}
+
+        <slot @slotchange=${n(s,this,A)}></slot>
+      </div>
+    `}firstUpdated(){n(s,this,u).call(this),n(s,this,d).call(this)}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&n(s,this,u).call(this),t.has("singleOpen")&&n(s,this,d).call(this)}_getDirectItems(){return Array.from(this.children).filter(t=>t.tagName==="SCB-ACCORDION-ITEM")}onItemToggled(t,i){if(this.singleOpen&&i){this._getDirectItems().forEach(r=>{r!==t&&r.setOpen(!1)});return}!this.singleOpen&&this.showCloseAll&&this.requestUpdate()}mapSpacingToken(t){if(!t)return;const i=String(t).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}},p.styles=v`
+    :host {
+      display: block;
+      margin-block-start: var(--scb-accordion-spacing-block-start, 0);
+      margin-block-end: var(--scb-accordion-spacing-block-end, 0);
+      margin-inline-start: var(--scb-accordion-spacing-inline-start, 0);
+      margin-inline-end: var(--scb-accordion-spacing-inline-end, 0);
+
+      --scb-accordion-actions-padding-inline: var(--spacing-5, 16px);
+      --scb-accordion-actions-padding-block: var(--spacing-2, 4px);
+    }
+
+    :host([size='medium']) {
+      --scb-accordion-actions-padding-inline: var(--spacing-5, 16px);
+      --scb-accordion-actions-padding-block: var(--spacing-2, 4px);
+    }
+
+    :host([size='small']) {
+      --scb-accordion-actions-padding-inline: var(--spacing-4, 12px);
+      --scb-accordion-actions-padding-block: var(--spacing-2, 4px);
+    }
+
+    .scb-accordion-actions {
+      display: flex;
+      justify-content: flex-end;
+      padding-inline: var(--scb-accordion-actions-padding-inline);
+      padding-block-start: var(--scb-accordion-actions-padding-block);
+      padding-block-end: var(--scb-accordion-actions-padding-block);
+    }
+  `,p);function S(){const e=this._getDirectItems();return e.length>0&&e.every(t=>t.open)}function O(){if(this.singleOpen||!this.showCloseAll)return;const e=this._getDirectItems(),t=e.length>0&&e.every(i=>i.open);e.forEach(i=>i.setOpen(!t))}function f(){this.singleOpen||this.showCloseAll&&this.requestUpdate()}function A(){if(this.singleOpen){n(s,this,d).call(this);return}this.showCloseAll&&this.requestUpdate()}function d(){if(!this.singleOpen)return;const e=this._getDirectItems().filter(t=>t.open);e.length<=1||e.slice(1).forEach(t=>t.setOpen(!1))}function u(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??e,i=this.mapSpacingToken(this.spacingBottom)??e,r=this.mapSpacingToken(this.spacingLeft),l=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-accordion-spacing-block-start",t):this.style.removeProperty("--scb-accordion-spacing-block-start"),i?this.style.setProperty("--scb-accordion-spacing-block-end",i):this.style.removeProperty("--scb-accordion-spacing-block-end"),r?this.style.setProperty("--scb-accordion-spacing-inline-start",r):this.style.removeProperty("--scb-accordion-spacing-inline-start"),l?this.style.setProperty("--scb-accordion-spacing-inline-end",l):this.style.removeProperty("--scb-accordion-spacing-inline-end")}c([a({type:Boolean,attribute:"single-open",reflect:!0})],o.prototype,"singleOpen",void 0);c([a({type:Boolean,attribute:"show-close-all",reflect:!0})],o.prototype,"showCloseAll",void 0);c([a({type:String,reflect:!0})],o.prototype,"size",void 0);c([a({type:String,reflect:!0})],o.prototype,"spacing",void 0);c([a({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",void 0);c([a({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",void 0);c([a({type:String,attribute:"spacing-left",reflect:!0})],o.prototype,"spacingLeft",void 0);c([a({type:String,attribute:"spacing-right",reflect:!0})],o.prototype,"spacingRight",void 0);o=c([y("scb-accordion")],o);