scb-wc 0.1.7 → 0.1.9

package/scb-wc.d.ts

@@ -1,174 +1,180 @@
-import '../scb-components/scb-accordion/scb-accordion-item';
-import '../scb-components/scb-accordion/scb-accordion';
-import '../scb-components/scb-app-bar/scb-app-bar';
-import '../scb-components/scb-avatar/scb-avatar';
-import '../scb-components/scb-badge/scb-badge';
-import '../scb-components/scb-breadcrumb/scb-breadcrumb-item';
-import '../scb-components/scb-breadcrumb/scb-breadcrumb';
-import '../scb-components/scb-button/scb-button';
-import '../scb-components/scb-calendar/scb-calendar-event';
-import '../scb-components/scb-calendar/scb-calendar';
-import '../scb-components/scb-calendar-card/scb-calendar-card';
-import '../scb-components/scb-card/scb-card';
-import '../scb-components/scb-checkbox/scb-checkbox-group';
-import '../scb-components/scb-checkbox/scb-checkbox';
-import '../scb-components/scb-chip/scb-chip';
-import '../scb-components/scb-collapse/scb-collapse';
-import '../scb-components/scb-cookies-consent/scb-cookies-consent';
-import '../scb-components/scb-dialog/scb-dialog';
-import '../scb-components/scb-divider/scb-divider';
-import '../scb-components/scb-drawer/scb-drawer';
-import '../scb-components/scb-drop-zone/scb-drop-zone';
-import '../scb-components/scb-dropdown/scb-dropdown';
-import '../scb-components/scb-fab/scb-fab';
-import '../scb-components/scb-fact-card/scb-fact-card-content';
-import '../scb-components/scb-fact-card/scb-fact-card';
-import '../scb-components/scb-footer/scb-footer-section';
-import '../scb-components/scb-footer/scb-footer';
-import '../scb-components/scb-gallery-grid/scb-gallery-grid';
-import '../scb-components/scb-grid/scb-grid-item';
-import '../scb-components/scb-grid/scb-grid';
-import '../scb-components/scb-grid/scb-stack';
-import '../scb-components/scb-header/scb-header-menu-group';
-import '../scb-components/scb-header/scb-header-menu-item';
-import '../scb-components/scb-header/scb-header-tab';
-import '../scb-components/scb-header/scb-header-utility';
-import '../scb-components/scb-header/scb-header';
-import '../scb-components/scb-horizontal-scroller/scb-horizontal-scroller';
-import '../scb-components/scb-icon-button/scb-icon-button';
-import '../scb-components/scb-keyfigure-card/scb-keyfigure-card';
-import '../scb-components/scb-link/scb-link';
-import '../scb-components/scb-list/scb-list-item';
-import '../scb-components/scb-list/scb-list';
-import '../scb-components/scb-menu/scb-menu-item';
-import '../scb-components/scb-menu/scb-menu-section';
-import '../scb-components/scb-menu/scb-menu';
-import '../scb-components/scb-menu/scb-sub-menu';
-import '../scb-components/scb-nav/scb-nav-item';
-import '../scb-components/scb-nav/scb-nav';
-import '../scb-components/scb-notification-card/scb-notification-card';
-import '../scb-components/scb-options-menu/scb-options-menu-item';
-import '../scb-components/scb-options-menu/scb-options-menu';
-import '../scb-components/scb-options-menu/scb-options-sub-menu';
-import '../scb-components/scb-overlay/scb-overlay';
-import '../scb-components/scb-pagination/scb-pagination';
-import '../scb-components/scb-progress-indicator/scb-progress-indicator';
-import '../scb-components/scb-progress-stepper/scb-progress-step';
-import '../scb-components/scb-progress-stepper/scb-progress-stepper';
-import '../scb-components/scb-radio-button/scb-radio-button';
-import '../scb-components/scb-radio-button/scb-radio-group';
-import '../scb-components/scb-scrollspy/scb-scrollspy';
-import '../scb-components/scb-search/scb-search';
-import '../scb-components/scb-segmented-button/scb-segmented-button';
-import '../scb-components/scb-segmented-button/scb-segmented-item';
-import '../scb-components/scb-select/scb-select-option';
-import '../scb-components/scb-select/scb-select';
-import '../scb-components/scb-skeleton/scb-skeleton';
-import '../scb-components/scb-slider/scb-slider';
-import '../scb-components/scb-snackbar/scb-snackbar';
-import '../scb-components/scb-status-pill/scb-status-pill';
-import '../scb-components/scb-stepper/scb-step';
-import '../scb-components/scb-stepper/scb-stepper';
-import '../scb-components/scb-switch/scb-switch';
-import '../scb-components/scb-table/scb-table';
-import '../scb-components/scb-table-advanced/scb-table-advanced';
-import '../scb-components/scb-tabs/scb-primary-tab';
-import '../scb-components/scb-tabs/scb-secondary-tab';
-import '../scb-components/scb-tabs/scb-tabs';
-import '../scb-components/scb-textfield/scb-textfield';
-import '../scb-components/scb-toc/scb-toc-item';
-import '../scb-components/scb-toc/scb-toc';
-import '../scb-components/scb-tooltip/scb-tooltip';
-import '../scb-components/scb-viz/scb-viz-actions-runtime';
-import '../scb-components/scb-viz/scb-viz-print-runtime';
-import '../scb-components/scb-viz/scb-viz-series-differentiation-registry';
-import '../scb-components/scb-viz/scb-viz-series-differentiation-runtime';
-import '../scb-components/scb-viz/scb-viz-table-runtime';
-import '../scb-components/scb-viz/scb-viz';
-export * from '../scb-components/scb-accordion/scb-accordion-item';
-export * from '../scb-components/scb-accordion/scb-accordion';
-export * from '../scb-components/scb-app-bar/scb-app-bar';
-export * from '../scb-components/scb-avatar/scb-avatar';
-export * from '../scb-components/scb-badge/scb-badge';
-export * from '../scb-components/scb-breadcrumb/scb-breadcrumb-item';
-export * from '../scb-components/scb-breadcrumb/scb-breadcrumb';
-export * from '../scb-components/scb-button/scb-button';
-export * from '../scb-components/scb-calendar/scb-calendar-event';
-export * from '../scb-components/scb-calendar/scb-calendar';
-export * from '../scb-components/scb-calendar-card/scb-calendar-card';
-export * from '../scb-components/scb-card/scb-card';
-export * from '../scb-components/scb-checkbox/scb-checkbox-group';
-export * from '../scb-components/scb-checkbox/scb-checkbox';
-export * from '../scb-components/scb-chip/scb-chip';
-export * from '../scb-components/scb-collapse/scb-collapse';
-export * from '../scb-components/scb-cookies-consent/scb-cookies-consent';
-export * from '../scb-components/scb-dialog/scb-dialog';
-export * from '../scb-components/scb-divider/scb-divider';
-export * from '../scb-components/scb-drawer/scb-drawer';
-export * from '../scb-components/scb-drop-zone/scb-drop-zone';
-export * from '../scb-components/scb-dropdown/scb-dropdown';
-export * from '../scb-components/scb-fab/scb-fab';
-export * from '../scb-components/scb-fact-card/scb-fact-card-content';
-export * from '../scb-components/scb-fact-card/scb-fact-card';
-export * from '../scb-components/scb-footer/scb-footer-section';
-export * from '../scb-components/scb-footer/scb-footer';
-export * from '../scb-components/scb-gallery-grid/scb-gallery-grid';
-export * from '../scb-components/scb-grid/scb-grid-item';
-export * from '../scb-components/scb-grid/scb-grid';
-export * from '../scb-components/scb-grid/scb-stack';
-export * from '../scb-components/scb-header/scb-header-menu-group';
-export * from '../scb-components/scb-header/scb-header-menu-item';
-export * from '../scb-components/scb-header/scb-header-tab';
-export * from '../scb-components/scb-header/scb-header-utility';
-export * from '../scb-components/scb-header/scb-header';
-export * from '../scb-components/scb-horizontal-scroller/scb-horizontal-scroller';
-export * from '../scb-components/scb-icon-button/scb-icon-button';
-export * from '../scb-components/scb-keyfigure-card/scb-keyfigure-card';
-export * from '../scb-components/scb-link/scb-link';
-export * from '../scb-components/scb-list/scb-list-item';
-export * from '../scb-components/scb-list/scb-list';
-export * from '../scb-components/scb-menu/scb-menu-item';
-export * from '../scb-components/scb-menu/scb-menu-section';
-export * from '../scb-components/scb-menu/scb-menu';
-export * from '../scb-components/scb-menu/scb-sub-menu';
-export * from '../scb-components/scb-nav/scb-nav-item';
-export * from '../scb-components/scb-nav/scb-nav';
-export * from '../scb-components/scb-notification-card/scb-notification-card';
-export * from '../scb-components/scb-options-menu/scb-options-menu-item';
-export * from '../scb-components/scb-options-menu/scb-options-menu';
-export * from '../scb-components/scb-options-menu/scb-options-sub-menu';
-export * from '../scb-components/scb-overlay/scb-overlay';
-export * from '../scb-components/scb-pagination/scb-pagination';
-export * from '../scb-components/scb-progress-indicator/scb-progress-indicator';
-export * from '../scb-components/scb-progress-stepper/scb-progress-step';
-export * from '../scb-components/scb-progress-stepper/scb-progress-stepper';
-export * from '../scb-components/scb-radio-button/scb-radio-button';
-export * from '../scb-components/scb-radio-button/scb-radio-group';
-export * from '../scb-components/scb-scrollspy/scb-scrollspy';
-export * from '../scb-components/scb-search/scb-search';
-export * from '../scb-components/scb-segmented-button/scb-segmented-button';
-export * from '../scb-components/scb-segmented-button/scb-segmented-item';
-export * from '../scb-components/scb-select/scb-select-option';
-export * from '../scb-components/scb-select/scb-select';
-export * from '../scb-components/scb-skeleton/scb-skeleton';
-export * from '../scb-components/scb-slider/scb-slider';
-export * from '../scb-components/scb-snackbar/scb-snackbar';
-export * from '../scb-components/scb-status-pill/scb-status-pill';
-export * from '../scb-components/scb-stepper/scb-step';
-export * from '../scb-components/scb-stepper/scb-stepper';
-export * from '../scb-components/scb-switch/scb-switch';
-export * from '../scb-components/scb-table/scb-table';
-export * from '../scb-components/scb-table-advanced/scb-table-advanced';
-export * from '../scb-components/scb-tabs/scb-primary-tab';
-export * from '../scb-components/scb-tabs/scb-secondary-tab';
-export * from '../scb-components/scb-tabs/scb-tabs';
-export * from '../scb-components/scb-textfield/scb-textfield';
-export * from '../scb-components/scb-toc/scb-toc-item';
-export * from '../scb-components/scb-toc/scb-toc';
-export * from '../scb-components/scb-tooltip/scb-tooltip';
-export * from '../scb-components/scb-viz/scb-viz-actions-runtime';
-export * from '../scb-components/scb-viz/scb-viz-print-runtime';
-export * from '../scb-components/scb-viz/scb-viz-series-differentiation-registry';
-export * from '../scb-components/scb-viz/scb-viz-series-differentiation-runtime';
-export * from '../scb-components/scb-viz/scb-viz-table-runtime';
-export * from '../scb-components/scb-viz/scb-viz';
+import './scb-accordion/scb-accordion-item';
+import './scb-accordion/scb-accordion';
+import './scb-app-bar/scb-app-bar';
+import './scb-avatar/scb-avatar';
+import './scb-badge/scb-badge';
+import './scb-breadcrumb/scb-breadcrumb-item';
+import './scb-breadcrumb/scb-breadcrumb';
+import './scb-button/scb-button';
+import './scb-calendar/scb-calendar-event';
+import './scb-calendar/scb-calendar';
+import './scb-calendar-card/scb-calendar-card';
+import './scb-card/scb-card';
+import './scb-checkbox/scb-checkbox-group';
+import './scb-checkbox/scb-checkbox';
+import './scb-chevron/scb-chevron';
+import './scb-chip/scb-chip';
+import './scb-collapse/scb-collapse';
+import './scb-cookies-consent/scb-cookies-consent';
+import './scb-datepicker/scb-datepicker';
+import './scb-dialog/scb-dialog';
+import './scb-divider/scb-divider';
+import './scb-drawer/scb-drawer';
+import './scb-drop-zone/scb-drop-zone';
+import './scb-dropdown/scb-dropdown';
+import './scb-fab/scb-fab';
+import './scb-fact-card/scb-fact-card-content';
+import './scb-fact-card/scb-fact-card';
+import './scb-footer/scb-footer-section';
+import './scb-footer/scb-footer';
+import './scb-gallery-grid/scb-gallery-grid';
+import './scb-grid/scb-grid-item';
+import './scb-grid/scb-grid';
+import './scb-grid/scb-stack';
+import './scb-header/scb-header-menu-group';
+import './scb-header/scb-header-menu-item';
+import './scb-header/scb-header-tab';
+import './scb-header/scb-header-utility';
+import './scb-header/scb-header';
+import './scb-horizontal-scroller/scb-horizontal-scroller';
+import './scb-icon-button/scb-icon-button';
+import './scb-keyfigure-card/scb-keyfigure-card';
+import './scb-link/scb-link';
+import './scb-list/scb-list-item';
+import './scb-list/scb-list';
+import './scb-menu/scb-menu-item';
+import './scb-menu/scb-menu-section';
+import './scb-menu/scb-menu';
+import './scb-menu/scb-sub-menu';
+import './scb-nav/scb-nav-item';
+import './scb-nav/scb-nav';
+import './scb-notification-card/scb-notification-card';
+import './scb-options-menu/scb-options-menu-item';
+import './scb-options-menu/scb-options-menu';
+import './scb-options-menu/scb-options-sub-menu';
+import './scb-overlay/scb-overlay';
+import './scb-pagination/scb-pagination';
+import './scb-progress-indicator/scb-progress-indicator';
+import './scb-progress-stepper/scb-progress-step';
+import './scb-progress-stepper/scb-progress-stepper';
+import './scb-radio-button/scb-radio-button';
+import './scb-radio-button/scb-radio-group';
+import './scb-scrollspy/scb-scrollspy';
+import './scb-search/scb-search';
+import './scb-segmented-button/scb-segmented-button';
+import './scb-segmented-button/scb-segmented-item';
+import './scb-select/scb-select-option';
+import './scb-select/scb-select';
+import './scb-skeleton/scb-skeleton';
+import './scb-slider/scb-slider';
+import './scb-snackbar/scb-snackbar';
+import './scb-status-pill/scb-status-pill';
+import './scb-stepper/scb-step';
+import './scb-stepper/scb-stepper';
+import './scb-switch/scb-switch';
+import './scb-table/scb-table';
+import './scb-table-advanced/scb-table-advanced';
+import './scb-tabs/scb-primary-tab';
+import './scb-tabs/scb-secondary-tab';
+import './scb-tabs/scb-tabs';
+import './scb-textfield/scb-textfield';
+import './scb-toc/scb-toc-item';
+import './scb-toc/scb-toc';
+import './scb-tooltip/scb-tooltip';
+import './scb-vignette/scb-vignette';
+import './scb-viz/scb-viz-actions-runtime';
+import './scb-viz/scb-viz-print-runtime';
+import './scb-viz/scb-viz-series-differentiation-registry';
+import './scb-viz/scb-viz-series-differentiation-runtime';
+import './scb-viz/scb-viz-table-runtime';
+import './scb-viz/scb-viz';
+export * from './scb-accordion/scb-accordion-item';
+export * from './scb-accordion/scb-accordion';
+export * from './scb-app-bar/scb-app-bar';
+export * from './scb-avatar/scb-avatar';
+export * from './scb-badge/scb-badge';
+export * from './scb-breadcrumb/scb-breadcrumb-item';
+export * from './scb-breadcrumb/scb-breadcrumb';
+export * from './scb-button/scb-button';
+export * from './scb-calendar/scb-calendar-event';
+export * from './scb-calendar/scb-calendar';
+export * from './scb-calendar-card/scb-calendar-card';
+export * from './scb-card/scb-card';
+export * from './scb-checkbox/scb-checkbox-group';
+export * from './scb-checkbox/scb-checkbox';
+export * from './scb-chevron/scb-chevron';
+export * from './scb-chip/scb-chip';
+export * from './scb-collapse/scb-collapse';
+export * from './scb-cookies-consent/scb-cookies-consent';
+export * from './scb-datepicker/scb-datepicker';
+export * from './scb-dialog/scb-dialog';
+export * from './scb-divider/scb-divider';
+export * from './scb-drawer/scb-drawer';
+export * from './scb-drop-zone/scb-drop-zone';
+export * from './scb-dropdown/scb-dropdown';
+export * from './scb-fab/scb-fab';
+export * from './scb-fact-card/scb-fact-card-content';
+export * from './scb-fact-card/scb-fact-card';
+export * from './scb-footer/scb-footer-section';
+export * from './scb-footer/scb-footer';
+export * from './scb-gallery-grid/scb-gallery-grid';
+export * from './scb-grid/scb-grid-item';
+export * from './scb-grid/scb-grid';
+export * from './scb-grid/scb-stack';
+export * from './scb-header/scb-header-menu-group';
+export * from './scb-header/scb-header-menu-item';
+export * from './scb-header/scb-header-tab';
+export * from './scb-header/scb-header-utility';
+export * from './scb-header/scb-header';
+export * from './scb-horizontal-scroller/scb-horizontal-scroller';
+export * from './scb-icon-button/scb-icon-button';
+export * from './scb-keyfigure-card/scb-keyfigure-card';
+export * from './scb-link/scb-link';
+export * from './scb-list/scb-list-item';
+export * from './scb-list/scb-list';
+export * from './scb-menu/scb-menu-item';
+export * from './scb-menu/scb-menu-section';
+export * from './scb-menu/scb-menu';
+export * from './scb-menu/scb-sub-menu';
+export * from './scb-nav/scb-nav-item';
+export * from './scb-nav/scb-nav';
+export * from './scb-notification-card/scb-notification-card';
+export * from './scb-options-menu/scb-options-menu-item';
+export * from './scb-options-menu/scb-options-menu';
+export * from './scb-options-menu/scb-options-sub-menu';
+export * from './scb-overlay/scb-overlay';
+export * from './scb-pagination/scb-pagination';
+export * from './scb-progress-indicator/scb-progress-indicator';
+export * from './scb-progress-stepper/scb-progress-step';
+export * from './scb-progress-stepper/scb-progress-stepper';
+export * from './scb-radio-button/scb-radio-button';
+export * from './scb-radio-button/scb-radio-group';
+export * from './scb-scrollspy/scb-scrollspy';
+export * from './scb-search/scb-search';
+export * from './scb-segmented-button/scb-segmented-button';
+export * from './scb-segmented-button/scb-segmented-item';
+export * from './scb-select/scb-select-option';
+export * from './scb-select/scb-select';
+export * from './scb-skeleton/scb-skeleton';
+export * from './scb-slider/scb-slider';
+export * from './scb-snackbar/scb-snackbar';
+export * from './scb-status-pill/scb-status-pill';
+export * from './scb-stepper/scb-step';
+export * from './scb-stepper/scb-stepper';
+export * from './scb-switch/scb-switch';
+export * from './scb-table/scb-table';
+export * from './scb-table-advanced/scb-table-advanced';
+export * from './scb-tabs/scb-primary-tab';
+export * from './scb-tabs/scb-secondary-tab';
+export * from './scb-tabs/scb-tabs';
+export * from './scb-textfield/scb-textfield';
+export * from './scb-toc/scb-toc-item';
+export * from './scb-toc/scb-toc';
+export * from './scb-tooltip/scb-tooltip';
+export * from './scb-vignette/scb-vignette';
+export * from './scb-viz/scb-viz-actions-runtime';
+export * from './scb-viz/scb-viz-print-runtime';
+export * from './scb-viz/scb-viz-series-differentiation-registry';
+export * from './scb-viz/scb-viz-series-differentiation-runtime';
+export * from './scb-viz/scb-viz-table-runtime';
+export * from './scb-viz/scb-viz';

