scb-wc 0.1.112 → 0.1.114

package/all.js

@@ -43,6 +43,7 @@ import './scb-header/scb-header-utility.js';
 import './scb-header/scb-header.js';
 import './scb-horizontal-scroller/scb-horizontal-scroller.js';
 import './scb-icon-button/scb-icon-button.js';
+import './scb-icon/scb-icon.js';
 import './scb-keyfigure-card/scb-keyfigure-card.js';
 import './scb-link-card/scb-link-card.js';
 import './scb-link/scb-link.js';

package/index.js

@@ -59,40 +59,41 @@ import { ScbHeaderMenuItem as Q } from "./scb-header/scb-header-menu-item.js";
 import { ScbHeaderTab as $ } from "./scb-header/scb-header-tab.js";
 import { ScbHeaderUtility as ee } from "./scb-header/scb-header-utility.js";
 import { ScbHeader as te } from "./scb-header/scb-header.js";
-import { ScbKeyFigureCard as ne } from "./scb-keyfigure-card/scb-keyfigure-card.js";
-import { ScbMenuItem as re } from "./scb-menu/scb-menu-item.js";
-import { ScbmenuSection as ie } from "./scb-menu/scb-menu-section.js";
-import { ScbSubmenu as ae } from "./scb-menu/scb-sub-menu.js";
-import { ScbMenu as oe } from "./scb-menu/scb-menu.js";
-import { ScbNavItem as se } from "./scb-nav/scb-nav-item.js";
-import { ScbNav as ce } from "./scb-nav/scb-nav.js";
-import { ScbNotificationCard as le } from "./scb-notification-card/scb-notification-card.js";
-import { ScbPagination as ue } from "./scb-pagination/scb-pagination.js";
-import { ScbProgressIndicator as de } from "./scb-progress-indicator/scb-progress-indicator.js";
-import { ScbProgressStep as fe } from "./scb-progress-stepper/scb-progress-step.js";
-import { ScbProgressStepper as pe } from "./scb-progress-stepper/scb-progress-stepper.js";
-import { ScbScrollspy as me } from "./scb-scrollspy/scb-scrollspy.js";
-import { ScbSegmentedItem as he } from "./scb-segmented-button/scb-segmented-item.js";
-import { ScbSegmentedButton as ge } from "./scb-segmented-button/scb-segmented-button.js";
-import { ScbSelectOption as _e } from "./scb-select/scb-select-option.js";
-import { ScbSelect as ve } from "./scb-select/scb-select.js";
-import { ScbSkeleton as ye } from "./scb-skeleton/scb-skeleton.js";
-import { ScbSlider as be } from "./scb-slider/scb-slider.js";
-import { ScbSnackbar as xe } from "./scb-snackbar/scb-snackbar.js";
-import { ScbStatusPill as Se } from "./scb-status-pill/scb-status-pill.js";
-import { ScbStep as Ce } from "./scb-stepper/scb-step.js";
-import { ScbStepper as we } from "./scb-stepper/scb-stepper.js";
-import { ScbTable as Te } from "./scb-table/scb-table.js";
-import { ScbTableAdvanced as Ee } from "./scb-table-advanced/scb-table-advanced.js";
-import { ScbPrimaryTab as De } from "./scb-tabs/scb-primary-tab.js";
-import { ScbSecondaryTab as Oe } from "./scb-tabs/scb-secondary-tab.js";
-import { ScbTabs as ke } from "./scb-tabs/scb-tabs.js";
-import { ScbTocItem as Ae } from "./scb-toc/scb-toc-item.js";
-import { ScbToc as je } from "./scb-toc/scb-toc.js";
-import { buildScbVizExportFileName as Me, createScbVizCsvBlob as Ne, createScbVizRasterBlobFromElement as Pe, createScbVizRasterDataUrlFromElement as Fe, downloadScbVizBlob as Ie, getScbVizCurrentFullscreenElement as Le, getScbVizExportBaseFileName as Re, getScbVizFullscreenDocument as ze, isScbVizFullscreenSupported as Be, openScbVizPrintFrame as Ve, runWithScbVizForcedPrintLightMode as He, toggleScbVizFullscreen as Ue } from "./scb-viz/scb-viz-actions-runtime.js";
-import { buildScbVizPrintDocumentHtml as We, buildScbVizPrintableFooterHtml as Ge, buildScbVizPrintableTableHtml as Ke } from "./scb-viz/scb-viz-print-runtime.js";
-import { appendScbVizSeriesDifferentiationPatternMarks as qe, getScbVizSeriesDifferentiationPatternDefinition as Je, getScbVizSeriesDifferentiationPatternKinds as Ye, getScbVizSeriesDifferentiationRegistry as Xe, getScbVizSeriesDifferentiationVariant as Ze, scbVizSeriesDifferentiationRegistry as Qe } from "./scb-viz/scb-viz-series-differentiation-registry.js";
-import { clearScbVizSeriesDifferentiationColorClass as $e, clearScbVizSeriesDifferentiationMetadata as et, ensureScbVizGroupedSeriesDifferentiationStore as tt, ensureScbVizStyledModeSeriesPattern as nt, getScbVizGroupedSeriesDifferentiationKey as rt, getScbVizGroupedSeriesDifferentiationVariant as it, getScbVizGroupedSeriesDifferentiationVariantIndex as at, getScbVizHighchartsColorClassName as ot, getScbVizHighchartsSvgElement as st, getScbVizHighchartsSvgRoot as ct, getScbVizLegendSeriesDifferentiationTargets as lt, getScbVizSeriesDifferentiationColorIndex as ut, getScbVizSeriesDifferentiationVariantByIndex as dt, isScbVizGroupedSeriesDifferentiationChart as ft, isScbVizHighchartsStyledMode as pt, setScbVizSeriesDifferentiationColorClass as mt, setScbVizSeriesDifferentiationMetadata as ht, shouldShowScbVizSeriesDifferentiationAction as gt, usesScbVizGroupedPointDifferentiation as _t } from "./scb-viz/scb-viz-series-differentiation-runtime.js";
-import { buildScbVizResolvedTableView as vt, createScbVizCsvRows as yt, inferScbVizTableAlignments as bt, normalizeScbVizRenderableCell as xt, readScbVizTableDataFromSlot as St } from "./scb-viz/scb-viz-table-runtime.js";
-import { ScbViz as Ct } from "./scb-viz/scb-viz.js";
-export { g as SCBBreadcrumb, h as SCBBreadcrumbItem, n as ScbAccordion, e as ScbAccordionItem, r as ScbActionCard, f as ScbAppBar, d as ScbAvatar, p as ScbBadge, t as ScbButton, A as ScbCalendar, j as ScbCalendarCard, _ as ScbCalendarEvent, i as ScbCard, S as ScbCheckbox, x as ScbCheckboxGroup, E as ScbChip, M as ScbCollapse, a as ScbContainerCard, N as ScbCookiesConsent, D as ScbDialog, v as ScbDivider, P as ScbDrawer, F as ScbDropZone, z as ScbDropdown, B as ScbFab, H as ScbFactCard, V as ScbFactCardContent, q as ScbFooter, U as ScbFooterSection, X as ScbGalleryGrid, K as ScbGrid, W as ScbGridItem, te as ScbHeader, Z as ScbHeaderMenuGroup, Q as ScbHeaderMenuItem, $ as ScbHeaderTab, ee as ScbHeaderUtility, J as ScbHorizontalScroller, l as ScbIconButton, ne as ScbKeyFigureCard, m as ScbLink, o as ScbLinkCard, k as ScbList, s as ScbListCard, O as ScbListItem, oe as ScbMenu, re as ScbMenuItem, ce as ScbNav, se as ScbNavItem, le as ScbNotificationCard, R as ScbOptionsMenu, I as ScbOptionsMenuItem, L as ScbOptionsSubMenu, Y as ScbOverlay, ue as ScbPagination, De as ScbPrimaryTab, de as ScbProgressIndicator, fe as ScbProgressStep, pe as ScbProgressStepper, w as ScbRadioButton, C as ScbRadioGroup, me as ScbScrollspy, u as ScbSearch, Oe as ScbSecondaryTab, ge as ScbSegmentedButton, he as ScbSegmentedItem, ve as ScbSelect, _e as ScbSelectOption, ye as ScbSkeleton, be as ScbSlider, xe as ScbSnackbar, c as ScbSocialCard, G as ScbStack, Se as ScbStatusPill, Ce as ScbStep, we as ScbStepper, ae as ScbSubmenu, T as ScbSwitch, Te as ScbTable, Ee as ScbTableAdvanced, ke as ScbTabs, b as ScbTextField, je as ScbToc, Ae as ScbTocItem, y as ScbTooltip, Ct as ScbViz, ie as ScbmenuSection, qe as appendScbVizSeriesDifferentiationPatternMarks, Me as buildScbVizExportFileName, We as buildScbVizPrintDocumentHtml, Ge as buildScbVizPrintableFooterHtml, Ke as buildScbVizPrintableTableHtml, vt as buildScbVizResolvedTableView, $e as clearScbVizSeriesDifferentiationColorClass, et as clearScbVizSeriesDifferentiationMetadata, Ne as createScbVizCsvBlob, yt as createScbVizCsvRows, Pe as createScbVizRasterBlobFromElement, Fe as createScbVizRasterDataUrlFromElement, Ie as downloadScbVizBlob, tt as ensureScbVizGroupedSeriesDifferentiationStore, nt as ensureScbVizStyledModeSeriesPattern, Le as getScbVizCurrentFullscreenElement, Re as getScbVizExportBaseFileName, ze as getScbVizFullscreenDocument, rt as getScbVizGroupedSeriesDifferentiationKey, it as getScbVizGroupedSeriesDifferentiationVariant, at as getScbVizGroupedSeriesDifferentiationVariantIndex, ot as getScbVizHighchartsColorClassName, st as getScbVizHighchartsSvgElement, ct as getScbVizHighchartsSvgRoot, lt as getScbVizLegendSeriesDifferentiationTargets, ut as getScbVizSeriesDifferentiationColorIndex, Je as getScbVizSeriesDifferentiationPatternDefinition, Ye as getScbVizSeriesDifferentiationPatternKinds, Xe as getScbVizSeriesDifferentiationRegistry, Ze as getScbVizSeriesDifferentiationVariant, dt as getScbVizSeriesDifferentiationVariantByIndex, bt as inferScbVizTableAlignments, Be as isScbVizFullscreenSupported, ft as isScbVizGroupedSeriesDifferentiationChart, pt as isScbVizHighchartsStyledMode, xt as normalizeScbVizRenderableCell, Ve as openScbVizPrintFrame, St as readScbVizTableDataFromSlot, He as runWithScbVizForcedPrintLightMode, Qe as scbVizSeriesDifferentiationRegistry, mt as setScbVizSeriesDifferentiationColorClass, ht as setScbVizSeriesDifferentiationMetadata, gt as shouldShowScbVizSeriesDifferentiationAction, Ue as toggleScbVizFullscreen, _t as usesScbVizGroupedPointDifferentiation };
+import { ScbIcon as ne } from "./scb-icon/scb-icon.js";
+import { ScbKeyFigureCard as re } from "./scb-keyfigure-card/scb-keyfigure-card.js";
+import { ScbMenuItem as ie } from "./scb-menu/scb-menu-item.js";
+import { ScbmenuSection as ae } from "./scb-menu/scb-menu-section.js";
+import { ScbSubmenu as oe } from "./scb-menu/scb-sub-menu.js";
+import { ScbMenu as se } from "./scb-menu/scb-menu.js";
+import { ScbNavItem as ce } from "./scb-nav/scb-nav-item.js";
+import { ScbNav as le } from "./scb-nav/scb-nav.js";
+import { ScbNotificationCard as ue } from "./scb-notification-card/scb-notification-card.js";
+import { ScbPagination as de } from "./scb-pagination/scb-pagination.js";
+import { ScbProgressIndicator as fe } from "./scb-progress-indicator/scb-progress-indicator.js";
+import { ScbProgressStep as pe } from "./scb-progress-stepper/scb-progress-step.js";
+import { ScbProgressStepper as me } from "./scb-progress-stepper/scb-progress-stepper.js";
+import { ScbScrollspy as he } from "./scb-scrollspy/scb-scrollspy.js";
+import { ScbSegmentedItem as ge } from "./scb-segmented-button/scb-segmented-item.js";
+import { ScbSegmentedButton as _e } from "./scb-segmented-button/scb-segmented-button.js";
+import { ScbSelectOption as ve } from "./scb-select/scb-select-option.js";
+import { ScbSelect as ye } from "./scb-select/scb-select.js";
+import { ScbSkeleton as be } from "./scb-skeleton/scb-skeleton.js";
+import { ScbSlider as xe } from "./scb-slider/scb-slider.js";
+import { ScbSnackbar as Se } from "./scb-snackbar/scb-snackbar.js";
+import { ScbStatusPill as Ce } from "./scb-status-pill/scb-status-pill.js";
+import { ScbStep as we } from "./scb-stepper/scb-step.js";
+import { ScbStepper as Te } from "./scb-stepper/scb-stepper.js";
+import { ScbTable as Ee } from "./scb-table/scb-table.js";
+import { ScbTableAdvanced as De } from "./scb-table-advanced/scb-table-advanced.js";
+import { ScbPrimaryTab as Oe } from "./scb-tabs/scb-primary-tab.js";
+import { ScbSecondaryTab as ke } from "./scb-tabs/scb-secondary-tab.js";
+import { ScbTabs as Ae } from "./scb-tabs/scb-tabs.js";
+import { ScbTocItem as je } from "./scb-toc/scb-toc-item.js";
+import { ScbToc as Me } from "./scb-toc/scb-toc.js";
+import { buildScbVizExportFileName as Ne, createScbVizCsvBlob as Pe, createScbVizRasterBlobFromElement as Fe, createScbVizRasterDataUrlFromElement as Ie, downloadScbVizBlob as Le, getScbVizCurrentFullscreenElement as Re, getScbVizExportBaseFileName as ze, getScbVizFullscreenDocument as Be, isScbVizFullscreenSupported as Ve, openScbVizPrintFrame as He, runWithScbVizForcedPrintLightMode as Ue, toggleScbVizFullscreen as We } from "./scb-viz/scb-viz-actions-runtime.js";
+import { buildScbVizPrintDocumentHtml as Ge, buildScbVizPrintableFooterHtml as Ke, buildScbVizPrintableTableHtml as qe } from "./scb-viz/scb-viz-print-runtime.js";
+import { appendScbVizSeriesDifferentiationPatternMarks as Je, getScbVizSeriesDifferentiationPatternDefinition as Ye, getScbVizSeriesDifferentiationPatternKinds as Xe, getScbVizSeriesDifferentiationRegistry as Ze, getScbVizSeriesDifferentiationVariant as Qe, scbVizSeriesDifferentiationRegistry as $e } from "./scb-viz/scb-viz-series-differentiation-registry.js";
+import { clearScbVizSeriesDifferentiationColorClass as et, clearScbVizSeriesDifferentiationMetadata as tt, ensureScbVizGroupedSeriesDifferentiationStore as nt, ensureScbVizStyledModeSeriesPattern as rt, getScbVizGroupedSeriesDifferentiationKey as it, getScbVizGroupedSeriesDifferentiationVariant as at, getScbVizGroupedSeriesDifferentiationVariantIndex as ot, getScbVizHighchartsColorClassName as st, getScbVizHighchartsSvgElement as ct, getScbVizHighchartsSvgRoot as lt, getScbVizLegendSeriesDifferentiationTargets as ut, getScbVizSeriesDifferentiationColorIndex as dt, getScbVizSeriesDifferentiationVariantByIndex as ft, isScbVizGroupedSeriesDifferentiationChart as pt, isScbVizHighchartsStyledMode as mt, setScbVizSeriesDifferentiationColorClass as ht, setScbVizSeriesDifferentiationMetadata as gt, shouldShowScbVizSeriesDifferentiationAction as _t, usesScbVizGroupedPointDifferentiation as vt } from "./scb-viz/scb-viz-series-differentiation-runtime.js";
+import { buildScbVizResolvedTableView as yt, createScbVizCsvRows as bt, inferScbVizTableAlignments as xt, normalizeScbVizRenderableCell as St, readScbVizTableDataFromSlot as Ct } from "./scb-viz/scb-viz-table-runtime.js";
+import { ScbViz as wt } from "./scb-viz/scb-viz.js";
+export { g as SCBBreadcrumb, h as SCBBreadcrumbItem, n as ScbAccordion, e as ScbAccordionItem, r as ScbActionCard, f as ScbAppBar, d as ScbAvatar, p as ScbBadge, t as ScbButton, A as ScbCalendar, j as ScbCalendarCard, _ as ScbCalendarEvent, i as ScbCard, S as ScbCheckbox, x as ScbCheckboxGroup, E as ScbChip, M as ScbCollapse, a as ScbContainerCard, N as ScbCookiesConsent, D as ScbDialog, v as ScbDivider, P as ScbDrawer, F as ScbDropZone, z as ScbDropdown, B as ScbFab, H as ScbFactCard, V as ScbFactCardContent, q as ScbFooter, U as ScbFooterSection, X as ScbGalleryGrid, K as ScbGrid, W as ScbGridItem, te as ScbHeader, Z as ScbHeaderMenuGroup, Q as ScbHeaderMenuItem, $ as ScbHeaderTab, ee as ScbHeaderUtility, J as ScbHorizontalScroller, ne as ScbIcon, l as ScbIconButton, re as ScbKeyFigureCard, m as ScbLink, o as ScbLinkCard, k as ScbList, s as ScbListCard, O as ScbListItem, se as ScbMenu, ie as ScbMenuItem, le as ScbNav, ce as ScbNavItem, ue as ScbNotificationCard, R as ScbOptionsMenu, I as ScbOptionsMenuItem, L as ScbOptionsSubMenu, Y as ScbOverlay, de as ScbPagination, Oe as ScbPrimaryTab, fe as ScbProgressIndicator, pe as ScbProgressStep, me as ScbProgressStepper, w as ScbRadioButton, C as ScbRadioGroup, he as ScbScrollspy, u as ScbSearch, ke as ScbSecondaryTab, _e as ScbSegmentedButton, ge as ScbSegmentedItem, ye as ScbSelect, ve as ScbSelectOption, be as ScbSkeleton, xe as ScbSlider, Se as ScbSnackbar, c as ScbSocialCard, G as ScbStack, Ce as ScbStatusPill, we as ScbStep, Te as ScbStepper, oe as ScbSubmenu, T as ScbSwitch, Ee as ScbTable, De as ScbTableAdvanced, Ae as ScbTabs, b as ScbTextField, Me as ScbToc, je as ScbTocItem, y as ScbTooltip, wt as ScbViz, ae as ScbmenuSection, Je as appendScbVizSeriesDifferentiationPatternMarks, Ne as buildScbVizExportFileName, Ge as buildScbVizPrintDocumentHtml, Ke as buildScbVizPrintableFooterHtml, qe as buildScbVizPrintableTableHtml, yt as buildScbVizResolvedTableView, et as clearScbVizSeriesDifferentiationColorClass, tt as clearScbVizSeriesDifferentiationMetadata, Pe as createScbVizCsvBlob, bt as createScbVizCsvRows, Fe as createScbVizRasterBlobFromElement, Ie as createScbVizRasterDataUrlFromElement, Le as downloadScbVizBlob, nt as ensureScbVizGroupedSeriesDifferentiationStore, rt as ensureScbVizStyledModeSeriesPattern, Re as getScbVizCurrentFullscreenElement, ze as getScbVizExportBaseFileName, Be as getScbVizFullscreenDocument, it as getScbVizGroupedSeriesDifferentiationKey, at as getScbVizGroupedSeriesDifferentiationVariant, ot as getScbVizGroupedSeriesDifferentiationVariantIndex, st as getScbVizHighchartsColorClassName, ct as getScbVizHighchartsSvgElement, lt as getScbVizHighchartsSvgRoot, ut as getScbVizLegendSeriesDifferentiationTargets, dt as getScbVizSeriesDifferentiationColorIndex, Ye as getScbVizSeriesDifferentiationPatternDefinition, Xe as getScbVizSeriesDifferentiationPatternKinds, Ze as getScbVizSeriesDifferentiationRegistry, Qe as getScbVizSeriesDifferentiationVariant, ft as getScbVizSeriesDifferentiationVariantByIndex, xt as inferScbVizTableAlignments, Ve as isScbVizFullscreenSupported, pt as isScbVizGroupedSeriesDifferentiationChart, mt as isScbVizHighchartsStyledMode, St as normalizeScbVizRenderableCell, He as openScbVizPrintFrame, Ct as readScbVizTableDataFromSlot, Ue as runWithScbVizForcedPrintLightMode, $e as scbVizSeriesDifferentiationRegistry, ht as setScbVizSeriesDifferentiationColorClass, gt as setScbVizSeriesDifferentiationMetadata, _t as shouldShowScbVizSeriesDifferentiationAction, We as toggleScbVizFullscreen, vt as usesScbVizGroupedPointDifferentiation };

