@sbb-esta/lyne-elements 2.0.1 → 2.0.2
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/accordion/accordion.d.ts +1 -2
- package/accordion/accordion.d.ts.map +1 -1
- package/accordion.js +39 -44
- package/alert/alert-group/alert-group.d.ts +1 -2
- package/alert/alert-group/alert-group.d.ts.map +1 -1
- package/alert/alert-group.js +29 -34
- package/autocomplete/autocomplete-base-element.d.ts +1 -0
- package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/autocomplete/autocomplete.d.ts +1 -1
- package/autocomplete/autocomplete.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts +1 -1
- package/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid.js +18 -22
- package/autocomplete.js +17 -18
- package/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts +1 -2
- package/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts.map +1 -1
- package/breadcrumb/breadcrumb-group.js +26 -30
- package/button/common.js +4 -4
- package/calendar/calendar.d.ts +3 -3
- package/calendar/calendar.d.ts.map +1 -1
- package/checkbox/checkbox-group/checkbox-group.d.ts +1 -1
- package/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
- package/checkbox/checkbox-group.js +34 -36
- package/core/base-elements/button-base-element.d.ts +1 -1
- package/core/base-elements/button-base-element.d.ts.map +1 -1
- package/core/base-elements.js +1 -1
- package/core/controllers/connected-abort-controller.d.ts +4 -0
- package/core/controllers/connected-abort-controller.d.ts.map +1 -1
- package/core/eventing/forward-event.d.ts +7 -1
- package/core/eventing/forward-event.d.ts.map +1 -1
- package/core/eventing.js +14 -12
- package/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
- package/core/mixins/form-associated-radio-button-mixin.d.ts +1 -0
- package/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
- package/core/mixins.js +28 -34
- package/core/styles/core.scss +13 -12
- package/core/styles/mixins/buttons.scss +1 -1
- package/core/styles/mixins/lists.scss +100 -35
- package/core.css +2 -1
- package/custom-elements.json +226 -366
- package/datepicker/common/datepicker-button.d.ts +1 -1
- package/datepicker/common/datepicker-button.d.ts.map +1 -1
- package/datepicker/common.js +24 -24
- package/datepicker/datepicker/datepicker.d.ts +1 -1
- package/datepicker/datepicker/datepicker.d.ts.map +1 -1
- package/datepicker/datepicker-toggle/datepicker-toggle.d.ts +1 -2
- package/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
- package/datepicker/datepicker-toggle.js +76 -75
- package/datepicker/datepicker.js +58 -60
- package/development/accordion/accordion.d.ts +1 -2
- package/development/accordion/accordion.d.ts.map +1 -1
- package/development/accordion.js +16 -23
- package/development/alert/alert-group/alert-group.d.ts +1 -2
- package/development/alert/alert-group/alert-group.d.ts.map +1 -1
- package/development/alert/alert-group.js +12 -17
- package/development/autocomplete/autocomplete-base-element.d.ts +1 -0
- package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/development/autocomplete/autocomplete.d.ts +1 -1
- package/development/autocomplete/autocomplete.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts +1 -1
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid.js +9 -12
- package/development/autocomplete.js +12 -12
- package/development/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts +1 -2
- package/development/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts.map +1 -1
- package/development/breadcrumb/breadcrumb-group.js +13 -17
- package/development/button/common.js +20 -6
- package/development/calendar/calendar.d.ts +3 -3
- package/development/calendar/calendar.d.ts.map +1 -1
- package/development/calendar.js +1 -1
- package/development/checkbox/checkbox-group/checkbox-group.d.ts +1 -1
- package/development/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
- package/development/checkbox/checkbox-group.js +10 -15
- package/development/core/base-elements/button-base-element.d.ts +1 -1
- package/development/core/base-elements/button-base-element.d.ts.map +1 -1
- package/development/core/base-elements.js +2 -2
- package/development/core/controllers/connected-abort-controller.d.ts +4 -0
- package/development/core/controllers/connected-abort-controller.d.ts.map +1 -1
- package/development/core/controllers.js +1 -1
- package/development/core/eventing/forward-event.d.ts +7 -1
- package/development/core/eventing/forward-event.d.ts.map +1 -1
- package/development/core/eventing.js +5 -3
- package/development/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
- package/development/core/mixins/form-associated-radio-button-mixin.d.ts +1 -0
- package/development/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -1
- package/development/core/mixins.js +9 -18
- package/development/datepicker/common/datepicker-button.d.ts +1 -1
- package/development/datepicker/common/datepicker-button.d.ts.map +1 -1
- package/development/datepicker/common.js +6 -7
- package/development/datepicker/datepicker/datepicker.d.ts +1 -1
- package/development/datepicker/datepicker/datepicker.d.ts.map +1 -1
- package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts +1 -2
- package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
- package/development/datepicker/datepicker-toggle.js +14 -14
- package/development/datepicker/datepicker.js +8 -11
- package/development/dialog/dialog/dialog.d.ts +1 -1
- package/development/dialog/dialog/dialog.d.ts.map +1 -1
- package/development/dialog/dialog-content/dialog-content.d.ts.map +1 -1
- package/development/dialog/dialog-content.js +3 -2
- package/development/dialog/dialog.js +7 -13
- package/development/expansion-panel/expansion-panel/expansion-panel.d.ts +1 -1
- package/development/expansion-panel/expansion-panel/expansion-panel.d.ts.map +1 -1
- package/development/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts +1 -2
- package/development/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts.map +1 -1
- package/development/expansion-panel/expansion-panel-header.js +7 -11
- package/development/expansion-panel/expansion-panel.js +5 -7
- package/development/file-selector/common.js +3 -3
- package/development/flip-card/flip-card/flip-card.d.ts +1 -2
- package/development/flip-card/flip-card/flip-card.d.ts.map +1 -1
- package/development/flip-card/flip-card.js +12 -15
- package/development/footer/footer.d.ts +1 -1
- package/development/footer.js +2 -2
- package/development/form-field/form-field-clear/form-field-clear.d.ts +1 -1
- package/development/form-field/form-field-clear/form-field-clear.d.ts.map +1 -1
- package/development/form-field/form-field-clear.js +5 -6
- package/development/image/image.d.ts +2 -2
- package/development/image.js +1 -1
- package/development/map-container/map-container.d.ts.map +1 -1
- package/development/map-container.js +3 -2
- package/development/menu/menu/menu.d.ts +2 -1
- package/development/menu/menu/menu.d.ts.map +1 -1
- package/development/menu/menu.js +20 -13
- package/development/message.js +2 -1
- package/development/navigation/common/navigation-action-common.d.ts +1 -1
- package/development/navigation/common/navigation-action-common.d.ts.map +1 -1
- package/development/navigation/common.js +11 -13
- package/development/navigation/navigation/navigation.d.ts +0 -1
- package/development/navigation/navigation/navigation.d.ts.map +1 -1
- package/development/navigation/navigation-section/navigation-section.d.ts +1 -0
- package/development/navigation/navigation-section/navigation-section.d.ts.map +1 -1
- package/development/navigation/navigation-section.js +5 -6
- package/development/navigation/navigation.js +9 -10
- package/development/notification.js +2 -2
- package/development/option/option/option-base-element.d.ts +1 -1
- package/development/option/option/option-base-element.d.ts.map +1 -1
- package/development/option/option.js +17 -21
- package/development/overlay/overlay-base-element.d.ts +1 -0
- package/development/overlay/overlay-base-element.d.ts.map +1 -1
- package/development/overlay.js +4 -4
- package/development/popover/popover/popover.d.ts.map +1 -1
- package/development/popover/popover.js +6 -3
- package/development/radio-button/common/radio-button-common.d.ts.map +1 -1
- package/development/radio-button/common.js +11 -11
- package/development/radio-button/radio-button-group/radio-button-group.d.ts +3 -3
- package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/development/radio-button/radio-button-group.js +5 -9
- package/development/select/select.d.ts +5 -2
- package/development/select/select.d.ts.map +1 -1
- package/development/select.js +59 -34
- package/development/selection-expansion-panel/selection-expansion-panel.d.ts +1 -1
- package/development/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
- package/development/selection-expansion-panel.js +6 -8
- package/development/slider/slider.d.ts +1 -2
- package/development/slider/slider.d.ts.map +1 -1
- package/development/slider.js +6 -8
- package/development/stepper/step/step.d.ts +5 -5
- package/development/stepper/step/step.d.ts.map +1 -1
- package/development/stepper/step-label/step-label.d.ts +1 -1
- package/development/stepper/step-label/step-label.d.ts.map +1 -1
- package/development/stepper/step-label.js +12 -14
- package/development/stepper/step.js +8 -10
- package/development/stepper/stepper/stepper.d.ts +9 -8
- package/development/stepper/stepper/stepper.d.ts.map +1 -1
- package/development/stepper/stepper.js +28 -27
- package/development/tabs/tab-group/tab-group.d.ts +1 -2
- package/development/tabs/tab-group/tab-group.d.ts.map +1 -1
- package/development/tabs/tab-group.js +9 -14
- package/development/tag/tag/tag.d.ts +1 -1
- package/development/tag/tag/tag.d.ts.map +1 -1
- package/development/tag/tag-group/tag-group.d.ts +1 -1
- package/development/tag/tag-group/tag-group.d.ts.map +1 -1
- package/development/tag/tag-group.js +1 -1
- package/development/tag/tag.js +5 -6
- package/development/teaser-hero.js +6 -2
- package/development/time-input/time-input.d.ts +1 -1
- package/development/time-input/time-input.d.ts.map +1 -1
- package/development/time-input.js +6 -4
- package/development/toast/toast.d.ts +1 -1
- package/development/toast/toast.d.ts.map +1 -1
- package/development/toast.js +6 -7
- package/development/toggle/toggle/toggle.d.ts +1 -1
- package/development/toggle/toggle/toggle.d.ts.map +1 -1
- package/development/toggle/toggle-option/toggle-option.d.ts +1 -1
- package/development/toggle/toggle-option/toggle-option.d.ts.map +1 -1
- package/development/toggle/toggle-option.js +9 -13
- package/development/toggle/toggle.js +6 -8
- package/development/train/train-formation/train-formation.d.ts +1 -2
- package/development/train/train-formation/train-formation.d.ts.map +1 -1
- package/development/train/train-formation.js +8 -12
- package/dialog/dialog/dialog.d.ts +1 -1
- package/dialog/dialog/dialog.d.ts.map +1 -1
- package/dialog/dialog-content/dialog-content.d.ts.map +1 -1
- package/dialog/dialog-content.js +8 -7
- package/dialog/dialog.js +36 -42
- package/expansion-panel/expansion-panel/expansion-panel.d.ts +1 -1
- package/expansion-panel/expansion-panel/expansion-panel.d.ts.map +1 -1
- package/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts +1 -2
- package/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts.map +1 -1
- package/expansion-panel/expansion-panel-header.js +29 -33
- package/expansion-panel/expansion-panel.js +58 -60
- package/file-selector/common.js +5 -5
- package/flip-card/flip-card/flip-card.d.ts +1 -2
- package/flip-card/flip-card/flip-card.d.ts.map +1 -1
- package/flip-card/flip-card.js +34 -36
- package/footer/footer.d.ts +1 -1
- package/footer.js +1 -1
- package/form-field/form-field-clear/form-field-clear.d.ts +1 -1
- package/form-field/form-field-clear/form-field-clear.d.ts.map +1 -1
- package/form-field/form-field-clear.js +10 -11
- package/image/image.d.ts +2 -2
- package/lists.css +46 -62
- package/map-container/map-container.d.ts.map +1 -1
- package/map-container.js +22 -21
- package/menu/menu/menu.d.ts +2 -1
- package/menu/menu/menu.d.ts.map +1 -1
- package/menu/menu.js +84 -77
- package/message.js +12 -12
- package/navigation/common/navigation-action-common.d.ts +1 -1
- package/navigation/common/navigation-action-common.d.ts.map +1 -1
- package/navigation/common.js +24 -26
- package/navigation/navigation/navigation.d.ts +0 -1
- package/navigation/navigation/navigation.d.ts.map +1 -1
- package/navigation/navigation-section/navigation-section.d.ts +1 -0
- package/navigation/navigation-section/navigation-section.d.ts.map +1 -1
- package/navigation/navigation-section.js +35 -36
- package/navigation/navigation.js +64 -65
- package/notification.js +1 -1
- package/option/option/option-base-element.d.ts +1 -1
- package/option/option/option-base-element.d.ts.map +1 -1
- package/option/option.js +125 -125
- package/overlay/overlay-base-element.d.ts +1 -0
- package/overlay/overlay-base-element.d.ts.map +1 -1
- package/overlay.js +35 -35
- package/package.json +1 -1
- package/popover/popover/popover.d.ts.map +1 -1
- package/popover/popover.js +6 -3
- package/radio-button/common/radio-button-common.d.ts.map +1 -1
- package/radio-button/common.js +13 -14
- package/radio-button/radio-button-group/radio-button-group.d.ts +3 -3
- package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/radio-button/radio-button-group.js +20 -24
- package/select/select.d.ts +5 -2
- package/select/select.d.ts.map +1 -1
- package/select.js +96 -84
- package/selection-expansion-panel/selection-expansion-panel.d.ts +1 -1
- package/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
- package/selection-expansion-panel.js +17 -18
- package/slider/slider.d.ts +1 -2
- package/slider/slider.d.ts.map +1 -1
- package/slider.js +23 -25
- package/standard-theme.css +48 -63
- package/stepper/step/step.d.ts +5 -5
- package/stepper/step/step.d.ts.map +1 -1
- package/stepper/step-label/step-label.d.ts +1 -1
- package/stepper/step-label/step-label.d.ts.map +1 -1
- package/stepper/step-label.js +16 -18
- package/stepper/step.js +22 -24
- package/stepper/stepper/stepper.d.ts +9 -8
- package/stepper/stepper/stepper.d.ts.map +1 -1
- package/stepper/stepper.js +57 -58
- package/tabs/tab-group/tab-group.d.ts +1 -2
- package/tabs/tab-group/tab-group.d.ts.map +1 -1
- package/tabs/tab-group.js +83 -88
- package/tag/tag/tag.d.ts +1 -1
- package/tag/tag/tag.d.ts.map +1 -1
- package/tag/tag-group/tag-group.d.ts +1 -1
- package/tag/tag-group/tag-group.d.ts.map +1 -1
- package/tag/tag.js +30 -30
- package/teaser-hero.js +19 -19
- package/time-input/time-input.d.ts +1 -1
- package/time-input/time-input.d.ts.map +1 -1
- package/time-input.js +7 -5
- package/toast/toast.d.ts +1 -1
- package/toast/toast.d.ts.map +1 -1
- package/toast.js +32 -33
- package/toggle/toggle/toggle.d.ts +1 -1
- package/toggle/toggle/toggle.d.ts.map +1 -1
- package/toggle/toggle-option/toggle-option.d.ts +1 -1
- package/toggle/toggle-option/toggle-option.d.ts.map +1 -1
- package/toggle/toggle-option.js +31 -35
- package/toggle/toggle.js +31 -33
- package/train/train-formation/train-formation.d.ts +1 -2
- package/train/train-formation/train-formation.d.ts.map +1 -1
- package/train/train-formation.js +35 -39
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-field-clear.d.ts","sourceRoot":"","sources":["../../../../src/elements/form-field/form-field-clear/form-field-clear.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AASnE,OAAO,eAAe,CAAC;;AAEvB;;GAEG;AACH,qBAKM,wBAAyB,SAAQ,6BAAsC;IAC3E,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,UAAU,CAAC,CAA6B;IAChD,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"form-field-clear.d.ts","sourceRoot":"","sources":["../../../../src/elements/form-field/form-field-clear/form-field-clear.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AASnE,OAAO,eAAe,CAAC;;AAEvB;;GAEG;AACH,qBAKM,wBAAyB,SAAQ,6BAAsC;IAC3E,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,UAAU,CAAC,CAA6B;IAChD,OAAO,CAAC,SAAS,CAAmC;;IAOpC,iBAAiB,IAAI,IAAI;YAS3B,YAAY;cAWP,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAMzD,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,wBAAwB,CAAC;KAClD;CACF"}
|
|
@@ -2,25 +2,24 @@ import { __esDecorate as l, __runInitializers as d } from "tslib";
|
|
|
2
2
|
import { css as c, html as u } from "lit";
|
|
3
3
|
import { customElement as v } from "lit/decorators.js";
|
|
4
4
|
import { SbbButtonBaseElement as m } from "../core/base-elements.js";
|
|
5
|
-
import {
|
|
6
|
-
import { hostAttributes as
|
|
5
|
+
import { SbbLanguageController as f } from "../core/controllers.js";
|
|
6
|
+
import { hostAttributes as h } from "../core/decorators.js";
|
|
7
7
|
import { i18nClearInput as p } from "../core/i18n.js";
|
|
8
|
-
import { SbbNegativeMixin as
|
|
8
|
+
import { SbbNegativeMixin as g } from "../core/mixins.js";
|
|
9
9
|
import "../icon.js";
|
|
10
|
-
const
|
|
10
|
+
const k = c`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host .sbb-form-field-clear{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-form-field-clear:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-form-field-clear{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-form-field-clear:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host(:is([data-focus-visible],:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]))) .sbb-form-field-clear:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-form-field-clear:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-form-field-clear:before{background-color:var(--sbb-button-color-active-background)}`;
|
|
11
11
|
let I = (() => {
|
|
12
12
|
var r;
|
|
13
|
-
let n = [v("sbb-form-field-clear"),
|
|
13
|
+
let n = [v("sbb-form-field-clear"), h({
|
|
14
14
|
slot: "suffix"
|
|
15
|
-
})], a, b = [], o, e =
|
|
15
|
+
})], a, b = [], o, e = g(m);
|
|
16
16
|
return r = class extends e {
|
|
17
17
|
constructor() {
|
|
18
|
-
|
|
18
|
+
var t;
|
|
19
|
+
super(), this._language = new f(this), (t = this.addEventListener) == null || t.call(this, "click", () => this._handleClick());
|
|
19
20
|
}
|
|
20
21
|
connectedCallback() {
|
|
21
|
-
super.connectedCallback();
|
|
22
|
-
const t = this._abort.signal;
|
|
23
|
-
this.addEventListener("click", () => this._handleClick(), { signal: t }), this._formField = this.closest("sbb-form-field, [data-form-field]"), this._formField && (this.negative = this._formField.hasAttribute("negative"));
|
|
22
|
+
super.connectedCallback(), this._formField = this.closest("sbb-form-field, [data-form-field]"), this._formField && (this.negative = this._formField.hasAttribute("negative"));
|
|
24
23
|
}
|
|
25
24
|
async _handleClick() {
|
|
26
25
|
var i, s;
|
|
@@ -36,7 +35,7 @@ let I = (() => {
|
|
|
36
35
|
}, o = r, (() => {
|
|
37
36
|
const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
|
|
38
37
|
l(null, a = { value: o }, n, { kind: "class", name: o.name, metadata: t }, null, b), o = a.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
|
|
39
|
-
})(), r.styles =
|
|
38
|
+
})(), r.styles = k, d(o, b), o;
|
|
40
39
|
})();
|
|
41
40
|
export {
|
|
42
41
|
I as SbbFormFieldClearElement
|
package/image/image.d.ts
CHANGED
|
@@ -25,8 +25,8 @@ export interface InterfaceImageAttributesSizesConfigMediaQuery {
|
|
|
25
25
|
* @cssprop [--sbb-image-aspect-ratio=auto] - Can be used to override `aspectRatio` property.
|
|
26
26
|
* This way we can have, for example, an image component with an aspect
|
|
27
27
|
* ratio of 4/3 in smaller viewports and 16/9 in larger viewports.
|
|
28
|
-
* @cssprop [--sbb-image-object-position] - Can be used to set the object-position
|
|
29
|
-
* @cssprop [--sbb-image-object-fit=cover] - Can be used to set the object-fit
|
|
28
|
+
* @cssprop [--sbb-image-object-position] - Can be used to set the object-position CSS property of the image itself if the image itself is cropped.
|
|
29
|
+
* @cssprop [--sbb-image-object-fit=cover] - Can be used to set the object-fit CSS property of the image itself if the image itself is cropped.
|
|
30
30
|
*/
|
|
31
31
|
export declare class SbbImageElement extends LitElement {
|
|
32
32
|
static styles: CSSResultGroup;
|
package/lists.css
CHANGED
|
@@ -67,10 +67,27 @@
|
|
|
67
67
|
--sbb-step-list-dimensions: 2.125rem;
|
|
68
68
|
--sbb-step-list-padding-inline: var(--sbb-spacing-responsive-xxs);
|
|
69
69
|
--sbb-step-list-to-text-gap: var(--sbb-spacing-responsive-xxxs);
|
|
70
|
-
--sbb-step-list-
|
|
70
|
+
--sbb-step-list-padding-block: var(--sbb-spacing-fixed-3x);
|
|
71
|
+
--sbb-step-list-vertical-gap: var(--sbb-spacing-fixed-1x);
|
|
72
|
+
--sbb-step-list-border-radius: var(--sbb-border-radius-4x);
|
|
73
|
+
--sbb-step-list-text-to-marker-block-offset: calc(
|
|
74
|
+
0.5 *
|
|
75
|
+
(
|
|
76
|
+
var(--sbb-step-list-dimensions) - var(--sbb-typo-line-height-body-text) *
|
|
77
|
+
var(--sbb-text-font-size)
|
|
78
|
+
)
|
|
79
|
+
);
|
|
71
80
|
list-style: none;
|
|
72
81
|
margin: 0;
|
|
73
82
|
padding: 0;
|
|
83
|
+
counter-reset: steps;
|
|
84
|
+
color: var(--sbb-color-iron);
|
|
85
|
+
}
|
|
86
|
+
.sbb-step-list:where(.sbb-text-s) {
|
|
87
|
+
--sbb-step-list-padding-block: var(--sbb-spacing-fixed-4x);
|
|
88
|
+
}
|
|
89
|
+
.sbb-step-list:where(.sbb-text-m, .sbb-text-l, .sbb-text-xl) {
|
|
90
|
+
--sbb-step-list-padding-block: var(--sbb-spacing-fixed-5x);
|
|
74
91
|
}
|
|
75
92
|
@media (min-width: calc(52.5rem)) {
|
|
76
93
|
.sbb-step-list:where(.sbb-text-xl) {
|
|
@@ -79,8 +96,11 @@
|
|
|
79
96
|
}
|
|
80
97
|
.sbb-step-list > li {
|
|
81
98
|
position: relative;
|
|
99
|
+
counter-increment: steps;
|
|
100
|
+
background-color: var(--sbb-color-milk);
|
|
101
|
+
padding-block: calc(var(--sbb-step-list-padding-block) + var(--sbb-step-list-text-to-marker-block-offset)) var(--sbb-step-list-padding-block);
|
|
82
102
|
padding-inline: calc(var(--sbb-step-list-padding-inline) + var(--sbb-step-list-dimensions) + var(--sbb-step-list-to-text-gap)) var(--sbb-step-list-padding-inline);
|
|
83
|
-
min-height: var(--sbb-step-list-dimensions);
|
|
103
|
+
min-height: calc(var(--sbb-step-list-dimensions) + 2 * var(--sbb-step-list-padding-block));
|
|
84
104
|
}
|
|
85
105
|
.sbb-step-list > li::before {
|
|
86
106
|
--sbb-text-font-size: var(--sbb-font-size-text-xxs);
|
|
@@ -90,11 +110,17 @@
|
|
|
90
110
|
letter-spacing: var(--sbb-typo-letter-spacing-body-text);
|
|
91
111
|
font-size: var(--sbb-text-font-size);
|
|
92
112
|
font-weight: bold;
|
|
113
|
+
content: counter(steps);
|
|
93
114
|
position: absolute;
|
|
115
|
+
display: flex;
|
|
116
|
+
align-items: center;
|
|
117
|
+
justify-content: center;
|
|
94
118
|
height: var(--sbb-step-list-dimensions);
|
|
95
119
|
width: var(--sbb-step-list-dimensions);
|
|
96
120
|
margin-block-start: calc(-1 * var(--sbb-step-list-text-to-marker-block-offset));
|
|
97
121
|
inset-inline-start: var(--sbb-step-list-padding-inline);
|
|
122
|
+
color: var(--sbb-color-charcoal);
|
|
123
|
+
border: var(--sbb-border-width-1x) solid var(--sbb-color-cement);
|
|
98
124
|
border-radius: 50%;
|
|
99
125
|
}
|
|
100
126
|
.sbb-step-list > li + li {
|
|
@@ -106,34 +132,6 @@
|
|
|
106
132
|
.sbb-step-list > li > * + p {
|
|
107
133
|
margin-block-start: var(--sbb-spacing-responsive-xxxs);
|
|
108
134
|
}
|
|
109
|
-
.sbb-step-list {
|
|
110
|
-
--sbb-step-list-padding-block: var(--sbb-spacing-fixed-3x);
|
|
111
|
-
--sbb-step-list-vertical-gap: var(--sbb-spacing-fixed-1x);
|
|
112
|
-
--sbb-step-list-border-radius: var(--sbb-border-radius-4x);
|
|
113
|
-
counter-reset: steps;
|
|
114
|
-
color: var(--sbb-color-iron);
|
|
115
|
-
}
|
|
116
|
-
.sbb-step-list:where(.sbb-text-s) {
|
|
117
|
-
--sbb-step-list-padding-block: var(--sbb-spacing-fixed-4x);
|
|
118
|
-
}
|
|
119
|
-
.sbb-step-list:where(.sbb-text-m, .sbb-text-l, .sbb-text-xl) {
|
|
120
|
-
--sbb-step-list-padding-block: var(--sbb-spacing-fixed-5x);
|
|
121
|
-
}
|
|
122
|
-
.sbb-step-list > li {
|
|
123
|
-
counter-increment: steps;
|
|
124
|
-
background-color: var(--sbb-color-milk);
|
|
125
|
-
padding-block: calc(var(--sbb-step-list-padding-block) + var(--sbb-step-list-text-to-marker-block-offset)) var(--sbb-step-list-padding-block);
|
|
126
|
-
padding-inline: calc(var(--sbb-step-list-padding-inline) + var(--sbb-step-list-dimensions) + var(--sbb-step-list-to-text-gap)) var(--sbb-step-list-padding-inline);
|
|
127
|
-
min-height: calc(var(--sbb-step-list-dimensions) + 2 * var(--sbb-step-list-padding-block));
|
|
128
|
-
}
|
|
129
|
-
.sbb-step-list > li::before {
|
|
130
|
-
content: counter(steps);
|
|
131
|
-
display: flex;
|
|
132
|
-
align-items: center;
|
|
133
|
-
justify-content: center;
|
|
134
|
-
border: var(--sbb-border-width-1x) solid var(--sbb-color-cement);
|
|
135
|
-
color: var(--sbb-color-charcoal);
|
|
136
|
-
}
|
|
137
135
|
.sbb-step-list > li:first-of-type {
|
|
138
136
|
border-start-start-radius: var(--sbb-step-list-border-radius);
|
|
139
137
|
border-start-end-radius: var(--sbb-step-list-border-radius);
|
|
@@ -144,39 +142,27 @@
|
|
|
144
142
|
}
|
|
145
143
|
|
|
146
144
|
.sbb-icon-list {
|
|
147
|
-
--sbb-icon-list-
|
|
148
|
-
--sbb-icon-list-
|
|
149
|
-
--sbb-icon-list-
|
|
150
|
-
--sbb-icon-list-
|
|
145
|
+
--sbb-icon-list-marker-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M3 12a9 9 0 0 1 9-9 9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9m9-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m-1.104 13.305 5-6.5-.792-.61-4.69 6.096-2.102-1.681-.624.78 2.5 2 .398.319z" clip-rule="evenodd"></path></svg>');
|
|
146
|
+
--sbb-icon-list-marker-icon-color: currentcolor;
|
|
147
|
+
--sbb-icon-list-vertical-gap: var(--sbb-spacing-fixed-2x);
|
|
148
|
+
--sbb-icon-list-dimensions: var(--sbb-size-icon-ui-small);
|
|
149
|
+
--sbb-icon-list-to-text-gap: var(--sbb-spacing-fixed-2x);
|
|
150
|
+
--sbb-icon-list-text-to-marker-block-offset: calc(
|
|
151
|
+
0.5 *
|
|
152
|
+
(
|
|
153
|
+
var(--sbb-icon-list-dimensions) - var(--sbb-typo-line-height-body-text) *
|
|
154
|
+
var(--sbb-text-font-size)
|
|
155
|
+
)
|
|
156
|
+
);
|
|
151
157
|
list-style: none;
|
|
152
158
|
margin: 0;
|
|
153
159
|
padding: 0;
|
|
154
160
|
}
|
|
155
|
-
@media (min-width: calc(52.5rem)) {
|
|
156
|
-
.sbb-icon-list:where(.sbb-text-xl) {
|
|
157
|
-
--sbb-icon-list-dimensions: 2.5625rem;
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
161
|
.sbb-icon-list > li {
|
|
161
162
|
position: relative;
|
|
162
|
-
padding-inline: calc(var(--sbb-icon-list-
|
|
163
|
+
padding-inline: calc(var(--sbb-icon-list-dimensions) + var(--sbb-icon-list-to-text-gap)) 0;
|
|
163
164
|
min-height: var(--sbb-icon-list-dimensions);
|
|
164
165
|
}
|
|
165
|
-
.sbb-icon-list > li::before {
|
|
166
|
-
--sbb-text-font-size: var(--sbb-font-size-text-xxs);
|
|
167
|
-
font-family: var(--sbb-typo-font-family);
|
|
168
|
-
font-weight: normal;
|
|
169
|
-
line-height: var(--sbb-typo-line-height-body-text);
|
|
170
|
-
letter-spacing: var(--sbb-typo-letter-spacing-body-text);
|
|
171
|
-
font-size: var(--sbb-text-font-size);
|
|
172
|
-
font-weight: bold;
|
|
173
|
-
position: absolute;
|
|
174
|
-
height: var(--sbb-icon-list-dimensions);
|
|
175
|
-
width: var(--sbb-icon-list-dimensions);
|
|
176
|
-
margin-block-start: calc(-1 * var(--sbb-icon-list-text-to-marker-block-offset));
|
|
177
|
-
inset-inline-start: var(--sbb-icon-list-padding-inline);
|
|
178
|
-
border-radius: 50%;
|
|
179
|
-
}
|
|
180
166
|
.sbb-icon-list > li + li {
|
|
181
167
|
margin-block-start: var(--sbb-icon-list-vertical-gap);
|
|
182
168
|
}
|
|
@@ -186,15 +172,13 @@
|
|
|
186
172
|
.sbb-icon-list > li > * + p {
|
|
187
173
|
margin-block-start: var(--sbb-spacing-responsive-xxxs);
|
|
188
174
|
}
|
|
189
|
-
.sbb-icon-list {
|
|
190
|
-
--sbb-icon-list-marker-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="%23000" fill-rule="evenodd" d="M3 12a9 9 0 0 1 9-9 9 9 0 0 1 9 9 9 9 0 0 1-9 9 9 9 0 0 1-9-9m9-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m-1.104 13.305 5-6.5-.792-.61-4.69 6.096-2.102-1.681-.624.78 2.5 2 .398.319z" clip-rule="evenodd"></path></svg>');
|
|
191
|
-
--sbb-icon-list-marker-icon-color: currentcolor;
|
|
192
|
-
--sbb-icon-list-vertical-gap: var(--sbb-spacing-fixed-2x);
|
|
193
|
-
--sbb-icon-list-dimensions: var(--sbb-size-icon-ui-small);
|
|
194
|
-
--sbb-icon-list-to-text-gap: var(--sbb-spacing-fixed-2x);
|
|
195
|
-
}
|
|
196
175
|
.sbb-icon-list > li::before {
|
|
197
176
|
content: "";
|
|
177
|
+
position: absolute;
|
|
178
|
+
width: var(--sbb-icon-list-dimensions);
|
|
179
|
+
height: var(--sbb-icon-list-dimensions);
|
|
180
|
+
margin-block-start: calc(-1 * var(--sbb-icon-list-text-to-marker-block-offset));
|
|
181
|
+
inset-inline-start: 0;
|
|
198
182
|
background-color: var(--sbb-icon-list-marker-icon-color);
|
|
199
183
|
mask-image: var(--sbb-icon-list-marker-icon);
|
|
200
184
|
mask-repeat: no-repeat;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"map-container.d.ts","sourceRoot":"","sources":["../../../src/elements/map-container/map-container.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"map-container.d.ts","sourceRoot":"","sources":["../../../src/elements/map-container/map-container.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAUhD,OAAO,4BAA4B,CAAC;AAEpC;;;;;;;;;;;;;;GAcG;AACH,qBAEM,sBAAuB,SAAQ,UAAU;IAC7C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,2EAA2E;IAC3E,SAEgB,kBAAkB,EAAE,OAAO,CAAS;IAE3C,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAS;IAEzD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,SAAS,CAGd;cAEgB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAczD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9E,OAAO,CAAC,YAAY;IAIpB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAI5B;;;;OAIG;IACH,OAAO,CAAC,kCAAkC;cAQvB,MAAM,IAAI,cAAc;CA2B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
|
package/map-container.js
CHANGED
|
@@ -6,37 +6,38 @@ var m = (a, i, o) => (y(a, i, "read from private field"), o ? o.call(a) : i.get(
|
|
|
6
6
|
import { __runInitializers as d, __esDecorate as u } from "tslib";
|
|
7
7
|
import { IntersectionController as x } from "@lit-labs/observers/intersection-controller.js";
|
|
8
8
|
import { css as S, html as U, nothing as V, LitElement as z } from "lit";
|
|
9
|
-
import { customElement as I, property as
|
|
10
|
-
import { SbbLanguageController as
|
|
11
|
-
import { forceType as
|
|
12
|
-
import {
|
|
9
|
+
import { customElement as I, property as E, state as C } from "lit/decorators.js";
|
|
10
|
+
import { SbbLanguageController as $ } from "./core/controllers.js";
|
|
11
|
+
import { forceType as O } from "./core/decorators.js";
|
|
12
|
+
import { forwardEvent as D } from "./core/eventing.js";
|
|
13
|
+
import { i18nMapContainerButtonLabel as L } from "./core/i18n.js";
|
|
13
14
|
import "./button/accent-button.js";
|
|
14
|
-
const
|
|
15
|
-
let
|
|
16
|
-
var
|
|
17
|
-
let a = [I("sbb-map-container")], i, o = [], s, h = z,
|
|
15
|
+
const j = S`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-map-container-map-height-zero: 18.4375rem;--sbb-map-container-map-height-small: 20rem;--sbb-map-container-sidebar-width: 25rem;--sbb-map-container-sidebar-background-color: var(--sbb-color-white);--sbb-map-container-border-radius: var(--sbb-border-radius-4x);--sbb-map-container-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-zero) + var(--sbb-map-container-border-radius) );--sbb-map-container-mobile-sticky-block-start: 0}@media (min-width: 37.5rem){:host{--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius) )}}@media (min-width: 80rem){:host{--sbb-map-container-sidebar-width: 30rem}}.sbb-map-container{display:grid;grid-template-rows:auto auto}@media (min-width: 52.5rem){.sbb-map-container{grid-template-columns:max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));position:fixed;inset:var(--sbb-map-container-margin-start, var(--sbb-header-height)) 0 0 0}}.sbb-map-container__sidebar-button{position:fixed;left:50%;inset-block-end:var(--sbb-spacing-fixed-5x);visibility:hidden;opacity:0;transform:translate(-50%) translateY(calc(100% + var(--sbb-spacing-fixed-5x)));transition:opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing) var(--sbb-map-container-animation-duration),transform var(--sbb-map-container-animation-duration) var(--sbb-animation-easing)}:host([data-scroll-up-button-visible]) .sbb-map-container__sidebar-button{transition:visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),transform var(--sbb-map-container-animation-duration) ease-out;visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}@media (min-width: 52.5rem){.sbb-map-container__sidebar-button{display:none}}.sbb-map-container__sidebar{--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: var(--sbb-color-cloud);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-map-container__sidebar::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-map-container__sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-map-container__sidebar::-webkit-scrollbar-button,.sbb-map-container__sidebar::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-map-container__sidebar{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-map-container__sidebar{grid-column:1/3;grid-row:2/3;width:100%;overflow:hidden auto;position:relative;border-start-end-radius:var(--sbb-map-container-border-radius);border-start-start-radius:var(--sbb-map-container-border-radius);margin-block-start:calc(var(--sbb-map-container-border-radius) * -1);background-color:var(--sbb-map-container-sidebar-background-color)}@media (min-width: 52.5rem){.sbb-map-container__sidebar{grid-column:1/2;grid-row:1/3;border-radius:0;margin-block-start:0;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-color-cloud)}}.sbb-map-container__map{position:sticky;inset-block-start:0;inset-inline:0;grid-row:1/2;grid-column:1/3}@media (max-width: 52.4375rem){.sbb-map-container__map{inset-block-start:var(--sbb-map-container-mobile-sticky-block-start);height:var(--sbb-map-container-map-height)}}@media (min-width: 52.5rem){.sbb-map-container__map{grid-row:1/3;grid-column:2/3;position:relative}}`;
|
|
16
|
+
let N = (() => {
|
|
17
|
+
var n, b, e;
|
|
18
|
+
let a = [I("sbb-map-container")], i, o = [], s, h = z, v, _ = [], g = [], w, f = [], k = [];
|
|
18
19
|
return e = class extends h {
|
|
19
20
|
constructor() {
|
|
20
21
|
super(...arguments);
|
|
21
|
-
p(this, b);
|
|
22
22
|
p(this, n);
|
|
23
|
-
|
|
23
|
+
p(this, b);
|
|
24
|
+
c(this, n, d(this, _, !1)), c(this, b, (d(this, g), d(this, f, !1))), this._language = (d(this, k), new $(this)), this._observer = new x(this, {
|
|
24
25
|
target: null,
|
|
25
26
|
callback: (r) => this._toggleButtonVisibilityOnIntersect(r)
|
|
26
27
|
});
|
|
27
28
|
}
|
|
28
29
|
/** Flag to show/hide the scroll up button inside the sidebar on mobile. */
|
|
29
30
|
get hideScrollUpButton() {
|
|
30
|
-
return m(this,
|
|
31
|
+
return m(this, n);
|
|
31
32
|
}
|
|
32
33
|
set hideScrollUpButton(r) {
|
|
33
|
-
c(this,
|
|
34
|
+
c(this, n, r);
|
|
34
35
|
}
|
|
35
36
|
get _scrollUpButtonVisible() {
|
|
36
|
-
return m(this,
|
|
37
|
+
return m(this, b);
|
|
37
38
|
}
|
|
38
39
|
set _scrollUpButtonVisible(r) {
|
|
39
|
-
c(this,
|
|
40
|
+
c(this, b, r);
|
|
40
41
|
}
|
|
41
42
|
willUpdate(r) {
|
|
42
43
|
if (super.willUpdate(r), r.has("hideScrollUpButton")) {
|
|
@@ -75,7 +76,7 @@ let J = (() => {
|
|
|
75
76
|
<div class="sbb-map-container__map">
|
|
76
77
|
<slot name="map"></slot>
|
|
77
78
|
</div>
|
|
78
|
-
<div class="sbb-map-container__sidebar">
|
|
79
|
+
<div class="sbb-map-container__sidebar" @scroll=${(r) => D(r, document)}>
|
|
79
80
|
<span id="intersector"></span>
|
|
80
81
|
|
|
81
82
|
<slot></slot>
|
|
@@ -88,21 +89,21 @@ let J = (() => {
|
|
|
88
89
|
@click=${() => this._onScrollButtonClick()}
|
|
89
90
|
?inert=${!this._scrollUpButtonVisible}
|
|
90
91
|
>
|
|
91
|
-
${
|
|
92
|
+
${L[this._language.current]}
|
|
92
93
|
</sbb-accent-button>`}
|
|
93
94
|
</div>
|
|
94
95
|
</div>
|
|
95
96
|
`;
|
|
96
97
|
}
|
|
97
|
-
},
|
|
98
|
+
}, n = new WeakMap(), b = new WeakMap(), s = e, (() => {
|
|
98
99
|
const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
|
|
99
|
-
|
|
100
|
+
v = [O(), E({ attribute: "hide-scroll-up-button", reflect: !0, type: Boolean })], w = [C()], u(e, null, v, { kind: "accessor", name: "hideScrollUpButton", static: !1, private: !1, access: { has: (t) => "hideScrollUpButton" in t, get: (t) => t.hideScrollUpButton, set: (t, l) => {
|
|
100
101
|
t.hideScrollUpButton = l;
|
|
101
|
-
} }, metadata: r },
|
|
102
|
+
} }, metadata: r }, _, g), u(e, null, w, { kind: "accessor", name: "_scrollUpButtonVisible", static: !1, private: !1, access: { has: (t) => "_scrollUpButtonVisible" in t, get: (t) => t._scrollUpButtonVisible, set: (t, l) => {
|
|
102
103
|
t._scrollUpButtonVisible = l;
|
|
103
104
|
} }, metadata: r }, f, k), u(null, i = { value: s }, a, { kind: "class", name: s.name, metadata: r }, null, o), s = i.value, r && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
|
|
104
|
-
})(), e.styles =
|
|
105
|
+
})(), e.styles = j, d(s, o), s;
|
|
105
106
|
})();
|
|
106
107
|
export {
|
|
107
|
-
|
|
108
|
+
N as SbbMapContainerElement
|
|
108
109
|
};
|
package/menu/menu/menu.d.ts
CHANGED
|
@@ -35,11 +35,11 @@ export declare class SbbMenuElement extends SbbMenuElement_base {
|
|
|
35
35
|
private _isPointerDownEventOnMenu;
|
|
36
36
|
private _menuController;
|
|
37
37
|
private _windowEventsController;
|
|
38
|
-
private _abort;
|
|
39
38
|
private _focusHandler;
|
|
40
39
|
private _scrollHandler;
|
|
41
40
|
private _inertController;
|
|
42
41
|
private _mediaMatcher;
|
|
42
|
+
constructor();
|
|
43
43
|
/**
|
|
44
44
|
* Opens the menu on trigger click.
|
|
45
45
|
*/
|
|
@@ -58,6 +58,7 @@ export declare class SbbMenuElement extends SbbMenuElement_base {
|
|
|
58
58
|
private _handleKeyDown;
|
|
59
59
|
private _onKeydownEvent;
|
|
60
60
|
private _removeTriggerClickListener;
|
|
61
|
+
protected createRenderRoot(): HTMLElement | DocumentFragment;
|
|
61
62
|
connectedCallback(): void;
|
|
62
63
|
disconnectedCallback(): void;
|
|
63
64
|
private _checkListCase;
|
package/menu/menu/menu.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/elements/menu/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAYrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAoBtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;;AAkB1D;;;;;;;;;;;GAWG;AACH,qBAEM,cAAe,SAAQ,mBAGH;IACxB,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAAwC;IAEvF;;;OAGG;IACH,IACW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,EAIpD;IACD,IAAW,OAAO,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAEhD;IACD,OAAO,CAAC,QAAQ,CAAqC;IAErD;;;OAGG;IACH,SAEgB,sBAAsB,EAAE,MAAM,CAAM;IAEpD,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,yBAAyB,CAAkB;IACnD,OAAO,CAAC,eAAe,CAAmB;IAC1C,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/elements/menu/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAYrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAoBtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;;AAkB1D;;;;;;;;;;;GAWG;AACH,qBAEM,cAAe,SAAQ,mBAGH;IACxB,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAAwC;IAEvF;;;OAGG;IACH,IACW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,EAIpD;IACD,IAAW,OAAO,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAEhD;IACD,OAAO,CAAC,QAAQ,CAAqC;IAErD;;;OAGG;IACH,SAEgB,sBAAsB,EAAE,MAAM,CAAM;IAEpD,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,yBAAyB,CAAkB;IACnD,OAAO,CAAC,eAAe,CAAmB;IAC1C,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,gBAAgB,CAAgC;IACxD,OAAO,CAAC,aAAa,CAQlB;;IAQH;;OAEG;IACI,IAAI,IAAI,IAAI;IAyBnB;;OAEG;IACI,KAAK,IAAI,IAAI;IAmBpB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,cAAc;IAoBtB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,cAAc;YAqBR,eAAe;IAY7B,OAAO,CAAC,2BAA2B;cAWhB,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAWrD,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAQ5C,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,UAAU;IAsBlB,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,+BAA+B;IAQvC,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAI3B;IAMF,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,gBAAgB;cAyBL,MAAM,IAAI,cAAc;CAsB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}
|