package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-accordion/scb-accordion-item.js

@@ -1,211 +0,0 @@
-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 t=customElements.define.bind(customElements);customElements.define=function(i,e,v){try{customElements.get(i)||t(i,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(...t){super(...t),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=i=>{i.preventDefault();const e=!this.open;this.closest("scb-accordion")?.onItemToggled?.(this,e),this.setOpen(e)},this._onToggle=i=>{const e=i.currentTarget;e.open||(e.open=!0),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${p._uidPrefix}-${++p._uidSeq}`}static get observedAttributes(){const t=super.observedAttributes||[];return t.includes("title")?t:[...t,"title"]}attributeChangedCallback(t,i,e){if(t==="title"&&this._ignoreNextNativeTitleAttrChange){this._ignoreNextNativeTitleAttrChange=!1;return}super.attributeChangedCallback(t,i,e),t==="title"&&e!==null&&(this._ignoreNextNativeTitleAttrChange=!0,this.removeAttribute("title"))}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const t=this.renderRoot.querySelector(".scb-accordion-bottom");t&&(this.open?(t.removeAttribute("inert"),t.setAttribute("aria-hidden","false")):(t.setAttribute("inert",""),t.setAttribute("aria-hidden","true")))}_onKeyDown(t){const i=this.closest("scb-accordion"),e=Array.from(i?.querySelectorAll("scb-accordion-item")||[]).map(c=>c.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(c=>!!c),v=t.currentTarget,n=e.indexOf(v);switch(t.key){case"ArrowDown":t.preventDefault(),n<e.length-1&&e[n+1].focus();break;case"ArrowUp":t.preventDefault(),n>0&&e[n-1].focus();break;case"Home":t.preventDefault(),e.length&&e[0].focus();break;case"End":t.preventDefault(),e.length&&e[e.length-1].focus();break}}setOpen(t){this.open=!!t;const i=this.renderRoot.querySelector("details");i&&!i.open&&(i.open=!0),this._applyInertByOpen()}updated(t){if(t.has("open")){const i=this.renderRoot.querySelector("details");i&&!i.open&&(i.open=!0),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const t=`bottom-${this._unique}`,i=`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=${i}
-          class="scb-accordion-top"
-          aria-controls=${t}
-          @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=${t} class="scb-accordion-bottom" role="region" aria-labelledby=${i}>
-          <div class="bottom-inner">
-            <slot>${this.content}</slot>
-          </div>
-        </div>
-      </details>
-
-      <md-focus-ring for=${i} 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);export{a as ScbAccordionItem};