package/mvc/components/all.js

@@ -43,6 +43,7 @@ import './scb-header/scb-header-tab.js';
 import './scb-header/scb-header-utility.js';
 import './scb-horizontal-scroller/scb-horizontal-scroller.js';
 import './scb-icon-button/scb-icon-button.js';
+import './scb-icon/scb-icon.js';
 import './scb-keyfigure-card/scb-keyfigure-card.js';
 import './scb-link-card/scb-link-card.js';
 import './scb-link/scb-link.js';

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

@@ -16,4 +16,4 @@ import{f as _,g as l,h as b,m as f,p as s,v as n,y}from"../../vendor/vendor.js";
       <div class="container" part="container" role="img" aria-label=${t??l}>
         ${this.variant==="icon"?o:c}
       </div>
-    `}},h.styles=y`:host{display:inline-block;vertical-align:middle;margin-block-start:var(--scb-avatar-spacing-block-start, 0);margin-block-end:var(--scb-avatar-spacing-block-end, 0);margin-inline-start:var(--scb-avatar-spacing-inline-start, 0);margin-inline-end:var(--scb-avatar-spacing-inline-end, 0);--_size:40px;--_font-size:16px;--_bg:var(--md-sys-color-primary-fixed-dim, var(--md-sys-color-primary-container));--_fg:var(--md-sys-color-on-primary-fixed, var(--md-sys-color-on-primary-container));--_radius:var(--radius-full, 1000px);--_border:0 solid transparent;font-family:var(--brand-font, Inter, system-ui, sans-serif);color-scheme:light dark}:host([size="small"]){--_size:32px;--_font-size:var(--md-sys-typescale-label-medium-size, 14px)}:host([size="medium"]){--_size:40px;--_font-size:var(--md-sys-typescale-label-large-size, 16px)}:host([size="large"]){--_size:56px;--_font-size:var(--md-sys-typescale-title-large-size, 20px)}:host([size="xlarge"]){--_size:80px;--_font-size:var(--md-sys-typescale-headline-medium-size, 28px)}:host([shape="circular"]){--_radius:var(--radius-full, 1000px)}:host([shape="rounded"]){--_radius:var(--radius-s, 8px)}:host([shape="square"]){--_radius:0}.container{inline-size:var(--_size);block-size:var(--_size);border-radius:var(--_radius);position:relative;overflow:hidden;user-select:none;line-height:1;border:var(--_border);display:grid;place-items:center}:host([variant="image"]) .container{background:0 0}:host([variant="image"]) img.photo{width:100%;height:100%;object-fit:cover;display:block}:host([size="small"]){--_icon-size:var(--icon-size-small, 20px)}:host([size="medium"]){--_icon-size:var(--icon-size-medium, 24px)}:host([size="large"]){--_icon-size:var(--icon-size-large, 30px)}:host([size="xlarge"]){--_icon-size:var(--icon-size-xlarge, 48px)}:host([variant="icon"]) .container{background:var(--_bg);color:var(--_fg)}img.icon{width:var(--_icon-size);height:var(--_icon-size);object-fit:contain;display:block}.fallback{display:grid;place-items:center;width:100%;height:100%;font-size:var(--_font-size);font-weight:var(--weight-semibold, 600);letter-spacing:.01em;text-transform:uppercase;color:var(--_fg);background:var(--_bg)}:host([variant="image"]) .fallback{color:var(--md-sys-color-on-primary-container);background:var(--md-sys-color-primary-container)}::slotted([slot=icon]){width:var(--_icon-size);height:var(--_icon-size);line-height:1}:host(:focus-visible) .container{outline:var(--md-focus-ring-width, 2px) solid var(--md-focus-ring-color, var(--p-40));outline-offset:2px;border-radius:var(--_radius)}`,h);function u(){const r=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??r,i=this.mapSpacingToken(this.spacingBottom)??r,o=this.mapSpacingToken(this.spacingLeft)??r,c=this.mapSpacingToken(this.spacingRight)??r;t?this.style.setProperty("--scb-avatar-spacing-block-start",t):this.style.removeProperty("--scb-avatar-spacing-block-start"),i?this.style.setProperty("--scb-avatar-spacing-block-end",i):this.style.removeProperty("--scb-avatar-spacing-block-end"),o?this.style.setProperty("--scb-avatar-spacing-inline-start",o):this.style.removeProperty("--scb-avatar-spacing-inline-start"),c?this.style.setProperty("--scb-avatar-spacing-inline-end",c):this.style.removeProperty("--scb-avatar-spacing-inline-end")}a([s({type:String})],e.prototype,"src",void 0);a([s({type:String})],e.prototype,"alt",void 0);a([s({type:String})],e.prototype,"label",void 0);a([s({type:String,reflect:!0})],e.prototype,"size",void 0);a([s({type:String,reflect:!0})],e.prototype,"shape",void 0);a([s({type:String,attribute:"icon-name",reflect:!0})],e.prototype,"iconName",void 0);a([s({type:String,reflect:!0})],e.prototype,"variant",void 0);a([s({type:String,reflect:!0})],e.prototype,"spacing",void 0);a([s({type:String,attribute:"spacing-top",reflect:!0})],e.prototype,"spacingTop",void 0);a([s({type:String,attribute:"spacing-bottom",reflect:!0})],e.prototype,"spacingBottom",void 0);a([s({type:String,attribute:"spacing-left",reflect:!0})],e.prototype,"spacingLeft",void 0);a([s({type:String,attribute:"spacing-right",reflect:!0})],e.prototype,"spacingRight",void 0);a([_()],e.prototype,"_imgError",void 0);a([_()],e.prototype,"_hasIconSlot",void 0);e=a([f("scb-avatar")],e);export{e as ScbAvatar};
+    `}},h.styles=y`:host{display:inline-block;vertical-align:middle;margin-block-start:var(--scb-avatar-spacing-block-start, 0);margin-block-end:var(--scb-avatar-spacing-block-end, 0);margin-inline-start:var(--scb-avatar-spacing-inline-start, 0);margin-inline-end:var(--scb-avatar-spacing-inline-end, 0);--_size:40px;--_font-size:16px;--_bg:var(--md-sys-color-primary-fixed-dim, var(--md-sys-color-primary-container));--_fg:var(--md-sys-color-on-primary-fixed, var(--md-sys-color-on-primary-container));--_radius:var(--radius-full, 1000px);--_border:0 solid transparent;font-family:var(--brand-font, Inter, system-ui, sans-serif);color-scheme:light dark}:host([size="small"]){--_size:32px;--_font-size:var(--md-sys-typescale-label-medium-size, 14px)}:host([size="medium"]){--_size:40px;--_font-size:var(--md-sys-typescale-label-large-size, 16px)}:host([size="large"]){--_size:56px;--_font-size:var(--md-sys-typescale-title-large-size, 20px)}:host([size="extra-large"]),:host([size="xlarge"]){--_size:80px;--_font-size:var(--md-sys-typescale-headline-medium-size, 28px)}:host([shape="circular"]){--_radius:var(--radius-full, 1000px)}:host([shape="rounded"]){--_radius:var(--radius-s, 8px)}:host([shape="square"]){--_radius:0}.container{inline-size:var(--_size);block-size:var(--_size);border-radius:var(--_radius);position:relative;overflow:hidden;user-select:none;line-height:1;border:var(--_border);display:grid;place-items:center}:host([variant="image"]) .container{background:0 0}:host([variant="image"]) img.photo{width:100%;height:100%;object-fit:cover;display:block}:host([size="small"]){--_icon-size:var(--icon-size-small, 20px)}:host([size="medium"]){--_icon-size:var(--icon-size-medium, 24px)}:host([size="large"]){--_icon-size:var(--icon-size-large, 30px)}:host([size="extra-large"]),:host([size="xlarge"]){--_icon-size:var(--icon-size-extra-extra-large, 48px)}:host([variant="icon"]) .container{background:var(--_bg);color:var(--_fg)}img.icon{width:var(--_icon-size);height:var(--_icon-size);object-fit:contain;display:block}.fallback{display:grid;place-items:center;width:100%;height:100%;font-size:var(--_font-size);font-weight:var(--weight-semibold, 600);letter-spacing:.01em;text-transform:uppercase;color:var(--_fg);background:var(--_bg)}:host([variant="image"]) .fallback{color:var(--md-sys-color-on-primary-container);background:var(--md-sys-color-primary-container)}::slotted([slot=icon]){width:var(--_icon-size);height:var(--_icon-size);line-height:1}:host(:focus-visible) .container{outline:var(--md-focus-ring-width, 2px) solid var(--md-focus-ring-color, var(--p-40));outline-offset:2px;border-radius:var(--_radius)}`,h);function u(){const r=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??r,i=this.mapSpacingToken(this.spacingBottom)??r,o=this.mapSpacingToken(this.spacingLeft)??r,c=this.mapSpacingToken(this.spacingRight)??r;t?this.style.setProperty("--scb-avatar-spacing-block-start",t):this.style.removeProperty("--scb-avatar-spacing-block-start"),i?this.style.setProperty("--scb-avatar-spacing-block-end",i):this.style.removeProperty("--scb-avatar-spacing-block-end"),o?this.style.setProperty("--scb-avatar-spacing-inline-start",o):this.style.removeProperty("--scb-avatar-spacing-inline-start"),c?this.style.setProperty("--scb-avatar-spacing-inline-end",c):this.style.removeProperty("--scb-avatar-spacing-inline-end")}a([s({type:String})],e.prototype,"src",void 0);a([s({type:String})],e.prototype,"alt",void 0);a([s({type:String})],e.prototype,"label",void 0);a([s({type:String,reflect:!0})],e.prototype,"size",void 0);a([s({type:String,reflect:!0})],e.prototype,"shape",void 0);a([s({type:String,attribute:"icon-name",reflect:!0})],e.prototype,"iconName",void 0);a([s({type:String,reflect:!0})],e.prototype,"variant",void 0);a([s({type:String,reflect:!0})],e.prototype,"spacing",void 0);a([s({type:String,attribute:"spacing-top",reflect:!0})],e.prototype,"spacingTop",void 0);a([s({type:String,attribute:"spacing-bottom",reflect:!0})],e.prototype,"spacingBottom",void 0);a([s({type:String,attribute:"spacing-left",reflect:!0})],e.prototype,"spacingLeft",void 0);a([s({type:String,attribute:"spacing-right",reflect:!0})],e.prototype,"spacingRight",void 0);a([_()],e.prototype,"_imgError",void 0);a([_()],e.prototype,"_hasIconSlot",void 0);e=a([f("scb-avatar")],e);export{e as ScbAvatar};

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

