scb-wc 0.1.178 → 0.1.180
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/mvc/components/scb-accordion/scb-accordion-item.js +1 -1
- package/mvc/components/scb-app-bar/scb-app-bar.js +2 -2
- package/mvc/components/scb-avatar/scb-avatar.js +8 -8
- package/mvc/components/scb-badge/scb-badge.js +1 -1
- package/mvc/components/scb-button/scb-button.js +1 -1
- package/mvc/components/scb-calendar/scb-calendar.js +5 -5
- package/mvc/components/scb-calendar-card/scb-calendar-card.js +3 -3
- package/mvc/components/scb-card/scb-card.js +1 -1
- package/mvc/components/scb-checkbox/scb-checkbox.js +1 -1
- package/mvc/components/scb-chip/scb-chip.js +4 -4
- package/mvc/components/scb-cookies-consent/scb-cookies-consent.js +2 -2
- package/mvc/components/scb-dialog/scb-dialog.js +2 -2
- package/mvc/components/scb-drawer/scb-drawer.js +2 -2
- package/mvc/components/scb-drop-zone/scb-drop-zone.js +1 -1
- package/mvc/components/scb-dropdown/scb-dropdown.js +5 -5
- package/mvc/components/scb-fab/scb-fab.js +1 -1
- package/mvc/components/scb-fact-card/scb-fact-card.js +1 -1
- package/mvc/components/scb-header/scb-header.js +6 -6
- package/mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js +1 -1
- package/mvc/components/scb-icon-button/scb-icon-button.js +12 -12
- package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +4 -4
- package/mvc/components/scb-menu/scb-menu-item.js +1 -1
- package/mvc/components/scb-menu/scb-menu-section.js +1 -1
- package/mvc/components/scb-menu/scb-menu.js +2 -2
- package/mvc/components/scb-nav/scb-nav.js +6 -6
- package/mvc/components/scb-notification-card/scb-notification-card.js +2 -2
- package/mvc/components/scb-options-menu/scb-options-menu-item.js +2 -2
- package/mvc/components/scb-options-menu/scb-options-menu.js +2 -2
- package/mvc/components/scb-options-menu/scb-options-sub-menu.js +2 -2
- package/mvc/components/scb-pagination/scb-pagination.js +1 -1
- package/mvc/components/scb-progress-stepper/scb-progress-stepper.js +1 -1
- package/mvc/components/scb-radio-button/scb-radio-button.js +3 -3
- package/mvc/components/scb-search/scb-search.js +2 -2
- package/mvc/components/scb-segmented-button/scb-segmented-item.js +4 -4
- package/mvc/components/scb-select/scb-select-option.js +1 -1
- package/mvc/components/scb-select/scb-select.js +4 -4
- package/mvc/components/scb-slider/scb-slider.js +4 -4
- package/mvc/components/scb-snackbar/scb-snackbar.js +16 -16
- package/mvc/components/scb-status-pill/scb-status-pill.js +2 -2
- package/mvc/components/scb-stepper/scb-step.js +1 -1
- package/mvc/components/scb-stepper/scb-stepper.js +2 -2
- package/mvc/components/scb-switch/scb-switch.js +1 -1
- package/mvc/components/scb-table/scb-table.js +2 -2
- package/mvc/components/scb-table-advanced/scb-table-advanced.js +2 -2
- package/mvc/components/scb-tabs/scb-tabs.js +1 -1
- package/mvc/components/scb-textfield/scb-textfield.js +29 -29
- package/mvc/components/scb-tooltip/scb-tooltip.js +3 -3
- package/mvc/components/scb-viz/scb-viz.js +1 -1
- package/mvc/scb-wc-core.css +1 -1
- package/mvc/scb-wc-selfhost.css +1 -1
- package/mvc/scb-wc.css +1 -1
- package/package.json +2 -2
- package/scb-accordion/scb-accordion-item.js +1 -1
- package/scb-app-bar/scb-app-bar.js +5 -3
- package/scb-avatar/scb-avatar.js +6 -4
- package/scb-badge/scb-badge.js +2 -4
- package/scb-button/scb-button.js +8 -8
- package/scb-calendar/scb-calendar.js +11 -9
- package/scb-calendar-card/scb-calendar-card.js +5 -5
- package/scb-card/scb-card.js +4 -4
- package/scb-checkbox/scb-checkbox.js +8 -0
- package/scb-chip/scb-chip.js +6 -6
- package/scb-components/scb-segmented-button/scb-segmented-button.d.ts +1 -1
- package/scb-components/scb-segmented-button/scb-segmented-item.d.ts +1 -1
- package/scb-cookies-consent/scb-cookies-consent.js +2 -2
- package/scb-datepicker/scb-datepicker.js +11 -8
- package/scb-dialog/scb-dialog.js +2 -2
- package/scb-drawer/scb-drawer.js +4 -4
- package/scb-drop-zone/scb-drop-zone.js +11 -11
- package/scb-dropdown/scb-dropdown.js +3 -2
- package/scb-fab/scb-fab.js +10 -0
- package/scb-fact-card/scb-fact-card.js +6 -6
- package/scb-header/scb-header.js +21 -21
- package/scb-horizontal-scroller/scb-horizontal-scroller.js +3 -3
- package/scb-icon-button/scb-icon-button.js +8 -8
- package/scb-keyfigure-card/scb-keyfigure-card.js +2 -2
- package/scb-menu/scb-menu-item.js +3 -3
- package/scb-menu/scb-menu-section.js +3 -3
- package/scb-menu/scb-menu.js +4 -4
- package/scb-nav/scb-nav.js +4 -4
- package/scb-notification-card/scb-notification-card.js +9 -9
- package/scb-options-menu/scb-options-menu-item.js +3 -2
- package/scb-options-menu/scb-options-menu.js +3 -3
- package/scb-options-menu/scb-options-sub-menu.js +2 -1
- package/scb-pagination/scb-pagination.js +2 -2
- package/scb-progress-stepper/scb-progress-stepper.js +2 -2
- package/scb-radio-button/scb-radio-button.js +7 -1
- package/scb-search/scb-search.js +6 -5
- package/scb-segmented-button/scb-segmented-item.js +5 -5
- package/scb-select/scb-select-option.js +4 -4
- package/scb-select/scb-select.js +6 -5
- package/scb-slider/scb-slider.js +9 -0
- package/scb-snackbar/scb-snackbar.js +14 -14
- package/scb-status-pill/scb-status-pill.js +6 -6
- package/scb-stepper/scb-step.js +7 -7
- package/scb-stepper/scb-stepper.js +4 -4
- package/scb-switch/scb-switch.js +8 -0
- package/scb-table/scb-table.js +7 -7
- package/scb-table-advanced/scb-table-advanced.js +5 -5
- package/scb-tabs/scb-tabs.js +9 -9
- package/scb-textfield/scb-textfield.js +3 -3
- package/scb-tooltip/scb-tooltip.js +6 -5
- package/scb-viz/scb-viz.js +1 -1
- package/scb-wc-core.css +1 -1
- package/scb-wc-selfhost.css +1 -1
- package/scb-wc.bundle.js +276 -222
- package/scb-wc.css +1 -1
|
@@ -45,4 +45,4 @@ import{g,h as p,m as u,p as n,v as a,y as m}from"../../vendor/vendor.js";import"
|
|
|
45
45
|
);--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(--scb-accordion-item-padding-inline-large, var(--spacing-6, 20px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-large, var(--spacing-8, 28px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-large, var(--spacing-6, 20px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-large, var(--icon-size-medium, 24px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-large, var(--spacing-2, 4px));--scb-accordion-content-padding-inline:var(--scb-accordion-content-padding-inline-large, var(--scb-accordion-item-padding-inline));--scb-accordion-content-padding-bottom:var(--scb-accordion-content-padding-bottom-large, var(--scb-accordion-item-padding-inline));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-large, calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px)));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-large, var(--icon-size-medium, 24px))}:host([open]){--scb-accordion-motion-duration:var(--motion-duration-medium, 300ms);--scb-accordion-motion-easing:var(
|
|
46
46
|
--motion-easing-emphasized-decelerate,
|
|
47
47
|
cubic-bezier(0.05, 0.7, 0.1, 1)
|
|
48
|
-
)}:host-context(scb-accordion[size='medium']){--scb-accordion-title-font-weight-current:var(--scb-accordion-title-medium-font-weight, var(--scb-accordion-title-medium-weight, var(--scb-accordion-title-font-weight, var(--scb-accordion-title-weight))));--scb-accordion-title-letter-spacing-current:var(--scb-accordion-title-medium-letter-spacing, var(--scb-accordion-title-medium-tracking, var(--scb-accordion-title-letter-spacing, var(--scb-accordion-title-tracking))));--scb-accordion-title-line-height-current:var(--scb-accordion-title-medium-line-height, var(--scb-accordion-title-line-height));--scb-accordion-title-tracking-current:var(--scb-accordion-title-medium-tracking, var(--scb-accordion-title-medium-letter-spacing, var(--scb-accordion-title-tracking, var(--scb-accordion-title-letter-spacing))));--scb-accordion-title-weight-current:var(--scb-accordion-title-medium-weight, var(--scb-accordion-title-medium-font-weight, var(--scb-accordion-title-weight, var(--scb-accordion-title-font-weight))));--scb-accordion-title-size-current:var(--scb-accordion-title-medium-size, var(--scb-accordion-title-size));--scb-accordion-title-font-current:var(--scb-accordion-title-medium-font, var(--scb-accordion-title-font));--scb-accordion-overline-font-weight-current:var(--scb-accordion-overline-medium-font-weight, var(--scb-accordion-overline-medium-weight, var(--scb-accordion-overline-font-weight, var(--scb-accordion-overline-weight))));--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-overline-medium-letter-spacing, var(--scb-accordion-overline-medium-tracking, var(--scb-accordion-overline-letter-spacing, var(--scb-accordion-overline-tracking))));--scb-accordion-overline-line-height-current:var(--scb-accordion-overline-medium-line-height, var(--scb-accordion-overline-line-height));--scb-accordion-overline-tracking-current:var(--scb-accordion-overline-medium-tracking, var(--scb-accordion-overline-medium-letter-spacing, var(--scb-accordion-overline-tracking, var(--scb-accordion-overline-letter-spacing))));--scb-accordion-overline-weight-current:var(--scb-accordion-overline-medium-weight, var(--scb-accordion-overline-medium-font-weight, var(--scb-accordion-overline-weight, var(--scb-accordion-overline-font-weight))));--scb-accordion-overline-size-current:var(--scb-accordion-overline-medium-size, var(--scb-accordion-overline-size));--scb-accordion-overline-font-current:var(--scb-accordion-overline-medium-font, var(--scb-accordion-overline-font));--scb-accordion-supporting-font-weight-current:var(--scb-accordion-supporting-medium-font-weight, var(--scb-accordion-supporting-medium-weight, var(--scb-accordion-supporting-font-weight, var(--scb-accordion-supporting-weight))));--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-supporting-medium-letter-spacing, var(--scb-accordion-supporting-medium-tracking, var(--scb-accordion-supporting-letter-spacing, var(--scb-accordion-supporting-tracking))));--scb-accordion-supporting-line-height-current:var(--scb-accordion-supporting-medium-line-height, var(--scb-accordion-supporting-line-height));--scb-accordion-supporting-tracking-current:var(--scb-accordion-supporting-medium-tracking, var(--scb-accordion-supporting-medium-letter-spacing, var(--scb-accordion-supporting-tracking, var(--scb-accordion-supporting-letter-spacing))));--scb-accordion-supporting-weight-current:var(--scb-accordion-supporting-medium-weight, var(--scb-accordion-supporting-medium-font-weight, var(--scb-accordion-supporting-weight, var(--scb-accordion-supporting-font-weight))));--scb-accordion-supporting-size-current:var(--scb-accordion-supporting-medium-size, var(--scb-accordion-supporting-size));--scb-accordion-supporting-font-current:var(--scb-accordion-supporting-medium-font, var(--scb-accordion-supporting-font));--scb-accordion-content-text-font-weight-current:var(--scb-accordion-content-text-medium-font-weight, var(--scb-accordion-content-text-medium-weight, var(--scb-accordion-content-text-font-weight, var(--scb-accordion-content-text-weight))));--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-content-text-medium-letter-spacing, var(--scb-accordion-content-text-medium-tracking, var(--scb-accordion-content-text-letter-spacing, var(--scb-accordion-content-text-tracking))));--scb-accordion-content-text-line-height-current:var(--scb-accordion-content-text-medium-line-height, var(--scb-accordion-content-text-line-height));--scb-accordion-content-text-tracking-current:var(--scb-accordion-content-text-medium-tracking, var(--scb-accordion-content-text-medium-letter-spacing, var(--scb-accordion-content-text-tracking, var(--scb-accordion-content-text-letter-spacing))));--scb-accordion-content-text-weight-current:var(--scb-accordion-content-text-medium-weight, var(--scb-accordion-content-text-medium-font-weight, var(--scb-accordion-content-text-weight, var(--scb-accordion-content-text-font-weight))));--scb-accordion-content-text-size-current:var(--scb-accordion-content-text-medium-size, var(--scb-accordion-content-text-size));--scb-accordion-content-text-font-current:var(--scb-accordion-content-text-medium-font, var(--scb-accordion-content-text-font));--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-medium, var(--spacing-5, 16px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-medium, var(--spacing-6, 20px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-medium, var(--spacing-4, 12px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-medium, var(--icon-size-small, 20px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-medium, var(--spacing-2, 4px));--scb-accordion-content-padding-inline:var(--scb-accordion-content-padding-inline-medium, var(--scb-accordion-item-padding-inline));--scb-accordion-content-padding-bottom:var(--scb-accordion-content-padding-bottom-medium, var(--scb-accordion-item-padding-inline));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-medium, calc(var(--icon-size-large, 32px) + var(--spacing-4, 12px)));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-medium, var(--icon-size-medium, 24px))}:host-context(scb-accordion[size='small']){--scb-accordion-title-font-weight-current:var(--scb-accordion-title-small-font-weight, var(--scb-accordion-title-small-weight, var(--scb-accordion-title-font-weight, var(--scb-accordion-title-weight))));--scb-accordion-title-letter-spacing-current:var(--scb-accordion-title-small-letter-spacing, var(--scb-accordion-title-small-tracking, var(--scb-accordion-title-letter-spacing, var(--scb-accordion-title-tracking))));--scb-accordion-title-line-height-current:var(--scb-accordion-title-small-line-height, var(--scb-accordion-title-line-height));--scb-accordion-title-tracking-current:var(--scb-accordion-title-small-tracking, var(--scb-accordion-title-small-letter-spacing, var(--scb-accordion-title-tracking, var(--scb-accordion-title-letter-spacing))));--scb-accordion-title-weight-current:var(--scb-accordion-title-small-weight, var(--scb-accordion-title-small-font-weight, var(--scb-accordion-title-weight, var(--scb-accordion-title-font-weight))));--scb-accordion-title-size-current:var(--scb-accordion-title-small-size, var(--scb-accordion-title-size));--scb-accordion-title-font-current:var(--scb-accordion-title-small-font, var(--scb-accordion-title-font));--scb-accordion-overline-font-weight-current:var(--scb-accordion-overline-small-font-weight, var(--scb-accordion-overline-small-weight, var(--scb-accordion-overline-font-weight, var(--scb-accordion-overline-weight))));--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-overline-small-letter-spacing, var(--scb-accordion-overline-small-tracking, var(--scb-accordion-overline-letter-spacing, var(--scb-accordion-overline-tracking))));--scb-accordion-overline-line-height-current:var(--scb-accordion-overline-small-line-height, var(--scb-accordion-overline-line-height));--scb-accordion-overline-tracking-current:var(--scb-accordion-overline-small-tracking, var(--scb-accordion-overline-small-letter-spacing, var(--scb-accordion-overline-tracking, var(--scb-accordion-overline-letter-spacing))));--scb-accordion-overline-weight-current:var(--scb-accordion-overline-small-weight, var(--scb-accordion-overline-small-font-weight, var(--scb-accordion-overline-weight, var(--scb-accordion-overline-font-weight))));--scb-accordion-overline-size-current:var(--scb-accordion-overline-small-size, var(--scb-accordion-overline-size));--scb-accordion-overline-font-current:var(--scb-accordion-overline-small-font, var(--scb-accordion-overline-font));--scb-accordion-supporting-font-weight-current:var(--scb-accordion-supporting-small-font-weight, var(--scb-accordion-supporting-small-weight, var(--scb-accordion-supporting-font-weight, var(--scb-accordion-supporting-weight))));--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-supporting-small-letter-spacing, var(--scb-accordion-supporting-small-tracking, var(--scb-accordion-supporting-letter-spacing, var(--scb-accordion-supporting-tracking))));--scb-accordion-supporting-line-height-current:var(--scb-accordion-supporting-small-line-height, var(--scb-accordion-supporting-line-height));--scb-accordion-supporting-tracking-current:var(--scb-accordion-supporting-small-tracking, var(--scb-accordion-supporting-small-letter-spacing, var(--scb-accordion-supporting-tracking, var(--scb-accordion-supporting-letter-spacing))));--scb-accordion-supporting-weight-current:var(--scb-accordion-supporting-small-weight, var(--scb-accordion-supporting-small-font-weight, var(--scb-accordion-supporting-weight, var(--scb-accordion-supporting-font-weight))));--scb-accordion-supporting-size-current:var(--scb-accordion-supporting-small-size, var(--scb-accordion-supporting-size));--scb-accordion-supporting-font-current:var(--scb-accordion-supporting-small-font, var(--scb-accordion-supporting-font));--scb-accordion-content-text-font-weight-current:var(--scb-accordion-content-text-small-font-weight, var(--scb-accordion-content-text-small-weight, var(--scb-accordion-content-text-font-weight, var(--scb-accordion-content-text-weight))));--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-content-text-small-letter-spacing, var(--scb-accordion-content-text-small-tracking, var(--scb-accordion-content-text-letter-spacing, var(--scb-accordion-content-text-tracking))));--scb-accordion-content-text-line-height-current:var(--scb-accordion-content-text-small-line-height, var(--scb-accordion-content-text-line-height));--scb-accordion-content-text-tracking-current:var(--scb-accordion-content-text-small-tracking, var(--scb-accordion-content-text-small-letter-spacing, var(--scb-accordion-content-text-tracking, var(--scb-accordion-content-text-letter-spacing))));--scb-accordion-content-text-weight-current:var(--scb-accordion-content-text-small-weight, var(--scb-accordion-content-text-small-font-weight, var(--scb-accordion-content-text-weight, var(--scb-accordion-content-text-font-weight))));--scb-accordion-content-text-size-current:var(--scb-accordion-content-text-small-size, var(--scb-accordion-content-text-size));--scb-accordion-content-text-font-current:var(--scb-accordion-content-text-small-font, var(--scb-accordion-content-text-font));--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-small, var(--spacing-4, 12px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-small, var(--spacing-4, 12px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-small, var(--spacing-3, 8px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-small, var(--icon-size-small, 20px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-small, var(--spacing-2, 4px));--scb-accordion-content-padding-inline:var(--scb-accordion-content-padding-inline-small, var(--scb-accordion-item-padding-inline));--scb-accordion-content-padding-bottom:var(--scb-accordion-content-padding-bottom-small, var(--scb-accordion-item-padding-inline));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-small, calc(var(--icon-size-medium, 24px) + var(--spacing-4, 12px)));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-small, var(--icon-size-small, 20px))}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)}.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:0}.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(--scb-accordion-content-padding-top, var(--spacing-2, 4px)) - var(--scb-accordion-interaction-bleed)));padding-right:calc(var(--scb-accordion-content-padding-inline, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed));padding-bottom:calc(var(--scb-accordion-content-padding-bottom, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed));padding-left:calc(var(--scb-accordion-content-padding-inline, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed))}.bottom-inner{min-height:0;overflow:visible;padding-block:0;padding-inline:var(--scb-accordion-interaction-bleed);transition:padding-block 0s linear var(--scb-accordion-motion-duration);color:var(--md-sys-color-on-surface);font-family:var(--scb-accordion-content-text-font-current, var(--brand-font));font-size:var(--scb-accordion-content-text-font-current-size, var(--scb-accordion-content-text-size-current, var(--md-sys-typescale-body-large-size)));line-height:var(--scb-accordion-content-text-line-height-current, var(--md-sys-typescale-body-large-line-height));font-weight:var(--scb-accordion-content-text-font-weight-current, var(--scb-accordion-content-text-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-content-text-letter-spacing-current, var(--scb-accordion-content-text-tracking-current, var(--md-sys-typescale-body-large-tracking)))}:host([open]) .bottom-inner{padding-block:var(--scb-accordion-interaction-bleed);transition-delay:0s}.bottom-inner ::slotted(div),.bottom-inner ::slotted(ol),.bottom-inner ::slotted(p),.bottom-inner ::slotted(span),.bottom-inner ::slotted(ul){color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit}.title{font-family:var(--scb-accordion-title-font-current, var(--brand-font));font-size:var(--scb-accordion-title-font-current-size, var(--scb-accordion-title-size-current, var(--md-sys-typescale-title-large-size)));line-height:var(--scb-accordion-title-line-height-current, var(--md-sys-typescale-title-large-line-height));font-weight:var(--scb-accordion-title-font-weight-current, var(--scb-accordion-title-weight-current, var(--weight-semibold)));letter-spacing:var(--scb-accordion-title-letter-spacing-current, var(--scb-accordion-title-tracking-current, var(--md-sys-typescale-title-large-tracking)));color:var(--md-sys-color-on-surface)}.overline,.supporting-text{color:var(--md-sys-color-on-surface-variant)}.overline{font-family:var(--scb-accordion-overline-font-current, var(--brand-font));font-size:var(--scb-accordion-overline-font-current-size, var(--scb-accordion-overline-size-current, var(--md-sys-typescale-label-medium-size)));line-height:var(--scb-accordion-overline-line-height-current, var(--md-sys-typescale-label-medium-line-height));font-weight:var(--scb-accordion-overline-font-weight-current, var(--scb-accordion-overline-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-overline-letter-spacing-current, var(--scb-accordion-overline-tracking-current, var(--md-sys-typescale-label-medium-tracking)))}.supporting-text{font-family:var(--scb-accordion-supporting-font-current, var(--brand-font));font-size:var(--scb-accordion-supporting-font-current-size, var(--scb-accordion-supporting-size-current, var(--md-sys-typescale-body-large-size)));line-height:var(--scb-accordion-supporting-line-height-current, var(--md-sys-typescale-body-large-line-height));font-weight:var(--scb-accordion-supporting-font-weight-current, var(--scb-accordion-supporting-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-supporting-letter-spacing-current, var(--scb-accordion-supporting-tracking-current, var(--md-sys-typescale-body-large-tracking)))}.leading{align-self:center;display:grid;place-items:center}.leading md-icon{--md-icon-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));font-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));inline-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));block-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));line-height:1}.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;--scb-chevron-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px));inline-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px));block-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px))}md-ripple{border-radius:inherit;inset:0;position:absolute;pointer-events:none;overflow:hidden}@media (prefers-reduced-motion:reduce){md-ripple{display:none}.bottom-inner,.scb-accordion-bottom{transition:none}}`],d);o([n({type:Boolean,reflect:!0})],r.prototype,"open",void 0);o([n({type:String})],r.prototype,"title",void 0);o([n({type:String})],r.prototype,"content",void 0);o([n({type:String,attribute:"overline"})],r.prototype,"overline",void 0);o([n({type:String,attribute:"supporting-text"})],r.prototype,"supportingText",void 0);o([n({type:Boolean})],r.prototype,"leading",void 0);o([n({type:String,attribute:"leading-variant",reflect:!0})],r.prototype,"leadingVariant",void 0);o([n({type:String,attribute:"leading-icon"})],r.prototype,"leadingIcon",void 0);o([n({type:String,attribute:"img-href-image",reflect:!0})],r.prototype,"imgHrefImage",void 0);o([n({type:String,attribute:"avatar-label"})],r.prototype,"avatarLabel",void 0);o([n({type:String,attribute:"avatar-alt"})],r.prototype,"avatarAlt",void 0);o([n({type:String,attribute:"avatar-variant"})],r.prototype,"avatarVariant",void 0);o([n({type:String,attribute:"avatar-src"})],r.prototype,"avatarSrc",void 0);o([n({type:Number,reflect:!0})],r.prototype,"density",void 0);r=v=o([u("scb-accordion-item")],r);
|
|
48
|
+
)}:host-context(scb-accordion[size='medium']){--scb-accordion-title-font-weight-current:var(--scb-accordion-title-medium-font-weight, var(--scb-accordion-title-medium-weight, var(--scb-accordion-title-font-weight, var(--scb-accordion-title-weight))));--scb-accordion-title-letter-spacing-current:var(--scb-accordion-title-medium-letter-spacing, var(--scb-accordion-title-medium-tracking, var(--scb-accordion-title-letter-spacing, var(--scb-accordion-title-tracking))));--scb-accordion-title-line-height-current:var(--scb-accordion-title-medium-line-height, var(--scb-accordion-title-line-height));--scb-accordion-title-tracking-current:var(--scb-accordion-title-medium-tracking, var(--scb-accordion-title-medium-letter-spacing, var(--scb-accordion-title-tracking, var(--scb-accordion-title-letter-spacing))));--scb-accordion-title-weight-current:var(--scb-accordion-title-medium-weight, var(--scb-accordion-title-medium-font-weight, var(--scb-accordion-title-weight, var(--scb-accordion-title-font-weight))));--scb-accordion-title-size-current:var(--scb-accordion-title-medium-size, var(--scb-accordion-title-size));--scb-accordion-title-font-current:var(--scb-accordion-title-medium-font, var(--scb-accordion-title-font));--scb-accordion-overline-font-weight-current:var(--scb-accordion-overline-medium-font-weight, var(--scb-accordion-overline-medium-weight, var(--scb-accordion-overline-font-weight, var(--scb-accordion-overline-weight))));--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-overline-medium-letter-spacing, var(--scb-accordion-overline-medium-tracking, var(--scb-accordion-overline-letter-spacing, var(--scb-accordion-overline-tracking))));--scb-accordion-overline-line-height-current:var(--scb-accordion-overline-medium-line-height, var(--scb-accordion-overline-line-height));--scb-accordion-overline-tracking-current:var(--scb-accordion-overline-medium-tracking, var(--scb-accordion-overline-medium-letter-spacing, var(--scb-accordion-overline-tracking, var(--scb-accordion-overline-letter-spacing))));--scb-accordion-overline-weight-current:var(--scb-accordion-overline-medium-weight, var(--scb-accordion-overline-medium-font-weight, var(--scb-accordion-overline-weight, var(--scb-accordion-overline-font-weight))));--scb-accordion-overline-size-current:var(--scb-accordion-overline-medium-size, var(--scb-accordion-overline-size));--scb-accordion-overline-font-current:var(--scb-accordion-overline-medium-font, var(--scb-accordion-overline-font));--scb-accordion-supporting-font-weight-current:var(--scb-accordion-supporting-medium-font-weight, var(--scb-accordion-supporting-medium-weight, var(--scb-accordion-supporting-font-weight, var(--scb-accordion-supporting-weight))));--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-supporting-medium-letter-spacing, var(--scb-accordion-supporting-medium-tracking, var(--scb-accordion-supporting-letter-spacing, var(--scb-accordion-supporting-tracking))));--scb-accordion-supporting-line-height-current:var(--scb-accordion-supporting-medium-line-height, var(--scb-accordion-supporting-line-height));--scb-accordion-supporting-tracking-current:var(--scb-accordion-supporting-medium-tracking, var(--scb-accordion-supporting-medium-letter-spacing, var(--scb-accordion-supporting-tracking, var(--scb-accordion-supporting-letter-spacing))));--scb-accordion-supporting-weight-current:var(--scb-accordion-supporting-medium-weight, var(--scb-accordion-supporting-medium-font-weight, var(--scb-accordion-supporting-weight, var(--scb-accordion-supporting-font-weight))));--scb-accordion-supporting-size-current:var(--scb-accordion-supporting-medium-size, var(--scb-accordion-supporting-size));--scb-accordion-supporting-font-current:var(--scb-accordion-supporting-medium-font, var(--scb-accordion-supporting-font));--scb-accordion-content-text-font-weight-current:var(--scb-accordion-content-text-medium-font-weight, var(--scb-accordion-content-text-medium-weight, var(--scb-accordion-content-text-font-weight, var(--scb-accordion-content-text-weight))));--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-content-text-medium-letter-spacing, var(--scb-accordion-content-text-medium-tracking, var(--scb-accordion-content-text-letter-spacing, var(--scb-accordion-content-text-tracking))));--scb-accordion-content-text-line-height-current:var(--scb-accordion-content-text-medium-line-height, var(--scb-accordion-content-text-line-height));--scb-accordion-content-text-tracking-current:var(--scb-accordion-content-text-medium-tracking, var(--scb-accordion-content-text-medium-letter-spacing, var(--scb-accordion-content-text-tracking, var(--scb-accordion-content-text-letter-spacing))));--scb-accordion-content-text-weight-current:var(--scb-accordion-content-text-medium-weight, var(--scb-accordion-content-text-medium-font-weight, var(--scb-accordion-content-text-weight, var(--scb-accordion-content-text-font-weight))));--scb-accordion-content-text-size-current:var(--scb-accordion-content-text-medium-size, var(--scb-accordion-content-text-size));--scb-accordion-content-text-font-current:var(--scb-accordion-content-text-medium-font, var(--scb-accordion-content-text-font));--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-medium, var(--spacing-5, 16px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-medium, var(--spacing-6, 20px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-medium, var(--spacing-4, 12px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-medium, var(--icon-size-small, 20px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-medium, var(--spacing-2, 4px));--scb-accordion-content-padding-inline:var(--scb-accordion-content-padding-inline-medium, var(--scb-accordion-item-padding-inline));--scb-accordion-content-padding-bottom:var(--scb-accordion-content-padding-bottom-medium, var(--scb-accordion-item-padding-inline));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-medium, calc(var(--icon-size-large, 32px) + var(--spacing-4, 12px)));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-medium, var(--icon-size-medium, 24px))}:host-context(scb-accordion[size='small']){--scb-accordion-title-font-weight-current:var(--scb-accordion-title-small-font-weight, var(--scb-accordion-title-small-weight, var(--scb-accordion-title-font-weight, var(--scb-accordion-title-weight))));--scb-accordion-title-letter-spacing-current:var(--scb-accordion-title-small-letter-spacing, var(--scb-accordion-title-small-tracking, var(--scb-accordion-title-letter-spacing, var(--scb-accordion-title-tracking))));--scb-accordion-title-line-height-current:var(--scb-accordion-title-small-line-height, var(--scb-accordion-title-line-height));--scb-accordion-title-tracking-current:var(--scb-accordion-title-small-tracking, var(--scb-accordion-title-small-letter-spacing, var(--scb-accordion-title-tracking, var(--scb-accordion-title-letter-spacing))));--scb-accordion-title-weight-current:var(--scb-accordion-title-small-weight, var(--scb-accordion-title-small-font-weight, var(--scb-accordion-title-weight, var(--scb-accordion-title-font-weight))));--scb-accordion-title-size-current:var(--scb-accordion-title-small-size, var(--scb-accordion-title-size));--scb-accordion-title-font-current:var(--scb-accordion-title-small-font, var(--scb-accordion-title-font));--scb-accordion-overline-font-weight-current:var(--scb-accordion-overline-small-font-weight, var(--scb-accordion-overline-small-weight, var(--scb-accordion-overline-font-weight, var(--scb-accordion-overline-weight))));--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-overline-small-letter-spacing, var(--scb-accordion-overline-small-tracking, var(--scb-accordion-overline-letter-spacing, var(--scb-accordion-overline-tracking))));--scb-accordion-overline-line-height-current:var(--scb-accordion-overline-small-line-height, var(--scb-accordion-overline-line-height));--scb-accordion-overline-tracking-current:var(--scb-accordion-overline-small-tracking, var(--scb-accordion-overline-small-letter-spacing, var(--scb-accordion-overline-tracking, var(--scb-accordion-overline-letter-spacing))));--scb-accordion-overline-weight-current:var(--scb-accordion-overline-small-weight, var(--scb-accordion-overline-small-font-weight, var(--scb-accordion-overline-weight, var(--scb-accordion-overline-font-weight))));--scb-accordion-overline-size-current:var(--scb-accordion-overline-small-size, var(--scb-accordion-overline-size));--scb-accordion-overline-font-current:var(--scb-accordion-overline-small-font, var(--scb-accordion-overline-font));--scb-accordion-supporting-font-weight-current:var(--scb-accordion-supporting-small-font-weight, var(--scb-accordion-supporting-small-weight, var(--scb-accordion-supporting-font-weight, var(--scb-accordion-supporting-weight))));--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-supporting-small-letter-spacing, var(--scb-accordion-supporting-small-tracking, var(--scb-accordion-supporting-letter-spacing, var(--scb-accordion-supporting-tracking))));--scb-accordion-supporting-line-height-current:var(--scb-accordion-supporting-small-line-height, var(--scb-accordion-supporting-line-height));--scb-accordion-supporting-tracking-current:var(--scb-accordion-supporting-small-tracking, var(--scb-accordion-supporting-small-letter-spacing, var(--scb-accordion-supporting-tracking, var(--scb-accordion-supporting-letter-spacing))));--scb-accordion-supporting-weight-current:var(--scb-accordion-supporting-small-weight, var(--scb-accordion-supporting-small-font-weight, var(--scb-accordion-supporting-weight, var(--scb-accordion-supporting-font-weight))));--scb-accordion-supporting-size-current:var(--scb-accordion-supporting-small-size, var(--scb-accordion-supporting-size));--scb-accordion-supporting-font-current:var(--scb-accordion-supporting-small-font, var(--scb-accordion-supporting-font));--scb-accordion-content-text-font-weight-current:var(--scb-accordion-content-text-small-font-weight, var(--scb-accordion-content-text-small-weight, var(--scb-accordion-content-text-font-weight, var(--scb-accordion-content-text-weight))));--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-content-text-small-letter-spacing, var(--scb-accordion-content-text-small-tracking, var(--scb-accordion-content-text-letter-spacing, var(--scb-accordion-content-text-tracking))));--scb-accordion-content-text-line-height-current:var(--scb-accordion-content-text-small-line-height, var(--scb-accordion-content-text-line-height));--scb-accordion-content-text-tracking-current:var(--scb-accordion-content-text-small-tracking, var(--scb-accordion-content-text-small-letter-spacing, var(--scb-accordion-content-text-tracking, var(--scb-accordion-content-text-letter-spacing))));--scb-accordion-content-text-weight-current:var(--scb-accordion-content-text-small-weight, var(--scb-accordion-content-text-small-font-weight, var(--scb-accordion-content-text-weight, var(--scb-accordion-content-text-font-weight))));--scb-accordion-content-text-size-current:var(--scb-accordion-content-text-small-size, var(--scb-accordion-content-text-size));--scb-accordion-content-text-font-current:var(--scb-accordion-content-text-small-font, var(--scb-accordion-content-text-font));--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-small, var(--spacing-4, 12px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-small, var(--spacing-4, 12px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-small, var(--spacing-3, 8px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-small, var(--icon-size-small, 20px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-small, var(--spacing-2, 4px));--scb-accordion-content-padding-inline:var(--scb-accordion-content-padding-inline-small, var(--scb-accordion-item-padding-inline));--scb-accordion-content-padding-bottom:var(--scb-accordion-content-padding-bottom-small, var(--scb-accordion-item-padding-inline));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-small, calc(var(--icon-size-medium, 24px) + var(--spacing-4, 12px)));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-small, var(--icon-size-small, 20px))}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(--scb-accordion-divider-color, var(--md-sys-color-outline-variant));color:var(--md-sys-color-on-surface);font-family:var(--brand-font)}.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:0}.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(--scb-accordion-content-padding-top, var(--spacing-2, 4px)) - var(--scb-accordion-interaction-bleed)));padding-right:calc(var(--scb-accordion-content-padding-inline, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed));padding-bottom:calc(var(--scb-accordion-content-padding-bottom, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed));padding-left:calc(var(--scb-accordion-content-padding-inline, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed))}.bottom-inner{min-height:0;overflow:visible;padding-block:0;padding-inline:var(--scb-accordion-interaction-bleed);transition:padding-block 0s linear var(--scb-accordion-motion-duration);color:var(--md-sys-color-on-surface);font-family:var(--scb-accordion-content-text-font-current, var(--brand-font));font-size:var(--scb-accordion-content-text-font-current-size, var(--scb-accordion-content-text-size-current, var(--md-sys-typescale-body-large-size)));line-height:var(--scb-accordion-content-text-line-height-current, var(--md-sys-typescale-body-large-line-height));font-weight:var(--scb-accordion-content-text-font-weight-current, var(--scb-accordion-content-text-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-content-text-letter-spacing-current, var(--scb-accordion-content-text-tracking-current, var(--md-sys-typescale-body-large-tracking)))}:host([open]) .bottom-inner{padding-block:var(--scb-accordion-interaction-bleed);transition-delay:0s}.bottom-inner ::slotted(div),.bottom-inner ::slotted(ol),.bottom-inner ::slotted(p),.bottom-inner ::slotted(span),.bottom-inner ::slotted(ul){color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit}.title{font-family:var(--scb-accordion-title-font-current, var(--brand-font));font-size:var(--scb-accordion-title-font-current-size, var(--scb-accordion-title-size-current, var(--md-sys-typescale-title-large-size)));line-height:var(--scb-accordion-title-line-height-current, var(--md-sys-typescale-title-large-line-height));font-weight:var(--scb-accordion-title-font-weight-current, var(--scb-accordion-title-weight-current, var(--weight-semibold)));letter-spacing:var(--scb-accordion-title-letter-spacing-current, var(--scb-accordion-title-tracking-current, var(--md-sys-typescale-title-large-tracking)));color:var(--md-sys-color-on-surface)}.overline,.supporting-text{color:var(--md-sys-color-on-surface-variant)}.overline{font-family:var(--scb-accordion-overline-font-current, var(--brand-font));font-size:var(--scb-accordion-overline-font-current-size, var(--scb-accordion-overline-size-current, var(--md-sys-typescale-label-medium-size)));line-height:var(--scb-accordion-overline-line-height-current, var(--md-sys-typescale-label-medium-line-height));font-weight:var(--scb-accordion-overline-font-weight-current, var(--scb-accordion-overline-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-overline-letter-spacing-current, var(--scb-accordion-overline-tracking-current, var(--md-sys-typescale-label-medium-tracking)))}.supporting-text{font-family:var(--scb-accordion-supporting-font-current, var(--brand-font));font-size:var(--scb-accordion-supporting-font-current-size, var(--scb-accordion-supporting-size-current, var(--md-sys-typescale-body-large-size)));line-height:var(--scb-accordion-supporting-line-height-current, var(--md-sys-typescale-body-large-line-height));font-weight:var(--scb-accordion-supporting-font-weight-current, var(--scb-accordion-supporting-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-supporting-letter-spacing-current, var(--scb-accordion-supporting-tracking-current, var(--md-sys-typescale-body-large-tracking)))}.leading{align-self:center;display:grid;place-items:center}.leading md-icon{--md-icon-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));font-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));inline-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));block-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));line-height:1}.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;--scb-chevron-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px));inline-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px));block-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px))}md-ripple{border-radius:inherit;inset:0;position:absolute;pointer-events:none;overflow:hidden}@media (prefers-reduced-motion:reduce){md-ripple{display:none}.bottom-inner,.scb-accordion-bottom{transition:none}}`],d);o([n({type:Boolean,reflect:!0})],r.prototype,"open",void 0);o([n({type:String})],r.prototype,"title",void 0);o([n({type:String})],r.prototype,"content",void 0);o([n({type:String,attribute:"overline"})],r.prototype,"overline",void 0);o([n({type:String,attribute:"supporting-text"})],r.prototype,"supportingText",void 0);o([n({type:Boolean})],r.prototype,"leading",void 0);o([n({type:String,attribute:"leading-variant",reflect:!0})],r.prototype,"leadingVariant",void 0);o([n({type:String,attribute:"leading-icon"})],r.prototype,"leadingIcon",void 0);o([n({type:String,attribute:"img-href-image",reflect:!0})],r.prototype,"imgHrefImage",void 0);o([n({type:String,attribute:"avatar-label"})],r.prototype,"avatarLabel",void 0);o([n({type:String,attribute:"avatar-alt"})],r.prototype,"avatarAlt",void 0);o([n({type:String,attribute:"avatar-variant"})],r.prototype,"avatarVariant",void 0);o([n({type:String,attribute:"avatar-src"})],r.prototype,"avatarSrc",void 0);o([n({type:Number,reflect:!0})],r.prototype,"density",void 0);r=v=o([u("scb-accordion-item")],r);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as M,m as q,p,v as u,y as I}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as _}from"../../vendor/component-size-token.js";import{t as N}from"../../vendor/component-defaults.js";import{t as l}from"../../vendor/decorate.js";import{n as F,t as i}from"../../vendor/assertClassBrand.js";import"../scb-avatar/scb-avatar.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import{a as U,t as S}from"../../vendor/manual-popover.js";import"../scb-search/scb-search.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,s,
|
|
1
|
+
import{h as M,m as q,p,v as u,y as I}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as _}from"../../vendor/component-size-token.js";import{t as N}from"../../vendor/component-defaults.js";import{t as l}from"../../vendor/decorate.js";import{n as F,t as i}from"../../vendor/assertClassBrand.js";import"../scb-avatar/scb-avatar.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import{a as U,t as S}from"../../vendor/manual-popover.js";import"../scb-search/scb-search.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,s,c){try{customElements.get(r)||t(r,s,c)}catch(o){var b=String(o||"");if(b.indexOf("already been used")===-1&&b.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var a,v,W={default:{size:"small",variant:"centered"},"small-flexible":{size:"small",variant:"start"},search:{size:"small",variant:"search"},"medium-flexible":{size:"medium",variant:"start"},"large-flexible":{size:"large",variant:"start"}},H={"action-padding-inline":{small:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))",medium:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))",large:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))"},"action-padding-block":{small:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))",medium:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))",large:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))"}},G="data-scb-app-bar-managed-action-size",V="data-scb-app-bar-managed-avatar-size",n=(a=new WeakSet,v=class extends M{constructor(...t){super(...t),F(this,a),this.title="",this.appBarTitle="",this.size=N["scb-app-bar"].size,this.variant="centered",this.type="",this.position="default",this.ariaLabel="",this.defaultAriaLabel="Appfält",this.searchAriaLabel="Sökfält",this.searchSupportingText="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__titleResizeRaf=0}connectedCallback(){super.connectedCallback(),typeof ResizeObserver<"u"&&(this.__titleResizeObserver=new ResizeObserver(()=>i(a,this,g).call(this)))}disconnectedCallback(){this.__titleResizeRaf&&(cancelAnimationFrame(this.__titleResizeRaf),this.__titleResizeRaf=0),this.__titleResizeObserver?.disconnect(),this.__titleResizeObserver=void 0,S(this.renderRoot.querySelector("header")),super.disconnectedCallback()}handleActionsSlotChange(t){t.target.assignedElements({flatten:!0}).forEach(r=>{i(a,this,A).call(this,r)}),i(a,this,g).call(this)}handleAvatarSlotChange(t){t.target.assignedElements({flatten:!0}).forEach(r=>{i(a,this,T).call(this,r)}),i(a,this,g).call(this)}firstUpdated(){i(a,this,w).call(this),i(a,this,R).call(this),i(a,this,x).call(this)}updated(t){if((t.has("title")||t.has("appBarTitle"))&&(this.dispatchEvent(new CustomEvent("title-changed",{detail:{title:f.call(i(a,this))},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("app-bar-title-changed",{detail:{appBarTitle:f.call(i(a,this))},bubbles:!0,composed:!0}))),t.has("position")){const r=this.renderRoot.querySelector("header");this.position==="top"||this.position==="bottom"?U(r):S(r),this.dispatchEvent(new CustomEvent("position-changed",{detail:{position:this.position},bubbles:!0,composed:!0}))}t.has("type")&&this.dispatchEvent(new CustomEvent("type-changed",{detail:{type:this.type},bubbles:!0,composed:!0})),t.has("size")&&this.dispatchEvent(new CustomEvent("size-changed",{detail:{size:h.call(i(a,this))},bubbles:!0,composed:!0})),t.has("variant")&&this.dispatchEvent(new CustomEvent("variant-changed",{detail:{variant:d.call(i(a,this))},bubbles:!0,composed:!0})),(t.has("type")||t.has("size")||t.has("variant"))&&this.updateComplete.then(()=>{i(a,this,x).call(this)}),t.has("searchSupportingText")&&this.dispatchEvent(new CustomEvent("search-supporting-text-changed",{detail:{searchSupportingText:this.searchSupportingText},bubbles:!0,composed:!0})),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&i(a,this,w).call(this),i(a,this,R).call(this)}mapSpacingToken(t){if(!t)return;const r=String(t).trim();if(r)return/^\d+$/.test(r)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(r,10)))})`:r}render(){const t=d.call(i(a,this)),r=h.call(i(a,this)),s=_(this,`--scb-app-bar-search-component-size-${r}`,["extra-small","small","medium","large"],"small");return u`
|
|
2
2
|
<header class=${`variant-${t} size-${r} ${J.call(i(a,this))}`} role="banner" aria-label=${D.call(i(a,this))}>
|
|
3
3
|
<div class="leading">
|
|
4
4
|
<slot name="leading" @slotchange=${this.handleActionsSlotChange}></slot>
|
|
@@ -15,4 +15,4 @@ import{h as M,m as q,p,v as u,y as I}from"../../vendor/vendor.js";import"../../v
|
|
|
15
15
|
<slot name="avatar" @slotchange=${this.handleAvatarSlotChange}></slot>
|
|
16
16
|
</div>
|
|
17
17
|
</header>
|
|
18
|
-
`}},v.styles=[I`:host{display:block;font-family:var(--brand-font, Inter, Arial, sans-serif);position:relative;container-type:inline-size;container-name:app-bar-container;margin-block-start:var(--scb-app-bar-spacing-block-start, 0);margin-block-end:var(--scb-app-bar-spacing-block-end, 0);margin-inline-start:var(--scb-app-bar-spacing-inline-start, 0);margin-inline-end:var(--scb-app-bar-spacing-inline-end, 0)}header{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);display:flex;align-items:center;padding:0 var(--scb-app-bar-current-padding-inline);position:relative;z-index:10;transition:height .3s,min-height .3s;min-height:var(--scb-app-bar-current-height)}header.size-small{--scb-app-bar-current-height:var(--scb-app-bar-height-small, 64px);--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-small, var(--spacing-5, 16px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-small, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-small, var(--spacing-5, 16px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-container-padding-inline-small, var(--spacing-3, 8px))}header.size-medium{--scb-app-bar-current-height:var(--scb-app-bar-height-medium, var(--scale-14, 96px));--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-medium, var(--spacing-5, 16px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-medium, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-medium, var(--spacing-3, 8px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-container-padding-inline-medium, var(--spacing-3, 8px))}header.size-large{--scb-app-bar-current-height:var(--scb-app-bar-height-large, 128px);--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-large, var(--spacing-5, 16px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-large, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-large, var(--spacing-3, 8px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-container-padding-inline-large, var(--spacing-3, 8px))}header.variant-search{height:var(--scb-app-bar-current-height)}header.position-bottom,header.position-top{position:fixed;left:0;right:0;z-index:var(--scb-layer-app-bar, 100)}header.position-top{top:0}header.position-bottom{bottom:0}header[popover]{box-sizing:border-box;inset:auto;width:auto;max-width:none;margin:0;border:0;overflow:visible}header.position-top[popover]{top:0;right:0;bottom:auto;left:0}header.position-bottom[popover]{top:auto;right:0;bottom:0;left:0}header.variant-centered .trailing{margin-inline-start:auto}header.variant-centered .headline{position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);max-width:var(--scb-app-bar-title-max-width, 100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.headline{flex:1 1 auto;text-align:center;font-family:var(--scb-app-bar-title-small-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-small-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size)));line-height:var(--scb-app-bar-title-small-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, calc(var(--md-sys-typescale-title-large-size) * 1.3))));font-weight:var(--scb-app-bar-title-small-weight, var(--scb-typography-title-large-weight, var(--md-sys-typescale-title-large-weight, var(--weight-semibold, 600))));letter-spacing:var(--scb-app-bar-title-small-tracking, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking)));margin:0}header.variant-start .headline{text-align:left;margin-inline-start:var(--scb-app-bar-current-title-offset)}header.size-medium .headline{font-family:var(--scb-app-bar-title-medium-font, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-medium-size, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size)));line-height:var(--scb-app-bar-title-medium-line-height, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 30px)));font-weight:var(--scb-app-bar-title-medium-weight, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700))));letter-spacing:var(--scb-app-bar-title-medium-tracking, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking)))}header.size-large .headline{font-family:var(--scb-app-bar-title-large-font, var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-large-size, var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size)));font-weight:var(--scb-app-bar-title-large-weight, var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight, var(--weight-bold, 700))));line-height:var(--scb-app-bar-title-large-line-height, var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height)));letter-spacing:var(--scb-app-bar-title-large-tracking, var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking)))}.search-container{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:0 var(--scb-app-bar-current-search-padding-inline)}.leading,.trailing{display:flex;align-items:center;gap:var(--scb-app-bar-current-gap)}`],v);function g(){d.call(i(a,this))==="centered"&&(this.__titleResizeRaf||(this.__titleResizeRaf=requestAnimationFrame(()=>{this.__titleResizeRaf=0,i(a,this,j).call(this)})))}function x(){this.__titleResizeObserver?.disconnect();const e=this.shadowRoot?.querySelector("header");if(e&&e.style.removeProperty("--scb-app-bar-title-max-width"),d.call(i(a,this))!=="centered"||!this.__titleResizeObserver)return;const t=this.shadowRoot?.querySelector("header.variant-centered");if(!t)return;const r=t.querySelector(".leading"),s=t.querySelector(".trailing");!r||!s||(this.__titleResizeObserver.observe(t),this.__titleResizeObserver.observe(r),this.__titleResizeObserver.observe(s),i(a,this,g).call(this))}function z(e){if(!e)return 0;const t=parseFloat(e);return Number.isFinite(t)?t:0}function k(e){const t=getComputedStyle(e);return i(a,this,z).call(this,t.columnGap||t.gap)}function j(){const e=this.shadowRoot?.querySelector("header.variant-centered");if(!e)return;const t=e.querySelector(".leading"),r=e.querySelector(".trailing");if(!t||!r)return;const s=e.getBoundingClientRect(),o=t.getBoundingClientRect(),b=r.getBoundingClientRect(),c=getComputedStyle(e),E=i(a,this,z).call(this,c.paddingInlineStart||c.paddingLeft),B=i(a,this,z).call(this,c.paddingInlineEnd||c.paddingRight),$=Math.max(0,s.width-E-B),L=Math.max(o.width,b.width),O=Math.max(i(a,this,k).call(this,t),i(a,this,k).call(this,r)),P=Math.max(0,$-L*2-O*2);e.style.setProperty("--scb-app-bar-title-max-width",`${P}px`)}function w(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??e,r=this.mapSpacingToken(this.spacingBottom)??e,s=this.mapSpacingToken(this.spacingLeft),o=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-app-bar-spacing-block-start",t):this.style.removeProperty("--scb-app-bar-spacing-block-start"),r?this.style.setProperty("--scb-app-bar-spacing-block-end",r):this.style.removeProperty("--scb-app-bar-spacing-block-end"),s?this.style.setProperty("--scb-app-bar-spacing-inline-start",s):this.style.removeProperty("--scb-app-bar-spacing-inline-start"),o?this.style.setProperty("--scb-app-bar-spacing-inline-end",o):this.style.removeProperty("--scb-app-bar-spacing-inline-end")}function f(){return this.appBarTitle||this.title}function D(){const e=this.ariaLabel.trim();return e||(d.call(i(a,this))==="search"?this.searchAriaLabel:this.defaultAriaLabel)}function m(){return this.type?W[this.type]:void 0}function h(){return m.call(i(a,this))&&!this.hasAttribute("size")?m.call(i(a,this)).size:this.size==="medium"||this.size==="large"?this.size:"small"}function d(){return m.call(i(a,this))&&!this.hasAttribute("variant")?m.call(i(a,this)).variant:this.variant==="start"||this.variant==="search"?this.variant:"centered"}function J(){return this.position==="bottom"?"position-bottom":this.position==="top"?"position-top":""}function y(e){const t=h.call(i(a,this)),r=H[e]?.[t],s=`--scb-app-bar-${e}-${t}`;return r?`var(${s}, ${r})`:`var(${s})`}function A(e){if(!(e instanceof HTMLElement))return;const t=e.tagName;t!=="SCB-ICON-BUTTON"&&t!=="SCB-BUTTON"||(i(a,this,C).call(this,e,G,_(this,`--scb-app-bar-action-component-size-${h.call(i(a,this))}`,["small","medium","large"],"medium")),t==="SCB-BUTTON"&&(e.style.setProperty("--scb-button-padding-inline",i(a,this,y).call(this,"action-padding-inline")),e.style.setProperty("--scb-button-icon-edge-space",i(a,this,y).call(this,"action-padding-inline")),e.style.setProperty("--scb-button-padding-block",i(a,this,y).call(this,"action-padding-block"))))}function T(e){!(e instanceof HTMLElement)||e.tagName!=="SCB-AVATAR"||i(a,this,C).call(this,e,V,_(this,`--scb-app-bar-avatar-component-size-${h.call(i(a,this))}`,["small","medium","large","extra-large"],"small"))}function C(e,t,r){const s=e.getAttribute(t);if(s!==null&&e.getAttribute("size")!==s){e.removeAttribute(t);return}(!e.hasAttribute("size")||s!==null)&&(e.setAttribute("size",r),e.setAttribute(t,r))}function R(){this.renderRoot.querySelectorAll('slot[name="leading"], slot[name="trailing"]').forEach(e=>{e.assignedElements({flatten:!0}).forEach(t=>i(a,this,A).call(this,t))}),this.renderRoot.querySelectorAll('slot[name="avatar"]').forEach(e=>{e.assignedElements({flatten:!0}).forEach(t=>i(a,this,T).call(this,t))})}l([p({type:String,reflect:!0})],n.prototype,"title",void 0);l([p({type:String,attribute:"app-bar-title",reflect:!0})],n.prototype,"appBarTitle",void 0);l([p({type:String,reflect:!0})],n.prototype,"size",void 0);l([p({type:String,reflect:!0})],n.prototype,"variant",void 0);l([p({type:String})],n.prototype,"type",void 0);l([p({type:String,reflect:!0})],n.prototype,"position",void 0);l([p({type:String,attribute:"aria-label",reflect:!0})],n.prototype,"ariaLabel",void 0);l([p({type:String,attribute:"default-aria-label"})],n.prototype,"defaultAriaLabel",void 0);l([p({type:String,attribute:"search-aria-label"})],n.prototype,"searchAriaLabel",void 0);l([p({type:String,attribute:"search-supporting-text",reflect:!0})],n.prototype,"searchSupportingText",void 0);l([p({type:String,reflect:!0})],n.prototype,"spacing",void 0);l([p({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);l([p({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);l([p({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);l([p({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=l([q("scb-app-bar")],n);
|
|
18
|
+
`}},v.styles=[I`:host{display:block;font-family:var(--brand-font, Inter, Arial, sans-serif);position:relative;container-type:inline-size;container-name:app-bar-container;margin-block-start:var(--scb-app-bar-spacing-block-start, 0);margin-block-end:var(--scb-app-bar-spacing-block-end, 0);margin-inline-start:var(--scb-app-bar-spacing-inline-start, 0);margin-inline-end:var(--scb-app-bar-spacing-inline-end, 0)}header{background:var(--scb-app-bar-surface-color, var(--md-sys-color-surface-container));color:var(--scb-app-bar-content-color, var(--md-sys-color-on-surface));--md-icon-button-icon-color:var(--scb-app-bar-content-color, var(--md-sys-color-on-surface));--md-focus-ring-color:var(--scb-app-bar-content-color, var(--md-sys-color-on-surface));display:flex;align-items:center;padding:0 var(--scb-app-bar-current-padding-inline);position:relative;z-index:10;transition:height .3s,min-height .3s;min-height:var(--scb-app-bar-current-height)}header.size-small{--scb-app-bar-current-height:var(--scb-app-bar-height-small, 64px);--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-small, var(--spacing-5, 16px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-small, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-small, var(--spacing-5, 16px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-container-padding-inline-small, var(--spacing-3, 8px))}header.size-medium{--scb-app-bar-current-height:var(--scb-app-bar-height-medium, var(--scale-14, 96px));--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-medium, var(--spacing-5, 16px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-medium, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-medium, var(--spacing-3, 8px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-container-padding-inline-medium, var(--spacing-3, 8px))}header.size-large{--scb-app-bar-current-height:var(--scb-app-bar-height-large, 128px);--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-large, var(--spacing-5, 16px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-large, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-large, var(--spacing-3, 8px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-container-padding-inline-large, var(--spacing-3, 8px))}header.variant-search{height:var(--scb-app-bar-current-height)}header.position-bottom,header.position-top{position:fixed;left:0;right:0;z-index:var(--scb-layer-app-bar, 100)}header.position-top{top:0}header.position-bottom{bottom:0}header[popover]{box-sizing:border-box;inset:auto;width:auto;max-width:none;margin:0;border:0;overflow:visible}header.position-top[popover]{top:0;right:0;bottom:auto;left:0}header.position-bottom[popover]{top:auto;right:0;bottom:0;left:0}header.variant-centered .trailing{margin-inline-start:auto}header.variant-centered .headline{position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);max-width:var(--scb-app-bar-title-max-width, 100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.headline{flex:1 1 auto;text-align:center;font-family:var(--scb-app-bar-title-small-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-small-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size)));line-height:var(--scb-app-bar-title-small-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, calc(var(--md-sys-typescale-title-large-size) * 1.3))));font-weight:var(--scb-app-bar-title-small-weight, var(--scb-typography-title-large-weight, var(--md-sys-typescale-title-large-weight, var(--weight-semibold, 600))));letter-spacing:var(--scb-app-bar-title-small-tracking, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking)));margin:0}header.variant-start .headline{text-align:left;margin-inline-start:var(--scb-app-bar-current-title-offset)}header.size-medium .headline{font-family:var(--scb-app-bar-title-medium-font, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-medium-size, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size)));line-height:var(--scb-app-bar-title-medium-line-height, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 30px)));font-weight:var(--scb-app-bar-title-medium-weight, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700))));letter-spacing:var(--scb-app-bar-title-medium-tracking, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking)))}header.size-large .headline{font-family:var(--scb-app-bar-title-large-font, var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-large-size, var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size)));font-weight:var(--scb-app-bar-title-large-weight, var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight, var(--weight-bold, 700))));line-height:var(--scb-app-bar-title-large-line-height, var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height)));letter-spacing:var(--scb-app-bar-title-large-tracking, var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking)))}.search-container{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:0 var(--scb-app-bar-current-search-padding-inline)}.leading,.trailing{display:flex;align-items:center;gap:var(--scb-app-bar-current-gap)}`],v);function g(){d.call(i(a,this))==="centered"&&(this.__titleResizeRaf||(this.__titleResizeRaf=requestAnimationFrame(()=>{this.__titleResizeRaf=0,i(a,this,j).call(this)})))}function x(){this.__titleResizeObserver?.disconnect();const e=this.shadowRoot?.querySelector("header");if(e&&e.style.removeProperty("--scb-app-bar-title-max-width"),d.call(i(a,this))!=="centered"||!this.__titleResizeObserver)return;const t=this.shadowRoot?.querySelector("header.variant-centered");if(!t)return;const r=t.querySelector(".leading"),s=t.querySelector(".trailing");!r||!s||(this.__titleResizeObserver.observe(t),this.__titleResizeObserver.observe(r),this.__titleResizeObserver.observe(s),i(a,this,g).call(this))}function z(e){if(!e)return 0;const t=parseFloat(e);return Number.isFinite(t)?t:0}function k(e){const t=getComputedStyle(e);return i(a,this,z).call(this,t.columnGap||t.gap)}function j(){const e=this.shadowRoot?.querySelector("header.variant-centered");if(!e)return;const t=e.querySelector(".leading"),r=e.querySelector(".trailing");if(!t||!r)return;const s=e.getBoundingClientRect(),c=t.getBoundingClientRect(),b=r.getBoundingClientRect(),o=getComputedStyle(e),E=i(a,this,z).call(this,o.paddingInlineStart||o.paddingLeft),B=i(a,this,z).call(this,o.paddingInlineEnd||o.paddingRight),$=Math.max(0,s.width-E-B),L=Math.max(c.width,b.width),O=Math.max(i(a,this,k).call(this,t),i(a,this,k).call(this,r)),P=Math.max(0,$-L*2-O*2);e.style.setProperty("--scb-app-bar-title-max-width",`${P}px`)}function w(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??e,r=this.mapSpacingToken(this.spacingBottom)??e,s=this.mapSpacingToken(this.spacingLeft),c=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-app-bar-spacing-block-start",t):this.style.removeProperty("--scb-app-bar-spacing-block-start"),r?this.style.setProperty("--scb-app-bar-spacing-block-end",r):this.style.removeProperty("--scb-app-bar-spacing-block-end"),s?this.style.setProperty("--scb-app-bar-spacing-inline-start",s):this.style.removeProperty("--scb-app-bar-spacing-inline-start"),c?this.style.setProperty("--scb-app-bar-spacing-inline-end",c):this.style.removeProperty("--scb-app-bar-spacing-inline-end")}function f(){return this.appBarTitle||this.title}function D(){const e=this.ariaLabel.trim();return e||(d.call(i(a,this))==="search"?this.searchAriaLabel:this.defaultAriaLabel)}function m(){return this.type?W[this.type]:void 0}function h(){return m.call(i(a,this))&&!this.hasAttribute("size")?m.call(i(a,this)).size:this.size==="medium"||this.size==="large"?this.size:"small"}function d(){return m.call(i(a,this))&&!this.hasAttribute("variant")?m.call(i(a,this)).variant:this.variant==="start"||this.variant==="search"?this.variant:"centered"}function J(){return this.position==="bottom"?"position-bottom":this.position==="top"?"position-top":""}function y(e){const t=h.call(i(a,this)),r=H[e]?.[t],s=`--scb-app-bar-${e}-${t}`;return r?`var(${s}, ${r})`:`var(${s})`}function A(e){if(!(e instanceof HTMLElement))return;const t=e.tagName;t!=="SCB-ICON-BUTTON"&&t!=="SCB-BUTTON"||(i(a,this,C).call(this,e,G,_(this,`--scb-app-bar-action-component-size-${h.call(i(a,this))}`,["small","medium","large"],"medium")),t==="SCB-BUTTON"&&(e.style.setProperty("--scb-button-padding-inline",i(a,this,y).call(this,"action-padding-inline")),e.style.setProperty("--scb-button-icon-edge-space",i(a,this,y).call(this,"action-padding-inline")),e.style.setProperty("--scb-button-padding-block",i(a,this,y).call(this,"action-padding-block"))))}function T(e){!(e instanceof HTMLElement)||e.tagName!=="SCB-AVATAR"||i(a,this,C).call(this,e,V,_(this,`--scb-app-bar-avatar-component-size-${h.call(i(a,this))}`,["small","medium","large","extra-large"],"medium"))}function C(e,t,r){const s=e.getAttribute(t);if(s!==null&&e.getAttribute("size")!==s){e.removeAttribute(t);return}(!e.hasAttribute("size")||s!==null)&&(e.setAttribute("size",r),e.setAttribute(t,r))}function R(){this.renderRoot.querySelectorAll('slot[name="leading"], slot[name="trailing"]').forEach(e=>{e.assignedElements({flatten:!0}).forEach(t=>i(a,this,A).call(this,t))}),this.renderRoot.querySelectorAll('slot[name="avatar"]').forEach(e=>{e.assignedElements({flatten:!0}).forEach(t=>i(a,this,T).call(this,t))})}l([p({type:String,reflect:!0})],n.prototype,"title",void 0);l([p({type:String,attribute:"app-bar-title",reflect:!0})],n.prototype,"appBarTitle",void 0);l([p({type:String,reflect:!0})],n.prototype,"size",void 0);l([p({type:String,reflect:!0})],n.prototype,"variant",void 0);l([p({type:String})],n.prototype,"type",void 0);l([p({type:String,reflect:!0})],n.prototype,"position",void 0);l([p({type:String,attribute:"aria-label",reflect:!0})],n.prototype,"ariaLabel",void 0);l([p({type:String,attribute:"default-aria-label"})],n.prototype,"defaultAriaLabel",void 0);l([p({type:String,attribute:"search-aria-label"})],n.prototype,"searchAriaLabel",void 0);l([p({type:String,attribute:"search-supporting-text",reflect:!0})],n.prototype,"searchSupportingText",void 0);l([p({type:String,reflect:!0})],n.prototype,"spacing",void 0);l([p({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);l([p({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);l([p({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);l([p({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=l([q("scb-app-bar")],n);
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/icon.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/vendor-lit.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{f as y,g as c,h as f,m as u,p as s,v as
|
|
2
|
+
import{f as y,g as c,h as f,m as u,p as s,v as n,y as _}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as m}from"../../vendor/preload-helper.js";import{t as z}from"../../vendor/component-defaults.js";import{t as e}from"../../vendor/decorate.js";import{n as x,t as b}from"../../vendor/assertClassBrand.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(i,l,o){try{customElements.get(i)||a(i,l,o)}catch(h){var g=String(h||"");if(g.indexOf("already been used")===-1&&g.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var v,p,t=(v=new WeakSet,p=class extends f{constructor(...a){super(...a),x(this,v),this.src="",this.alt="",this.label="",this.size=z["scb-avatar"].size,this.shape="circular",this.iconName="",this.variant="image",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._imgError=!1,this._hasIconSlot=!1,this._onImgLoad=()=>{this._imgError=!1,this.dispatchEvent(new CustomEvent("image-load",{bubbles:!0,composed:!0}))},this._onImgError=()=>{this._imgError=!0,this.dispatchEvent(new CustomEvent("image-error",{bubbles:!0,composed:!0}))},this._onIconSlotChange=i=>{const l=i.currentTarget;this._hasIconSlot=(l.assignedNodes({flatten:!0})||[]).length>0}}async firstUpdated(){this.variant==="icon"&&await m(()=>import("../../vendor/icon.js").then(a=>a.t),__vite__mapDeps([0,1,2,3]),import.meta.url),b(v,this,d).call(this)}updated(a){super.updated(a),a.has("variant")&&this.variant==="icon"&&m(()=>import("../../vendor/icon.js").then(i=>i.t),__vite__mapDeps([0,1,2,3]),import.meta.url),(a.has("spacing")||a.has("spacingTop")||a.has("spacingBottom")||a.has("spacingLeft")||a.has("spacingRight"))&&b(v,this,d).call(this)}_initials(){const a=(this.label||this.alt||"").trim();if(!a)return"?";const i=a.split(/\s+/).filter(Boolean);return i.length===1?i[0].slice(0,1).toUpperCase():(i[0].slice(0,1)+i[i.length-1].slice(0,1)).toUpperCase()}_ariaLabel(){const a=(this.label||this.alt||"").trim();return a||null}mapSpacingToken(a){if(!a)return;const i=String(a).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}render(){const a=this._ariaLabel(),i=this.variant==="image"&&!!this.src&&!this._imgError,l=n`${c}
|
|
3
3
|
<slot name="icon" @slotchange=${this._onIconSlotChange}></slot>
|
|
4
|
-
${this._hasIconSlot?c:this.iconName?
|
|
5
|
-
`,o=i?
|
|
4
|
+
${this._hasIconSlot?c:this.iconName?n`<md-icon aria-hidden="true">${this.iconName}</md-icon>`:n`<div class="fallback" part="fallback">${this._initials()}</div>`}
|
|
5
|
+
`,o=i?n`<img
|
|
6
6
|
class="photo"
|
|
7
7
|
part="image"
|
|
8
8
|
src=${this.src}
|
|
9
9
|
alt=${this.alt}
|
|
10
10
|
@load=${this._onImgLoad}
|
|
11
11
|
@error=${this._onImgError}
|
|
12
|
-
/>`:
|
|
12
|
+
/>`:n`
|
|
13
13
|
<slot name="icon" @slotchange=${this._onIconSlotChange}></slot>
|
|
14
|
-
${this._hasIconSlot?c:this.iconName?
|
|
15
|
-
`;return
|
|
14
|
+
${this._hasIconSlot?c:this.iconName?n`<md-icon aria-hidden="true">${this.iconName}</md-icon>`:n`<div class="fallback" part="fallback">${this._initials()}</div>`}
|
|
15
|
+
`;return n`
|
|
16
16
|
<div class="container" part="container" role="img" aria-label=${a??c}>
|
|
17
|
-
${this.variant==="icon"?
|
|
17
|
+
${this.variant==="icon"?l:o}
|
|
18
18
|
</div>
|
|
19
|
-
`}},p.styles=_`: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:var(--scb-avatar-size-medium, var(--scale-10, 40px));--scb-avatar-initials-font:var(--scb-avatar-initials-medium-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-medium-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 16px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-medium-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-medium-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-medium-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))));--_font-size:var(--scb-avatar-font-size, var(--scb-avatar-initials-font-size));--_icon-size:var(--scb-avatar-icon-size-medium, var(--icon-size-medium, 24px));--_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:var(--scb-avatar-size-small, var(--scale-08, 32px));--scb-avatar-initials-font:var(--scb-avatar-initials-small-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-small-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size, 14px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-small-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-small-letter-spacing, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-small-font-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-small, var(--icon-size-small, 20px))}:host([size="medium"]){--_size:var(--scb-avatar-size-medium, var(--scale-10, 40px));--scb-avatar-initials-font:var(--scb-avatar-initials-medium-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-medium-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 16px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-medium-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-medium-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-medium-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-medium, var(--icon-size-medium, 24px))}:host([size="large"]){--_size:var(--scb-avatar-size-large, var(--scale-12, 56px));--scb-avatar-initials-font:var(--scb-avatar-initials-large-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-large-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size, 20px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-large-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, 28px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-large-letter-spacing, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking, 0)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-large-font-weight, var(--scb-typography-title-large-weight, var(--md-sys-typescale-title-large-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-large, var(--icon-size-large, 32px))}:host([size="extra-large"]),:host([size="xlarge"]){--_size:var(--scb-avatar-size-extra-large, var(--scale-13, 80px));--scb-avatar-initials-font:var(--scb-avatar-initials-extra-large-font, var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-extra-large-size, var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size, 28px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-extra-large-line-height, var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height, 36px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-extra-large-letter-spacing, var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking, 0)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-extra-large-font-weight, var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-extra-large, var(--icon-size-extra-extra-large, 48px))}: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([variant="icon"]) .container{background:var(--_bg);color:var(--_fg)}md-icon{--md-icon-size:var(--_icon-size);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);line-height:1}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-family:var(--scb-avatar-initials-font, var(--brand-font, Inter, system-ui, sans-serif));font-size:var(--_font-size);font-weight:var(--scb-avatar-initials-font-weight, var(--weight-semibold, 600));line-height:var(--scb-avatar-initials-line-height, 1);letter-spacing:var(--scb-avatar-initials-letter-spacing, .01em);text-transform:uppercase;color:var(--_fg);background:var(--_bg)}:host([variant="image"]) .fallback{color:var(--
|
|
19
|
+
`}},p.styles=_`: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:var(--scb-avatar-size-medium, var(--scale-10, 40px));--scb-avatar-initials-font:var(--scb-avatar-initials-medium-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-medium-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 16px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-medium-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-medium-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-medium-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))));--_font-size:var(--scb-avatar-font-size, var(--scb-avatar-initials-font-size));--_icon-size:var(--scb-avatar-icon-size-medium, var(--icon-size-medium, 24px));--_bg:var(--scb-avatar-container-color, var(--md-sys-color-primary-fixed-dim, var(--md-sys-color-primary-container)));--_fg:var(--scb-avatar-content-color, var(--md-sys-color-on-primary-fixed, var(--md-sys-color-on-primary-container)));--_image-fallback-bg:var(--scb-avatar-image-fallback-container-color, var(--md-sys-color-primary-container));--_image-fallback-fg:var(--scb-avatar-image-fallback-content-color, 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:var(--scb-avatar-size-small, var(--scale-08, 32px));--scb-avatar-initials-font:var(--scb-avatar-initials-small-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-small-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size, 14px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-small-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-small-letter-spacing, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-small-font-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-small, var(--icon-size-small, 20px))}:host([size="medium"]){--_size:var(--scb-avatar-size-medium, var(--scale-10, 40px));--scb-avatar-initials-font:var(--scb-avatar-initials-medium-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-medium-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 16px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-medium-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-medium-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-medium-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-medium, var(--icon-size-medium, 24px))}:host([size="large"]){--_size:var(--scb-avatar-size-large, var(--scale-12, 56px));--scb-avatar-initials-font:var(--scb-avatar-initials-large-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-large-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size, 20px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-large-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, 28px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-large-letter-spacing, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking, 0)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-large-font-weight, var(--scb-typography-title-large-weight, var(--md-sys-typescale-title-large-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-large, var(--icon-size-large, 32px))}:host([size="extra-large"]),:host([size="xlarge"]){--_size:var(--scb-avatar-size-extra-large, var(--scale-13, 80px));--scb-avatar-initials-font:var(--scb-avatar-initials-extra-large-font, var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-extra-large-size, var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size, 28px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-extra-large-line-height, var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height, 36px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-extra-large-letter-spacing, var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking, 0)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-extra-large-font-weight, var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-extra-large, var(--icon-size-extra-extra-large, 48px))}: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([variant="icon"]) .container{background:var(--_bg);color:var(--_fg)}md-icon{--md-icon-size:var(--_icon-size);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);line-height:1}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-family:var(--scb-avatar-initials-font, var(--brand-font, Inter, system-ui, sans-serif));font-size:var(--_font-size);font-weight:var(--scb-avatar-initials-font-weight, var(--weight-semibold, 600));line-height:var(--scb-avatar-initials-line-height, 1);letter-spacing:var(--scb-avatar-initials-letter-spacing, .01em);text-transform:uppercase;color:var(--_fg);background:var(--_bg)}:host([variant="image"]) .fallback{color:var(--_image-fallback-fg);background:var(--_image-fallback-bg)}::slotted([slot=icon]){width:var(--_icon-size);height:var(--_icon-size);font-size: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)}`,p);function d(){const r=this.mapSpacingToken(this.spacing),a=this.mapSpacingToken(this.spacingTop)??r,i=this.mapSpacingToken(this.spacingBottom)??r,l=this.mapSpacingToken(this.spacingLeft)??r,o=this.mapSpacingToken(this.spacingRight)??r;a?this.style.setProperty("--scb-avatar-spacing-block-start",a):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"),l?this.style.setProperty("--scb-avatar-spacing-inline-start",l):this.style.removeProperty("--scb-avatar-spacing-inline-start"),o?this.style.setProperty("--scb-avatar-spacing-inline-end",o):this.style.removeProperty("--scb-avatar-spacing-inline-end")}e([s({type:String})],t.prototype,"src",void 0);e([s({type:String})],t.prototype,"alt",void 0);e([s({type:String})],t.prototype,"label",void 0);e([s({type:String,reflect:!0})],t.prototype,"size",void 0);e([s({type:String,reflect:!0})],t.prototype,"shape",void 0);e([s({type:String,attribute:"icon-name",reflect:!0})],t.prototype,"iconName",void 0);e([s({type:String,reflect:!0})],t.prototype,"variant",void 0);e([s({type:String,reflect:!0})],t.prototype,"spacing",void 0);e([s({type:String,attribute:"spacing-top",reflect:!0})],t.prototype,"spacingTop",void 0);e([s({type:String,attribute:"spacing-bottom",reflect:!0})],t.prototype,"spacingBottom",void 0);e([s({type:String,attribute:"spacing-left",reflect:!0})],t.prototype,"spacingLeft",void 0);e([s({type:String,attribute:"spacing-right",reflect:!0})],t.prototype,"spacingRight",void 0);e([y()],t.prototype,"_imgError",void 0);e([y()],t.prototype,"_hasIconSlot",void 0);t=e([u("scb-avatar")],t);export{t as ScbAvatar};
|
|
@@ -7,4 +7,4 @@ import{g as b,h as u,m as y,p as s,v as f,y as m}from"../../vendor/vendor.js";im
|
|
|
7
7
|
aria-label=${c?b:g}
|
|
8
8
|
aria-hidden=${c?"true":b}>${this.variant==="dot"?"":o}</div>
|
|
9
9
|
</div>
|
|
10
|
-
`}},p.styles=m`:host{display:block;position:relative;overflow:visible;width:fit-content;--scb-badge-relative-gap:0px
|
|
10
|
+
`}},p.styles=m`:host{display:block;position:relative;overflow:visible;width:fit-content;--scb-badge-relative-gap:0px}:host([sizing="fit-parent"]){width:100%}:host([variant="value"]) .badge{width:fit-content;min-width:var(--scb-badge-value-min-width, var(--scale-06, 24px));min-height:var(--scb-badge-value-min-height, var(--scb-badge-value-min-width, var(--scale-06, 24px)));height:auto;padding:var(--scb-badge-value-padding-block, var(--spacing-0, 0px)) var(--scb-badge-value-padding-inline, var(--spacing-2, 4px));box-sizing:border-box}:host([variant="value"]) .badge.badge-value-empty{width:var(--scb-badge-width, var(--scb-badge-dot-size, var(--spacing-3, 8px)));min-width:0;padding:var(--scb-badge-empty-value-padding, var(--spacing-2, 4px))}:host([hidden]) .badge{display:none}.badge{transition:transform .25s cubic-bezier(.4,2,.6,1),opacity .18s linear;will-change:transform,opacity}.badge--hide{opacity:0;transform:scale(1.3);pointer-events:none}.badge{background-color:var(--scb-badge-background-color, var(--md-sys-color-error));color:var(--scb-badge-color, var(--md-sys-color-on-error));font-family:var(--scb-badge-label-font, var(--brand-font));font-size:var(--scb-badge-font-size, var(--scb-badge-label-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size))));font-weight:var(--scb-badge-label-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold))));line-height:var(--scb-badge-line-height, var(--scb-badge-label-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height))));letter-spacing:var(--scb-badge-label-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking)));border-radius:var(--scb-badge-radius, var(--md-sys-shape-corner-full));display:flex;align-items:center;justify-content:center;width:var(--scb-badge-width, var(--scb-badge-dot-size, var(--spacing-3, 8px)));height:var(--scb-badge-height, var(--scb-badge-dot-size, var(--spacing-3, 8px)));position:absolute;top:var(--scb-badge-absolute-top);left:calc(100% - var(--scb-badge-absolute-right));white-space:nowrap}:host([position-side="left"]) .badge{left:var(--scb-badge-absolute-left)}:host([position="relative"]) .badge{position:relative;top:unset;left:unset}:host([position="relative"]) .badge-content{display:flex;align-items:center;justify-content:center;gap:var(--scb-badge-relative-gap)}`,p);a([s({type:Boolean,reflect:!0,attribute:"auto-hide"})],t.prototype,"autoHide",void 0);a([s({type:String,reflect:!0})],t.prototype,"sizing",void 0);a([s({type:String,reflect:!0})],t.prototype,"position",void 0);a([s({type:String,attribute:"position-top"})],t.prototype,"positionTop",void 0);a([s({type:String,attribute:"position-right"})],t.prototype,"positionRight",void 0);a([s({type:String,reflect:!0,attribute:"position-side"})],t.prototype,"positionSide",void 0);a([s({type:String,attribute:"position-left"})],t.prototype,"positionLeft",void 0);a([s({type:String,reflect:!0})],t.prototype,"value",void 0);a([s({type:String,reflect:!0})],t.prototype,"label",void 0);a([s({type:Boolean,reflect:!0})],t.prototype,"hidden",void 0);a([s({type:String,reflect:!0})],t.prototype,"variant",void 0);t=a([y("scb-badge")],t);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/lazy-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/preload-helper.js","../../vendor/lazy-ripple.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{g as l,h as w,m as A,p as s,v as c,y as C}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as R}from"../../vendor/preload-helper.js";import{t as N}from"../../vendor/component-defaults.js";import{t as n}from"../../vendor/decorate.js";import{n as T,t as x}from"../../vendor/assertClassBrand.js";(function(){try{var b=typeof globalThis<"u"?globalThis:window;if(!b.__scb_ce_guard_installed__){b.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,i,o){try{customElements.get(t)||e(t,i,o)}catch(u){var r=String(u||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var h,g,f;function P(){return g??(g=R(()=>import("../../vendor/lazy-focus-ring.js").then(b=>b.i),__vite__mapDeps([0,1,2]),import.meta.url)),g}function k(){return f??(f=R(()=>import("../../vendor/lazy-ripple.js"),__vite__mapDeps([3,2]),import.meta.url)),f}var a=(h=new WeakSet,class extends w{constructor(...e){super(...e),T(this,h),this.variant="filled",this.size=N["scb-button"].size,this.type="button",this.name="",this.value="",this.formId=null,this.formAction="",this.formEnctype="",this.formMethod="",this.formNoValidate=!1,this.formTarget="",this.label="Button",this.trailingIcon=!1,this.icon="",this.iconFilled=!1,this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasDefaultSlotContent=!1,this.__nativeFocusRingReady=!1,this.__nativeRippleReady=!1,this.__nativeRipplePendingClick=!1,this.__ensureNativeFocusRing=()=>{this.__nativeFocusRingReady||P().then(({ensureFocusRingReady:t})=>(t(),customElements.whenDefined("md-focus-ring"))).then(()=>{this.__nativeFocusRingReady=!0,this.toggleAttribute("data-native-focus-ring-ready",!0),this.requestUpdate(),this.updateComplete.then(()=>this.__syncNativeFocusRingControl())})},this.__onNativeFocusIn=t=>{const i=t.composedPath()[0];i instanceof HTMLElement&&i.matches(":focus-visible")&&this.__ensureNativeFocusRing()},this.__ensureNativeRipple=t=>{this.__nativeRippleReady||this.disabled||(t&&(this.__nativeRipplePendingPointerEvent=t),k().then(({ensureRippleReady:i})=>i()).then(()=>{this.disabled||(this.__nativeRippleReady=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.__syncNativeFocusRingControl(),this.__replayNativeRippleState()}))}))},this.__onNativePointerWarmup=t=>{this.__ensureNativeRipple(t)},this.__onNativeClick=t=>{if(this.disabled){t.preventDefault(),t.stopPropagation();return}(!this.__nativeRippleReady||this.__nativeRipplePendingPointerEvent)&&(this.__nativeRipplePendingClick=!0,this.__ensureNativeRipple()),!this.href&&queueMicrotask(()=>{if(t.defaultPrevented||this.disabled||this.href)return;const i=this.__getAssociatedForm();if(!i)return;const o=this.__normalizedButtonType();o==="submit"&&this.__requestFormSubmit(i),o==="reset"&&i.reset()})}}__getNativeControl(){return this.renderRoot.querySelector(".native-button")}__handleDefaultSlotChange(e){const t=e.target.assignedNodes({flatten:!0}).some(i=>i.nodeType===Node.TEXT_NODE?!!i.textContent?.trim():i.nodeType===Node.ELEMENT_NODE);this.__hasDefaultSlotContent!==t&&(this.__hasDefaultSlotContent=t,this.requestUpdate()),this.updateComplete.then(()=>this.__syncAriaToInner())}__syncAriaToInner(){const e=this.__getNativeControl();e&&this.__syncAriaToControl(e)}__syncAriaToControl(e){const t=(this.getAttribute("aria-label")||"").trim(),i=this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"",o=t||i;o?e.setAttribute("aria-label",o):e.removeAttribute("aria-label");const r=this.getAttribute("aria-controls");r!==null?e.setAttribute("aria-controls",r):e.removeAttribute("aria-controls");const u=this.getAttribute("aria-haspopup");u!==null?e.setAttribute("aria-haspopup",u):e.removeAttribute("aria-haspopup");const y=this.getAttribute("aria-expanded");y!==null?e.setAttribute("aria-expanded",y):e.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(S=>{const d=this.__getNativeControl();if(d)for(const m of S){if(m.type!=="attributes"||!m.attributeName)continue;const p=m.attributeName,v=this.getAttribute(p);if(p==="aria-label"){const _=(v||(this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"")).trim();_?d.setAttribute("aria-label",_):d.removeAttribute("aria-label")}else(p==="aria-controls"||p==="aria-expanded"||p==="aria-haspopup")&&(v===null?d.removeAttribute(p):d.setAttribute(p,v))}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded","aria-haspopup"]})}connectedCallback(){super.connectedCallback()}focus(e){const t=this.__getNativeControl();if(t){t.focus(e);return}this.updateComplete.then(()=>this.__getNativeControl()?.focus(e))}blur(){this.__getNativeControl()?.blur()}firstUpdated(){x(h,this,z).call(this)}updated(e){(e.has("variant")||e.has("label")||e.has("icon")||e.has("href"))&&this.updateComplete.then(()=>this.__syncAriaToInner()),(this.__nativeFocusRingReady||this.__nativeRippleReady)&&this.updateComplete.then(()=>this.__syncNativeFocusRingControl()),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&x(h,this,z).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}__normalizedButtonType(){return this.type==="submit"||this.type==="reset"?this.type:"button"}__getAssociatedForm(){if(this.formId!==null||this.hasAttribute("form")){const e=(this.formId??this.getAttribute("form")??"").trim();if(!e)return null;const t=this.getRootNode(),i=t instanceof Document||t instanceof ShadowRoot?t.getElementById(e):null;return i instanceof HTMLFormElement?i:null}return this.closest("form")}get form(){return this.__getAssociatedForm()}__requestFormSubmit(e){const t=this.ownerDocument.createElement("button");t.type="submit",t.hidden=!0,t.tabIndex=-1,t.setAttribute("aria-hidden","true"),t.setAttribute("data-scb-button-submitter","");const i=[["name",this.name,this.hasAttribute("name")],["value",this.value,this.hasAttribute("value")],["formaction",this.formAction,this.hasAttribute("formaction")],["formenctype",this.formEnctype,this.hasAttribute("formenctype")],["formmethod",this.formMethod,this.hasAttribute("formmethod")],["formtarget",this.formTarget,this.hasAttribute("formtarget")]];for(const[o,r,u]of i)(u||r!=="")&&t.setAttribute(o,r);this.formNoValidate&&t.setAttribute("formnovalidate",""),e.append(t);try{e.requestSubmit(t)}finally{t.remove()}}__syncNativeFocusRingControl(){const e=this.renderRoot.querySelector("md-focus-ring"),t=this.__getNativeControl();e&&t&&(e.control=t,e.visible=t.matches(":focus-visible"));const i=this.renderRoot.querySelector("md-ripple");i&&t&&(i.control=t)}async __replayNativeRippleState(){const e=this.renderRoot.querySelector("md-ripple"),t=this.__getNativeControl(),i=this.__nativeRipplePendingPointerEvent,o=this.__nativeRipplePendingClick;this.__nativeRipplePendingPointerEvent=void 0,this.__nativeRipplePendingClick=!1;const{syncRippleToControl:r}=await k();await r(e,t,i,o)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}static get styles(){return C`:host{display:inline-flex;block-size:var(--scb-button-block-size, auto);margin-block-start:var(--scb-button-spacing-block-start, 0);margin-block-end:var(--scb-button-spacing-block-end, 0);margin-inline-start:var(--scb-button-spacing-inline-start, 0);margin-inline-end:var(--scb-button-spacing-inline-end, 0);--scb-button-font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;--scb-button-container-height:var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)));--scb-button-padding-block:var(--scb-buttons-padding-block-medium, var(--spacing-3, 8px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-icon-gap:var(--scb-buttons-gap-medium, var(--spacing-3, 8px));--scb-button-icon-size:var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-medium, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-medium-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-medium-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-medium-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-medium-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-medium-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}:host([size='extra-small']){--scb-button-container-height:var(--scb-buttons-control-size-extra-small, var(--scb-control-size-extra-small, var(--scale-08, 32px)));--scb-button-padding-block:var(--scb-buttons-padding-block-extra-small, var(--spacing-2, 4px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-icon-gap:var(--scb-buttons-gap-extra-small, var(--spacing-2, 4px));--scb-button-icon-size:var(--scb-buttons-icon-size-extra-small, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-extra-small, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-extra-small-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-extra-small-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-extra-small-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-extra-small-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-extra-small-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}:host([size='small']){--scb-button-container-height:var(--scb-buttons-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)));--scb-button-padding-block:var(--scb-buttons-padding-block-small, var(--spacing-2, 4px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-icon-gap:var(--scb-buttons-gap-small, var(--spacing-2, 4px));--scb-button-icon-size:var(--scb-buttons-icon-size-small, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-small, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-small-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-small-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-small-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-small-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-small-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}:host([size='large']){--scb-button-container-height:var(--scb-buttons-control-size-large, var(--scb-control-size-large, var(--scale-12, 56px)));--scb-button-padding-block:var(--scb-buttons-padding-block-large, var(--spacing-5, 16px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-icon-gap:var(--scb-buttons-gap-large, var(--spacing-3, 8px));--scb-button-icon-size:var(--scb-buttons-icon-size-large, var(--icon-size-medium, 24px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-large, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-large-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-large-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-large-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}:host([icon-filled]){--scb-button-font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.native-button,.native-button-wrap{position:relative;display:inline-flex}.native-button-wrap{border-radius:var(--scb-button-shape-radius, var(--md-sys-shape-corner-full, 999px))}.native-button{z-index:0;box-sizing:border-box;align-items:center;justify-content:center;gap:var(--scb-button-icon-gap);min-block-size:var(--scb-button-block-size, var(--scb-button-container-height));block-size:var(--scb-button-block-size, var(--scb-button-container-height));min-inline-size:64px;inline-size:auto;padding-block:var(--scb-button-padding-block);padding-inline:var(--scb-button-padding-inline);overflow:hidden;border:0;border-radius:inherit;background:0 0;color:var(--md-sys-color-primary);font-family:var(--scb-button-label-text-font);font-size:var(--scb-button-label-text-size);font-weight:var(--scb-button-label-text-weight);line-height:var(--scb-button-label-text-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));letter-spacing:var(--scb-button-label-text-tracking, normal);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:manipulation}::slotted(*){display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}.native-button::before{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}.native-button:hover::before{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.native-button:active::before{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.native-button:focus{outline:0}:host(:not([data-native-focus-ring-ready])) .native-button:focus-visible{outline:var(--stroke-border-m, 2px) solid var(--md-sys-color-primary);outline-offset:var(--spacing-1, 2px)}.native-button:disabled,.native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));cursor:default;opacity:1;pointer-events:none}:host(:not([variant])) .native-button,:host([variant='filled']) .native-button{border-color:transparent;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:host([variant='outlined']) .native-button{background:0 0;color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--md-sys-color-outline)}:host([variant='outlined']) .native-button:disabled,:host([variant='outlined']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-color-compat-disabled-container)}:host([variant='filled-tonal']) .native-button{border-color:transparent;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}:host(:not([variant])) .native-button:disabled,:host(:not([variant])) .native-button[aria-disabled=true],:host([variant='filled']) .native-button:disabled,:host([variant='filled']) .native-button[aria-disabled=true],:host([variant='filled-tonal']) .native-button:disabled,:host([variant='filled-tonal']) .native-button[aria-disabled=true]{background:var(--scb-button-disabled-container-color, var(--scb-color-compat-disabled-container));color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}:host([variant='text']) .native-button{min-inline-size:0;background:0 0;color:var(--md-sys-color-primary)}:host([variant='text']) .native-button:disabled,:host([variant='text']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}.native-icon{flex:0 0 auto;display:inline-block;inline-size:var(--scb-button-icon-size);block-size:var(--scb-button-icon-size);overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-button-icon-size);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-button-font-variation-settings);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.native-icon.scb-svg-icon{fill:currentColor;font:inherit}.native-button-wrap md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.native-button-wrap md-focus-ring{pointer-events:none}:host([full-width]){display:flex;inline-size:100%}:host([full-width]) .native-button,:host([full-width]) .native-button-wrap{inline-size:100%;flex:1 1 auto}`}render(){const e=!!this.icon?.trim(),t=e?c`<span class="native-icon" part="icon" aria-hidden="true">${this.icon}</span>`:l,i=this.label.trim()===""&&!this.__hasDefaultSlotContent?this.icon:void 0,o=c`
|
|
2
|
+
import{g as l,h as S,m as A,p as s,v as c,y as C}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as R}from"../../vendor/preload-helper.js";import{t as N}from"../../vendor/component-defaults.js";import{t as n}from"../../vendor/decorate.js";import{n as T,t as x}from"../../vendor/assertClassBrand.js";(function(){try{var b=typeof globalThis<"u"?globalThis:window;if(!b.__scb_ce_guard_installed__){b.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,i,o){try{customElements.get(t)||e(t,i,o)}catch(u){var r=String(u||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var h,g,f;function P(){return g??(g=R(()=>import("../../vendor/lazy-focus-ring.js").then(b=>b.i),__vite__mapDeps([0,1,2]),import.meta.url)),g}function k(){return f??(f=R(()=>import("../../vendor/lazy-ripple.js"),__vite__mapDeps([3,2]),import.meta.url)),f}var a=(h=new WeakSet,class extends S{constructor(...e){super(...e),T(this,h),this.variant="filled",this.size=N["scb-button"].size,this.type="button",this.name="",this.value="",this.formId=null,this.formAction="",this.formEnctype="",this.formMethod="",this.formNoValidate=!1,this.formTarget="",this.label="Button",this.trailingIcon=!1,this.icon="",this.iconFilled=!1,this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasDefaultSlotContent=!1,this.__nativeFocusRingReady=!1,this.__nativeRippleReady=!1,this.__nativeRipplePendingClick=!1,this.__ensureNativeFocusRing=()=>{this.__nativeFocusRingReady||P().then(({ensureFocusRingReady:t})=>(t(),customElements.whenDefined("md-focus-ring"))).then(()=>{this.__nativeFocusRingReady=!0,this.toggleAttribute("data-native-focus-ring-ready",!0),this.requestUpdate(),this.updateComplete.then(()=>this.__syncNativeFocusRingControl())})},this.__onNativeFocusIn=t=>{const i=t.composedPath()[0];i instanceof HTMLElement&&i.matches(":focus-visible")&&this.__ensureNativeFocusRing()},this.__ensureNativeRipple=t=>{this.__nativeRippleReady||this.disabled||(t&&(this.__nativeRipplePendingPointerEvent=t),k().then(({ensureRippleReady:i})=>i()).then(()=>{this.disabled||(this.__nativeRippleReady=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.__syncNativeFocusRingControl(),this.__replayNativeRippleState()}))}))},this.__onNativePointerWarmup=t=>{this.__ensureNativeRipple(t)},this.__onNativeClick=t=>{if(this.disabled){t.preventDefault(),t.stopPropagation();return}(!this.__nativeRippleReady||this.__nativeRipplePendingPointerEvent)&&(this.__nativeRipplePendingClick=!0,this.__ensureNativeRipple()),!this.href&&queueMicrotask(()=>{if(t.defaultPrevented||this.disabled||this.href)return;const i=this.__getAssociatedForm();if(!i)return;const o=this.__normalizedButtonType();o==="submit"&&this.__requestFormSubmit(i),o==="reset"&&i.reset()})}}__getNativeControl(){return this.renderRoot.querySelector(".native-button")}__handleDefaultSlotChange(e){const t=e.target.assignedNodes({flatten:!0}).some(i=>i.nodeType===Node.TEXT_NODE?!!i.textContent?.trim():i.nodeType===Node.ELEMENT_NODE);this.__hasDefaultSlotContent!==t&&(this.__hasDefaultSlotContent=t,this.requestUpdate()),this.updateComplete.then(()=>this.__syncAriaToInner())}__syncAriaToInner(){const e=this.__getNativeControl();e&&this.__syncAriaToControl(e)}__syncAriaToControl(e){const t=(this.getAttribute("aria-label")||"").trim(),i=this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"",o=t||i;o?e.setAttribute("aria-label",o):e.removeAttribute("aria-label");const r=this.getAttribute("aria-controls");r!==null?e.setAttribute("aria-controls",r):e.removeAttribute("aria-controls");const u=this.getAttribute("aria-haspopup");u!==null?e.setAttribute("aria-haspopup",u):e.removeAttribute("aria-haspopup");const y=this.getAttribute("aria-expanded");y!==null?e.setAttribute("aria-expanded",y):e.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(w=>{const d=this.__getNativeControl();if(d)for(const m of w){if(m.type!=="attributes"||!m.attributeName)continue;const p=m.attributeName,v=this.getAttribute(p);if(p==="aria-label"){const _=(v||(this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"")).trim();_?d.setAttribute("aria-label",_):d.removeAttribute("aria-label")}else(p==="aria-controls"||p==="aria-expanded"||p==="aria-haspopup")&&(v===null?d.removeAttribute(p):d.setAttribute(p,v))}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded","aria-haspopup"]})}connectedCallback(){super.connectedCallback()}focus(e){const t=this.__getNativeControl();if(t){t.focus(e);return}this.updateComplete.then(()=>this.__getNativeControl()?.focus(e))}blur(){this.__getNativeControl()?.blur()}firstUpdated(){x(h,this,z).call(this)}updated(e){(e.has("variant")||e.has("label")||e.has("icon")||e.has("href"))&&this.updateComplete.then(()=>this.__syncAriaToInner()),(this.__nativeFocusRingReady||this.__nativeRippleReady)&&this.updateComplete.then(()=>this.__syncNativeFocusRingControl()),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&x(h,this,z).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}__normalizedButtonType(){return this.type==="submit"||this.type==="reset"?this.type:"button"}__getAssociatedForm(){if(this.formId!==null||this.hasAttribute("form")){const e=(this.formId??this.getAttribute("form")??"").trim();if(!e)return null;const t=this.getRootNode(),i=t instanceof Document||t instanceof ShadowRoot?t.getElementById(e):null;return i instanceof HTMLFormElement?i:null}return this.closest("form")}get form(){return this.__getAssociatedForm()}__requestFormSubmit(e){const t=this.ownerDocument.createElement("button");t.type="submit",t.hidden=!0,t.tabIndex=-1,t.setAttribute("aria-hidden","true"),t.setAttribute("data-scb-button-submitter","");const i=[["name",this.name,this.hasAttribute("name")],["value",this.value,this.hasAttribute("value")],["formaction",this.formAction,this.hasAttribute("formaction")],["formenctype",this.formEnctype,this.hasAttribute("formenctype")],["formmethod",this.formMethod,this.hasAttribute("formmethod")],["formtarget",this.formTarget,this.hasAttribute("formtarget")]];for(const[o,r,u]of i)(u||r!=="")&&t.setAttribute(o,r);this.formNoValidate&&t.setAttribute("formnovalidate",""),e.append(t);try{e.requestSubmit(t)}finally{t.remove()}}__syncNativeFocusRingControl(){const e=this.renderRoot.querySelector("md-focus-ring"),t=this.__getNativeControl();e&&t&&(e.control=t,e.visible=t.matches(":focus-visible"));const i=this.renderRoot.querySelector("md-ripple");i&&t&&(i.control=t)}async __replayNativeRippleState(){const e=this.renderRoot.querySelector("md-ripple"),t=this.__getNativeControl(),i=this.__nativeRipplePendingPointerEvent,o=this.__nativeRipplePendingClick;this.__nativeRipplePendingPointerEvent=void 0,this.__nativeRipplePendingClick=!1;const{syncRippleToControl:r}=await k();await r(e,t,i,o)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}static get styles(){return C`:host{display:inline-flex;block-size:var(--scb-button-block-size, auto);margin-block-start:var(--scb-button-spacing-block-start, 0);margin-block-end:var(--scb-button-spacing-block-end, 0);margin-inline-start:var(--scb-button-spacing-inline-start, 0);margin-inline-end:var(--scb-button-spacing-inline-end, 0);--scb-button-font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;--scb-button-container-height:var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)));--scb-button-padding-block:var(--scb-buttons-padding-block-medium, var(--spacing-3, 8px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-icon-gap:var(--scb-buttons-gap-medium, var(--spacing-3, 8px));--scb-button-icon-size:var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-medium, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-medium-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-medium-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-medium-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-medium-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-medium-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}:host([size='extra-small']){--scb-button-container-height:var(--scb-buttons-control-size-extra-small, var(--scb-control-size-extra-small, var(--scale-08, 32px)));--scb-button-padding-block:var(--scb-buttons-padding-block-extra-small, var(--spacing-2, 4px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-icon-gap:var(--scb-buttons-gap-extra-small, var(--spacing-2, 4px));--scb-button-icon-size:var(--scb-buttons-icon-size-extra-small, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-extra-small, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-extra-small-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-extra-small-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-extra-small-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-extra-small-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-extra-small-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}:host([size='small']){--scb-button-container-height:var(--scb-buttons-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)));--scb-button-padding-block:var(--scb-buttons-padding-block-small, var(--spacing-2, 4px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-icon-gap:var(--scb-buttons-gap-small, var(--spacing-2, 4px));--scb-button-icon-size:var(--scb-buttons-icon-size-small, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-small, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-small-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-small-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-small-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-small-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-small-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}:host([size='large']){--scb-button-container-height:var(--scb-buttons-control-size-large, var(--scb-control-size-large, var(--scale-12, 56px)));--scb-button-padding-block:var(--scb-buttons-padding-block-large, var(--spacing-5, 16px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-icon-gap:var(--scb-buttons-gap-large, var(--spacing-3, 8px));--scb-button-icon-size:var(--scb-buttons-icon-size-large, var(--icon-size-medium, 24px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-large, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-large-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-large-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-large-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}:host([icon-filled]){--scb-button-font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.native-button,.native-button-wrap{position:relative;display:inline-flex}.native-button-wrap{border-radius:var(--scb-button-shape-radius, var(--md-sys-shape-corner-full, 999px))}.native-button{z-index:0;box-sizing:border-box;align-items:center;justify-content:center;gap:var(--scb-button-icon-gap);min-block-size:var(--scb-button-block-size, var(--scb-button-container-height));block-size:var(--scb-button-block-size, var(--scb-button-container-height));min-inline-size:64px;inline-size:auto;padding-block:var(--scb-button-padding-block);padding-inline:var(--scb-button-padding-inline);overflow:hidden;border:0;border-radius:inherit;background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary));font-family:var(--scb-button-label-text-font);font-size:var(--scb-button-label-text-size);font-weight:var(--scb-button-label-text-weight);line-height:var(--scb-button-label-text-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));letter-spacing:var(--scb-button-label-text-tracking, normal);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:manipulation}::slotted(*){display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}.native-button::before{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}.native-button:hover::before{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.native-button:active::before{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.native-button:focus{outline:0}:host(:not([data-native-focus-ring-ready])) .native-button:focus-visible{outline:var(--stroke-border-m, 2px) solid var(--md-sys-color-primary);outline-offset:var(--spacing-1, 2px)}.native-button:disabled,.native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));cursor:default;opacity:1;pointer-events:none}:host(:not([variant])) .native-button,:host([variant='filled']) .native-button{border-color:transparent;background:var(--scb-button-filled-container-color, var(--md-sys-color-primary));color:var(--scb-button-filled-content-color, var(--md-sys-color-on-primary))}:host([variant='outlined']) .native-button{background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-button-outline-color, var(--md-sys-color-outline))}:host([variant='outlined']) .native-button:disabled,:host([variant='outlined']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-color-compat-disabled-container)}:host([variant='filled-tonal']) .native-button{border-color:transparent;background:var(--scb-button-tonal-container-color, var(--md-sys-color-secondary-container));color:var(--scb-button-tonal-content-color, var(--md-sys-color-on-secondary-container))}:host(:not([variant])) .native-button:disabled,:host(:not([variant])) .native-button[aria-disabled=true],:host([variant='filled']) .native-button:disabled,:host([variant='filled']) .native-button[aria-disabled=true],:host([variant='filled-tonal']) .native-button:disabled,:host([variant='filled-tonal']) .native-button[aria-disabled=true]{background:var(--scb-button-disabled-container-color, var(--scb-color-compat-disabled-container));color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}:host([variant='text']) .native-button{min-inline-size:0;background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary))}:host([variant='text']) .native-button:disabled,:host([variant='text']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}.native-icon{flex:0 0 auto;display:inline-block;inline-size:var(--scb-button-icon-size);block-size:var(--scb-button-icon-size);overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-button-icon-size);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-button-font-variation-settings);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.native-icon.scb-svg-icon{fill:currentColor;font:inherit}.native-button-wrap md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.native-button-wrap md-focus-ring{pointer-events:none}:host([full-width]){display:flex;inline-size:100%}:host([full-width]) .native-button,:host([full-width]) .native-button-wrap{inline-size:100%;flex:1 1 auto}`}render(){const e=!!this.icon?.trim(),t=e?c`<span class="native-icon" part="icon" aria-hidden="true">${this.icon}</span>`:l,i=this.label.trim()===""&&!this.__hasDefaultSlotContent?this.icon:void 0,o=c`
|
|
3
3
|
<slot
|
|
4
4
|
@slotchange=${this.__handleDefaultSlotChange}
|
|
5
5
|
style=${this.__hasDefaultSlotContent?l:"display: none"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{g as J,h as X,m as Z,p as _,v as k,y as V}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as tt}from"../../vendor/lazy-focus-ring.js";import{t as I}from"../../vendor/component-size-token.js";import{t as f}from"../../vendor/decorate.js";import{n as et,t as W}from"../../vendor/assertClassBrand.js";import"../scb-icon-button/scb-icon-button.js";import"./scb-calendar-event.js";import"../scb-dialog/scb-dialog.js";import"../scb-list/scb-list.js";(function(){try{var $=typeof globalThis<"u"?globalThis:window;if(!$.__scb_ce_guard_installed__){$.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,a,s){try{customElements.get(e)||t(e,a,s)}catch(r){var n=String(r||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var L,O,P={fromAttribute($){if($===null)return!1;const t=$.trim().toLowerCase();return t!=="false"&&t!=="0"&&t!=="no"}},m=(L=new WeakSet,O=class extends X{constructor(...t){super(...t),et(this,L),this._lastActiveDay=null,this.lang="sv",this.disableWeekend=!1,this.publicHolidays=!0,this.displayYear=new Date().getFullYear(),this.displayMonth=new Date().getMonth()+1,this.selectedDate="",this.eventsJson=void 0,this._eventsFromJson=null,this._eventsJsonLast=void 0,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._mutationObserver=null,this._syncingDisplay=!1,this._onCalendarKeyDown=e=>{const a=Array.from(this.shadowRoot?.querySelectorAll(".calendar-day[data-date]")??[]),s=this.shadowRoot?.activeElement,n=s&&a.includes(s)?s:document.activeElement,r=a.indexOf(n);if(r===-1)return;let l;switch(e.key){case"ArrowRight":l=a[r+1];break;case"ArrowLeft":l=a[r-1];break;case"ArrowDown":l=this.__dayOffsetFrom(n,7);break;case"ArrowUp":l=this.__dayOffsetFrom(n,-7);break;case"Home":l=Array.from(n.closest('[role="row"]')?.querySelectorAll(".calendar-day[data-date]")??[])[0];break;case"End":{const o=Array.from(n.closest('[role="row"]')?.querySelectorAll(".calendar-day[data-date]")??[]);l=o[o.length-1];break}case"PageUp":e.preventDefault(),this.__focusAdjacentMonth(n,-1);return;case"PageDown":e.preventDefault(),this.__focusAdjacentMonth(n,1);return;default:return}l&&l!==n&&(e.preventDefault(),this.__focusCalendarDay(l))},this._onEventChanged=()=>{this.requestUpdate()},this._today=new Date,this._current=new Date,this._rovingDate="",this._popupEvent=null,this._handleDialogClose=()=>{this._popupEvent=null,this.requestUpdate(),this._restoreDayFocus()},this._restoreDayFocus=()=>{this._lastActiveDay&&setTimeout(()=>{this._lastActiveDay?.focus(),this._lastActiveDay=null},0)},this._easterDateCalculated={}}get value(){return this.selectedDate}set value(t){const e=(t??"")+"";e!==this.selectedDate&&(this.selectedDate=e)}static get observedAttributes(){return[...super.observedAttributes??[],"value"]}attributeChangedCallback(t,e,a){super.attributeChangedCallback(t,e,a),t==="value"&&(this.value=a??"")}connectedCallback(){super.connectedCallback(),this._removeLazyFocusRingListeners=tt(this,this.renderRoot),W(L,this,H).call(this);const t=Number(this.displayYear),e=Number(this.displayMonth);!Number.isNaN(t)&&!Number.isNaN(e)&&e>=1&&e<=12&&(this._current=new Date(t,e-1,1)),this._syncDisplayFromCurrent(!1),this.addEventListener("change",this._onEventChanged),this._mutationObserver=new MutationObserver(()=>{this.requestUpdate()}),this._mutationObserver.observe(this,{childList:!0}),this.addEventListener("keydown",this._onCalendarKeyDown)}disconnectedCallback(){this.removeEventListener("change",this._onEventChanged),this._removeLazyFocusRingListeners?.(),this._removeLazyFocusRingListeners=void 0,super.disconnectedCallback(),this._mutationObserver&&(this._mutationObserver.disconnect(),this._mutationObserver=null),this.removeEventListener("keydown",this._onCalendarKeyDown)}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}updated(t){if(super.updated?.(t),t.has("eventsJson")&&(this._eventsJsonLast=void 0,this._eventsFromJson=null),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&W(L,this,H).call(this),!this._syncingDisplay&&(t.has("displayYear")||t.has("displayMonth"))){const e=Number(this.displayYear),a=Number(this.displayMonth);if(!Number.isNaN(e)&&!Number.isNaN(a)&&a>=1&&a<=12){const s=this._current.getFullYear(),n=this._current.getMonth()+1;(s!==e||n!==a)&&(this._current=new Date(e,a-1,1),this._dispatchMonthChange(e,a),this.requestUpdate())}}}_ensureEventsFromJson(){const t=(this.eventsJson??"").trim();if(!t){this._eventsFromJson=null,this._eventsJsonLast=t;return}if(!(this._eventsJsonLast===t&&this._eventsFromJson!==null)){this._eventsJsonLast=t;try{const e=JSON.parse(t);Array.isArray(e)?this._eventsFromJson=e:this._eventsFromJson=[]}catch{this._eventsFromJson=[]}}}_getEventInputs(){return Array.isArray(this.events)?this.events:(this._ensureEventsFromJson(),this._eventsFromJson!==null?this._eventsFromJson:null)}_normalizeEventInput(t){const e=t.title??"",a=t.description??"",s=t.href??"",n=t.startDate??t["start-date"]??t.start??t.date??"",r=t.endDate??t["end-date"]??t.end??"";return{title:e+"",description:a?a+"":void 0,href:s?s+"":void 0,start:n?n+"":void 0,end:r?r+"":void 0}}_toLocalEventDate(t,e){const a=(t??"").trim();if(!a)return null;if(!a.includes("T")){const n=a.split("-").map(d=>Number(d));if(n.length!==3||n.some(d=>Number.isNaN(d)))return null;const[r,l,o]=n;return e?new Date(r,l-1,o,23,59,59,999):new Date(r,l-1,o,0,0,0,0)}const s=new Date(a);return Number.isNaN(s.getTime())?null:s}_toDateKey(t){return`${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,"0")}-${String(t.getDate()).padStart(2,"0")}`}_buildEventMapFromInputs(t){const e=new Map;for(const a of t){const s=this._normalizeEventInput(a),n=s.start||"",r=s.end||"";if(!(!n||!s.title))if(n&&r){const l=this._toLocalEventDate(n,!1),o=this._toLocalEventDate(r,!0);if(!l||!o)continue;if(o<l){const d=n.split("T")[0],u=e.get(d)||[];u.push({title:s.title,description:s.description,href:s.href,start:n,end:r}),e.set(d,u);continue}for(let d=new Date(l);d<=o;d.setDate(d.getDate()+1)){const u=this._toDateKey(d),E=e.get(u)||[];E.push({title:s.title,description:s.description,href:s.href,start:n,end:r}),e.set(u,E)}}else{const l=n.split("T")[0],o=e.get(l)||[];o.push({title:s.title,description:s.description,href:s.href,start:n}),e.set(l,o)}}return e}_buildEventMapFromChildren(){const t=Array.from(this.querySelectorAll("scb-calendar-event")),e=new Map;for(const a of t){const s=a,n=(s.startDate??s.date??"")+""||a.getAttribute("start-date")||a.getAttribute("date")||"",r=(s.endDate??"")+""||a.getAttribute("end-date")||"";if(n&&r){const l=this._toLocalEventDate(n,!1),o=this._toLocalEventDate(r,!0);if(!l||!o)continue;if(o<l){const d=n.split("T")[0],u=e.get(d)||[];u.push({title:a.title??"",description:a.description,href:s.href||a.getAttribute("href")||void 0,start:n,end:r}),e.set(d,u);continue}for(let d=new Date(l);d<=o;d.setDate(d.getDate()+1)){const u=this._toDateKey(d),E=e.get(u)||[];E.push({title:a.title??"",description:a.description,href:s.href||a.getAttribute("href")||void 0,start:n,end:r}),e.set(u,E)}}else if(n&&a.title){const l=n.split("T")[0],o=e.get(l)||[];o.push({title:a.title,description:a.description,href:s.href||a.getAttribute("href")||void 0,start:n}),e.set(l,o)}}return e}_syncDisplayFromCurrent(t=!0){const e=this._current.getFullYear(),a=this._current.getMonth()+1;this._syncingDisplay=!0;try{this.displayYear=e,this.displayMonth=a}finally{this._syncingDisplay=!1}t&&this._dispatchMonthChange(e,a)}_dispatchMonthChange(t,e){const a={displayYear:t,displayMonth:e};this.dispatchEvent(new CustomEvent("scb-calendar-month-change",{bubbles:!0,composed:!0,detail:a})),this.dispatchEvent(new CustomEvent("scbcalendarmonthchange",{bubbles:!0,composed:!0,detail:a}))}_dispatchSelect(t){const e={selectedDate:t};this.dispatchEvent(new CustomEvent("scb-calendar-select",{bubbles:!0,composed:!0,detail:e})),this.dispatchEvent(new CustomEvent("scbcalendarselect",{bubbles:!0,composed:!0,detail:e}))}_formatDayLabel(t){return new Intl.DateTimeFormat(this.lang==="en"?"en-GB":"sv-SE",{day:"numeric",month:"long",year:"numeric"}).format(t)}_formatDayAriaLabel(t,e,a){const s=a.map(r=>`${r.prefix||""}${r.title}`.trim()).filter(Boolean),n=[this._formatDayLabel(t)];return e&&n.push(e),s.length===1?n.push(this.lang==="en"?`1 event: ${s[0]}`:`1 händelse: ${s[0]}`):s.length>1&&n.push(this.lang==="en"?`${s.length} events: ${s.join(", ")}`:`${s.length} händelser: ${s.join(", ")}`),n.join(". ")}__dayOffsetFrom(t,e){const a=t.dataset.date;if(!a)return;const s=new Date(`${a}T12:00:00`);s.setDate(s.getDate()+e);const n=this.__formatDateKey(s);return this.shadowRoot?.querySelector(`.calendar-day[data-date="${n}"]`)??void 0}__formatDateKey(t){return`${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,"0")}-${String(t.getDate()).padStart(2,"0")}`}__focusCalendarDay(t){this.shadowRoot?.querySelectorAll(".calendar-day[data-date]").forEach(e=>{e.tabIndex=e===t?0:-1}),this._rovingDate=t.dataset.date??"",t.focus()}__focusAdjacentMonth(t,e){const a=t.dataset.date;if(!a)return;const s=new Date(`${a}T12:00:00`),n=new Date(s.getFullYear(),s.getMonth()+e,1),r=Math.min(s.getDate(),this._daysInMonth(n.getFullYear(),n.getMonth())),l=new Date(n.getFullYear(),n.getMonth(),r);this._current=new Date(l.getFullYear(),l.getMonth(),1),this.selectedDate="",this._popupEvent=null,this._rovingDate=this.__formatDateKey(l),this._syncDisplayFromCurrent(),this.requestUpdate(),this.updateComplete.then(()=>{const o=this.shadowRoot?.querySelector(`.calendar-day[data-date="${this._rovingDate}"]`);o&&this.__focusCalendarDay(o)})}_daysInMonth(t,e){return new Date(t,e+1,0).getDate()}_firstDayOfWeek(t,e){const a=new Date(t,e,1).getDay();return a===0?6:a-1}_prevMonth(){this._current=new Date(this._current.getFullYear(),this._current.getMonth()-1,1),this.selectedDate="",this._popupEvent=null,this._syncDisplayFromCurrent(),this.requestUpdate()}_nextMonth(){this._current=new Date(this._current.getFullYear(),this._current.getMonth()+1,1),this.selectedDate="",this._popupEvent=null,this._syncDisplayFromCurrent(),this.requestUpdate()}_showEventPopup(t){this._popupEvent=t,this.selectedDate=t.date,this._dispatchSelect(t.date),this._lastActiveDay=this.shadowRoot?.activeElement||document.activeElement,this.requestUpdate(),this.updateComplete.then(()=>{const e=this.shadowRoot?.querySelector("scb-dialog");e&&(document.activeElement&&(e.__lastTriggerEl=document.activeElement),requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.open=!0})}),e.addEventListener("close",this._handleDialogClose,{once:!0}))})}_addDays(t,e){const a=new Date(t.valueOf());return a.setDate(a.getDate()+e),a}_easterDay(t){if(typeof this._easterDateCalculated["Ar"+t]<"u")return new Date(this._easterDateCalculated["Ar"+t]);let e=t;e<100&&(e=e+1900),e<1950&&(e=e+100);const a=e%19,s=e%4,n=e%7,r=(19*a+24)%30,l=(2*s+4*n+6*r+5)%7;let o=22+r+l,d=0;o==57&&(o-=7),o==56&&r==28&&l==6&&a>10&&(o-=7),o>31?(o-=31,d=4):d=3;const u=new Date(e,d-1,o);return this._easterDateCalculated["Ar"+t]=u,new Date(this._easterDateCalculated["Ar"+t])}_swedishHolidayName(t){const e=t.getMonth();if(e===1||e===6||e===7||e===8)return null;const a=t.getMonth()+1,s=t.getDate(),n=t.getFullYear(),r=this._easterDay(n),l=this.lang==="en",o=[["Nyårsdagen","New Year's Day",a===1&&s===1],["Trettondedag jul","Epiphany",a===1&&s===6],["Långfredag","Good Friday",+t==+this._addDays(r,-2)],["Påskdagen","Easter Sunday",+t==+r],["Annandag påsk","Easter Monday",+t==+this._addDays(r,1)],["Kristi himmelsfärdsdag","Ascension Day",+t==+this._addDays(r,39)],["Pingstdagen","Pentecost",+t==+this._addDays(r,50)&&n<2005],["Första maj","May Day",a===5&&s===1],["Nationaldagen","National Day",a===6&&s===6&&n>=2005],["Midsommarafton","Midsummer's Eve",a===6&&s>=19&&s<=25&&t.getDay()===5],["Midsommardagen","Midsummer's Day",a===6&&s>=20&&s<=26&&t.getDay()===6],["Julafton","Christmas Eve",a===12&&s===24],["Juldagen","Christmas Day",a===12&&s===25],["Annandag jul","Boxing Day",a===12&&s===26],["Alla helgons dag","All Saints' Day",a===10&&s>=31&&t.getDay()===6||a===11&&s<=6&&t.getDay()===6]];for(const d of o){const[u,E,M]=d;if(M)return l?E:u}return null}render(){const t=this._current.getFullYear(),e=this._current.getMonth(),a=this._daysInMonth(t,e),s=this._firstDayOfWeek(t,e),n=this._today,r=this.lang==="en",l=r?["January","February","March","April","May","June","July","August","September","October","November","December"]:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"];let o=r?["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]:["Mån","Tis","Ons","Tor","Fre","Lör","Sön"];this.disableWeekend&&(o=o.slice(0,5));const d=this._getEventInputs(),u=d?this._buildEventMapFromInputs(d):this._buildEventMapFromChildren(),E=`${t}-${String(e+1).padStart(2,"0")}-`,M=new Date(t,e,1);if(this.disableWeekend)for(;M.getDay()===0||M.getDay()===6;)M.setDate(M.getDate()+1);const B=this.__formatDateKey(n),U=[...u.keys()].find(i=>{if(!i.startsWith(E))return!1;if(!this.disableWeekend)return!0;const h=new Date(`${i}T12:00:00`);return h.getDay()!==0&&h.getDay()!==6}),G=[this._rovingDate,this.selectedDate,B,U,this.__formatDateKey(M)].find(i=>i?.startsWith(E))??this.__formatDateKey(M),K=[];let N=1;for(let i=0;i<6;i++){const h=[],b=this.disableWeekend?[0,1,2,3,4]:[0,1,2,3,4,5,6];let p=N;for(let D=0;D<b.length;D++){const w=b[D];if(i===0&&w<s){if(!this.disableWeekend||w<5){const T=e===0?11:e-1,C=e===0?t-1:t,y=this._daysInMonth(C,T)-(s-w-1),z=new Date(C,T,y);h.push(k`
|
|
1
|
+
import{g as J,h as X,m as Z,p as _,v as k,y as V}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as ee}from"../../vendor/lazy-focus-ring.js";import{t as I}from"../../vendor/component-size-token.js";import{t as f}from"../../vendor/decorate.js";import{n as te,t as W}from"../../vendor/assertClassBrand.js";import"../scb-icon-button/scb-icon-button.js";import"./scb-calendar-event.js";import"../scb-dialog/scb-dialog.js";import"../scb-list/scb-list.js";(function(){try{var $=typeof globalThis<"u"?globalThis:window;if(!$.__scb_ce_guard_installed__){$.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,a,s){try{customElements.get(t)||e(t,a,s)}catch(r){var n=String(r||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var L,O,P={fromAttribute($){if($===null)return!1;const e=$.trim().toLowerCase();return e!=="false"&&e!=="0"&&e!=="no"}},m=(L=new WeakSet,O=class extends X{constructor(...e){super(...e),te(this,L),this._lastActiveDay=null,this.lang="sv",this.disableWeekend=!1,this.publicHolidays=!0,this.displayYear=new Date().getFullYear(),this.displayMonth=new Date().getMonth()+1,this.selectedDate="",this.eventsJson=void 0,this._eventsFromJson=null,this._eventsJsonLast=void 0,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._mutationObserver=null,this._syncingDisplay=!1,this._onCalendarKeyDown=t=>{const a=Array.from(this.shadowRoot?.querySelectorAll(".calendar-day[data-date]")??[]),s=this.shadowRoot?.activeElement,n=s&&a.includes(s)?s:document.activeElement,r=a.indexOf(n);if(r===-1)return;let l;switch(t.key){case"ArrowRight":l=a[r+1];break;case"ArrowLeft":l=a[r-1];break;case"ArrowDown":l=this.__dayOffsetFrom(n,7);break;case"ArrowUp":l=this.__dayOffsetFrom(n,-7);break;case"Home":l=Array.from(n.closest('[role="row"]')?.querySelectorAll(".calendar-day[data-date]")??[])[0];break;case"End":{const o=Array.from(n.closest('[role="row"]')?.querySelectorAll(".calendar-day[data-date]")??[]);l=o[o.length-1];break}case"PageUp":t.preventDefault(),this.__focusAdjacentMonth(n,-1);return;case"PageDown":t.preventDefault(),this.__focusAdjacentMonth(n,1);return;default:return}l&&l!==n&&(t.preventDefault(),this.__focusCalendarDay(l))},this._onEventChanged=()=>{this.requestUpdate()},this._today=new Date,this._current=new Date,this._rovingDate="",this._popupEvent=null,this._handleDialogClose=()=>{this._popupEvent=null,this.requestUpdate(),this._restoreDayFocus()},this._restoreDayFocus=()=>{this._lastActiveDay&&setTimeout(()=>{this._lastActiveDay?.focus(),this._lastActiveDay=null},0)},this._easterDateCalculated={}}get value(){return this.selectedDate}set value(e){const t=(e??"")+"";t!==this.selectedDate&&(this.selectedDate=t)}static get observedAttributes(){return[...super.observedAttributes??[],"value"]}attributeChangedCallback(e,t,a){super.attributeChangedCallback(e,t,a),e==="value"&&(this.value=a??"")}connectedCallback(){super.connectedCallback(),this._removeLazyFocusRingListeners=ee(this,this.renderRoot),W(L,this,H).call(this);const e=Number(this.displayYear),t=Number(this.displayMonth);!Number.isNaN(e)&&!Number.isNaN(t)&&t>=1&&t<=12&&(this._current=new Date(e,t-1,1)),this._syncDisplayFromCurrent(!1),this.addEventListener("change",this._onEventChanged),this._mutationObserver=new MutationObserver(()=>{this.requestUpdate()}),this._mutationObserver.observe(this,{childList:!0}),this.addEventListener("keydown",this._onCalendarKeyDown)}disconnectedCallback(){this.removeEventListener("change",this._onEventChanged),this._removeLazyFocusRingListeners?.(),this._removeLazyFocusRingListeners=void 0,super.disconnectedCallback(),this._mutationObserver&&(this._mutationObserver.disconnect(),this._mutationObserver=null),this.removeEventListener("keydown",this._onCalendarKeyDown)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}updated(e){if(super.updated?.(e),e.has("eventsJson")&&(this._eventsJsonLast=void 0,this._eventsFromJson=null),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&W(L,this,H).call(this),!this._syncingDisplay&&(e.has("displayYear")||e.has("displayMonth"))){const t=Number(this.displayYear),a=Number(this.displayMonth);if(!Number.isNaN(t)&&!Number.isNaN(a)&&a>=1&&a<=12){const s=this._current.getFullYear(),n=this._current.getMonth()+1;(s!==t||n!==a)&&(this._current=new Date(t,a-1,1),this._dispatchMonthChange(t,a),this.requestUpdate())}}}_ensureEventsFromJson(){const e=(this.eventsJson??"").trim();if(!e){this._eventsFromJson=null,this._eventsJsonLast=e;return}if(!(this._eventsJsonLast===e&&this._eventsFromJson!==null)){this._eventsJsonLast=e;try{const t=JSON.parse(e);Array.isArray(t)?this._eventsFromJson=t:this._eventsFromJson=[]}catch{this._eventsFromJson=[]}}}_getEventInputs(){return Array.isArray(this.events)?this.events:(this._ensureEventsFromJson(),this._eventsFromJson!==null?this._eventsFromJson:null)}_normalizeEventInput(e){const t=e.title??"",a=e.description??"",s=e.href??"",n=e.startDate??e["start-date"]??e.start??e.date??"",r=e.endDate??e["end-date"]??e.end??"";return{title:t+"",description:a?a+"":void 0,href:s?s+"":void 0,start:n?n+"":void 0,end:r?r+"":void 0}}_toLocalEventDate(e,t){const a=(e??"").trim();if(!a)return null;if(!a.includes("T")){const n=a.split("-").map(d=>Number(d));if(n.length!==3||n.some(d=>Number.isNaN(d)))return null;const[r,l,o]=n;return t?new Date(r,l-1,o,23,59,59,999):new Date(r,l-1,o,0,0,0,0)}const s=new Date(a);return Number.isNaN(s.getTime())?null:s}_toDateKey(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}_buildEventMapFromInputs(e){const t=new Map;for(const a of e){const s=this._normalizeEventInput(a),n=s.start||"",r=s.end||"";if(!(!n||!s.title))if(n&&r){const l=this._toLocalEventDate(n,!1),o=this._toLocalEventDate(r,!0);if(!l||!o)continue;if(o<l){const d=n.split("T")[0],u=t.get(d)||[];u.push({title:s.title,description:s.description,href:s.href,start:n,end:r}),t.set(d,u);continue}for(let d=new Date(l);d<=o;d.setDate(d.getDate()+1)){const u=this._toDateKey(d),E=t.get(u)||[];E.push({title:s.title,description:s.description,href:s.href,start:n,end:r}),t.set(u,E)}}else{const l=n.split("T")[0],o=t.get(l)||[];o.push({title:s.title,description:s.description,href:s.href,start:n}),t.set(l,o)}}return t}_buildEventMapFromChildren(){const e=Array.from(this.querySelectorAll("scb-calendar-event")),t=new Map;for(const a of e){const s=a,n=(s.startDate??s.date??"")+""||a.getAttribute("start-date")||a.getAttribute("date")||"",r=(s.endDate??"")+""||a.getAttribute("end-date")||"";if(n&&r){const l=this._toLocalEventDate(n,!1),o=this._toLocalEventDate(r,!0);if(!l||!o)continue;if(o<l){const d=n.split("T")[0],u=t.get(d)||[];u.push({title:a.title??"",description:a.description,href:s.href||a.getAttribute("href")||void 0,start:n,end:r}),t.set(d,u);continue}for(let d=new Date(l);d<=o;d.setDate(d.getDate()+1)){const u=this._toDateKey(d),E=t.get(u)||[];E.push({title:a.title??"",description:a.description,href:s.href||a.getAttribute("href")||void 0,start:n,end:r}),t.set(u,E)}}else if(n&&a.title){const l=n.split("T")[0],o=t.get(l)||[];o.push({title:a.title,description:a.description,href:s.href||a.getAttribute("href")||void 0,start:n}),t.set(l,o)}}return t}_syncDisplayFromCurrent(e=!0){const t=this._current.getFullYear(),a=this._current.getMonth()+1;this._syncingDisplay=!0;try{this.displayYear=t,this.displayMonth=a}finally{this._syncingDisplay=!1}e&&this._dispatchMonthChange(t,a)}_dispatchMonthChange(e,t){const a={displayYear:e,displayMonth:t};this.dispatchEvent(new CustomEvent("scb-calendar-month-change",{bubbles:!0,composed:!0,detail:a})),this.dispatchEvent(new CustomEvent("scbcalendarmonthchange",{bubbles:!0,composed:!0,detail:a}))}_dispatchSelect(e){const t={selectedDate:e};this.dispatchEvent(new CustomEvent("scb-calendar-select",{bubbles:!0,composed:!0,detail:t})),this.dispatchEvent(new CustomEvent("scbcalendarselect",{bubbles:!0,composed:!0,detail:t}))}_formatDayLabel(e){return new Intl.DateTimeFormat(this.lang==="en"?"en-GB":"sv-SE",{day:"numeric",month:"long",year:"numeric"}).format(e)}_formatDayAriaLabel(e,t,a){const s=a.map(r=>`${r.prefix||""}${r.title}`.trim()).filter(Boolean),n=[this._formatDayLabel(e)];return t&&n.push(t),s.length===1?n.push(this.lang==="en"?`1 event: ${s[0]}`:`1 händelse: ${s[0]}`):s.length>1&&n.push(this.lang==="en"?`${s.length} events: ${s.join(", ")}`:`${s.length} händelser: ${s.join(", ")}`),n.join(". ")}__dayOffsetFrom(e,t){const a=e.dataset.date;if(!a)return;const s=new Date(`${a}T12:00:00`);s.setDate(s.getDate()+t);const n=this.__formatDateKey(s);return this.shadowRoot?.querySelector(`.calendar-day[data-date="${n}"]`)??void 0}__formatDateKey(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}__focusCalendarDay(e){this.shadowRoot?.querySelectorAll(".calendar-day[data-date]").forEach(t=>{t.tabIndex=t===e?0:-1}),this._rovingDate=e.dataset.date??"",e.focus()}__focusAdjacentMonth(e,t){const a=e.dataset.date;if(!a)return;const s=new Date(`${a}T12:00:00`),n=new Date(s.getFullYear(),s.getMonth()+t,1),r=Math.min(s.getDate(),this._daysInMonth(n.getFullYear(),n.getMonth())),l=new Date(n.getFullYear(),n.getMonth(),r);this._current=new Date(l.getFullYear(),l.getMonth(),1),this.selectedDate="",this._popupEvent=null,this._rovingDate=this.__formatDateKey(l),this._syncDisplayFromCurrent(),this.requestUpdate(),this.updateComplete.then(()=>{const o=this.shadowRoot?.querySelector(`.calendar-day[data-date="${this._rovingDate}"]`);o&&this.__focusCalendarDay(o)})}_daysInMonth(e,t){return new Date(e,t+1,0).getDate()}_firstDayOfWeek(e,t){const a=new Date(e,t,1).getDay();return a===0?6:a-1}_prevMonth(){this._current=new Date(this._current.getFullYear(),this._current.getMonth()-1,1),this.selectedDate="",this._popupEvent=null,this._syncDisplayFromCurrent(),this.requestUpdate()}_nextMonth(){this._current=new Date(this._current.getFullYear(),this._current.getMonth()+1,1),this.selectedDate="",this._popupEvent=null,this._syncDisplayFromCurrent(),this.requestUpdate()}_showEventPopup(e){this._popupEvent=e,this.selectedDate=e.date,this._dispatchSelect(e.date),this._lastActiveDay=this.shadowRoot?.activeElement||document.activeElement,this.requestUpdate(),this.updateComplete.then(()=>{const t=this.shadowRoot?.querySelector("scb-dialog");t&&(document.activeElement&&(t.__lastTriggerEl=document.activeElement),requestAnimationFrame(()=>{requestAnimationFrame(()=>{t.open=!0})}),t.addEventListener("close",this._handleDialogClose,{once:!0}))})}_addDays(e,t){const a=new Date(e.valueOf());return a.setDate(a.getDate()+t),a}_easterDay(e){if(typeof this._easterDateCalculated["Ar"+e]<"u")return new Date(this._easterDateCalculated["Ar"+e]);let t=e;t<100&&(t=t+1900),t<1950&&(t=t+100);const a=t%19,s=t%4,n=t%7,r=(19*a+24)%30,l=(2*s+4*n+6*r+5)%7;let o=22+r+l,d=0;o==57&&(o-=7),o==56&&r==28&&l==6&&a>10&&(o-=7),o>31?(o-=31,d=4):d=3;const u=new Date(t,d-1,o);return this._easterDateCalculated["Ar"+e]=u,new Date(this._easterDateCalculated["Ar"+e])}_swedishHolidayName(e){const t=e.getMonth();if(t===1||t===6||t===7||t===8)return null;const a=e.getMonth()+1,s=e.getDate(),n=e.getFullYear(),r=this._easterDay(n),l=this.lang==="en",o=[["Nyårsdagen","New Year's Day",a===1&&s===1],["Trettondedag jul","Epiphany",a===1&&s===6],["Långfredag","Good Friday",+e==+this._addDays(r,-2)],["Påskdagen","Easter Sunday",+e==+r],["Annandag påsk","Easter Monday",+e==+this._addDays(r,1)],["Kristi himmelsfärdsdag","Ascension Day",+e==+this._addDays(r,39)],["Pingstdagen","Pentecost",+e==+this._addDays(r,50)&&n<2005],["Första maj","May Day",a===5&&s===1],["Nationaldagen","National Day",a===6&&s===6&&n>=2005],["Midsommarafton","Midsummer's Eve",a===6&&s>=19&&s<=25&&e.getDay()===5],["Midsommardagen","Midsummer's Day",a===6&&s>=20&&s<=26&&e.getDay()===6],["Julafton","Christmas Eve",a===12&&s===24],["Juldagen","Christmas Day",a===12&&s===25],["Annandag jul","Boxing Day",a===12&&s===26],["Alla helgons dag","All Saints' Day",a===10&&s>=31&&e.getDay()===6||a===11&&s<=6&&e.getDay()===6]];for(const d of o){const[u,E,M]=d;if(M)return l?E:u}return null}render(){const e=this._current.getFullYear(),t=this._current.getMonth(),a=this._daysInMonth(e,t),s=this._firstDayOfWeek(e,t),n=this._today,r=this.lang==="en",l=r?["January","February","March","April","May","June","July","August","September","October","November","December"]:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"];let o=r?["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]:["Mån","Tis","Ons","Tor","Fre","Lör","Sön"];this.disableWeekend&&(o=o.slice(0,5));const d=this._getEventInputs(),u=d?this._buildEventMapFromInputs(d):this._buildEventMapFromChildren(),E=`${e}-${String(t+1).padStart(2,"0")}-`,M=new Date(e,t,1);if(this.disableWeekend)for(;M.getDay()===0||M.getDay()===6;)M.setDate(M.getDate()+1);const B=this.__formatDateKey(n),U=[...u.keys()].find(i=>{if(!i.startsWith(E))return!1;if(!this.disableWeekend)return!0;const h=new Date(`${i}T12:00:00`);return h.getDay()!==0&&h.getDay()!==6}),G=[this._rovingDate,this.selectedDate,B,U,this.__formatDateKey(M)].find(i=>i?.startsWith(E))??this.__formatDateKey(M),K=[];let N=1;for(let i=0;i<6;i++){const h=[],b=this.disableWeekend?[0,1,2,3,4]:[0,1,2,3,4,5,6];let p=N;for(let D=0;D<b.length;D++){const w=b[D];if(i===0&&w<s){if(!this.disableWeekend||w<5){const T=t===0?11:t-1,C=t===0?e-1:e,y=this._daysInMonth(C,T)-(s-w-1),z=new Date(C,T,y);h.push(k`
|
|
2
2
|
<div
|
|
3
3
|
class="calendar-day calendar-day--other"
|
|
4
4
|
role="gridcell"
|
|
@@ -6,7 +6,7 @@ import{g as J,h as X,m as Z,p as _,v as k,y as V}from"../../vendor/vendor.js";im
|
|
|
6
6
|
aria-label=${this._formatDayLabel(z)}>
|
|
7
7
|
<span class="calendar-day-number">${y}</span>
|
|
8
8
|
</div>
|
|
9
|
-
`)}}else if(p>a)h.push(k`<div role="gridcell" aria-disabled="true"></div>`);else{let T=new Date(t,
|
|
9
|
+
`)}}else if(p>a)h.push(k`<div role="gridcell" aria-disabled="true"></div>`);else{let T=new Date(e,t,p);if(this.disableWeekend)for(;T.getDay()===0||T.getDay()===6;)p++,T=new Date(e,t,p);if(p>a){h.push(k`<div role="gridcell" aria-disabled="true"></div>`);continue}const C=n.getFullYear()===e&&n.getMonth()===t&&n.getDate()===p,y=`${e}-${String(t+1).padStart(2,"0")}-${String(p).padStart(2,"0")}`,z=new Date(e,t,p);let Y=!1,A=null;this.publicHolidays&&(A=this._swedishHolidayName(z),Y=!!A);let v=u.get(y)||[];v=[...v].sort((c,g)=>{const F=c.start&&y===c.start.split("T")[0]?c.start:c.end&&y===c.end.split("T")[0]?c.end:"",S=g.start&&y===g.start.split("T")[0]?g.start:g.end&&g.end.split("T")[0]?g.end:"",x=F&&F.includes("T"),R=S&&S.includes("T");return x&&R?F.localeCompare(S):x?-1:R?1:c.title.localeCompare(g.title)});const q=[...v].map(c=>{let g="",F="";if(c.start&&c.end){const S=c.start.split("T")[0],x=c.end.split("T")[0];y===S&&y===x&&c.start.includes("T")&&c.end.includes("T")?g=c.start.split("T")[1].substring(0,5)+"–"+c.end.split("T")[1].substring(0,5):y===S&&c.start.includes("T")?g=c.start.split("T")[1].substring(0,5):y===x&&c.end.includes("T")&&S!==x?(g=c.end.split("T")[1].substring(0,5),F=r?"cont. ":"fort. "):y===x&&c.end.includes("T")?g=c.end.split("T")[1].substring(0,5):y!==S&&(g="",F=r?"cont. ":"fort. ")}else c.start&&c.start.includes("T")&&(g=c.start.split("T")[1].substring(0,5));return{...c,time:g,prefix:F}}),j=this.selectedDate===y,Q=this._formatDayAriaLabel(T,A,q);h.push(k`
|
|
10
10
|
<div
|
|
11
11
|
class="calendar-day${C?" today":""}${v.length?" has-event":""}${Y?" calendar-day--holiday":""}"
|
|
12
12
|
data-date=${y}
|
|
@@ -30,13 +30,13 @@ import{g as J,h as X,m as Z,p as _,v as k,y as V}from"../../vendor/vendor.js";im
|
|
|
30
30
|
`),p++}}if(N=p,K.push(k`<div class="calendar-grid" role="row">${h}</div>`),N>a)break}return k`
|
|
31
31
|
<div class="calendar-header">
|
|
32
32
|
<scb-icon-button size=${I(this,"--scb-calendar-navigation-icon-button-size",["tiny","extra-small","small","medium","large"],"medium")} @click=${this._prevMonth} icon="chevron_left" aria-label="${r?"Previous month":"Föregående månad"}"></scb-icon-button>
|
|
33
|
-
<span>${l[
|
|
33
|
+
<span>${l[t]} ${e}</span>
|
|
34
34
|
<scb-icon-button size=${I(this,"--scb-calendar-navigation-icon-button-size",["tiny","extra-small","small","medium","large"],"medium")} @click=${this._nextMonth} icon="chevron_right" aria-label="${r?"Next month":"Nästa månad"}"></scb-icon-button>
|
|
35
35
|
</div>
|
|
36
36
|
<div class="calendar-grid calendar-grid-days" role="row">
|
|
37
37
|
${o.map(i=>k`<div role="columnheader">${i}</div>`)}
|
|
38
38
|
</div>
|
|
39
|
-
<div class="calendar-weeks" role="grid" aria-label=${`${l[
|
|
39
|
+
<div class="calendar-weeks" role="grid" aria-label=${`${l[t]} ${e}`}>
|
|
40
40
|
${K}
|
|
41
41
|
</div>
|
|
42
42
|
${this._popupEvent&&Array.isArray(this._popupEvent.events)?k`
|
|
@@ -60,4 +60,4 @@ import{g as J,h as X,m as Z,p as _,v as k,y as V}from"../../vendor/vendor.js";im
|
|
|
60
60
|
</scb-list>
|
|
61
61
|
</scb-dialog>
|
|
62
62
|
`:""}
|
|
63
|
-
`}},O.styles=V`:host{display:block;margin-block-start:var(--scb-calendar-spacing-block-start, 0);margin-block-end:var(--scb-calendar-spacing-block-end, 0);margin-inline-start:var(--scb-calendar-spacing-inline-start, 0);margin-inline-end:var(--scb-calendar-spacing-inline-end, 0);border:1px solid var(--md-sys-color-outline-variant);padding-block:var(--scb-calendar-padding-block, var(--spacing-5, 16px));padding-inline:var(--scb-calendar-padding-inline, var(--spacing-5, 16px));border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface);font-family:var(--brand-font)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--scb-calendar-header-gap, var(--spacing-5, 16px));border-bottom:1px solid var(--scb-calendar-header-border-color, var(--md-sys-color-outline-variant, var(--n-90)));padding-bottom:var(--scb-calendar-header-padding-block-end, var(--spacing-3, 8px))}.calendar-grid{display:grid;gap:var(--scb-calendar-grid-gap, var(--spacing-2, 4px));margin-bottom:var(--scb-calendar-grid-margin-block-end, var(--spacing-2, 4px));grid-template-columns:repeat(7,1fr)}:host([disable-weekend]) .calendar-grid{grid-template-columns:repeat(5,1fr)}.calendar-grid-days{font-family:var(--scb-calendar-weekday-font, var(--brand-font));font-size:var(--scb-calendar-weekday-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size)));line-height:var(--scb-calendar-weekday-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height)));font-weight:var(--scb-calendar-weekday-weight, var(--weight-semibold, 600));letter-spacing:var(--scb-calendar-weekday-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking)));margin-bottom:var(--scb-calendar-weekday-gap, var(--spacing-5, 16px))}.calendar-weeks{display:grid;grid-auto-rows:1fr}.calendar-titles-wrapper{display:grid;gap:var(--scb-calendar-grid-gap, var(--spacing-2, 4px))}.calendar-day{border-radius:var(--scb-calendar-day-radius, var(--radius-small, 8px));min-height:var(--scb-calendar-day-min-height, var(--scale-11, 48px));display:flex;padding:var(--scb-calendar-day-padding, var(--spacing-3, 8px));box-sizing:border-box;overflow:hidden;position:relative;gap:var(--scb-calendar-day-gap, var(--spacing-3, 8px));border:1px solid var(--md-sys-color-outline-variant, var(--n-90));flex-direction:column}.calendar-day--holiday{background:var(--md-sys-color-error-container)}.calendar-day:focus{outline:0}.calendar-day md-focus-ring{position:absolute;inset:0;pointer-events:none;border-radius:var(--scb-calendar-day-radius, var(--radius-small, 8px));--md-focus-ring-color:var(--md-sys-color-primary);display:none}.calendar-day:focus-visible md-focus-ring{display:block}.calendar-day--other{color:light-dark(var(--n-40),var(--n-70))}.calendar-day--other .calendar-day-event-title{color:inherit}.calendar-day--other .calendar-day-number{font-weight:var(--weight-regular)}.calendar-day-number{font-family:var(--scb-calendar-day-number-font, var(--brand-font));font-size:var(--scb-calendar-day-number-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size)));line-height:var(--scb-calendar-day-number-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height)));font-weight:var(--scb-calendar-day-number-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight)));letter-spacing:var(--scb-calendar-day-number-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking)));display:flex;gap:var(--scb-calendar-day-number-gap, var(--spacing-3, 8px))}.calendar-day-event-title,.calendar-day-holiday-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}.calendar-day-event-title{font-family:var(--scb-calendar-event-title-font, var(--brand-font));font-size:var(--scb-calendar-event-title-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size)));line-height:var(--scb-calendar-event-title-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height)));font-weight:var(--scb-calendar-event-title-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight)));letter-spacing:var(--scb-calendar-event-title-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking)));color:var(--md-sys-color-primary)}.calendar-day-holiday-name{color:var(--md-sys-color-on-error-container);font-family:var(--scb-calendar-holiday-name-font, var(--brand-font));font-size:var(--scb-calendar-holiday-name-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size)));line-height:var(--scb-calendar-holiday-name-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height)));font-weight:var(--scb-calendar-holiday-name-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight)));letter-spacing:var(--scb-calendar-holiday-name-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking)))}.calendar-day.today{background:var(--md-sys-color-secondary-container)}.calendar-day.has-event{cursor:pointer;position:relative;border:1px solid var(--md-sys-color-primary)}.event-popup-list{display:flex;flex-direction:column;gap:var(--scb-calendar-event-list-gap, var(--spacing-4, 12px))}`,O);function H(){const $=this.mapSpacingToken(this.spacing),
|
|
63
|
+
`}},O.styles=V`:host{display:block;margin-block-start:var(--scb-calendar-spacing-block-start, 0);margin-block-end:var(--scb-calendar-spacing-block-end, 0);margin-inline-start:var(--scb-calendar-spacing-inline-start, 0);margin-inline-end:var(--scb-calendar-spacing-inline-end, 0);border:1px solid var(--scb-calendar-outline-color, var(--md-sys-color-outline-variant));padding-block:var(--scb-calendar-padding-block, var(--spacing-5, 16px));padding-inline:var(--scb-calendar-padding-inline, var(--spacing-5, 16px));border-radius:var(--md-sys-shape-corner-large);background:var(--scb-calendar-surface-color, var(--md-sys-color-surface));color:var(--scb-calendar-content-color, var(--md-sys-color-on-surface));font-family:var(--brand-font)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--scb-calendar-header-gap, var(--spacing-5, 16px));border-bottom:1px solid var(--scb-calendar-header-border-color, var(--md-sys-color-outline-variant, var(--n-90)));padding-bottom:var(--scb-calendar-header-padding-block-end, var(--spacing-3, 8px))}.calendar-grid{display:grid;gap:var(--scb-calendar-grid-gap, var(--spacing-2, 4px));margin-bottom:var(--scb-calendar-grid-margin-block-end, var(--spacing-2, 4px));grid-template-columns:repeat(7,1fr)}:host([disable-weekend]) .calendar-grid{grid-template-columns:repeat(5,1fr)}.calendar-grid-days{font-family:var(--scb-calendar-weekday-font, var(--brand-font));font-size:var(--scb-calendar-weekday-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size)));line-height:var(--scb-calendar-weekday-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height)));font-weight:var(--scb-calendar-weekday-weight, var(--weight-semibold, 600));letter-spacing:var(--scb-calendar-weekday-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking)));margin-bottom:var(--scb-calendar-weekday-gap, var(--spacing-5, 16px))}.calendar-weeks{display:grid;grid-auto-rows:1fr}.calendar-titles-wrapper{display:grid;gap:var(--scb-calendar-grid-gap, var(--spacing-2, 4px))}.calendar-day{border-radius:var(--scb-calendar-day-radius, var(--radius-small, 8px));min-height:var(--scb-calendar-day-min-height, var(--scale-11, 48px));display:flex;padding:var(--scb-calendar-day-padding, var(--spacing-3, 8px));box-sizing:border-box;overflow:hidden;position:relative;gap:var(--scb-calendar-day-gap, var(--spacing-3, 8px));border:1px solid var(--scb-calendar-outline-color, var(--md-sys-color-outline-variant, var(--n-90)));flex-direction:column}.calendar-day--holiday{background:var(--scb-calendar-holiday-container-color, var(--md-sys-color-error-container))}.calendar-day:focus{outline:0}.calendar-day md-focus-ring{position:absolute;inset:0;pointer-events:none;border-radius:var(--scb-calendar-day-radius, var(--radius-small, 8px));--md-focus-ring-color:var(--scb-calendar-accent-color, var(--md-sys-color-primary));display:none}.calendar-day:focus-visible md-focus-ring{display:block}.calendar-day--other{color:light-dark(var(--n-40),var(--n-70))}.calendar-day--other .calendar-day-event-title{color:inherit}.calendar-day--other .calendar-day-number{font-weight:var(--weight-regular)}.calendar-day-number{font-family:var(--scb-calendar-day-number-font, var(--brand-font));font-size:var(--scb-calendar-day-number-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size)));line-height:var(--scb-calendar-day-number-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height)));font-weight:var(--scb-calendar-day-number-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight)));letter-spacing:var(--scb-calendar-day-number-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking)));display:flex;gap:var(--scb-calendar-day-number-gap, var(--spacing-3, 8px))}.calendar-day-event-title,.calendar-day-holiday-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}.calendar-day-event-title{font-family:var(--scb-calendar-event-title-font, var(--brand-font));font-size:var(--scb-calendar-event-title-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size)));line-height:var(--scb-calendar-event-title-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height)));font-weight:var(--scb-calendar-event-title-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight)));letter-spacing:var(--scb-calendar-event-title-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking)));color:var(--scb-calendar-accent-color, var(--md-sys-color-primary))}.calendar-day-holiday-name{color:var(--scb-calendar-holiday-content-color, var(--md-sys-color-on-error-container));font-family:var(--scb-calendar-holiday-name-font, var(--brand-font));font-size:var(--scb-calendar-holiday-name-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size)));line-height:var(--scb-calendar-holiday-name-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height)));font-weight:var(--scb-calendar-holiday-name-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight)));letter-spacing:var(--scb-calendar-holiday-name-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking)))}.calendar-day.today{background:var(--scb-calendar-today-container-color, var(--md-sys-color-secondary-container));color:var(--scb-calendar-today-content-color, var(--md-sys-color-on-surface))}.calendar-day.has-event{cursor:pointer;position:relative;border:1px solid var(--scb-calendar-accent-color, var(--md-sys-color-primary))}.event-popup-list{display:flex;flex-direction:column;gap:var(--scb-calendar-event-list-gap, var(--spacing-4, 12px))}`,O);function H(){const $=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??$,t=this.mapSpacingToken(this.spacingBottom)??$,a=this.mapSpacingToken(this.spacingLeft),s=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-calendar-spacing-block-start",e):this.style.removeProperty("--scb-calendar-spacing-block-start"),t?this.style.setProperty("--scb-calendar-spacing-block-end",t):this.style.removeProperty("--scb-calendar-spacing-block-end"),a?this.style.setProperty("--scb-calendar-spacing-inline-start",a):this.style.removeProperty("--scb-calendar-spacing-inline-start"),s?this.style.setProperty("--scb-calendar-spacing-inline-end",s):this.style.removeProperty("--scb-calendar-spacing-inline-end")}f([_({type:String})],m.prototype,"lang",void 0);f([_({type:Boolean,attribute:"disable-weekend",reflect:!0,converter:P})],m.prototype,"disableWeekend",void 0);f([_({type:Boolean,attribute:"public-holidays",converter:P})],m.prototype,"publicHolidays",void 0);f([_({type:Number,attribute:"display-year",reflect:!0})],m.prototype,"displayYear",void 0);f([_({type:Number,attribute:"display-month",reflect:!0})],m.prototype,"displayMonth",void 0);f([_({type:String,attribute:"selected-date",reflect:!0})],m.prototype,"selectedDate",void 0);f([_({attribute:!1})],m.prototype,"events",void 0);f([_({type:String,attribute:"events-json"})],m.prototype,"eventsJson",void 0);f([_({type:String,reflect:!0})],m.prototype,"spacing",void 0);f([_({type:String,attribute:"spacing-top",reflect:!0})],m.prototype,"spacingTop",void 0);f([_({type:String,attribute:"spacing-bottom",reflect:!0})],m.prototype,"spacingBottom",void 0);f([_({type:String,attribute:"spacing-left",reflect:!0})],m.prototype,"spacingLeft",void 0);f([_({type:String,attribute:"spacing-right",reflect:!0})],m.prototype,"spacingRight",void 0);m=f([Z("scb-calendar")],m);
|