@sbb-esta/lyne-elements 3.0.0-next.3 → 3.0.0

package/calendar/calendar.component.js

@@ -1,28 +1,27 @@
-var ye = (b) => {
+var we = (b) => {
   throw TypeError(b);
 };
-var De = (b, _, f) => _.has(b) || ye("Cannot " + f);
-var w = (b, _, f) => (De(b, _, "read from private field"), f ? f.call(b) : _.get(b)), y = (b, _, f) => _.has(b) ? ye("Cannot add the same private member more than once") : _ instanceof WeakSet ? _.add(b) : _.set(b, f), c = (b, _, f, D) => (De(b, _, "write to private field"), D ? D.call(b, f) : _.set(b, f), f);
+var ye = (b, _, f) => _.has(b) || we("Cannot " + f);
+var w = (b, _, f) => (ye(b, _, "read from private field"), f ? f.call(b) : _.get(b)), y = (b, _, f) => _.has(b) ? we("Cannot add the same private member more than once") : _ instanceof WeakSet ? _.add(b) : _.set(b, f), c = (b, _, f, D) => (ye(b, _, "write to private field"), D ? D.call(b, f) : _.set(b, f), f);
 import { __esDecorate as p, __runInitializers as d } from "tslib";
-import { css as $e, LitElement as Me, isServer as Ae, nothing as m, html as l } from "lit";
-import { customElement as Ye, property as A, state as C } from "lit/decorators.js";
-import { classMap as S } from "lit/directives/class-map.js";
-import { sbbInputModalityDetector as ze, isArrowKeyOrPageKeysPressed as Fe } from "../core/a11y.js";
-import { readConfig as Re } from "../core/config.js";
-import { SbbLanguageController as Ie, SbbMediaMatcherController as Oe, SbbMediaQueryBreakpointMediumAndAbove as xe } from "../core/controllers.js";
-import { defaultDateAdapter as Ne, YEARS_PER_PAGE as v, DAYS_PER_ROW as u, MONTHS_PER_ROW as T, YEARS_PER_ROW as P, MONTHS_PER_PAGE as Ce } from "../core/datetime.js";
-import { forceType as Se, plainDate as Ve } from "../core/decorators.js";
-import { EventEmitter as Te } from "../core/eventing.js";
-import { i18nPreviousMonth as Pe, i18nNextMonth as We, i18nYearMonthSelection as Ee, i18nPreviousYear as Le, i18nNextYear as Be, i18nCalendarDateSelection as ke, i18nPreviousYearRange as qe, i18nNextYearRange as Ke } from "../core/i18n.js";
-import { SbbHydrationMixin as Ue } from "../core/mixins.js";
+import { css as ke, LitElement as $e, isServer as De, nothing as m, html as l } from "lit";
+import { customElement as Me, property as A, state as C } from "lit/decorators.js";
+import { classMap as T } from "lit/directives/class-map.js";
+import { sbbInputModalityDetector as Ye, isArrowKeyOrPageKeysPressed as ze } from "../core/a11y.js";
+import { readConfig as Fe } from "../core/config.js";
+import { SbbLanguageController as Re, SbbMediaMatcherController as Ie, SbbMediaQueryBreakpointMediumAndAbove as Ae } from "../core/controllers.js";
+import { defaultDateAdapter as Oe, YEARS_PER_PAGE as v, DAYS_PER_ROW as u, MONTHS_PER_ROW as S, YEARS_PER_ROW as P, MONTHS_PER_PAGE as Ne } from "../core/datetime.js";
+import { forceType as Ce, plainDate as xe } from "../core/decorators.js";
+import { i18nPreviousMonth as Te, i18nNextMonth as Se, i18nYearMonthSelection as Pe, i18nPreviousYear as We, i18nNextYear as Ee, i18nCalendarDateSelection as Ve, i18nPreviousYearRange as Le, i18nNextYearRange as Be } from "../core/i18n.js";
+import { SbbHydrationMixin as qe } from "../core/mixins.js";
 import "../button/secondary-button.js";
 import "../icon.js";
 import "../screen-reader-only.js";
-const He = $e`*,:before,:after{box-sizing:border-box}:host{display:block;width:max-content;--sbb-calendar-cell-size: 2.5rem;--sbb-calendar-hover-shift: .0625rem;--sbb-calendar-wide-cell-size: 4.375rem;--sbb-calendar-cell-disabled-color: var(--sbb-color-granite);--sbb-calendar-header-color: var(--sbb-color-granite);--sbb-calendar-cell-background-color: transparent;--sbb-calendar-cell-padding: .125rem;--sbb-calendar-cell-color: var(--sbb-color-charcoal);--sbb-calendar-cell-selected-color: var(--sbb-color-white);--sbb-calendar-cell-selected-background-color: var(--sbb-color-charcoal);--sbb-calendar-cell-disabled-height: .09375rem;--sbb-calendar-cell-disabled-width: 1.59375rem;--sbb-calendar-cell-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);--sbb-calendar-tables-gap: var(--sbb-spacing-fixed-10x);--sbb-calendar-table-animation-shift: .00625rem;--sbb-calendar-table-animation-duration: .1ms;--sbb-calendar-table-column-spaces: 12;--sbb-calendar-control-view-change-height: 2.75rem;--sbb-calendar-control-view-change-color: var(--sbb-color-charcoal);--sbb-calendar-control-view-change-background: var(--sbb-color-white)}@media (min-width: 22.5rem){:host{--sbb-calendar-cell-size: 2.75rem;--sbb-calendar-wide-cell-size: 4.8125rem;--sbb-calendar-control-view-change-height: 3rem}}.sbb-calendar__wrapper{width:100%;display:block;transition-duration:var(--sbb-calendar-cell-transition-duration)}.sbb-calendar__controls{width:100%;display:inline-flex;align-items:center;gap:var(--sbb-spacing-fixed-2x);margin-block-end:var(--sbb-spacing-fixed-4x)}.sbb-calendar__controls-month{width:100%;display:flex;gap:var(--sbb-calendar-tables-gap)}#sbb-calendar__controls-previous,#sbb-calendar__controls-next{-webkit-tap-highlight-color:transparent}.sbb-calendar__controls-change-date{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;align-items:center;margin:auto;height:var(--sbb-calendar-control-view-change-height);text-transform:capitalize;cursor:pointer;padding-inline:var(--sbb-spacing-fixed-5x) var(--sbb-spacing-fixed-2x);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-calendar-control-view-change-background);color:var(--sbb-calendar-control-view-change-color);transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color,padding-block-end}.sbb-calendar__controls-change-date:disabled{--sbb-calendar-control-view-change-background: var(--sbb-color-milk);--sbb-calendar-control-view-change-color: var(--sbb-calendar-cell-disabled-color);cursor:unset}.sbb-calendar__controls-change-date:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-1x)}@media (any-hover: hover){.sbb-calendar__controls-change-date:not(:active,:disabled):hover{padding-block-end:var(--sbb-calendar-hover-shift)}}.sbb-calendar__controls-change-date:not(:disabled):active{--sbb-calendar-control-view-change-background: var(--sbb-color-milk)}.sbb-calendar__table-month-view,.sbb-calendar__table-year-view{--sbb-calendar-table-column-spaces: 6}.sbb-calendar__table-container{display:flex;gap:var(--sbb-calendar-tables-gap);margin-inline:var(--sbb-calendar-margin);--sbb-calendar-min-width: calc(7 * var(--sbb-calendar-cell-size));--sbb-calendar-overflow: calc(100% - var(--sbb-calendar-min-width));--sbb-calendar-start-offset: min( 0px, -1 * (var(--sbb-calendar-overflow) / var(--sbb-calendar-table-column-spaces)) );--sbb-calendar-margin: var(--sbb-calendar-start-offset)}:host([data-wide]) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 2 * 7 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) );--sbb-calendar-margin: calc(.5 * var(--sbb-calendar-start-offset))}:host([orientation=vertical]) .sbb-calendar__table-container{min-width:var(--sbb-calendar-min-width);--sbb-calendar-start-offset: 0}:host([orientation=vertical][data-wide]) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 13 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) )}.sbb-calendar__table{width:100%;border-collapse:collapse;height:max-content;animation-name:show;animation-duration:var(--sbb-calendar-table-animation-duration)}.sbb-calendar__table.sbb-calendar__table-hide{--sbb-calendar-cell-transition-duration: 0ms;animation-name:hide;animation-duration:var(--sbb-calendar-table-animation-duration)}:host(:not([data-wide])) .sbb-calendar__table{min-width:100%}.sbb-calendar__table-header{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-calendar-header-color);width:var(--sbb-calendar-cell-size);padding:0;text-align:center}:host([orientation=horizontal]) .sbb-calendar__table-header{padding-block-end:var(--sbb-spacing-fixed-4x)}:host([orientation=vertical]) .sbb-calendar__table-header{padding-inline-end:var(--sbb-spacing-fixed-1x)}.sbb-calendar__table-data{position:relative;padding:0;text-align:center}.sbb-calendar__cell{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);height:var(--sbb-calendar-cell-size);color:var(--sbb-calendar-cell-color);cursor:pointer;position:relative;z-index:0}.sbb-calendar__cell:before{content:"";position:absolute;inset:var(--sbb-calendar-cell-padding);background-color:var(--sbb-calendar-cell-background-color);border-radius:50%;z-index:-1;transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color}@media (any-hover: hover){.sbb-calendar__cell:not(.sbb-calendar__selected,:active,:disabled):hover{--sbb-calendar-cell-background-color: var(--sbb-color-milk);padding-block-end:var(--sbb-calendar-hover-shift)}}@media (any-hover: hover) and (forced-colors: active){.sbb-calendar__cell:not(.sbb-calendar__selected,:active,:disabled):hover:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-style: initial}}.sbb-calendar__cell:disabled{--sbb-calendar-cell-color: var(--sbb-calendar-cell-disabled-color);cursor:unset}.sbb-calendar__cell:focus-visible:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-calendar__cell:not(.sbb-calendar__selected,:disabled):active{--sbb-calendar-cell-background-color: var(--sbb-color-cloud)}@media (forced-colors: active){.sbb-calendar__cell:not(.sbb-calendar__selected,:disabled):active:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-style: initial}}.sbb-calendar__day{border-radius:50%;width:var(--sbb-calendar-cell-size)}.sbb-calendar__day:before{border-radius:50%}.sbb-calendar__pill{width:var(--sbb-calendar-wide-cell-size);border-radius:var(--sbb-border-radius-infinity)}.sbb-calendar__pill:before{border-radius:var(--sbb-border-radius-infinity)}.sbb-calendar__crossed-out:after{content:"";height:var(--sbb-calendar-cell-disabled-height);width:var(--sbb-calendar-cell-disabled-width);position:absolute;background-color:var(--sbb-calendar-cell-disabled-color);top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.sbb-calendar__cell-current{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700}.sbb-calendar__selected{--sbb-calendar-cell-color: var(--sbb-calendar-cell-selected-color);--sbb-calendar-cell-background-color: var(--sbb-calendar-cell-selected-background-color)}@media (forced-colors: active){.sbb-calendar__selected{--sbb-calendar-cell-background-color: ButtonText !important}}@keyframes show{0%{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}to{opacity:1;transform:translateY(0)}}@keyframes hide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}}`;
-let ht = (() => {
+const Ke = ke`*,:before,:after{box-sizing:border-box}:host{display:block;width:max-content;--sbb-calendar-cell-size: 2.5rem;--sbb-calendar-hover-shift: .0625rem;--sbb-calendar-wide-cell-size: 4.375rem;--sbb-calendar-cell-disabled-color: var(--sbb-color-granite);--sbb-calendar-header-color: var(--sbb-color-granite);--sbb-calendar-cell-background-color: transparent;--sbb-calendar-cell-padding: .125rem;--sbb-calendar-cell-color: var(--sbb-color-charcoal);--sbb-calendar-cell-selected-color: var(--sbb-color-white);--sbb-calendar-cell-selected-background-color: var(--sbb-color-charcoal);--sbb-calendar-cell-disabled-height: .09375rem;--sbb-calendar-cell-disabled-width: 1.59375rem;--sbb-calendar-cell-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);--sbb-calendar-tables-gap: var(--sbb-spacing-fixed-10x);--sbb-calendar-table-animation-shift: .00625rem;--sbb-calendar-table-animation-duration: .1ms;--sbb-calendar-table-column-spaces: 12;--sbb-calendar-control-view-change-height: 2.75rem;--sbb-calendar-control-view-change-color: var(--sbb-color-charcoal);--sbb-calendar-control-view-change-background: var(--sbb-color-white)}@media (min-width: 22.5rem){:host{--sbb-calendar-cell-size: 2.75rem;--sbb-calendar-wide-cell-size: 4.8125rem;--sbb-calendar-control-view-change-height: 3rem}}.sbb-calendar__wrapper{width:100%;display:block;transition-duration:var(--sbb-calendar-cell-transition-duration)}.sbb-calendar__controls{width:100%;display:inline-flex;align-items:center;gap:var(--sbb-spacing-fixed-2x);margin-block-end:var(--sbb-spacing-fixed-4x)}.sbb-calendar__controls-month{width:100%;display:flex;gap:var(--sbb-calendar-tables-gap)}#sbb-calendar__controls-previous,#sbb-calendar__controls-next{-webkit-tap-highlight-color:transparent}.sbb-calendar__controls-change-date{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;align-items:center;margin:auto;height:var(--sbb-calendar-control-view-change-height);text-transform:capitalize;cursor:pointer;padding-inline:var(--sbb-spacing-fixed-5x) var(--sbb-spacing-fixed-2x);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-calendar-control-view-change-background);color:var(--sbb-calendar-control-view-change-color);transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color,padding-block-end}.sbb-calendar__controls-change-date:disabled{--sbb-calendar-control-view-change-background: var(--sbb-color-milk);--sbb-calendar-control-view-change-color: var(--sbb-calendar-cell-disabled-color);cursor:unset}.sbb-calendar__controls-change-date:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-1x)}@media (any-hover: hover){.sbb-calendar__controls-change-date:not(:active,:disabled):hover{padding-block-end:var(--sbb-calendar-hover-shift)}}.sbb-calendar__controls-change-date:not(:disabled):active{--sbb-calendar-control-view-change-background: var(--sbb-color-milk)}.sbb-calendar__table-month-view,.sbb-calendar__table-year-view{--sbb-calendar-table-column-spaces: 6}.sbb-calendar__table-container{display:flex;gap:var(--sbb-calendar-tables-gap);margin-inline:var(--sbb-calendar-margin);--sbb-calendar-min-width: calc(7 * var(--sbb-calendar-cell-size));--sbb-calendar-overflow: calc(100% - var(--sbb-calendar-min-width));--sbb-calendar-start-offset: min( 0px, -1 * (var(--sbb-calendar-overflow) / var(--sbb-calendar-table-column-spaces)) );--sbb-calendar-margin: var(--sbb-calendar-start-offset)}:host([data-wide]) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 2 * 7 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) );--sbb-calendar-margin: calc(.5 * var(--sbb-calendar-start-offset))}:host([orientation=vertical]) .sbb-calendar__table-container{min-width:var(--sbb-calendar-min-width);--sbb-calendar-start-offset: 0}:host([orientation=vertical][data-wide]) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 13 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) )}.sbb-calendar__table{width:100%;border-collapse:collapse;height:max-content;animation-name:show;animation-duration:var(--sbb-calendar-table-animation-duration)}.sbb-calendar__table.sbb-calendar__table-hide{--sbb-calendar-cell-transition-duration: 0ms;animation-name:hide;animation-duration:var(--sbb-calendar-table-animation-duration)}:host(:not([data-wide])) .sbb-calendar__table{min-width:100%}.sbb-calendar__table-header{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-calendar-header-color);width:var(--sbb-calendar-cell-size);padding:0;text-align:center}:host([orientation=horizontal]) .sbb-calendar__table-header{padding-block-end:var(--sbb-spacing-fixed-4x)}:host([orientation=vertical]) .sbb-calendar__table-header{padding-inline-end:var(--sbb-spacing-fixed-1x)}.sbb-calendar__table-data{position:relative;padding:0;text-align:center}.sbb-calendar__cell{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);height:var(--sbb-calendar-cell-size);color:var(--sbb-calendar-cell-color);cursor:pointer;position:relative;z-index:0}.sbb-calendar__cell:before{content:"";position:absolute;inset:var(--sbb-calendar-cell-padding);background-color:var(--sbb-calendar-cell-background-color);border-radius:50%;z-index:-1;transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color}@media (any-hover: hover){.sbb-calendar__cell:not(.sbb-calendar__selected,:active,:disabled):hover{--sbb-calendar-cell-background-color: var(--sbb-color-milk);padding-block-end:var(--sbb-calendar-hover-shift)}}@media (any-hover: hover) and (forced-colors: active){.sbb-calendar__cell:not(.sbb-calendar__selected,:active,:disabled):hover:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-style: initial}}.sbb-calendar__cell:disabled{--sbb-calendar-cell-color: var(--sbb-calendar-cell-disabled-color);cursor:unset}.sbb-calendar__cell:focus-visible:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-calendar__cell:not(.sbb-calendar__selected,:disabled):active{--sbb-calendar-cell-background-color: var(--sbb-color-cloud)}@media (forced-colors: active){.sbb-calendar__cell:not(.sbb-calendar__selected,:disabled):active:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-style: initial}}.sbb-calendar__day{border-radius:50%;width:var(--sbb-calendar-cell-size)}.sbb-calendar__day:before{border-radius:50%}.sbb-calendar__pill{width:var(--sbb-calendar-wide-cell-size);border-radius:var(--sbb-border-radius-infinity)}.sbb-calendar__pill:before{border-radius:var(--sbb-border-radius-infinity)}.sbb-calendar__crossed-out:after{content:"";height:var(--sbb-calendar-cell-disabled-height);width:var(--sbb-calendar-cell-disabled-width);position:absolute;background-color:var(--sbb-calendar-cell-disabled-color);top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.sbb-calendar__cell-current{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700}.sbb-calendar__selected{--sbb-calendar-cell-color: var(--sbb-calendar-cell-selected-color);--sbb-calendar-cell-background-color: var(--sbb-calendar-cell-selected-background-color)}@media (forced-colors: active){.sbb-calendar__selected{--sbb-calendar-cell-background-color: ButtonText !important}}@keyframes show{0%{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}to{opacity:1;transform:translateY(0)}}@keyframes hide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}}`;
+let ot = (() => {
   var x, V, k, $, M, Y, z, F, R, I, h;
-  let b = [Ye("sbb-calendar")], _, f = [], D, L = Ue(Me), W = [], B, q = [], K = [], U, H = [], j = [], G, Q = [], J = [], X, Z = [], ee = [], te, ae, se = [], ie = [], re, ne = [], le = [], oe, de = [], ce = [], he, be = [], _e = [], ue, fe, ge = [], pe = [], me, ve = [], we = [];
-  var E = (h = class extends L {
+  let b = [Me("sbb-calendar")], _, f = [], D, E = qe($e), W = [], L, B = [], q = [], K, U = [], H = [], j, G = [], Q = [], J, X = [], Z = [], ee, te, ae = [], se = [], ie, re = [], ne = [], le, oe = [], de = [], ce, he = [], be = [], _e, ue, fe = [], ge = [], pe, me = [], ve = [];
+  return h = class extends E {
     constructor() {
       super();
       y(this, x);
@@ -35,16 +34,16 @@ let ht = (() => {
       y(this, F);
       y(this, R);
       y(this, I);
-      c(this, x, (d(this, W), d(this, q, !1))), c(this, V, (d(this, K), d(this, H, "day"))), c(this, k, (d(this, j), d(this, Q, null))), c(this, $, (d(this, J), d(this, Z, null))), this._selectedDate = d(this, ee), c(this, M, d(this, se, null)), c(this, Y, (d(this, ie), d(this, ne, "horizontal"))), this._dateAdapter = (d(this, le), Re().datetime?.dateAdapter ?? Ne), this._dateSelected = new Te(this, E.events.dateSelected), c(this, z, d(this, de, this._dateAdapter.today())), c(this, F, (d(this, ce), d(this, be, void 0))), c(this, R, (d(this, _e), d(this, ge, "day"))), this._nextCalendarView = (d(this, pe), "day"), this._keyboardNavigationDayViewParameters = {
+      c(this, x, (d(this, W), d(this, B, !1))), c(this, V, (d(this, q), d(this, U, "day"))), c(this, k, (d(this, H), d(this, G, null))), c(this, $, (d(this, Q), d(this, X, null))), this._selectedDate = d(this, Z), c(this, M, d(this, ae, null)), c(this, Y, (d(this, se), d(this, re, "horizontal"))), this._dateAdapter = (d(this, ne), Fe().datetime?.dateAdapter ?? Oe), c(this, z, d(this, oe, this._dateAdapter.today())), c(this, F, (d(this, de), d(this, he, void 0))), c(this, R, (d(this, be), d(this, fe, "day"))), this._nextCalendarView = (d(this, ge), "day"), this._keyboardNavigationDayViewParameters = {
         firstDayInView: null,
         lastDayInView: null,
         firstMonthOffset: 0,
         firstMonthLength: 0,
         secondMonthOffset: 0
-      }, this._weeks = [], this._monthNames = this._dateAdapter.getMonthNames("long"), this._resetFocus = !1, c(this, I, d(this, ve, !1)), this._language = (d(this, we), new Ie(this).withHandler(() => {
+      }, this._weeks = [], this._monthNames = this._dateAdapter.getMonthNames("long"), this._resetFocus = !1, c(this, I, d(this, me, !1)), this._language = (d(this, ve), new Re(this).withHandler(() => {
         this._monthNames = this._dateAdapter.getMonthNames("long"), this._createMonthRows();
-      })), this._mediaMatcher = new Oe(this, {
-        [xe]: () => this._init()
+      })), this._mediaMatcher = new Ie(this, {
+        [Ae]: () => this._init()
       }), this._createMonthRows(), this._setWeekdays();
     }
     /** If set to true, two months are displayed */
@@ -157,16 +156,16 @@ let ht = (() => {
       super.willUpdate(e), this._initialized && ((e.has("wide") || e.has("orientation")) && this.resetPosition(), e.has("view") && (this._setChosenYear(), this._chosenMonth = void 0, this._nextCalendarView = this._calendarView = this.view));
     }
     updated(e) {
-      super.updated(e), this._setTabIndex(), ze.mostRecentModality === "keyboard" && this._focusCell();
+      super.updated(e), this._setTabIndex(), Ye.mostRecentModality === "keyboard" && this._focusCell();
     }
     /** Initializes the component. */
     _init(e) {
-      if (!Ae) {
+      if (!De) {
         if (this.hydrationRequired) {
           this.hydrationComplete.then(() => this._init());
           return;
         }
-        if (e && this._assignActiveDate(e), this._wide = (this._mediaMatcher.matches(xe) ?? !1) && this.wide, this._weeks = this._createWeekRows(this._activeDate), this._years = this._createYearRows(), this._nextMonthWeeks = [[]], this._nextMonthYears = [[]], this._wide) {
+        if (e && this._assignActiveDate(e), this._wide = (this._mediaMatcher.matches(Ae) ?? !1) && this.wide, this._weeks = this._createWeekRows(this._activeDate), this._years = this._createYearRows(), this._nextMonthWeeks = [[]], this._nextMonthYears = [[]], this._wide) {
           const t = this._dateAdapter.addCalendarMonths(this._activeDate, 1);
           this._nextMonthWeeks = this._createWeekRows(t, !0), this._nextMonthYears = this._createYearRows(v);
         }
@@ -248,9 +247,9 @@ let ht = (() => {
         value: e[r],
         longValue: this._monthNames[r],
         monthValue: r + 1
-      })), a = 12 / T, s = [];
+      })), a = 12 / S, s = [];
       for (let i = 0; i < a; i++)
-        s.push(t.slice(T * i, T * (i + 1)));
+        s.push(t.slice(S * i, S * (i + 1)));
       this._months = s;
     }
     /** Creates the rows for the year selection view. */
@@ -319,7 +318,11 @@ let ht = (() => {
     }
     /** Emits the selected date and sets it internally. */
     _selectDate(e) {
-      this._chosenMonth = void 0, this._setChosenYear(), this._selected !== e && (this._selected = e, this._dateSelected.emit(this._dateAdapter.deserialize(e)));
+      this._chosenMonth = void 0, this._setChosenYear(), this._selected !== e && (this._selected = e, this.dispatchEvent(new CustomEvent("dateselected", {
+        detail: this._dateAdapter.deserialize(e),
+        composed: !0,
+        bubbles: !0
+      })));
     }
     _setChosenYear() {
       this.view === "month" ? this._chosenYear = this._dateAdapter.getYear(this._dateAdapter.deserialize(this._selected) ?? this.selected ?? this._dateAdapter.today()) : this._chosenYear = void 0;
@@ -412,7 +415,7 @@ let ht = (() => {
       }
     }
     _handleKeyboardEvent(e, t) {
-      Fe(e) && e.preventDefault();
+      ze(e) && e.preventDefault();
       const a = this._cells, s = a.findIndex((n) => n === e.target);
       let i;
       t ? i = this._navigateByKeyboardDayView(e, s, a, t) : i = this._navigateByKeyboard(e, s, a);
@@ -522,9 +525,9 @@ let ht = (() => {
      * @param isYearView Whether the displayed `view` is the year one.
      */
     _calculateParametersForKeyboardNavigation(e, t) {
-      const a = t ? v : Ce, s = Math.trunc(e / a) * a, i = s === 0 ? e : e - a;
+      const a = t ? v : Ne, s = Math.trunc(e / a) * a, i = s === 0 ? e : e - a;
       return {
-        verticalOffset: t ? P : T,
+        verticalOffset: t ? P : S,
         elementIndexForWideMode: i,
         offsetForWideMode: e - i,
         lastElementIndexForWideMode: s === 0 ? a : a * 2
@@ -566,7 +569,7 @@ let ht = (() => {
       const e = this._wide ? this._dateAdapter.addCalendarMonths(this._activeDate, 1) : void 0;
       return l`
       <div class="sbb-calendar__controls">
-        ${this._getArrow("left", () => this._goToDifferentMonth(-1), Pe[this._language.current], this._previousMonthDisabled())}
+        ${this._getArrow("left", () => this._goToDifferentMonth(-1), Te[this._language.current], this._previousMonthDisabled())}
         <div class="sbb-calendar__controls-month">
           ${this._createLabelForDayView(this._activeDate)}
           ${this._wide ? this._createLabelForDayView(e) : m}
@@ -574,7 +577,7 @@ let ht = (() => {
             ${this._createAriaLabelForDayView(this._activeDate, e)}
           </sbb-screen-reader-only>
         </div>
-        ${this._getArrow("right", () => this._goToDifferentMonth(1), We[this._language.current], this._nextMonthDisabled())}
+        ${this._getArrow("right", () => this._goToDifferentMonth(1), Se[this._language.current], this._nextMonthDisabled())}
       </div>
       <div class="sbb-calendar__table-container sbb-calendar__table-day-view">
         ${this.orientation === "horizontal" ? l`
@@ -594,7 +597,7 @@ let ht = (() => {
       <button
         type="button"
         class="sbb-calendar__date-selection sbb-calendar__controls-change-date"
-        aria-label="${Ee[this._language.current]} ${t}"
+        aria-label="${Pe[this._language.current]} ${t}"
         @click=${() => {
         this._resetFocus = !0, this._nextCalendarView = "year", this._startTableTransition();
       }}
@@ -679,13 +682,13 @@ let ht = (() => {
         const s = !this._isDayInRange(a.value), i = !this._dateFilter(this._dateAdapter.deserialize(a.value)), r = !!this._selected && a.value === this._selected, n = a.value === t;
         return l`
         <td
-          class=${S({
+          class=${T({
           "sbb-calendar__table-data": !0,
           "sbb-calendar__table-data-selected": r
         })}
         >
           <button
-            class=${S({
+            class=${T({
           "sbb-calendar__cell": !0,
           "sbb-calendar__day": !0,
           "sbb-calendar__cell-current": n,
@@ -714,9 +717,9 @@ let ht = (() => {
     _renderMonthView() {
       return l`
       <div class="sbb-calendar__controls">
-        ${this._getArrow("left", () => this._goToDifferentYear(-1), Le[this._language.current], this._previousYearDisabled())}
+        ${this._getArrow("left", () => this._goToDifferentYear(-1), We[this._language.current], this._previousYearDisabled())}
         <div class="sbb-calendar__controls-month">${this._createLabelForMonthView()}</div>
-        ${this._getArrow("right", () => this._goToDifferentYear(1), Be[this._language.current], this._nextYearDisabled())}
+        ${this._getArrow("right", () => this._goToDifferentYear(1), Ee[this._language.current], this._nextYearDisabled())}
       </div>
       <div class="sbb-calendar__table-container sbb-calendar__table-month-view">
         ${this._createMonthTable(this._months, this._chosenYear)}
@@ -730,7 +733,7 @@ let ht = (() => {
         type="button"
         id="sbb-calendar__month-selection"
         class="sbb-calendar__controls-change-date"
-        aria-label=${`${ke[this._language.current]} ${this._chosenYear}`}
+        aria-label=${`${Ve[this._language.current]} ${this._chosenYear}`}
         @click=${() => this._resetCalendarView(!0)}
       >
         ${this._chosenYear} ${this._wide ? ` - ${this._chosenYear + 1}` : m}
@@ -747,7 +750,7 @@ let ht = (() => {
       >
         ${this._wide ? l`<thead class="sbb-calendar__table-header" aria-hidden="true">
               <tr class="sbb-calendar__table-header-row">
-                <th class="sbb-calendar__table-header" colspan=${T}>${t}</th>
+                <th class="sbb-calendar__table-header" colspan=${S}>${t}</th>
               </tr>
             </thead>` : m}
         <tbody class="sbb-calendar__table-body">
@@ -756,13 +759,13 @@ let ht = (() => {
                 ${a.map((s) => {
         const i = !this._isMonthInRange(s.monthValue, t), r = !this._isMonthFilteredOut(s.monthValue, t), n = this._selected ? this._dateAdapter.getMonth(this._dateAdapter.deserialize(this._selected)) : void 0, o = this._selected ? this._dateAdapter.getYear(this._dateAdapter.deserialize(this._selected)) : void 0, g = !!this._selected && t === o && s.monthValue === n, O = t === this._dateAdapter.getYear(this._dateAdapter.today()) && this._dateAdapter.getMonth(this._dateAdapter.today()) === s.monthValue;
         return l` <td
-                    class=${S({
+                    class=${T({
           "sbb-calendar__table-data": !0,
           "sbb-calendar__table-month": !0
         })}
                   >
                     <button
-                      class=${S({
+                      class=${T({
           "sbb-calendar__cell": !0,
           "sbb-calendar__pill": !0,
           "sbb-calendar__cell-current": O,
@@ -796,9 +799,9 @@ let ht = (() => {
     _renderYearView() {
       return l`
       <div class="sbb-calendar__controls">
-        ${this._getArrow("left", () => this._goToDifferentYearRange(-v), qe(v)[this._language.current], this._previousYearRangeDisabled())}
+        ${this._getArrow("left", () => this._goToDifferentYearRange(-v), Le(v)[this._language.current], this._previousYearRangeDisabled())}
         <div class="sbb-calendar__controls-month">${this._createLabelForYearView()}</div>
-        ${this._getArrow("right", () => this._goToDifferentYearRange(v), Ke(v)[this._language.current], this._nextYearRangeDisabled())}
+        ${this._getArrow("right", () => this._goToDifferentYearRange(v), Be(v)[this._language.current], this._nextYearRangeDisabled())}
       </div>
       <div class="sbb-calendar__table-container sbb-calendar__table-year-view">
         ${this._createYearTable(this._years)}
@@ -825,7 +828,7 @@ let ht = (() => {
         type="button"
         id="sbb-calendar__year-selection"
         class="sbb-calendar__controls-change-date"
-        aria-label="${ke[this._language.current]} ${s}"
+        aria-label="${Ve[this._language.current]} ${s}"
         @click=${() => this._resetCalendarView(!0)}
       >
         ${s}
@@ -847,7 +850,7 @@ let ht = (() => {
         const r = !this._isYearInRange(i), n = !this._isYearFilteredOut(i), o = this._selected ? this._dateAdapter.getYear(this._dateAdapter.deserialize(this._selected)) : void 0, g = !!this._selected && i === o, O = this._dateAdapter.getYear(a) === i;
         return l` <td class="sbb-calendar__table-data sbb-calendar__table-year">
                   <button
-                    class=${S({
+                    class=${T({
           "sbb-calendar__cell": !0,
           "sbb-calendar__pill": !0,
           "sbb-calendar__cell-current": O,
@@ -876,7 +879,7 @@ let ht = (() => {
       this._chosenYear = t ? e - 1 : e, this._nextCalendarView = "month", this._assignActiveDate(this._dateAdapter.createDate(this._chosenYear, this._dateAdapter.getMonth(this._activeDate), this._dateAdapter.getDate(this._activeDate))), this._startTableTransition();
     }
     _getView() {
-      if (Ae || this.hydrationRequired)
+      if (De || this.hydrationRequired)
         return l`${m}`;
       switch (this._calendarView) {
         case "year":
@@ -899,37 +902,36 @@ let ht = (() => {
       return l`<div class="sbb-calendar__wrapper">${this._getView()}</div>`;
     }
   }, x = new WeakMap(), V = new WeakMap(), k = new WeakMap(), $ = new WeakMap(), M = new WeakMap(), Y = new WeakMap(), z = new WeakMap(), F = new WeakMap(), R = new WeakMap(), I = new WeakMap(), D = h, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(L[Symbol.metadata] ?? null) : void 0;
-    B = [Se(), A({ type: Boolean })], U = [A()], G = [Ve(), A()], X = [Ve(), A()], te = [A()], ae = [A({ attribute: "date-filter" })], re = [A({ reflect: !0 })], oe = [C()], he = [C()], ue = [C()], fe = [C()], me = [C()], p(h, null, B, { kind: "accessor", name: "wide", static: !1, private: !1, access: { has: (t) => "wide" in t, get: (t) => t.wide, set: (t, a) => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(E[Symbol.metadata] ?? null) : void 0;
+    L = [Ce(), A({ type: Boolean })], K = [A()], j = [xe(), A()], J = [xe(), A()], ee = [A()], te = [A({ attribute: "date-filter" })], ie = [A({ reflect: !0 })], le = [C()], ce = [C()], _e = [C()], ue = [C()], pe = [C()], p(h, null, L, { kind: "accessor", name: "wide", static: !1, private: !1, access: { has: (t) => "wide" in t, get: (t) => t.wide, set: (t, a) => {
       t.wide = a;
-    } }, metadata: e }, q, K), p(h, null, U, { kind: "accessor", name: "view", static: !1, private: !1, access: { has: (t) => "view" in t, get: (t) => t.view, set: (t, a) => {
+    } }, metadata: e }, B, q), p(h, null, K, { kind: "accessor", name: "view", static: !1, private: !1, access: { has: (t) => "view" in t, get: (t) => t.view, set: (t, a) => {
       t.view = a;
-    } }, metadata: e }, H, j), p(h, null, G, { kind: "accessor", name: "min", static: !1, private: !1, access: { has: (t) => "min" in t, get: (t) => t.min, set: (t, a) => {
+    } }, metadata: e }, U, H), p(h, null, j, { kind: "accessor", name: "min", static: !1, private: !1, access: { has: (t) => "min" in t, get: (t) => t.min, set: (t, a) => {
       t.min = a;
-    } }, metadata: e }, Q, J), p(h, null, X, { kind: "accessor", name: "max", static: !1, private: !1, access: { has: (t) => "max" in t, get: (t) => t.max, set: (t, a) => {
+    } }, metadata: e }, G, Q), p(h, null, J, { kind: "accessor", name: "max", static: !1, private: !1, access: { has: (t) => "max" in t, get: (t) => t.max, set: (t, a) => {
       t.max = a;
-    } }, metadata: e }, Z, ee), p(h, null, te, { kind: "setter", name: "selected", static: !1, private: !1, access: { has: (t) => "selected" in t, set: (t, a) => {
+    } }, metadata: e }, X, Z), p(h, null, ee, { kind: "setter", name: "selected", static: !1, private: !1, access: { has: (t) => "selected" in t, set: (t, a) => {
       t.selected = a;
-    } }, metadata: e }, null, W), p(h, null, ae, { kind: "accessor", name: "dateFilter", static: !1, private: !1, access: { has: (t) => "dateFilter" in t, get: (t) => t.dateFilter, set: (t, a) => {
+    } }, metadata: e }, null, W), p(h, null, te, { kind: "accessor", name: "dateFilter", static: !1, private: !1, access: { has: (t) => "dateFilter" in t, get: (t) => t.dateFilter, set: (t, a) => {
       t.dateFilter = a;
-    } }, metadata: e }, se, ie), p(h, null, re, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (t) => "orientation" in t, get: (t) => t.orientation, set: (t, a) => {
+    } }, metadata: e }, ae, se), p(h, null, ie, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (t) => "orientation" in t, get: (t) => t.orientation, set: (t, a) => {
       t.orientation = a;
-    } }, metadata: e }, ne, le), p(h, null, oe, { kind: "accessor", name: "_activeDate", static: !1, private: !1, access: { has: (t) => "_activeDate" in t, get: (t) => t._activeDate, set: (t, a) => {
+    } }, metadata: e }, re, ne), p(h, null, le, { kind: "accessor", name: "_activeDate", static: !1, private: !1, access: { has: (t) => "_activeDate" in t, get: (t) => t._activeDate, set: (t, a) => {
       t._activeDate = a;
-    } }, metadata: e }, de, ce), p(h, null, he, { kind: "accessor", name: "_selected", static: !1, private: !1, access: { has: (t) => "_selected" in t, get: (t) => t._selected, set: (t, a) => {
+    } }, metadata: e }, oe, de), p(h, null, ce, { kind: "accessor", name: "_selected", static: !1, private: !1, access: { has: (t) => "_selected" in t, get: (t) => t._selected, set: (t, a) => {
       t._selected = a;
-    } }, metadata: e }, be, _e), p(h, null, ue, { kind: "setter", name: "_wide", static: !1, private: !1, access: { has: (t) => "_wide" in t, set: (t, a) => {
+    } }, metadata: e }, he, be), p(h, null, _e, { kind: "setter", name: "_wide", static: !1, private: !1, access: { has: (t) => "_wide" in t, set: (t, a) => {
       t._wide = a;
-    } }, metadata: e }, null, W), p(h, null, fe, { kind: "accessor", name: "_calendarView", static: !1, private: !1, access: { has: (t) => "_calendarView" in t, get: (t) => t._calendarView, set: (t, a) => {
+    } }, metadata: e }, null, W), p(h, null, ue, { kind: "accessor", name: "_calendarView", static: !1, private: !1, access: { has: (t) => "_calendarView" in t, get: (t) => t._calendarView, set: (t, a) => {
       t._calendarView = a;
-    } }, metadata: e }, ge, pe), p(h, null, me, { kind: "accessor", name: "_initialized", static: !1, private: !1, access: { has: (t) => "_initialized" in t, get: (t) => t._initialized, set: (t, a) => {
+    } }, metadata: e }, fe, ge), p(h, null, pe, { kind: "accessor", name: "_initialized", static: !1, private: !1, access: { has: (t) => "_initialized" in t, get: (t) => t._initialized, set: (t, a) => {
       t._initialized = a;
-    } }, metadata: e }, ve, we), p(null, _ = { value: D }, b, { kind: "class", name: D.name, metadata: e }, null, f), E = D = _.value, e && Object.defineProperty(D, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), h.styles = He, h.events = {
-    dateSelected: "dateSelected"
-  }, d(D, f), h);
-  return E = D;
+    } }, metadata: e }, me, ve), p(null, _ = { value: D }, b, { kind: "class", name: D.name, metadata: e }, null, f), D = _.value, e && Object.defineProperty(D, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), h.styles = Ke, h.events = {
+    dateselected: "dateselected"
+  }, d(D, f), D;
 })();
 export {
-  ht as SbbCalendarElement
+  ot as SbbCalendarElement
 };

package/card/card-button/card-button.component.d.ts

@@ -5,7 +5,6 @@ declare const SbbCardButtonElement_base: import('../../core/mixins.js').Abstract
  *
  * @slot - Use the unnamed slot to add a descriptive label / title of the button (important!).
  *   This is relevant for SEO and screen readers.
- * @overrideType value - string
  */
 export declare class SbbCardButtonElement extends SbbCardButtonElement_base {
     protected actionRole: 'link' | 'button';

package/card/card-button/card-button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/card-button/card-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAGnE;;;;;;GAMG;AACH,qBAEM,oBAAqB,SAAQ,yBAAqD;IACtF,UAAmB,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAY;CAC7D;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
+{"version":3,"file":"card-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/card-button/card-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAGnE;;;;;GAKG;AACH,qBAEM,oBAAqB,SAAQ,yBAAqD;IACtF,UAAmB,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAY;CAC7D;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/checkbox/checkbox/checkbox.component.d.ts

@@ -7,8 +7,8 @@ declare const SbbCheckboxElement_base: import('../../core/mixins.js').Constructo
  *
  * @slot - Use the unnamed slot to add content to the `sbb-checkbox`.
  * @slot icon - Slot used to render the checkbox icon (disabled inside a selection panel).
- * @event {Event} change - Event fired on change.
- * @event {InputEvent} input - Event fired on input.
+ * @event {Event} change - The change event is fired when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.
+ * @event {InputEvent} input - The input event fires when the value has been changed as a direct result of a user action.
  * @overrideType value - (T = string) | null
  */
 export declare class SbbCheckboxElement<T = string> extends SbbCheckboxElement_base {

package/checkbox/checkbox-panel/checkbox-panel.component.d.ts

@@ -1,5 +1,4 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-import { EventEmitter } from '../../core/eventing.js';
 import { SbbCheckedStateChange, SbbDisabledStateChange, SbbStateChange } from '../../core/interfaces/types.js';
 import { SbbPanelSize } from '../../core/mixins.js';
 export type SbbCheckboxPanelStateChange = Extract<SbbStateChange, SbbDisabledStateChange | SbbCheckedStateChange>;
@@ -11,16 +10,12 @@ declare const SbbCheckboxPanelElement_base: import('../../core/mixins.js').Abstr
  * @slot subtext - Slot used to render a subtext under the label (only visible within a selection panel).
  * @slot suffix - Slot used to render additional content after the label (only visible within a selection panel).
  * @slot badge - Use this slot to provide a `sbb-card-badge` (optional).
- * @event {Event} change - Event fired on change.
- * @event {InputEvent} input - Event fired on input.
+ * @event {Event} change - The change event is fired when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.
+ * @event {InputEvent} input - The input event fires when the value has been changed as a direct result of a user action.
  * @overrideType value - (T = string) | null
  */
 export declare class SbbCheckboxPanelElement<T = string> extends SbbCheckboxPanelElement_base {
     static styles: CSSResultGroup;
-    static readonly events: {
-        readonly stateChange: "stateChange";
-        readonly panelConnected: "panelConnected";
-    };
     /** Value of the form element. */
     accessor value: T | null;
     /**
@@ -28,12 +23,7 @@ export declare class SbbCheckboxPanelElement<T = string> extends SbbCheckboxPane
      * @default 'm' / 's' (lean)
      */
     accessor size: SbbPanelSize;
-    /**
-     * @internal
-     * Internal event that emits whenever the state of the checkbox
-     * in relation to the parent selection panel changes.
-     */
-    protected stateChange: EventEmitter<SbbCheckboxPanelStateChange>;
+    private _dispatchStateChange;
     protected willUpdate(changedProperties: PropertyValues<this>): void;
     protected render(): TemplateResult;
 }

package/checkbox/checkbox-panel/checkbox-panel.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox-panel/checkbox-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAC/C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;;AAEF;;;;;;;;;;GAUG;AACH,qBAGM,uBAAuB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,4BAEjD;IACC,OAAuB,MAAM,EAAE,cAAc,CAA2C;IAGxF,gBAAuB,MAAM;;;MAGlB;IAEX,iCAAiC;IACjC,SACgB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;IAEvC;;;OAGG;IACH,SAEgB,IAAI,EAAE,YAAY,CAAwB;IAE1D;;;;OAIG;IACH,SAAS,CAAC,WAAW,EAAE,YAAY,CAAC,2BAA2B,CAAC,CAI9D;cAEiB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAkBzD,MAAM,IAAI,cAAc;CA8B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
+{"version":3,"file":"checkbox-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox-panel/checkbox-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAC/C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;;AAEF;;;;;;;;;;GAUG;AACH,qBAGM,uBAAuB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,4BAEjD;IACC,OAAuB,MAAM,EAAE,cAAc,CAA2C;IAExF,iCAAiC;IACjC,SACgB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;IAEvC;;;OAGG;IACH,SAEgB,IAAI,EAAE,YAAY,CAAwB;IAE1D,OAAO,CAAC,oBAAoB;cAST,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAkBzD,MAAM,IAAI,cAAc;CA8B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}

package/checkbox/checkbox-panel/checkbox-panel.component.js

@@ -1,50 +1,52 @@
-var S = (e) => {
+var z = (e) => {
   throw TypeError(e);
 };
-var y = (e, t, i) => t.has(e) || S("Cannot " + i);
-var d = (e, t, i) => (y(e, t, "read from private field"), i ? i.call(e) : t.get(e)), u = (e, t, i) => t.has(e) ? S("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), b = (e, t, i, l) => (y(e, t, "write to private field"), l ? l.call(e, i) : t.set(e, i), i);
-import { __runInitializers as h, __esDecorate as p } from "tslib";
-import { LitElement as w, nothing as $, html as C } from "lit";
-import { customElement as D, property as E } from "lit/decorators.js";
-import { slotState as I, getOverride as M } from "../../core/decorators.js";
-import { isLean as O } from "../../core/dom.js";
-import { EventEmitter as U } from "../../core/eventing.js";
-import { SbbPanelMixin as j, SbbUpdateSchedulerMixin as L, panelCommonStyle as A } from "../../core/mixins.js";
-import { SbbCheckboxCommonElementMixin as T, checkboxCommonStyle as q } from "../common.js";
+var S = (e, s, i) => s.has(e) || z("Cannot " + i);
+var h = (e, s, i) => (S(e, s, "read from private field"), i ? i.call(e) : s.get(e)), d = (e, s, i) => s.has(e) ? z("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, i), m = (e, s, i, l) => (S(e, s, "write to private field"), l ? l.call(e, i) : s.set(e, i), i);
+import { __esDecorate as u, __runInitializers as b } from "tslib";
+import { LitElement as E, nothing as w, html as y } from "lit";
+import { customElement as $, property as C } from "lit/decorators.js";
+import { slotState as D, getOverride as I } from "../../core/decorators.js";
+import { isLean as M } from "../../core/dom.js";
+import { SbbPanelMixin as O, SbbUpdateSchedulerMixin as U, panelCommonStyle as j } from "../../core/mixins.js";
+import { SbbCheckboxCommonElementMixin as L, checkboxCommonStyle as A } from "../common.js";
 import "../../screen-reader-only.js";
 import "../../visual-checkbox.js";
-let X = (() => {
-  var c, r, n;
-  let e = [D("sbb-checkbox-panel"), I()], t, i = [], l, _ = j(T(L(w))), f, k = [], v = [], x, g = [], z = [];
-  var m = (n = class extends _ {
+let V = (() => {
+  var n, r, c;
+  let e = [$("sbb-checkbox-panel"), D()], s, i = [], l, p = O(L(U(E))), _, f = [], k = [], x, v = [], g = [];
+  return c = class extends p {
     constructor() {
       super(...arguments);
-      u(this, c);
-      u(this, r);
-      b(this, c, h(this, k, null)), b(this, r, (h(this, v), h(this, g, O() ? "s" : "m"))), this.stateChange = (h(this, z), new U(this, m.events.stateChange, { bubbles: !0 }));
+      d(this, n, b(this, f, null));
+      d(this, r, (b(this, k), b(this, v, M() ? "s" : "m")));
+      b(this, g);
     }
     /** Value of the form element. */
     get value() {
-      return d(this, c);
+      return h(this, n);
     }
-    set value(s) {
-      b(this, c, s);
+    set value(t) {
+      m(this, n, t);
     }
     /**
      * Size variant, either m or s.
      * @default 'm' / 's' (lean)
      */
     get size() {
-      return d(this, r);
+      return h(this, r);
     }
-    set size(s) {
-      b(this, r, s);
+    set size(t) {
+      m(this, r, t);
     }
-    willUpdate(s) {
-      super.willUpdate(s), s.has("checked") && (this.toggleAttribute("data-checked", this.checked), this.checked !== s.get("checked") && this.stateChange.emit({ type: "checked", checked: this.checked })), s.has("disabled") && this.disabled !== s.get("disabled") && this.stateChange.emit({ type: "disabled", disabled: this.disabled });
+    _dispatchStateChange(t) {
+      return this.dispatchEvent(new CustomEvent("statechange", { detail: t, bubbles: !0 }));
+    }
+    willUpdate(t) {
+      super.willUpdate(t), t.has("checked") && (this.toggleAttribute("data-checked", this.checked), this.checked !== t.get("checked") && this._dispatchStateChange({ type: "checked", checked: this.checked })), t.has("disabled") && this.disabled !== t.get("disabled") && this._dispatchStateChange({ type: "disabled", disabled: this.disabled });
     }
     render() {
-      return C`
+      return y`
       <span class="sbb-selection-panel">
         <div class="sbb-selection-panel__badge">
           <slot name="badge"></slot>
@@ -65,25 +67,21 @@ let X = (() => {
               </span>
             </span>
             <slot name="subtext"></slot>
-            ${this.expansionState ? C`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : $}
+            ${this.expansionState ? y`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : w}
           </span>
         </span>
       </span>
     `;
     }
-  }, c = new WeakMap(), r = new WeakMap(), l = n, (() => {
-    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
-    f = [E()], x = [E({ reflect: !0 }), M((a, o) => a.group?.size ? a.group.size === "xs" ? "s" : a.group.size : o)], p(n, null, f, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (a) => "value" in a, get: (a) => a.value, set: (a, o) => {
+  }, n = new WeakMap(), r = new WeakMap(), l = c, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
+    _ = [C()], x = [C({ reflect: !0 }), I((a, o) => a.group?.size ? a.group.size === "xs" ? "s" : a.group.size : o)], u(c, null, _, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (a) => "value" in a, get: (a) => a.value, set: (a, o) => {
       a.value = o;
-    } }, metadata: s }, k, v), p(n, null, x, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (a) => "size" in a, get: (a) => a.size, set: (a, o) => {
+    } }, metadata: t }, f, k), u(c, null, x, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (a) => "size" in a, get: (a) => a.size, set: (a, o) => {
       a.size = o;
-    } }, metadata: s }, g, z), p(null, t = { value: l }, e, { kind: "class", name: l.name, metadata: s }, null, i), m = l = t.value, s && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
-  })(), n.styles = [q, A], n.events = {
-    stateChange: "stateChange",
-    panelConnected: "panelConnected"
-  }, h(l, i), n);
-  return m = l;
+    } }, metadata: t }, v, g), u(null, s = { value: l }, e, { kind: "class", name: l.name, metadata: t }, null, i), l = s.value, t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), c.styles = [A, j], b(l, i), l;
 })();
 export {
-  X as SbbCheckboxPanelElement
+  V as SbbCheckboxPanelElement
 };

package/chip/chip/chip.component.d.ts

@@ -10,16 +10,15 @@ export declare class SbbChipElement<T = string> extends SbbChipElement_base {
     static readonly role = "option";
     static styles: CSSResultGroup;
     static readonly events: {
-        readonly requestDelete: "requestDelete";
+        readonly requestdelete: "requestdelete";
     };
     /** The value of chip. Will be used as label if nothing is slotted. */
     accessor value: T | null;
-    /** @internal */
-    private _requestDelete;
     private _language;
     protected willUpdate(changedProperties: PropertyValues<this>): void;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     private _deleteButton;
+    private _handleDeleteButtonClick;
     protected render(): TemplateResult;
 }
 declare global {

package/chip/chip/chip.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/chip/chip/chip.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAab,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;;AAIrC;;;;;GAKG;AACH,qBAEM,cAAc,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,mBAExC;IACC,gBAAgC,IAAI,YAAY;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,sEAAsE;IACtE,SAA4B,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;IAEnD,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAoE;IAE1F,OAAO,CAAC,SAAS,CAAmC;cAEjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAYzD,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAQzE,OAAO,CAAC,aAAa;cAIF,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}
+{"version":3,"file":"chip.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/chip/chip/chip.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAYb,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;;AAIrC;;;;;GAKG;AACH,qBAEM,cAAc,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,mBAExC;IACC,gBAAgC,IAAI,YAAY;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,sEAAsE;IACtE,SAA4B,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;IAEnD,OAAO,CAAC,SAAS,CAAmC;cAEjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAYzD,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAQzE,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,wBAAwB;cAKb,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}