@@ -0,0 +1,9 @@
+import{g as a,h as p,m as f,p as o,v as z,y as b}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as s}from"../../vendor/decorate.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,d,m){try{customElements.get(i)||t(i,d,m)}catch(l){var c=String(l||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var r,e=(r=class extends p{constructor(...t){super(...t),this.icon="",this.size="medium",this.filled=!1,this.label=""}render(){const t=this.icon.trim(),i=this.label.trim();return z`
+      <span
+        class="icon"
+        part="icon"
+        aria-hidden=${i?a:"true"}
+        aria-label=${i||a}
+        role=${i?"img":a}
+      >${t}</span>
+    `}},r.styles=b`:host{display:inline-flex;inline-size:var(--scb-icon-size, var(--icon-size-medium, 24px));block-size:var(--scb-icon-size, var(--icon-size-medium, 24px));flex:0 0 auto;align-items:center;justify-content:center;color:inherit;vertical-align:middle;--scb-icon-font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}:host([size='tiny']){--scb-icon-size:var(--icon-size-tiny, 12px)}:host([size='extra-small']){--scb-icon-size:var(--icon-size-extra-small, 16px)}:host([size='small']){--scb-icon-size:var(--icon-size-small, 20px)}:host([size='large']),:host([size='medium']){--scb-icon-size:var(--icon-size-medium, 24px)}:host([size='extra-large']){--scb-icon-size:var(--icon-size-extra-large, 36px)}:host([filled]){--scb-icon-font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.icon{display:inline-block;inline-size:var(--scb-icon-size, var(--icon-size-medium, 24px));block-size:var(--scb-icon-size, var(--icon-size-medium, 24px));overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-icon-size, var(--icon-size-medium, 24px));font-style:normal;font-weight:400;line-height:1;text-align:center;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:var(--scb-icon-font-variation-settings);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}`,r);s([o({type:String})],e.prototype,"icon",void 0);s([o({type:String,reflect:!0})],e.prototype,"size",void 0);s([o({type:Boolean,reflect:!0})],e.prototype,"filled",void 0);s([o({type:String})],e.prototype,"label",void 0);e=s([f("scb-icon")],e);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc",
-    "version":  "0.1.112",
+    "version":  "0.1.114",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -248,6 +248,10 @@
                                                       "import":  "./scb-horizontal-scroller/scb-horizontal-scroller.js",
                                                       "require":  "./scb-horizontal-scroller/scb-horizontal-scroller.js"
                                                   },
+                    "./scb-icon":  {
+                                       "import":  "./scb-icon/scb-icon.js",
+                                       "require":  "./scb-icon/scb-icon.js"
+                                   },
                     "./scb-icon-button":  {
                                               "import":  "./scb-icon-button/scb-icon-button.js",
                                               "require":  "./scb-icon-button/scb-icon-button.js"
@@ -462,5 +466,5 @@
                                                         },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "6354226A80280DF0A6A5F1DFBF5C2BF79F67B29DC9FF76EB67A08AC58D2F25A3"
+    "buildHash":  "31E08C4C2E2CF76EB218322C3EDCE25BD353AAF4C80CAB6303642F7EE59A5E90"
 }

package/scb-avatar/scb-avatar.js

@@ -43,6 +43,7 @@ var c = class extends t {
     :host([size="small"])  { --_size: 32px; --_font-size: var(--md-sys-typescale-label-medium-size, 14px); }
     :host([size="medium"]) { --_size: 40px; --_font-size: var(--md-sys-typescale-label-large-size, 16px); }
     :host([size="large"])  { --_size: 56px; --_font-size: var(--md-sys-typescale-title-large-size, 20px); }
+    :host([size="extra-large"]),
     :host([size="xlarge"]) { --_size: 80px; --_font-size: var(--md-sys-typescale-headline-medium-size, 28px); }
 
     :host([shape="circular"]) { --_radius: var(--radius-full, 1000px); }
@@ -73,7 +74,8 @@ var c = class extends t {
     :host([size="small"])  { --_icon-size: var(--icon-size-small, 20px); }
     :host([size="medium"]) { --_icon-size: var(--icon-size-medium, 24px); }
     :host([size="large"])  { --_icon-size: var(--icon-size-large, 30px); }
-    :host([size="xlarge"]) { --_icon-size: var(--icon-size-xlarge, 48px); }
+    :host([size="extra-large"]),
+    :host([size="xlarge"]) { --_icon-size: var(--icon-size-extra-extra-large, 48px); }
     :host([variant="icon"]) .container { background: var(--_bg); color: var(--_fg); }
 
     img.icon {

package/scb-components/scb-avatar/scb-avatar.d.ts

@@ -1,5 +1,5 @@
 import { LitElement, TemplateResult } from 'lit';
-type AvatarSize = 'small' | 'medium' | 'large' | 'xlarge';
+type AvatarSize = 'small' | 'medium' | 'large' | 'extra-large' | 'xlarge';
 type AvatarShape = 'circular' | 'rounded' | 'square';
 type AvatarVariant = 'image' | 'icon';
 export declare class ScbAvatar extends LitElement {

package/scb-components/scb-icon/scb-icon.d.ts

@@ -0,0 +1,19 @@
+import { LitElement, TemplateResult } from 'lit';
+export type ScbIconSize = 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
+export declare class ScbIcon extends LitElement {
+    /** Material Symbols-namn, till exempel "search". */
+    icon: string;
+    /** Ikonstorlek. */
+    size: ScbIconSize;
+    /** Gör ikonen fylld om true (Material Symbols med FILL-axeln). */
+    filled: boolean;
+    /** Tillgängligt namn när ikonen bär egen betydelse. Utelämna för dekorativa ikoner. */
+    label: string;
+    static styles: import('lit').CSSResult;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-icon': ScbIcon;
+    }
+}

package/scb-icon/scb-icon.js

@@ -0,0 +1,94 @@
+import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { LitElement as t, css as n, html as r, nothing as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+//#region src/scb-components/scb-icon/scb-icon.ts
+var s = class extends t {
+	constructor(...e) {
+		super(...e), this.icon = "", this.size = "medium", this.filled = !1, this.label = "";
+	}
+	static {
+		this.styles = n`
+    :host {
+      display: inline-flex;
+      inline-size: var(--scb-icon-size, var(--icon-size-medium, 24px));
+      block-size: var(--scb-icon-size, var(--icon-size-medium, 24px));
+      flex: 0 0 auto;
+      align-items: center;
+      justify-content: center;
+      color: inherit;
+      vertical-align: middle;
+      --scb-icon-font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
+    }
+
+    :host([size='tiny']) {
+      --scb-icon-size: var(--icon-size-tiny, 12px);
+    }
+
+    :host([size='extra-small']) {
+      --scb-icon-size: var(--icon-size-extra-small, 16px);
+    }
+
+    :host([size='small']) {
+      --scb-icon-size: var(--icon-size-small, 20px);
+    }
+
+    :host([size='medium']) {
+      --scb-icon-size: var(--icon-size-medium, 24px);
+    }
+
+    :host([size='large']) {
+      --scb-icon-size: var(--icon-size-medium, 24px);
+    }
+
+    :host([size='extra-large']) {
+      --scb-icon-size: var(--icon-size-extra-large, 36px);
+    }
+
+    :host([filled]) {
+      --scb-icon-font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
+    }
+
+    .icon {
+      display: inline-block;
+      inline-size: var(--scb-icon-size, var(--icon-size-medium, 24px));
+      block-size: var(--scb-icon-size, var(--icon-size-medium, 24px));
+      overflow: hidden;
+      font-family: 'Material Symbols Outlined';
+      font-size: var(--scb-icon-size, var(--icon-size-medium, 24px));
+      font-style: normal;
+      font-weight: normal;
+      line-height: 1;
+      text-align: center;
+      white-space: nowrap;
+      text-transform: none;
+      word-wrap: normal;
+      direction: ltr;
+      font-feature-settings: 'liga' 1;
+      font-variation-settings: var(--scb-icon-font-variation-settings);
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+    }
+  `;
+	}
+	render() {
+		let e = this.icon.trim(), t = this.label.trim();
+		return r`
+      <span
+        class="icon"
+        part="icon"
+        aria-hidden=${t ? i : "true"}
+        aria-label=${t || i}
+        role=${t ? "img" : i}
+      >${e}</span>
+    `;
+	}
+};
+e([o({ type: String })], s.prototype, "icon", void 0), e([o({
+	type: String,
+	reflect: !0
+})], s.prototype, "size", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "filled", void 0), e([o({ type: String })], s.prototype, "label", void 0), s = e([a("scb-icon")], s);
+//#endregion
+export { s as ScbIcon };

package/scb-wc-public-entry/index.d.ts

@@ -42,6 +42,7 @@ 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/scb-icon';
 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';