@sbb-esta/lyne-elements 2.5.0 → 2.6.0
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/autocomplete/autocomplete-base-element.d.ts +19 -21
- package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid-button.js +7 -7
- package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts +2 -2
- package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts.map +1 -1
- package/autocomplete.js +145 -136
- package/chip/chip/chip.d.ts +32 -0
- package/chip/chip/chip.d.ts.map +1 -0
- package/chip/chip-group/chip-group.d.ts +100 -0
- package/chip/chip-group/chip-group.d.ts.map +1 -0
- package/chip/chip-group.d.ts +2 -0
- package/chip/chip-group.d.ts.map +1 -0
- package/chip/chip-group.js +225 -0
- package/chip/chip.d.ts +2 -0
- package/chip/chip.d.ts.map +1 -0
- package/chip/chip.js +85 -0
- package/chip.d.ts +3 -0
- package/chip.d.ts.map +1 -0
- package/chip.js +2 -0
- package/clock/clock.d.ts.map +1 -1
- package/clock.js +1 -1
- package/core/base-elements/button-base-element.d.ts +5 -0
- package/core/base-elements/button-base-element.d.ts.map +1 -1
- package/core/base-elements.js +94 -79
- package/core/controllers/id-observer-controller.d.ts +21 -0
- package/core/controllers/id-observer-controller.d.ts.map +1 -0
- package/core/controllers/media-matchers-controller.d.ts.map +1 -1
- package/core/controllers.d.ts +2 -1
- package/core/controllers.d.ts.map +1 -1
- package/core/controllers.js +135 -80
- package/core/datetime/native-date-adapter.d.ts.map +1 -1
- package/core/datetime.js +8 -3
- package/core/dom/find-referenced-element.d.ts +1 -0
- package/core/dom/find-referenced-element.d.ts.map +1 -1
- package/core/dom/input-element.d.ts +3 -1
- package/core/dom/input-element.d.ts.map +1 -1
- package/core/dom/platform.d.ts +5 -0
- package/core/dom/platform.d.ts.map +1 -1
- package/core/dom.js +10 -9
- package/core/i18n/i18n.d.ts +3 -0
- package/core/i18n/i18n.d.ts.map +1 -1
- package/core/i18n.js +135 -117
- package/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
- package/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
- package/core/mixins.js +71 -63
- package/core/overlay/overlay-trigger-attributes.d.ts +1 -1
- package/core/overlay/overlay-trigger-attributes.d.ts.map +1 -1
- package/core/overlay/position.d.ts +1 -1
- package/core/overlay/position.d.ts.map +1 -1
- package/core/styles/core.scss +89 -24
- package/core/styles/image.scss +1 -1
- package/core/styles/mixins/table.scss +63 -26
- package/core/styles/table.scss +16 -0
- package/core/testing/scroll.d.ts +1 -0
- package/core/testing/scroll.d.ts.map +1 -1
- package/core/testing/wait-for-image-ready.d.ts.map +1 -1
- package/core/testing.js +8 -5
- package/core.css +90 -34
- package/custom-elements.json +2568 -740
- package/datepicker/datepicker/datepicker.d.ts +4 -4
- package/datepicker/datepicker/datepicker.d.ts.map +1 -1
- package/datepicker/datepicker-toggle/datepicker-toggle.d.ts +0 -3
- package/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
- package/datepicker/datepicker-toggle.js +30 -34
- package/datepicker/datepicker.js +103 -105
- package/development/autocomplete/autocomplete-base-element.d.ts +19 -21
- package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-button.js +3 -3
- package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts +2 -2
- package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-optgroup.js +1 -1
- package/development/autocomplete.js +104 -82
- package/development/chip/chip/chip.d.ts +32 -0
- package/development/chip/chip/chip.d.ts.map +1 -0
- package/development/chip/chip-group/chip-group.d.ts +100 -0
- package/development/chip/chip-group/chip-group.d.ts.map +1 -0
- package/development/chip/chip-group.d.ts +2 -0
- package/development/chip/chip-group.d.ts.map +1 -0
- package/development/chip/chip-group.js +349 -0
- package/development/chip/chip.d.ts +2 -0
- package/development/chip/chip.d.ts.map +1 -0
- package/development/chip/chip.js +212 -0
- package/development/chip.d.ts +3 -0
- package/development/chip.d.ts.map +1 -0
- package/development/chip.js +3 -0
- package/development/clock/clock.d.ts.map +1 -1
- package/development/clock.js +5 -2
- package/development/core/base-elements/button-base-element.d.ts +5 -0
- package/development/core/base-elements/button-base-element.d.ts.map +1 -1
- package/development/core/base-elements.js +38 -10
- package/development/core/controllers/id-observer-controller.d.ts +21 -0
- package/development/core/controllers/id-observer-controller.d.ts.map +1 -0
- package/development/core/controllers/media-matchers-controller.d.ts.map +1 -1
- package/development/core/controllers.d.ts +2 -1
- package/development/core/controllers.d.ts.map +1 -1
- package/development/core/controllers.js +116 -44
- package/development/core/datetime/native-date-adapter.d.ts.map +1 -1
- package/development/core/datetime.js +6 -2
- package/development/core/dom/find-referenced-element.d.ts +1 -0
- package/development/core/dom/find-referenced-element.d.ts.map +1 -1
- package/development/core/dom/input-element.d.ts +3 -1
- package/development/core/dom/input-element.d.ts.map +1 -1
- package/development/core/dom/platform.d.ts +5 -0
- package/development/core/dom/platform.d.ts.map +1 -1
- package/development/core/dom.js +3 -1
- package/development/core/i18n/i18n.d.ts +3 -0
- package/development/core/i18n/i18n.d.ts.map +1 -1
- package/development/core/i18n.js +23 -2
- package/development/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
- package/development/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
- package/development/core/mixins.js +19 -6
- package/development/core/overlay/overlay-trigger-attributes.d.ts +1 -1
- package/development/core/overlay/overlay-trigger-attributes.d.ts.map +1 -1
- package/development/core/overlay/position.d.ts +1 -1
- package/development/core/overlay/position.d.ts.map +1 -1
- package/development/core/overlay.js +1 -1
- package/development/core/testing/scroll.d.ts +1 -0
- package/development/core/testing/scroll.d.ts.map +1 -1
- package/development/core/testing/wait-for-image-ready.d.ts.map +1 -1
- package/development/core/testing.js +6 -2
- package/development/datepicker/datepicker/datepicker.d.ts +4 -4
- package/development/datepicker/datepicker/datepicker.d.ts.map +1 -1
- package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts +0 -3
- package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
- package/development/datepicker/datepicker-toggle.js +4 -12
- package/development/datepicker/datepicker.js +46 -43
- package/development/dialog/dialog-title/dialog-title.d.ts +0 -1
- package/development/dialog/dialog-title/dialog-title.d.ts.map +1 -1
- package/development/dialog/dialog-title.js +2 -5
- package/development/expansion-panel/expansion-panel/expansion-panel.d.ts +0 -2
- package/development/expansion-panel/expansion-panel/expansion-panel.d.ts.map +1 -1
- package/development/expansion-panel/expansion-panel.js +2 -7
- package/development/flip-card/flip-card-details/flip-card-details.d.ts.map +1 -1
- package/development/flip-card/flip-card-details.js +3 -3
- package/development/form-field/form-field/form-field.d.ts.map +1 -1
- package/development/form-field/form-field.js +13 -146
- package/development/header/header/header.d.ts +6 -7
- package/development/header/header/header.d.ts.map +1 -1
- package/development/header/header.js +45 -34
- package/development/menu/menu/menu.d.ts +7 -8
- package/development/menu/menu/menu.d.ts.map +1 -1
- package/development/menu/menu.js +42 -41
- package/development/navigation/navigation/navigation.d.ts +7 -8
- package/development/navigation/navigation/navigation.d.ts.map +1 -1
- package/development/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
- package/development/navigation/navigation-marker.js +3 -3
- package/development/navigation/navigation-section/navigation-section.d.ts +8 -9
- package/development/navigation/navigation-section/navigation-section.d.ts.map +1 -1
- package/development/navigation/navigation-section.js +50 -47
- package/development/navigation/navigation.js +42 -40
- package/development/option/optgroup/optgroup-base-element.d.ts.map +1 -1
- package/development/option/optgroup/optgroup.d.ts +2 -2
- package/development/option/optgroup/optgroup.d.ts.map +1 -1
- package/development/option/optgroup.js +3 -3
- package/development/option/option/option-base-element.d.ts.map +1 -1
- package/development/option/option.js +3 -3
- package/development/paginator/paginator.js +12 -1
- package/development/popover/popover/popover.d.ts +8 -7
- package/development/popover/popover/popover.d.ts.map +1 -1
- package/development/popover/popover.js +28 -35
- package/development/radio-button/radio-button-group/radio-button-group.d.ts +0 -1
- package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/development/radio-button/radio-button-group.js +3 -5
- package/development/select/select.d.ts +6 -3
- package/development/select/select.d.ts.map +1 -1
- package/development/select.js +20 -18
- package/development/selection-expansion-panel/selection-expansion-panel.d.ts +0 -2
- package/development/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
- package/development/selection-expansion-panel.js +2 -7
- package/development/sidebar/sidebar/sidebar.d.ts.map +1 -1
- package/development/sidebar/sidebar.js +3 -3
- package/development/stepper/step/step.d.ts +13 -1
- package/development/stepper/step/step.d.ts.map +1 -1
- package/development/stepper/step-label.js +2 -2
- package/development/stepper/step.js +21 -6
- package/development/stepper/stepper/stepper.d.ts +1 -0
- package/development/stepper/stepper/stepper.d.ts.map +1 -1
- package/development/stepper/stepper.js +5 -1
- package/development/table/table-wrapper.js +2 -1
- package/development/time-input/time-input.d.ts +6 -8
- package/development/time-input/time-input.d.ts.map +1 -1
- package/development/time-input.js +42 -44
- package/dialog/dialog-title/dialog-title.d.ts +0 -1
- package/dialog/dialog-title/dialog-title.d.ts.map +1 -1
- package/dialog/dialog-title.js +18 -21
- package/expansion-panel/expansion-panel/expansion-panel.d.ts +0 -2
- package/expansion-panel/expansion-panel/expansion-panel.d.ts.map +1 -1
- package/expansion-panel/expansion-panel.js +53 -56
- package/flip-card/flip-card-details/flip-card-details.d.ts.map +1 -1
- package/flip-card/flip-card-details.js +8 -8
- package/form-field/form-field/form-field.d.ts.map +1 -1
- package/form-field/form-field.js +103 -98
- package/header/header/header.d.ts +6 -7
- package/header/header/header.d.ts.map +1 -1
- package/header/header.js +72 -70
- package/index.d.ts +4 -0
- package/index.js +4 -0
- package/menu/menu/menu.d.ts +7 -8
- package/menu/menu/menu.d.ts.map +1 -1
- package/menu/menu.js +73 -73
- package/navigation/navigation/navigation.d.ts +7 -8
- package/navigation/navigation/navigation.d.ts.map +1 -1
- package/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
- package/navigation/navigation-marker.js +4 -4
- package/navigation/navigation-section/navigation-section.d.ts +8 -9
- package/navigation/navigation-section/navigation-section.d.ts.map +1 -1
- package/navigation/navigation-section.js +75 -77
- package/navigation/navigation.js +70 -70
- package/option/optgroup/optgroup-base-element.d.ts.map +1 -1
- package/option/optgroup/optgroup.d.ts +2 -2
- package/option/optgroup/optgroup.d.ts.map +1 -1
- package/option/optgroup.js +13 -13
- package/option/option/option-base-element.d.ts.map +1 -1
- package/option/option.js +2 -2
- package/package.json +16 -1
- package/paginator/paginator.js +44 -44
- package/popover/popover/popover.d.ts +8 -7
- package/popover/popover/popover.d.ts.map +1 -1
- package/popover/popover.js +73 -73
- package/radio-button/radio-button-group/radio-button-group.d.ts +0 -1
- package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/radio-button/radio-button-group.js +8 -8
- package/select/select.d.ts +6 -3
- package/select/select.d.ts.map +1 -1
- package/select.js +73 -73
- package/selection-expansion-panel/selection-expansion-panel.d.ts +0 -2
- package/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
- package/selection-expansion-panel.js +10 -13
- package/sidebar/sidebar/sidebar.d.ts.map +1 -1
- package/sidebar/sidebar.js +2 -2
- package/standard-theme.css +166 -79
- package/stepper/step/step.d.ts +13 -1
- package/stepper/step/step.d.ts.map +1 -1
- package/stepper/step-label.js +1 -1
- package/stepper/step.js +34 -23
- package/stepper/stepper/stepper.d.ts +1 -0
- package/stepper/stepper/stepper.d.ts.map +1 -1
- package/stepper/stepper.js +19 -16
- package/table/table-wrapper.js +4 -4
- package/table.css +75 -44
- package/time-input/time-input.d.ts +6 -8
- package/time-input/time-input.d.ts.map +1 -1
- package/time-input.js +66 -73
package/popover/popover.js
CHANGED
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
var
|
|
1
|
+
var j = (s) => {
|
|
2
2
|
throw TypeError(s);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var p = (s, i, r) => (
|
|
6
|
-
import { __runInitializers as l, __esDecorate as
|
|
7
|
-
import { css as J, isServer as
|
|
4
|
+
var Q = (s, i, r) => i.has(s) || j("Cannot " + r);
|
|
5
|
+
var p = (s, i, r) => (Q(s, i, "read from private field"), r ? r.call(s) : i.get(s)), h = (s, i, r) => i.has(s) ? j("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, r), n = (s, i, r, b) => (Q(s, i, "write to private field"), b ? b.call(s, r) : i.set(s, r), r);
|
|
6
|
+
import { __runInitializers as l, __esDecorate as d } from "tslib";
|
|
7
|
+
import { css as J, isServer as L, html as V, nothing as K } from "lit";
|
|
8
8
|
import { customElement as ee, property as y } from "lit/decorators.js";
|
|
9
9
|
import { ref as te } from "lit/directives/ref.js";
|
|
10
|
-
import { SbbFocusHandler as oe, IS_FOCUSABLE_QUERY as se, setModalityOnNextFocus as
|
|
10
|
+
import { SbbFocusHandler as oe, IS_FOCUSABLE_QUERY as se, setModalityOnNextFocus as T, getFirstFocusableElement as ie } from "../core/a11y.js";
|
|
11
11
|
import { SbbOpenCloseBaseElement as re } from "../core/base-elements.js";
|
|
12
|
-
import { SbbMediaQueryPointerCoarse as ae,
|
|
13
|
-
import { hostAttributes as
|
|
14
|
-
import { isZeroAnimationDuration as pe
|
|
15
|
-
import { EventEmitter as
|
|
12
|
+
import { SbbMediaQueryPointerCoarse as ae, SbbIdReferenceController as ne, SbbEscapableOverlayController as le, SbbLanguageController as be } from "../core/controllers.js";
|
|
13
|
+
import { hostAttributes as ce, forceType as C } from "../core/decorators.js";
|
|
14
|
+
import { isZeroAnimationDuration as pe } from "../core/dom.js";
|
|
15
|
+
import { EventEmitter as X, composedPathHasAttribute as he } from "../core/eventing.js";
|
|
16
16
|
import { i18nClosePopover as de } from "../core/i18n.js";
|
|
17
17
|
import { SbbHydrationMixin as ve } from "../core/mixins.js";
|
|
18
|
-
import { isEventOnElement as
|
|
18
|
+
import { isEventOnElement as G, removeAriaOverlayTriggerAttributes as ge, setAriaOverlayTriggerAttributes as ue, getElementPosition as _e } from "../core/overlay.js";
|
|
19
19
|
import "../button/secondary-button.js";
|
|
20
20
|
const me = J`*,:before,:after{box-sizing:border-box}:host{--sbb-popover-position: absolute;--sbb-popover-position-x: 0;--sbb-popover-position-y: 0;--sbb-popover-arrow-size: var(--sbb-spacing-fixed-4x);--sbb-popover-arrow-position-x: 0;--sbb-popover-max-width: calc(100% - var(--sbb-spacing-fixed-2x));--sbb-popover-inset: 0 auto auto 0;--sbb-popover-border-radius: var(--sbb-border-radius-8x);--sbb-popover-padding: var(--sbb-spacing-fixed-4x);--sbb-popover-background: var(--sbb-color-white);--sbb-popover-color: var(--sbb-color-charcoal);--sbb-popover-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-popover-animation-easing: ease-out;--sbb-popover-transform: translateY(var(--sbb-spacing-fixed-2x));--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);display:none}:host([data-state]:not([data-state=closed])){display:block;--sbb-popover-inset: 0}:host([data-position=above]){--sbb-popover-transform: translateY(calc(var(--sbb-spacing-fixed-2x) * -1))}.sbb-popover:after,.sbb-popover__content:before{content:"";position:absolute;display:block;width:var(--sbb-popover-arrow-size);height:var(--sbb-popover-arrow-size);left:var(--sbb-popover-arrow-position-x);bottom:calc(100% - var(--sbb-popover-arrow-size) / 2);background-color:var(--sbb-popover-background);border-radius:var(--sbb-border-radius-2x) 0;transform:rotate(45deg)}.sbb-popover__container{position:fixed;inset:var(--sbb-popover-inset);pointer-events:none;z-index:var(--sbb-popover-z-index, var(--sbb-overlay-default-z-index));color:var(--sbb-popover-color)}.sbb-popover{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color);display:none;position:var(--sbb-popover-position);pointer-events:all;top:var(--sbb-popover-position-y);bottom:unset;left:var(--sbb-popover-position-x);right:unset;border:none;border-radius:var(--sbb-popover-border-radius);padding:0;max-width:var(--sbb-popover-max-width);width:max-content;background-color:var(--sbb-popover-background);outline:none}.sbb-popover:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}:host([data-state]:not([data-state=closed])) .sbb-popover{display:block;animation-name:open;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}:host([data-state][data-state=closing]) .sbb-popover{pointer-events:none;animation-name:close;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}.sbb-popover:after{z-index:-1;box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}@media (forced-colors: active){.sbb-popover:after{outline:var(--sbb-border-width-1x) solid CanvasText}}:host([data-position=above]) .sbb-popover:after{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@media (forced-colors: active){.sbb-popover{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-popover:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:transparent}:host([data-position=below]) .sbb-popover:before{inset-block-start:calc(-1 * var(--sbb-spacing-fixed-6x))}:host([data-position=above]) .sbb-popover:before{inset-block-end:calc(-1 * var(--sbb-spacing-fixed-6x))}.sbb-popover__content{display:flex;gap:var(--sbb-spacing-fixed-4x);border-radius:var(--sbb-popover-border-radius);padding:var(--sbb-popover-padding);outline:none;background-color:var(--sbb-popover-background);overflow:hidden;flex-direction:row-reverse}:host([data-position=above]) .sbb-popover__content:before{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@keyframes open{0%{opacity:0;transform:var(--sbb-popover-transform)}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:var(--sbb-popover-transform)}}`, fe = 16, ye = 32;
|
|
21
21
|
let we = 0;
|
|
22
|
-
const
|
|
22
|
+
const k = /* @__PURE__ */ new Set(), Ce = L ? !1 : matchMedia(ae).matches;
|
|
23
23
|
let Re = (() => {
|
|
24
|
-
var
|
|
25
|
-
let s = [ee("sbb-popover"),
|
|
26
|
-
var
|
|
24
|
+
var v, g, u, _, m, f, a;
|
|
25
|
+
let s = [ee("sbb-popover"), ce({ popover: "manual" })], i, r = [], b, D = ve(re), S, O = [], P = [], z, A = [], B = [], F, I = [], M = [], H, R = [], $ = [], N, U = [], q = [], Y, Z = [], W = [];
|
|
26
|
+
var x = (a = class extends D {
|
|
27
27
|
constructor() {
|
|
28
28
|
super(...arguments);
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
n(this,
|
|
36
|
-
this._isPointerDownEventOnPopover =
|
|
29
|
+
h(this, v);
|
|
30
|
+
h(this, g);
|
|
31
|
+
h(this, u);
|
|
32
|
+
h(this, _);
|
|
33
|
+
h(this, m);
|
|
34
|
+
h(this, f);
|
|
35
|
+
n(this, v, l(this, O, null)), n(this, g, (l(this, P), l(this, A, !1))), n(this, u, (l(this, B), l(this, I, !1))), n(this, _, (l(this, M), l(this, R, 0))), n(this, m, (l(this, $), l(this, U, 0))), n(this, f, (l(this, q), l(this, Z, ""))), this.willClose = (l(this, W), new X(this, x.events.willClose, { cancelable: !0 })), this.didClose = new X(this, x.events.didClose, { cancelable: !0 }), this._skipCloseFocus = !1, this._hoverTrigger = !1, this._triggerIdReferenceController = new ne(this, "trigger"), this._escapableOverlayController = new le(this), this._focusHandler = new oe(), this._language = new be(this), this._pointerDownListener = (t) => {
|
|
36
|
+
this._isPointerDownEventOnPopover = G(this._overlay, t);
|
|
37
37
|
}, this._closeOnBackdropClick = (t) => {
|
|
38
|
-
!this._isPointerDownEventOnPopover && !
|
|
38
|
+
!this._isPointerDownEventOnPopover && !G(this._overlay, t) && (this._nextFocusedElement = t.composedPath().filter((e) => e instanceof window.HTMLElement).find((e) => e.matches(se)), clearTimeout(this._closeTimeout), this.close());
|
|
39
39
|
}, this._onTriggerMouseEnter = () => {
|
|
40
40
|
this.state === "closed" || this.state === "closing" ? this._openTimeout = setTimeout(() => this.open(), this.openDelay) : clearTimeout(this._closeTimeout);
|
|
41
41
|
}, this._onTriggerMouseLeave = () => {
|
|
@@ -51,17 +51,17 @@ let Re = (() => {
|
|
|
51
51
|
* Accepts both a string (id of an element) or an HTML element.
|
|
52
52
|
*/
|
|
53
53
|
get trigger() {
|
|
54
|
-
return p(this,
|
|
54
|
+
return p(this, v);
|
|
55
55
|
}
|
|
56
56
|
set trigger(t) {
|
|
57
|
-
n(this,
|
|
57
|
+
n(this, v, t);
|
|
58
58
|
}
|
|
59
59
|
/** Whether the close button should be hidden. */
|
|
60
60
|
get hideCloseButton() {
|
|
61
|
-
return p(this,
|
|
61
|
+
return p(this, g);
|
|
62
62
|
}
|
|
63
63
|
set hideCloseButton(t) {
|
|
64
|
-
n(this,
|
|
64
|
+
n(this, g, t);
|
|
65
65
|
}
|
|
66
66
|
/** Whether the popover should be triggered on hover. */
|
|
67
67
|
get hoverTrigger() {
|
|
@@ -72,32 +72,32 @@ let Re = (() => {
|
|
|
72
72
|
}
|
|
73
73
|
/** Open the popover after a certain delay. */
|
|
74
74
|
get openDelay() {
|
|
75
|
-
return p(this,
|
|
75
|
+
return p(this, _);
|
|
76
76
|
}
|
|
77
77
|
set openDelay(t) {
|
|
78
|
-
n(this,
|
|
78
|
+
n(this, _, t);
|
|
79
79
|
}
|
|
80
80
|
/** Close the popover after a certain delay. */
|
|
81
81
|
get closeDelay() {
|
|
82
|
-
return p(this,
|
|
82
|
+
return p(this, m);
|
|
83
83
|
}
|
|
84
84
|
set closeDelay(t) {
|
|
85
|
-
n(this,
|
|
85
|
+
n(this, m, t);
|
|
86
86
|
}
|
|
87
87
|
/** This will be forwarded as aria-label to the close button element. */
|
|
88
88
|
get accessibilityCloseLabel() {
|
|
89
|
-
return p(this,
|
|
89
|
+
return p(this, f);
|
|
90
90
|
}
|
|
91
91
|
set accessibilityCloseLabel(t) {
|
|
92
|
-
n(this,
|
|
92
|
+
n(this, f, t);
|
|
93
93
|
}
|
|
94
94
|
/** Opens the popover on trigger click. */
|
|
95
95
|
open() {
|
|
96
96
|
var t, e;
|
|
97
|
-
if (!(this.state !== "closed" && this.state !== "closing" || !this._overlay
|
|
98
|
-
for (const o of
|
|
99
|
-
const
|
|
100
|
-
|
|
97
|
+
if (!(this.state !== "closed" && this.state !== "closing" || !this._overlay || !this.willOpen.emit())) {
|
|
98
|
+
for (const o of k) {
|
|
99
|
+
const c = o.getAttribute("data-state");
|
|
100
|
+
c && (c === "opened" || c === "opening") && o.close();
|
|
101
101
|
}
|
|
102
102
|
(t = this.showPopover) == null || t.call(this), this.state = "opening", this.inert = !0, this._setPopoverPosition(), (e = this._triggerElement) == null || e.setAttribute("aria-expanded", "true"), this._nextFocusedElement = void 0, this._skipCloseFocus = !1, this._isZeroAnimationDuration() && this._handleOpening();
|
|
103
103
|
}
|
|
@@ -111,50 +111,50 @@ let Re = (() => {
|
|
|
111
111
|
return pe(this, "--sbb-popover-animation-duration");
|
|
112
112
|
}
|
|
113
113
|
_handleClosing() {
|
|
114
|
-
var t, e, o,
|
|
115
|
-
if (this.state = "closed", (t = this.hidePopover) == null || t.call(this), (o = (e = this._overlay) == null ? void 0 : e.firstElementChild) == null || o.scrollTo(0, 0), (
|
|
116
|
-
const
|
|
117
|
-
E
|
|
114
|
+
var t, e, o, c, w;
|
|
115
|
+
if (this.state = "closed", (t = this.hidePopover) == null || t.call(this), (o = (e = this._overlay) == null ? void 0 : e.firstElementChild) == null || o.scrollTo(0, 0), (c = this._overlay) == null || c.removeAttribute("tabindex"), !this._skipCloseFocus) {
|
|
116
|
+
const E = this._nextFocusedElement || this._triggerElement;
|
|
117
|
+
T(E), E == null || E.focus();
|
|
118
118
|
}
|
|
119
|
-
this.
|
|
119
|
+
this._escapableOverlayController.disconnect(), this.didClose.emit({ closeTarget: this._popoverCloseElement }), (w = this._openStateController) == null || w.abort(), this._focusHandler.disconnect();
|
|
120
120
|
}
|
|
121
121
|
_handleOpening() {
|
|
122
|
-
this.state = "opened", this.inert = !1, this._attachWindowEvents(), this.
|
|
122
|
+
this.state = "opened", this.inert = !1, this._attachWindowEvents(), this._escapableOverlayController.connect(), this._setPopoverFocus(), this._focusHandler.trap(this, {
|
|
123
123
|
postFilter: (t) => t !== this._overlay
|
|
124
124
|
}), this.didOpen.emit();
|
|
125
125
|
}
|
|
126
126
|
connectedCallback() {
|
|
127
|
-
super.connectedCallback(), this.id || (this.id =
|
|
127
|
+
super.connectedCallback(), this.id || (this.id = `sbb-popover-${++we}`), this._configureTrigger(), this.state = "closed", k.add(this);
|
|
128
128
|
}
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
super.willUpdate(t), t.has("trigger") && this.trigger !== t.get("trigger") && ((e = this._popoverController) == null || e.abort(), (o = this._openStateController) == null || o.abort(), this._configure()), t.has("hoverTrigger") && this._configure();
|
|
129
|
+
requestUpdate(t, e, o) {
|
|
130
|
+
super.requestUpdate(t, e, o), !L && (!t || t === "trigger" || t === "hoverTrigger") && this.hasUpdated && this._configureTrigger();
|
|
132
131
|
}
|
|
133
132
|
firstUpdated(t) {
|
|
134
133
|
super.firstUpdated(t), this._hoverTrigger && (this._overlay.addEventListener("mouseenter", () => this._onOverlayMouseEnter()), this._overlay.addEventListener("mouseleave", () => this._onOverlayMouseLeave()));
|
|
135
134
|
}
|
|
136
135
|
disconnectedCallback() {
|
|
137
136
|
var t, e;
|
|
138
|
-
super.disconnectedCallback(), (t = this.
|
|
137
|
+
super.disconnectedCallback(), this._triggerElement = null, (t = this._triggerAbortController) == null || t.abort(), (e = this._openStateController) == null || e.abort(), this._focusHandler.disconnect(), k.delete(this);
|
|
139
138
|
}
|
|
140
139
|
// Check if the trigger is valid and attach click event listeners.
|
|
141
|
-
|
|
142
|
-
var
|
|
143
|
-
if (
|
|
140
|
+
_configureTrigger() {
|
|
141
|
+
var c;
|
|
142
|
+
if (L)
|
|
144
143
|
return;
|
|
145
144
|
if (this.hydrationRequired) {
|
|
146
|
-
this.hydrationComplete.then(() => this.
|
|
145
|
+
this.hydrationComplete.then(() => this._configureTrigger());
|
|
147
146
|
return;
|
|
148
147
|
}
|
|
149
|
-
|
|
148
|
+
const t = this.hoverTrigger && !Ce, e = this.trigger instanceof HTMLElement ? this.trigger : this._triggerIdReferenceController.find();
|
|
149
|
+
if (e === this._triggerElement && t === this._hoverTrigger || ((c = this._triggerAbortController) == null || c.abort(), ge(this._triggerElement), this._triggerElement = e, this._hoverTrigger = t, !this._triggerElement))
|
|
150
150
|
return;
|
|
151
|
-
|
|
152
|
-
const { signal:
|
|
153
|
-
this._hoverTrigger ? (this._triggerElement.addEventListener("mouseenter", this._onTriggerMouseEnter, { signal:
|
|
154
|
-
(
|
|
155
|
-
}, { signal:
|
|
151
|
+
ue(this._triggerElement, "dialog", this.id, this.state);
|
|
152
|
+
const { signal: o } = this._triggerAbortController = new AbortController();
|
|
153
|
+
this._hoverTrigger ? (this._triggerElement.addEventListener("mouseenter", this._onTriggerMouseEnter, { signal: o }), this._triggerElement.addEventListener("mouseleave", this._onTriggerMouseLeave, { signal: o }), this._triggerElement.addEventListener("keydown", (w) => {
|
|
154
|
+
(w.code === "Space" || w.code === "Enter") && this.open();
|
|
155
|
+
}, { signal: o })) : this._triggerElement.addEventListener("click", () => {
|
|
156
156
|
this.state === "closed" && this.open();
|
|
157
|
-
}, { signal:
|
|
157
|
+
}, { signal: o });
|
|
158
158
|
}
|
|
159
159
|
_attachWindowEvents() {
|
|
160
160
|
this._openStateController = new AbortController(), document.addEventListener("scroll", () => this._setPopoverPosition(), {
|
|
@@ -187,7 +187,7 @@ let Re = (() => {
|
|
|
187
187
|
// Set focus on the first focusable element.
|
|
188
188
|
_setPopoverFocus() {
|
|
189
189
|
const t = this.shadowRoot.querySelector("[sbb-popover-close]") || ie(Array.from(this.children).filter((e) => e instanceof window.HTMLElement));
|
|
190
|
-
t ? (
|
|
190
|
+
t ? (T(t), t.focus()) : (this._overlay.setAttribute("tabindex", "0"), T(this._overlay), this._overlay.focus(), this._overlay.addEventListener("blur", () => {
|
|
191
191
|
setTimeout(() => {
|
|
192
192
|
var e;
|
|
193
193
|
document.visibilityState !== "hidden" && ((e = this._overlay) == null || e.removeAttribute("tabindex"), (this.state === "opened" || this.state === "opening") && (this._skipCloseFocus = !0), this.close());
|
|
@@ -210,7 +210,7 @@ let Re = (() => {
|
|
|
210
210
|
this.style.setProperty("--sbb-popover-position-x", `${t.left}px`), this.style.setProperty("--sbb-popover-position-y", `${t.top}px`), this.style.setProperty("--sbb-popover-arrow-position-x", `${e}px`);
|
|
211
211
|
}
|
|
212
212
|
render() {
|
|
213
|
-
const t =
|
|
213
|
+
const t = V`
|
|
214
214
|
<span class="sbb-popover__close">
|
|
215
215
|
<sbb-secondary-button
|
|
216
216
|
aria-label=${this.accessibilityCloseLabel || de[this._language.current]}
|
|
@@ -221,7 +221,7 @@ let Re = (() => {
|
|
|
221
221
|
></sbb-secondary-button>
|
|
222
222
|
</span>
|
|
223
223
|
`;
|
|
224
|
-
return
|
|
224
|
+
return V`
|
|
225
225
|
<div class="sbb-popover__container">
|
|
226
226
|
<div
|
|
227
227
|
@animationend=${this._onPopoverAnimationEnd}
|
|
@@ -242,23 +242,23 @@ let Re = (() => {
|
|
|
242
242
|
</div>
|
|
243
243
|
`;
|
|
244
244
|
}
|
|
245
|
-
},
|
|
246
|
-
const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
247
|
-
|
|
245
|
+
}, v = new WeakMap(), g = new WeakMap(), u = new WeakMap(), _ = new WeakMap(), m = new WeakMap(), f = new WeakMap(), b = a, (() => {
|
|
246
|
+
const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(D[Symbol.metadata] ?? null) : void 0;
|
|
247
|
+
S = [y()], z = [C(), y({ attribute: "hide-close-button", type: Boolean })], F = [C(), y({ attribute: "hover-trigger", type: Boolean })], H = [C(), y({ attribute: "open-delay", type: Number })], N = [C(), y({ attribute: "close-delay", type: Number })], Y = [C(), y({ attribute: "accessibility-close-label" })], d(a, null, S, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (e) => "trigger" in e, get: (e) => e.trigger, set: (e, o) => {
|
|
248
248
|
e.trigger = o;
|
|
249
|
-
} }, metadata: t },
|
|
249
|
+
} }, metadata: t }, O, P), d(a, null, z, { kind: "accessor", name: "hideCloseButton", static: !1, private: !1, access: { has: (e) => "hideCloseButton" in e, get: (e) => e.hideCloseButton, set: (e, o) => {
|
|
250
250
|
e.hideCloseButton = o;
|
|
251
|
-
} }, metadata: t },
|
|
251
|
+
} }, metadata: t }, A, B), d(a, null, F, { kind: "accessor", name: "hoverTrigger", static: !1, private: !1, access: { has: (e) => "hoverTrigger" in e, get: (e) => e.hoverTrigger, set: (e, o) => {
|
|
252
252
|
e.hoverTrigger = o;
|
|
253
|
-
} }, metadata: t },
|
|
253
|
+
} }, metadata: t }, I, M), d(a, null, H, { kind: "accessor", name: "openDelay", static: !1, private: !1, access: { has: (e) => "openDelay" in e, get: (e) => e.openDelay, set: (e, o) => {
|
|
254
254
|
e.openDelay = o;
|
|
255
|
-
} }, metadata: t },
|
|
255
|
+
} }, metadata: t }, R, $), d(a, null, N, { kind: "accessor", name: "closeDelay", static: !1, private: !1, access: { has: (e) => "closeDelay" in e, get: (e) => e.closeDelay, set: (e, o) => {
|
|
256
256
|
e.closeDelay = o;
|
|
257
|
-
} }, metadata: t },
|
|
257
|
+
} }, metadata: t }, U, q), d(a, null, Y, { kind: "accessor", name: "accessibilityCloseLabel", static: !1, private: !1, access: { has: (e) => "accessibilityCloseLabel" in e, get: (e) => e.accessibilityCloseLabel, set: (e, o) => {
|
|
258
258
|
e.accessibilityCloseLabel = o;
|
|
259
|
-
} }, metadata: t },
|
|
259
|
+
} }, metadata: t }, Z, W), d(null, i = { value: b }, s, { kind: "class", name: b.name, metadata: t }, null, r), x = b = i.value, t && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
|
|
260
260
|
})(), a.styles = me, l(b, r), a);
|
|
261
|
-
return
|
|
261
|
+
return x = b;
|
|
262
262
|
})();
|
|
263
263
|
export {
|
|
264
264
|
Re as SbbPopoverElement
|
|
@@ -53,7 +53,6 @@ export declare class SbbRadioButtonGroupElement extends SbbRadioButtonGroupEleme
|
|
|
53
53
|
* List of contained radio buttons.
|
|
54
54
|
*/
|
|
55
55
|
get radioButtons(): (SbbRadioButtonElement | SbbRadioButtonPanelElement)[];
|
|
56
|
-
private _didLoad;
|
|
57
56
|
/**
|
|
58
57
|
* Emits whenever the `sbb-radio-group` value changes.
|
|
59
58
|
* @deprecated only used for React. Will probably be removed once React 19 is available.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button-group/radio-button-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;;AAMhE;;;;;;GAMG;AACH,qBAMM,0BAA2B,SAAQ,+BAA4B;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX;;OAEG;IACH,SAEgB,mBAAmB,EAAE,OAAO,CAAS;IAErD;;OAEG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;OAEG;IACH,IACW,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAalC;IACD,IAAW,KAAK,IAAI,MAAM,GAAG,IAAI,CAEhC;IACD;;OAEG;IACH,OAAO,CAAC,cAAc,CAAuB;IAE7C;;;OAGG;IACH,SAA4B,IAAI,EAAE,kBAAkB,CAAyB;IAE7E;;OAEG;IACH,SACgB,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAEhE;;OAEG;IACH,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D,SAEgB,IAAI,EAAE,MAAM,CAAwC;IAEpE;;OAEG;IACH,IAAW,YAAY,IAAI,CAAC,qBAAqB,GAAG,0BAA0B,CAAC,EAAE,CAOhF;IAED
|
|
1
|
+
{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/radio-button-group/radio-button-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;;AAMhE;;;;;;GAMG;AACH,qBAMM,0BAA2B,SAAQ,+BAA4B;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX;;OAEG;IACH,SAEgB,mBAAmB,EAAE,OAAO,CAAS;IAErD;;OAEG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;OAEG;IACH,IACW,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAalC;IACD,IAAW,KAAK,IAAI,MAAM,GAAG,IAAI,CAEhC;IACD;;OAEG;IACH,OAAO,CAAC,cAAc,CAAuB;IAE7C;;;OAGG;IACH,SAA4B,IAAI,EAAE,kBAAkB,CAAyB;IAE7E;;OAEG;IACH,SACgB,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAEhE;;OAEG;IACH,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D,SAEgB,IAAI,EAAE,MAAM,CAAwC;IAEpE;;OAEG;IACH,IAAW,YAAY,IAAI,CAAC,qBAAqB,GAAG,0BAA0B,CAAC,EAAE,CAOhF;IAED;;;OAGG;IACH,OAAO,CAAC,UAAU,CAGhB;;IAOc,iBAAiB,IAAI,IAAI;IAKzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAiBhD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAO7F,OAAO,CAAC,cAAc;IAetB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAIzB;;;OAGG;IACH,OAAO,CAAC,iBAAiB;cAON,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}
|
|
@@ -15,7 +15,7 @@ let et = 0, ut = (() => {
|
|
|
15
15
|
var m, p, f, _, g, z, r;
|
|
16
16
|
let o = [Q("sbb-radio-button-group"), W({
|
|
17
17
|
role: "radiogroup"
|
|
18
|
-
}), X()], i, n = [], d, x = P(J), y = [], E, S = [], k = [], q, B = [], C = [], F, I, R = [], U = [],
|
|
18
|
+
}), X()], i, n = [], d, x = P(J), y = [], E, S = [], k = [], q, B = [], C = [], F, I, R = [], U = [], N, V = [], A = [], D, L = [], j = [], G, O = [], T = [];
|
|
19
19
|
var v = (r = class extends x {
|
|
20
20
|
constructor() {
|
|
21
21
|
var e;
|
|
@@ -26,7 +26,7 @@ let et = 0, ut = (() => {
|
|
|
26
26
|
b(this, _);
|
|
27
27
|
b(this, g);
|
|
28
28
|
b(this, z);
|
|
29
|
-
l(this, m, (s(this, y), s(this, S, !1))), l(this, p, (s(this, k), s(this, B, !1))), this._fallbackValue = (s(this, C), null), l(this, f, s(this, R, Y() ? "xs" : "m")), l(this, _, (s(this, U), s(this,
|
|
29
|
+
l(this, m, (s(this, y), s(this, S, !1))), l(this, p, (s(this, k), s(this, B, !1))), this._fallbackValue = (s(this, C), null), l(this, f, s(this, R, Y() ? "xs" : "m")), l(this, _, (s(this, U), s(this, V, null))), l(this, g, (s(this, A), s(this, L, "horizontal"))), l(this, z, (s(this, j), s(this, O, `sbb-radio-button-group-${++et}`))), this._didChange = (s(this, T), new Z(this, v.events.didChange)), (e = this.addEventListener) == null || e.call(this, "change", (t) => this._onRadioChange(t));
|
|
30
30
|
}
|
|
31
31
|
/**
|
|
32
32
|
* Whether the radios can be deselected.
|
|
@@ -50,7 +50,7 @@ let et = 0, ut = (() => {
|
|
|
50
50
|
* The value of the radio group.
|
|
51
51
|
*/
|
|
52
52
|
set value(e) {
|
|
53
|
-
if (this._fallbackValue = e, !this.
|
|
53
|
+
if (this._fallbackValue = e, !this.hasUpdated)
|
|
54
54
|
return;
|
|
55
55
|
if (e == null) {
|
|
56
56
|
this.radioButtons.forEach((a) => a.checked = !1);
|
|
@@ -124,7 +124,7 @@ let et = 0, ut = (() => {
|
|
|
124
124
|
}), e.has("name") && this._updateRadiosName();
|
|
125
125
|
}
|
|
126
126
|
async firstUpdated(e) {
|
|
127
|
-
super.firstUpdated(e),
|
|
127
|
+
super.firstUpdated(e), await this.updateComplete, this._updateRadioState();
|
|
128
128
|
}
|
|
129
129
|
_onRadioChange(e) {
|
|
130
130
|
const t = e.target;
|
|
@@ -159,7 +159,7 @@ let et = 0, ut = (() => {
|
|
|
159
159
|
}
|
|
160
160
|
}, m = new WeakMap(), p = new WeakMap(), f = new WeakMap(), _ = new WeakMap(), g = new WeakMap(), z = new WeakMap(), d = r, (() => {
|
|
161
161
|
const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
|
|
162
|
-
E = [w(), c({ attribute: "allow-empty-selection", type: Boolean })], q = [w(), c({ type: Boolean })], F = [c()], I = [c()],
|
|
162
|
+
E = [w(), c({ attribute: "allow-empty-selection", type: Boolean })], q = [w(), c({ type: Boolean })], F = [c()], I = [c()], N = [c({ attribute: "horizontal-from", reflect: !0 })], D = [c({ reflect: !0 })], G = [w(), c()], h(r, null, E, { kind: "accessor", name: "allowEmptySelection", static: !1, private: !1, access: { has: (t) => "allowEmptySelection" in t, get: (t) => t.allowEmptySelection, set: (t, a) => {
|
|
163
163
|
t.allowEmptySelection = a;
|
|
164
164
|
} }, metadata: e }, S, k), h(r, null, q, { kind: "accessor", name: "required", static: !1, private: !1, access: { has: (t) => "required" in t, get: (t) => t.required, set: (t, a) => {
|
|
165
165
|
t.required = a;
|
|
@@ -167,11 +167,11 @@ let et = 0, ut = (() => {
|
|
|
167
167
|
t.value = a;
|
|
168
168
|
} }, metadata: e }, null, y), h(r, null, I, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, a) => {
|
|
169
169
|
t.size = a;
|
|
170
|
-
} }, metadata: e }, R, U), h(r, null,
|
|
170
|
+
} }, metadata: e }, R, U), h(r, null, N, { kind: "accessor", name: "horizontalFrom", static: !1, private: !1, access: { has: (t) => "horizontalFrom" in t, get: (t) => t.horizontalFrom, set: (t, a) => {
|
|
171
171
|
t.horizontalFrom = a;
|
|
172
|
-
} }, metadata: e },
|
|
172
|
+
} }, metadata: e }, V, A), h(r, null, D, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (t) => "orientation" in t, get: (t) => t.orientation, set: (t, a) => {
|
|
173
173
|
t.orientation = a;
|
|
174
|
-
} }, metadata: e },
|
|
174
|
+
} }, metadata: e }, L, j), h(r, null, G, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (t) => "name" in t, get: (t) => t.name, set: (t, a) => {
|
|
175
175
|
t.name = a;
|
|
176
176
|
} }, metadata: e }, O, T), h(null, i = { value: d }, o, { kind: "class", name: d.name, metadata: e }, null, n), v = d = i.value, e && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
|
|
177
177
|
})(), r.styles = tt, r.events = {
|
package/select/select.d.ts
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { CSSResultGroup, PropertyDeclaration, PropertyValues, TemplateResult } from 'lit';
|
|
2
2
|
import { SbbOpenCloseBaseElement } from '../core/base-elements.js';
|
|
3
3
|
import { FormRestoreReason, FormRestoreState } from '../core/mixins.js';
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated will be removed with next major version
|
|
6
|
+
*/
|
|
4
7
|
export interface SelectChange {
|
|
5
8
|
type: 'value';
|
|
6
9
|
value: string | string[];
|
|
@@ -26,7 +29,7 @@ export declare class SbbSelectElement extends SbbSelectElement_base {
|
|
|
26
29
|
static readonly events: {
|
|
27
30
|
readonly change: "change";
|
|
28
31
|
readonly input: "input";
|
|
29
|
-
readonly
|
|
32
|
+
readonly displayValueChange: "displayValueChange";
|
|
30
33
|
readonly willOpen: "willOpen";
|
|
31
34
|
readonly didOpen: "didOpen";
|
|
32
35
|
readonly willClose: "willClose";
|
|
@@ -51,13 +54,13 @@ export declare class SbbSelectElement extends SbbSelectElement_base {
|
|
|
51
54
|
/** Notifies that an option value has been selected. */
|
|
52
55
|
private _input;
|
|
53
56
|
/** @internal */
|
|
54
|
-
private
|
|
57
|
+
private _displayValueChanged;
|
|
55
58
|
private _overlay;
|
|
56
59
|
private _optionContainer;
|
|
57
60
|
private _originElement;
|
|
58
61
|
private _triggerElement;
|
|
59
62
|
private _openPanelEventsController;
|
|
60
|
-
private
|
|
63
|
+
private _escapableOverlayController;
|
|
61
64
|
private _overlayId;
|
|
62
65
|
private _activeItemIndex;
|
|
63
66
|
private _searchTimeout?;
|
package/select/select.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/elements/select/select.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAO/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAWnE,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAOtB,MAAM,mBAAmB,CAAC;AAc3B,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC1B;;AAED;;;;;;;;;;;;;;GAcG;AACH,qBAKM,gBAAiB,SAAQ,qBAY9B;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAGtD,gBAAgC,MAAM;;;;;;;;MAQ3B;IAEX,0DAA0D;IAC1D,SAEgB,WAAW,EAAE,MAAM,CAAM;IAEzC,wDAAwD;IACxD,SAGgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,SAMyB,QAAQ,EAAE,OAAO,CAAS;IAEnD,sCAAsC;IACtC,SAKgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;OAGG;IACH,IAAoB,IAAI,IAAI,MAAM,CAEjC;IAED,4CAA4C;IACnC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAuB;IAE9D,uDAAuD;IACvD,OAAO,CAAC,OAAO,CAAwE;IAEvF,uDAAuD;IACvD,OAAO,CAAC,MAAM,CAAuE;IAErF,gBAAgB;IAChB,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/elements/select/select.ts"],"names":[],"mappings":"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"}
|