@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776736853 → 5.0.0-next-dev.1776756036
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/core/overlay/overlay-trigger-attributes.js +3 -3
- package/core.js +2 -2
- package/custom-elements.json +13 -13
- package/datepicker/datepicker/datepicker.component.js +1 -1
- package/{datepicker.component-BBmEvmW3.js → datepicker.component-CNQGkdr-.js} +11 -11
- package/datepicker.js +1 -1
- package/datepicker.pure.js +1 -1
- package/development/core/overlay/overlay-trigger-attributes.d.ts +4 -4
- package/development/core/overlay/overlay-trigger-attributes.d.ts.map +1 -1
- package/development/core/overlay/overlay-trigger-attributes.js +12 -12
- package/development/core.js +2 -2
- package/development/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
- package/development/datepicker/datepicker/datepicker.component.js +1 -1
- package/development/datepicker.component-Chnvwnp7.js +212 -0
- package/development/datepicker.js +1 -1
- package/development/datepicker.pure.js +1 -1
- package/development/dialog/dialog/dialog.component.d.ts +0 -1
- package/development/dialog/dialog/dialog.component.d.ts.map +1 -1
- package/development/dialog/dialog/dialog.component.js +1 -1
- package/development/{dialog.component-BYVTZAUU.js → dialog.component-B4cZfRCl.js} +1 -6
- package/development/dialog.js +1 -1
- package/development/dialog.pure.js +1 -1
- package/development/header/header/header.component.d.ts.map +1 -1
- package/development/header/header/header.component.js +1 -1
- package/development/{header.component-Hfgz9sSb.js → header.component-B2T2pmHs.js} +2 -3
- package/development/header.js +1 -1
- package/development/header.pure.js +1 -1
- package/development/menu/common/menu-action-common.js +1 -1
- package/development/menu/menu/menu.component.d.ts.map +1 -1
- package/development/menu/menu/menu.component.js +1 -1
- package/development/menu-action-common-CEnwq60Z.js +32 -0
- package/development/menu.component-BM7hhOb4.js +365 -0
- package/development/menu.js +2 -2
- package/development/menu.pure.js +2 -2
- package/development/navigation/navigation/navigation.component.d.ts.map +1 -1
- package/development/navigation/navigation/navigation.component.js +1 -1
- package/development/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
- package/development/navigation/navigation-section/navigation-section.component.js +1 -1
- package/development/{navigation-section.component-C_9myQKr.js → navigation-section.component-6tqZADWM.js} +6 -8
- package/development/{navigation.component-C8MhqBLY.js → navigation.component-DUy2QGHI.js} +6 -8
- package/development/navigation.js +2 -2
- package/development/navigation.pure.js +2 -2
- package/development/overlay/overlay-base-element.d.ts.map +1 -1
- package/development/overlay/overlay-base-element.js +6 -6
- package/development/overlay/overlay.component.d.ts +0 -1
- package/development/overlay/overlay.component.d.ts.map +1 -1
- package/development/overlay/overlay.component.js +1 -1
- package/development/{overlay.component-BuCkqG6Q.js → overlay.component-CA0fWX47.js} +1 -6
- package/development/overlay.js +1 -1
- package/development/overlay.pure.js +1 -1
- package/development/popover/popover.component.d.ts.map +1 -1
- package/development/popover/popover.component.js +1 -1
- package/development/popover.component-B1gMzBuv.js +527 -0
- package/development/popover.js +1 -1
- package/development/popover.pure.js +1 -1
- package/development/{step-label.component-CxqPgbzK.js → step-label.component-B7M9Yqyz.js} +1 -3
- package/development/{step.component-B2qbHl0l.js → step.component-CVWxYkrv.js} +1 -3
- package/development/stepper/step/step.component.d.ts.map +1 -1
- package/development/stepper/step/step.component.js +1 -1
- package/development/stepper/step-label/step-label.component.d.ts.map +1 -1
- package/development/stepper/step-label/step-label.component.js +1 -1
- package/development/stepper.js +2 -2
- package/development/stepper.pure.js +2 -2
- package/development/{tab.component-DteuwiHv.js → tab.component-CvzGdR9_.js} +1 -3
- package/development/tabs/tab/tab.component.d.ts.map +1 -1
- package/development/tabs/tab/tab.component.js +1 -1
- package/development/tabs.js +1 -1
- package/development/tabs.pure.js +1 -1
- package/development/tooltip/tooltip.component.d.ts.map +1 -1
- package/development/tooltip/tooltip.component.js +1 -1
- package/development/tooltip.component-lvElko6C.js +369 -0
- package/development/tooltip.js +1 -1
- package/development/tooltip.pure.js +1 -1
- package/dialog/dialog/dialog.component.js +1 -1
- package/{dialog.component-ca14M0hZ.js → dialog.component-DTbAHlVd.js} +7 -10
- package/dialog.js +1 -1
- package/dialog.pure.js +1 -1
- package/header/header/header.component.js +1 -1
- package/{header.component-BxizSy1O.js → header.component-D-WVEMFn.js} +2 -2
- package/header.js +1 -1
- package/header.pure.js +1 -1
- package/menu/common/menu-action-common.js +1 -1
- package/menu/menu/menu.component.js +1 -1
- package/{menu-action-common-DY4RrfCy.js → menu-action-common-krzD_Ca2.js} +1 -1
- package/{menu.component-XvtyRok7.js → menu.component-i-X_ag2Y.js} +14 -14
- package/menu.js +2 -2
- package/menu.pure.js +2 -2
- package/navigation/navigation/navigation.component.js +1 -1
- package/navigation/navigation-section/navigation-section.component.js +1 -1
- package/{navigation-section.component-CLcdmPV3.js → navigation-section.component-Db2MWBDn.js} +17 -17
- package/{navigation.component-Cnyb5_4R.js → navigation.component-Bym1kjzt.js} +16 -16
- package/navigation.js +2 -2
- package/navigation.pure.js +2 -2
- package/overlay/overlay-base-element.js +4 -4
- package/overlay/overlay.component.js +1 -1
- package/{overlay.component-OzDUV8t1.js → overlay.component-BydJOM2r.js} +10 -13
- package/overlay.js +1 -1
- package/overlay.pure.js +1 -1
- package/package.json +2 -2
- package/popover/popover.component.js +1 -1
- package/{popover.component-BfSXNxKK.js → popover.component-Dd4rKGml.js} +12 -12
- package/popover.js +1 -1
- package/popover.pure.js +1 -1
- package/{step-label.component-qdfunibJ.js → step-label.component-BXg13qOD.js} +3 -3
- package/{step.component-aBAfTJyO.js → step.component-sQbJslHx.js} +3 -3
- package/stepper/step/step.component.js +1 -1
- package/stepper/step-label/step-label.component.js +1 -1
- package/stepper.js +2 -2
- package/stepper.pure.js +2 -2
- package/{tab.component-DGzqld4u.js → tab.component-D39b0S04.js} +3 -3
- package/tabs/tab/tab.component.js +1 -1
- package/tabs.js +1 -1
- package/tabs.pure.js +1 -1
- package/tooltip/tooltip.component.js +1 -1
- package/{tooltip.component-C5y6zCtF.js → tooltip.component-Do4V1jGd.js} +12 -12
- package/tooltip.js +1 -1
- package/tooltip.pure.js +1 -1
- package/development/datepicker.component-AKlc7SAO.js +0 -214
- package/development/menu-action-common-Crx-dDgH.js +0 -32
- package/development/menu.component-DOv7PKIi.js +0 -367
- package/development/popover.component-B15jFLe9.js +0 -529
- package/development/tooltip.component-BtWTK2R0.js +0 -371
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { __esDecorate as e, __runInitializers as t } from "tslib";
|
|
2
2
|
import { html as n, isServer as r, nothing as i, unsafeCSS as a } from "lit";
|
|
3
3
|
import { property as o } from "lit/decorators.js";
|
|
4
|
-
import { IS_FOCUSABLE_QUERY as s, SbbEscapableOverlayController as c, SbbFocusTrapController as l, SbbLanguageController as u, SbbMediaQueryPointerCoarse as d, SbbOpenCloseBaseElement as f, boxSizingStyles as p, composedPathHasAttribute as m, forceType as h, getElementPosition as g, i18nClosePopover as _, idReference as v, isEventOnElement as y, isFakeMousedownFromScreenReader as b, isZeroAnimationDuration as x, readConfig as S,
|
|
4
|
+
import { IS_FOCUSABLE_QUERY as s, SbbEscapableOverlayController as c, SbbFocusTrapController as l, SbbLanguageController as u, SbbMediaQueryPointerCoarse as d, SbbOpenCloseBaseElement as f, boxSizingStyles as p, composedPathHasAttribute as m, forceType as h, getElementPosition as g, i18nClosePopover as _, idReference as v, isEventOnElement as y, isFakeMousedownFromScreenReader as b, isZeroAnimationDuration as x, readConfig as S, removeAriaOverlayTriggerProperties as C, sbbInputModalityDetector as w, setAriaOverlayTriggerProperties as T, ɵstateController as E } from "./core.js";
|
|
5
5
|
import { SbbSecondaryButtonElement as D } from "./button.pure.js";
|
|
6
6
|
import { ref as O } from "lit/directives/ref.js";
|
|
7
7
|
//#region src/elements/popover/popover.scss?inline
|
|
8
|
-
var k = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );--sbb-popover-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--_sbb-popover-inset: 0 auto auto 0;--_sbb-popover-transform: translateY(var(--sbb-spacing-fixed-2x));outline:none!important;display:none}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--_sbb-popover-inset: 0;display:block}:host(:is(:state(position-above),[state--position-above])){--_sbb-popover-transform: translateY(calc(var(--sbb-spacing-fixed-2x) * -1))}:host(:not([hide-close-button],:is(:state(hover-trigger),[state--hover-trigger]))){--sbb-popover-min-height: calc(var(--sbb-size-element-xs) + 2 * var(--sbb-popover-padding))}.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, 0);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))}.sbb-popover{box-shadow:var(--sbb-box-shadow-level-5-hard);display:none;position:var(--sbb-popover-position, absolute);pointer-events:all;top:var(--_sbb-popover-position-y, 0);bottom:unset;left:var(--_sbb-popover-position-x, 0);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}:host(:focus-visible) .sbb-popover{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-popover{display:block;animation-name:open;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}:host(:is(:state(state-closing),[state--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-box-shadow-level-5-hard)}@media(forced-colors:active){.sbb-popover:after{outline:var(--sbb-border-width-1x) solid CanvasText}}:host(:is(:state(position-above),[state--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;inset:0;z-index:-1;background-color:transparent}:host(:is(:state(position-below),[state--position-below])) .sbb-popover:before{inset-block-start:calc(-1 * var(--sbb-spacing-fixed-6x))}:host(:is(:state(position-above),[state--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-block:var(--sbb-popover-padding) 0;padding-inline:var(--sbb-popover-padding);outline:none;background-color:var(--sbb-popover-background);flex-direction:row-reverse;min-height:var(--sbb-popover-min-height)}:host(:is(:state(position-above),[state--position-above])) .sbb-popover__content:before{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}.sbb-popover__scrollable-content{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-popover__scrollable-content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-popover__scrollable-content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-popover__scrollable-content::-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-popover__scrollable-content::-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-popover__scrollable-content::-webkit-scrollbar-button,.sbb-popover__scrollable-content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-popover__scrollable-content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-popover__scrollable-content{display:block;padding-block-end:var(--sbb-popover-padding);max-height:calc(var(--_sbb-popover-max-height));overflow:auto}@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)}}", A = 16, j = 32, M =
|
|
8
|
+
var k = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );--sbb-popover-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--_sbb-popover-inset: 0 auto auto 0;--_sbb-popover-transform: translateY(var(--sbb-spacing-fixed-2x));outline:none!important;display:none}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--_sbb-popover-inset: 0;display:block}:host(:is(:state(position-above),[state--position-above])){--_sbb-popover-transform: translateY(calc(var(--sbb-spacing-fixed-2x) * -1))}:host(:not([hide-close-button],:is(:state(hover-trigger),[state--hover-trigger]))){--sbb-popover-min-height: calc(var(--sbb-size-element-xs) + 2 * var(--sbb-popover-padding))}.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, 0);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))}.sbb-popover{box-shadow:var(--sbb-box-shadow-level-5-hard);display:none;position:var(--sbb-popover-position, absolute);pointer-events:all;top:var(--_sbb-popover-position-y, 0);bottom:unset;left:var(--_sbb-popover-position-x, 0);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}:host(:focus-visible) .sbb-popover{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-popover{display:block;animation-name:open;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}:host(:is(:state(state-closing),[state--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-box-shadow-level-5-hard)}@media(forced-colors:active){.sbb-popover:after{outline:var(--sbb-border-width-1x) solid CanvasText}}:host(:is(:state(position-above),[state--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;inset:0;z-index:-1;background-color:transparent}:host(:is(:state(position-below),[state--position-below])) .sbb-popover:before{inset-block-start:calc(-1 * var(--sbb-spacing-fixed-6x))}:host(:is(:state(position-above),[state--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-block:var(--sbb-popover-padding) 0;padding-inline:var(--sbb-popover-padding);outline:none;background-color:var(--sbb-popover-background);flex-direction:row-reverse;min-height:var(--sbb-popover-min-height)}:host(:is(:state(position-above),[state--position-above])) .sbb-popover__content:before{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}.sbb-popover__scrollable-content{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-popover__scrollable-content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-popover__scrollable-content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-popover__scrollable-content::-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-popover__scrollable-content::-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-popover__scrollable-content::-webkit-scrollbar-button,.sbb-popover__scrollable-content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-popover__scrollable-content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-popover__scrollable-content{display:block;padding-block-end:var(--sbb-popover-padding);max-height:calc(var(--_sbb-popover-max-height));overflow:auto}@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)}}", A = 16, j = 32, M = /* @__PURE__ */ new Set(), N = r ? !1 : matchMedia(d).matches, P = (() => {
|
|
9
9
|
let i = f, u, d = [], h = [];
|
|
10
10
|
return class extends i {
|
|
11
11
|
constructor() {
|
|
@@ -50,12 +50,12 @@ var k = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)
|
|
|
50
50
|
}
|
|
51
51
|
open() {
|
|
52
52
|
if (!(this.state !== "closed" && this.state !== "closing" || !this.overlay || !this.dispatchBeforeOpenEvent())) {
|
|
53
|
-
for (let e of
|
|
54
|
-
this.showPopover?.(), this.state = "opening", this.inert = !0, this._setPopoverPosition(), this._attachWindowEvents(), this._escapableOverlayController.connect(), this.
|
|
53
|
+
for (let e of M) (e.state === "opened" || e.state === "opening") && e.close();
|
|
54
|
+
this.showPopover?.(), this.state = "opening", this.inert = !0, this._setPopoverPosition(), this._attachWindowEvents(), this._escapableOverlayController.connect(), this._nextFocusedElement = void 0, this._skipCloseFocus = !1, this._triggerElement && (this._triggerElement.ariaExpanded = "true"), this._isZeroAnimationDuration() && this._handleOpening();
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
close(e) {
|
|
58
|
-
this.state !== "opened" && this.state !== "opening" || (this._popoverCloseElement = e, this.dispatchBeforeCloseEvent({ closeTarget: e ?? null }) && (this.state = "closing", this.inert = !0, this._triggerElement
|
|
58
|
+
this.state !== "opened" && this.state !== "opening" || (this._popoverCloseElement = e, this.dispatchBeforeCloseEvent({ closeTarget: e ?? null }) && (this.state = "closing", this.inert = !0, this._triggerElement && (this._triggerElement.ariaExpanded = "false"), this._isZeroAnimationDuration() && this._handleClosing()));
|
|
59
59
|
}
|
|
60
60
|
_isZeroAnimationDuration() {
|
|
61
61
|
return x(this, "--sbb-popover-animation-duration");
|
|
@@ -67,7 +67,7 @@ var k = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)
|
|
|
67
67
|
this.state = "opened", this.inert = !1, this._setPopoverFocus(), this._focusTrapController.enabled = !0, this.dispatchOpenEvent();
|
|
68
68
|
}
|
|
69
69
|
connectedCallback() {
|
|
70
|
-
this.popover = "manual", super.connectedCallback(), this.
|
|
70
|
+
this.popover = "manual", super.connectedCallback(), this.state = "closed", M.add(this), this.hasUpdated && this._configureTrigger();
|
|
71
71
|
}
|
|
72
72
|
requestUpdate(e, t, n) {
|
|
73
73
|
super.requestUpdate(e, t, n), !r && (!e || e === "trigger" || e === "hoverTrigger") && this.hasUpdated && this._configureTrigger();
|
|
@@ -76,7 +76,7 @@ var k = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)
|
|
|
76
76
|
super.firstUpdated(e), this._configureTrigger();
|
|
77
77
|
}
|
|
78
78
|
disconnectedCallback() {
|
|
79
|
-
super.disconnectedCallback(), this._triggerElement = null, this._triggerAbortController?.abort(), this._openStateController?.abort(),
|
|
79
|
+
super.disconnectedCallback(), this._triggerElement = null, this._triggerAbortController?.abort(), this._openStateController?.abort(), M.delete(this), this._blurTimeout && clearTimeout(this._blurTimeout);
|
|
80
80
|
}
|
|
81
81
|
_configureTrigger() {
|
|
82
82
|
if (!r) {
|
|
@@ -88,7 +88,7 @@ var k = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)
|
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
90
|
configureTrigger(e) {
|
|
91
|
-
this._triggerAbortController?.abort(), C(this._triggerElement), this._triggerElement = this.trigger, this._triggerElement && (T(this._triggerElement, "dialog", this.
|
|
91
|
+
this._triggerAbortController?.abort(), C(this._triggerElement), this._triggerElement = this.trigger, this._triggerElement && (T(this, this._triggerElement, "dialog", this.state), this._triggerAbortController = new AbortController(), this.registerTriggerListeners(this._triggerAbortController.signal));
|
|
92
92
|
}
|
|
93
93
|
registerTriggerListeners(e) {
|
|
94
94
|
this._triggerElement.addEventListener("click", () => this.open(), { signal: e });
|
|
@@ -161,8 +161,8 @@ var k = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)
|
|
|
161
161
|
`;
|
|
162
162
|
}
|
|
163
163
|
};
|
|
164
|
-
})(),
|
|
165
|
-
let r =
|
|
164
|
+
})(), F = (() => {
|
|
165
|
+
let r = P, a = [], s, c = [], l = [], d, f = [], p = [], m, g, v, y = [], x = [];
|
|
166
166
|
return class extends r {
|
|
167
167
|
constructor() {
|
|
168
168
|
super(...arguments), this.#e = (t(this, a), t(this, c, !1)), this.#t = (t(this, l), t(this, f, !1)), this._openDelay = t(this, p), this.#n = t(this, y, ""), this._hoverTrigger = (t(this, x), !1), this._language = new u(this), this._overlayAbortController = null, this._onTriggerMouseEnter = () => {
|
|
@@ -302,7 +302,7 @@ var k = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)
|
|
|
302
302
|
this.#n = e;
|
|
303
303
|
}
|
|
304
304
|
configureTrigger(e) {
|
|
305
|
-
let t = this.hoverTrigger && !
|
|
305
|
+
let t = this.hoverTrigger && !N;
|
|
306
306
|
this.trigger === e && t === this._hoverTrigger || (this._hoverTrigger !== t && (this._hoverTrigger = t, this.toggleState("hover-trigger", this._hoverTrigger), this._registerOverlayListeners()), super.configureTrigger(e));
|
|
307
307
|
}
|
|
308
308
|
_registerOverlayListeners() {
|
|
@@ -344,4 +344,4 @@ var k = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)
|
|
|
344
344
|
};
|
|
345
345
|
})();
|
|
346
346
|
//#endregion
|
|
347
|
-
export {
|
|
347
|
+
export { F as n, P as t };
|
package/popover.js
CHANGED
package/popover.pure.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "./popover.component-
|
|
1
|
+
import { n as e, t } from "./popover.component-Dd4rKGml.js";
|
|
2
2
|
export { t as SbbPopoverBaseElement, e as SbbPopoverElement };
|
|
@@ -2,7 +2,7 @@ import { html as e, unsafeCSS as t } from "lit";
|
|
|
2
2
|
import { SbbButtonBaseElement as n, SbbDisabledMixin as r, SbbPropertyWatcherController as i, appendAriaElements as a, boxSizingStyles as o, removeAriaElements as s } from "./core.js";
|
|
3
3
|
import { SbbIconNameMixin as c } from "./icon.pure.js";
|
|
4
4
|
//#region src/elements/stepper/step-label/step-label.scss?inline
|
|
5
|
-
var l = ":host{--sbb-step-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-m);--_sbb-step-label-inset-inline-start: calc(var(--sbb-step-label-prefix-size) / 2);--_sbb-step-label-transform-y: calc( -50% + var(--sbb-step-label-translate-y-content-hover, 0rem) );--_sbb-step-label-prefix-inset-block-start: calc( 1em * (var(--sbb-typo-line-height-text) / 2) + (var(--sbb-border-width-1x) / 2) - (var(--sbb-step-label-prefix-size) / 2) );position:relative;display:flex;min-width:0;max-width:fit-content;gap:var(--sbb-step-label-gap);cursor:var(--sbb-step-label-cursor);color:var(--sbb-step-label-color);font-size:var(--sbb-step-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--sbb-text-font-size-xxs);font-weight:var(--sbb-step-label-font-weight-selected, normal);inset-block-start:var(--_sbb-step-label-inset-block-start);inset-inline-start:var(--_sbb-step-label-inset-inline-start);line-height:1;z-index:1;transform:translate(-50%,var(--_sbb-step-label-transform-y));transition:transform var(--sbb-step-label-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(selected),[state--selected])){--sbb-step-label-color: var(--sbb-color-3);--sbb-step-label-font-weight-selected: bold}@media(forced-colors:active){:host(:is(:state(selected),[state--selected])){--sbb-step-label-color: Highlight !important}}:host(:is(:state(size-s),[state--size-s])){--sbb-step-label-gap: var(--sbb-spacing-fixed-3x);--sbb-step-label-prefix-size: var(--sbb-size-element-xxxs);--sbb-step-label-font-size: var(--sbb-text-font-size-m);--_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-s)}:host(:disabled){--sbb-step-label-color: var(--sbb-color-granite);--sbb-step-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));--sbb-step-label-prefix-border-style: dashed}@media(forced-colors:active){:host(:disabled){--sbb-step-label-color: GrayText !important}}@media(any-hover:hover){:host(:hover:not(:disabled)){--sbb-step-label-cursor: var(--sbb-cursor-pointer);--sbb-step-label-prefix-background-color: var(--sbb-background-color-3);--sbb-step-label-translate-y-content-hover: -.0625rem;--sbb-step-label-prefix-size-grow-hover: calc(var(--sbb-border-width-2x) * -1)}}:host(: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);border-radius:var(--sbb-border-radius-1x)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){transition:margin var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(orientation-vertical),[state--orientation-vertical]):not(:first-of-type)){margin-block-start:var(--sbb-spacing-fixed-6x)}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])){margin-block-end:var(--sbb-spacing-fixed-8x)}.sbb-step-label__prefix{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--sbb-step-label-prefix-size);height:var(--sbb-step-label-prefix-size);inset-block-start:var(--_sbb-step-label-prefix-inset-block-start)}.sbb-step-label__prefix:before{content:\"\";position:absolute;inset:calc(var(--sbb-step-label-prefix-size-grow-hover, 0rem));border-radius:var(--sbb-border-radius-infinity);border:var(--sbb-border-width-1x) var(--sbb-step-label-prefix-border-style) var(--sbb-step-label-prefix-border-color);background-color:var(--sbb-step-label-prefix-background-color);transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,inset}.sbb-step-label__text{font-weight:700}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) .sbb-step-label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::slotted(sbb-icon),sbb-icon{z-index:1;background-color:var(--sbb-step-label-prefix-background-color);border-radius:var(--sbb-border-radius-infinity);transform:translateY(var(--sbb-step-label-translate-y-content-hover, 0rem));transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,transform}", u =
|
|
5
|
+
var l = ":host{--sbb-step-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-m);--_sbb-step-label-inset-inline-start: calc(var(--sbb-step-label-prefix-size) / 2);--_sbb-step-label-transform-y: calc( -50% + var(--sbb-step-label-translate-y-content-hover, 0rem) );--_sbb-step-label-prefix-inset-block-start: calc( 1em * (var(--sbb-typo-line-height-text) / 2) + (var(--sbb-border-width-1x) / 2) - (var(--sbb-step-label-prefix-size) / 2) );position:relative;display:flex;min-width:0;max-width:fit-content;gap:var(--sbb-step-label-gap);cursor:var(--sbb-step-label-cursor);color:var(--sbb-step-label-color);font-size:var(--sbb-step-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--sbb-text-font-size-xxs);font-weight:var(--sbb-step-label-font-weight-selected, normal);inset-block-start:var(--_sbb-step-label-inset-block-start);inset-inline-start:var(--_sbb-step-label-inset-inline-start);line-height:1;z-index:1;transform:translate(-50%,var(--_sbb-step-label-transform-y));transition:transform var(--sbb-step-label-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(selected),[state--selected])){--sbb-step-label-color: var(--sbb-color-3);--sbb-step-label-font-weight-selected: bold}@media(forced-colors:active){:host(:is(:state(selected),[state--selected])){--sbb-step-label-color: Highlight !important}}:host(:is(:state(size-s),[state--size-s])){--sbb-step-label-gap: var(--sbb-spacing-fixed-3x);--sbb-step-label-prefix-size: var(--sbb-size-element-xxxs);--sbb-step-label-font-size: var(--sbb-text-font-size-m);--_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-s)}:host(:disabled){--sbb-step-label-color: var(--sbb-color-granite);--sbb-step-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));--sbb-step-label-prefix-border-style: dashed}@media(forced-colors:active){:host(:disabled){--sbb-step-label-color: GrayText !important}}@media(any-hover:hover){:host(:hover:not(:disabled)){--sbb-step-label-cursor: var(--sbb-cursor-pointer);--sbb-step-label-prefix-background-color: var(--sbb-background-color-3);--sbb-step-label-translate-y-content-hover: -.0625rem;--sbb-step-label-prefix-size-grow-hover: calc(var(--sbb-border-width-2x) * -1)}}:host(: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);border-radius:var(--sbb-border-radius-1x)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){transition:margin var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(orientation-vertical),[state--orientation-vertical]):not(:first-of-type)){margin-block-start:var(--sbb-spacing-fixed-6x)}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])){margin-block-end:var(--sbb-spacing-fixed-8x)}.sbb-step-label__prefix{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--sbb-step-label-prefix-size);height:var(--sbb-step-label-prefix-size);inset-block-start:var(--_sbb-step-label-prefix-inset-block-start)}.sbb-step-label__prefix:before{content:\"\";position:absolute;inset:calc(var(--sbb-step-label-prefix-size-grow-hover, 0rem));border-radius:var(--sbb-border-radius-infinity);border:var(--sbb-border-width-1x) var(--sbb-step-label-prefix-border-style) var(--sbb-step-label-prefix-border-color);background-color:var(--sbb-step-label-prefix-background-color);transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,inset}.sbb-step-label__text{font-weight:700}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) .sbb-step-label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::slotted(sbb-icon),sbb-icon{z-index:1;background-color:var(--sbb-step-label-prefix-background-color);border-radius:var(--sbb-border-radius-infinity);transform:translateY(var(--sbb-step-label-translate-y-content-hover, 0rem));transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,transform}", u = class extends c(r(n)) {
|
|
6
6
|
static {
|
|
7
7
|
this.elementName = "sbb-step-label";
|
|
8
8
|
}
|
|
@@ -46,7 +46,7 @@ var l = ":host{--sbb-step-label-animation-duration: var( --sbb-disable-animation
|
|
|
46
46
|
return !0;
|
|
47
47
|
}
|
|
48
48
|
connectedCallback() {
|
|
49
|
-
super.connectedCallback(), this.
|
|
49
|
+
super.connectedCallback(), this.slot ||= "step-label", this.internals.ariaSelected = "false", this.tabIndex = -1, this._assignStep();
|
|
50
50
|
}
|
|
51
51
|
select() {
|
|
52
52
|
this.tabIndex = 0, this.internals.ariaSelected = "true", this.internals.states.add("selected");
|
|
@@ -74,4 +74,4 @@ var l = ":host{--sbb-step-label-animation-duration: var( --sbb-disable-animation
|
|
|
74
74
|
}
|
|
75
75
|
};
|
|
76
76
|
//#endregion
|
|
77
|
-
export {
|
|
77
|
+
export { u as t };
|
|
@@ -2,7 +2,7 @@ import { html as e, unsafeCSS as t } from "lit";
|
|
|
2
2
|
import { SbbElement as n, SbbPropertyWatcherController as r, appendAriaElements as i, boxSizingStyles as a, removeAriaElements as o } from "./core.js";
|
|
3
3
|
import { ResizeController as s } from "@lit-labs/observers/resize-controller.js";
|
|
4
4
|
//#region src/elements/stepper/step/step.scss?inline
|
|
5
|
-
var c = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-spacing-fixed-4x);--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:contents;font-size:var(--sbb-text-font-size-m);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:is(:state(selected),[state--selected])){--sbb-step-opacity: 1;--sbb-step-display: block;--sbb-step-height: fit-content;--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-step-animation-delay: var(--sbb-step-animation-duration)}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])){--sbb-step-position: absolute;--sbb-step-inset-block-start: 0}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-step--wrapper{margin-inline-start:var(--sbb-step-margin-inline-start);opacity:0;height:0;transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-step--wrapper{opacity:1;height:var(--sbb-stepper-content-height);transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}.sbb-step{position:var(--sbb-step-position, initial);width:100%;inset-block-start:var(--sbb-step-inset-block-start, unset);opacity:var(--sbb-step-opacity);display:var(--sbb-step-display, none);height:var(--sbb-step-height, 0);transition-property:display,opacity;transition-duration:var(--sbb-step-animation-duration);transition-delay:var(--sbb-step-animation-delay, 0);transition-timing-function:var(--sbb-animation-easing);transition-behavior:allow-discrete}@starting-style{.sbb-step{--sbb-step-opacity: 0}}", l =
|
|
5
|
+
var c = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-spacing-fixed-4x);--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:contents;font-size:var(--sbb-text-font-size-m);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:is(:state(selected),[state--selected])){--sbb-step-opacity: 1;--sbb-step-display: block;--sbb-step-height: fit-content;--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-step-animation-delay: var(--sbb-step-animation-duration)}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])){--sbb-step-position: absolute;--sbb-step-inset-block-start: 0}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-step--wrapper{margin-inline-start:var(--sbb-step-margin-inline-start);opacity:0;height:0;transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-step--wrapper{opacity:1;height:var(--sbb-stepper-content-height);transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}.sbb-step{position:var(--sbb-step-position, initial);width:100%;inset-block-start:var(--sbb-step-inset-block-start, unset);opacity:var(--sbb-step-opacity);display:var(--sbb-step-display, none);height:var(--sbb-step-height, 0);transition-property:display,opacity;transition-duration:var(--sbb-step-animation-duration);transition-delay:var(--sbb-step-animation-delay, 0);transition-timing-function:var(--sbb-animation-easing);transition-behavior:allow-discrete}@starting-style{.sbb-step{--sbb-step-opacity: 0}}", l = class extends n {
|
|
6
6
|
static {
|
|
7
7
|
this.elementName = "sbb-step";
|
|
8
8
|
}
|
|
@@ -64,7 +64,7 @@ var c = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-s
|
|
|
64
64
|
this.matches(":is(:state(selected),[state--selected])") && this.dispatchEvent(new Event("resizechange", { bubbles: !0 }));
|
|
65
65
|
}
|
|
66
66
|
connectedCallback() {
|
|
67
|
-
super.connectedCallback(), this.
|
|
67
|
+
super.connectedCallback(), this.slot ||= "step", this._assignLabel();
|
|
68
68
|
}
|
|
69
69
|
firstUpdated(e) {
|
|
70
70
|
super.firstUpdated(e), this.updateComplete.then(() => {
|
|
@@ -88,4 +88,4 @@ var c = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-s
|
|
|
88
88
|
}
|
|
89
89
|
};
|
|
90
90
|
//#endregion
|
|
91
|
-
export {
|
|
91
|
+
export { l as t };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../step.component-
|
|
1
|
+
import { t as e } from "../../step.component-sQbJslHx.js";
|
|
2
2
|
export { e as SbbStepElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../step-label.component-
|
|
1
|
+
import { t as e } from "../../step-label.component-BXg13qOD.js";
|
|
2
2
|
export { e as SbbStepLabelElement };
|
package/stepper.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { t as e } from "./step-label.component-
|
|
2
|
-
import { t } from "./step.component-
|
|
1
|
+
import { t as e } from "./step-label.component-BXg13qOD.js";
|
|
2
|
+
import { t } from "./step.component-sQbJslHx.js";
|
|
3
3
|
import { n, t as r } from "./stepper.component-8IXNrdx7.js";
|
|
4
4
|
import "./stepper.pure.js";
|
|
5
5
|
t.define(), e.define(), n.define();
|
package/stepper.pure.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "./step-label.component-
|
|
2
|
-
import { t } from "./step.component-
|
|
1
|
+
import { t as e } from "./step-label.component-BXg13qOD.js";
|
|
2
|
+
import { t } from "./step.component-sQbJslHx.js";
|
|
3
3
|
import { n, t as r } from "./stepper.component-8IXNrdx7.js";
|
|
4
4
|
export { r as SbbStepChangeEvent, t as SbbStepElement, e as SbbStepLabelElement, n as SbbStepperElement };
|
|
@@ -2,7 +2,7 @@ import { html as e, unsafeCSS as t } from "lit";
|
|
|
2
2
|
import { SbbElement as n } from "./core.js";
|
|
3
3
|
import { ResizeController as r } from "@lit-labs/observers/resize-controller.js";
|
|
4
4
|
//#region src/elements/tabs/tab/tab.scss?inline
|
|
5
|
-
var i = "@charset \"UTF-8\";:host:after,:host:before{content:\"\xA0\";display:block;visibility:hidden;height:0;overflow:hidden}:host(: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)}:host(:not(:is(:state(active),[state--active]))){display:none!important}:host(:is(:state(active),[state--active])){display:block;opacity:1;transition-duration:var(--sbb-tab-group-animation-duration);transition-delay:var(--sbb-tab-group-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:opacity,height;transition-behavior:allow-discrete}@starting-style{:host(:is(:state(active),[state--active])){opacity:0}}", a =
|
|
5
|
+
var i = "@charset \"UTF-8\";:host:after,:host:before{content:\"\xA0\";display:block;visibility:hidden;height:0;overflow:hidden}:host(: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)}:host(:not(:is(:state(active),[state--active]))){display:none!important}:host(:is(:state(active),[state--active])){display:block;opacity:1;transition-duration:var(--sbb-tab-group-animation-duration);transition-delay:var(--sbb-tab-group-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:opacity,height;transition-behavior:allow-discrete}@starting-style{:host(:is(:state(active),[state--active])){opacity:0}}", a = class extends n {
|
|
6
6
|
constructor() {
|
|
7
7
|
super(...arguments), this._tabContentResizeObserver = new r(this, {
|
|
8
8
|
target: null,
|
|
@@ -29,7 +29,7 @@ var i = "@charset \"UTF-8\";:host:after,:host:before{content:\"\xA0\";display:bl
|
|
|
29
29
|
return this.closest("sbb-tab-group");
|
|
30
30
|
}
|
|
31
31
|
connectedCallback() {
|
|
32
|
-
super.connectedCallback(), this.
|
|
32
|
+
super.connectedCallback(), this.tabIndex = 0, this.classList.add("sbb-scrollbar");
|
|
33
33
|
}
|
|
34
34
|
activate() {
|
|
35
35
|
this.internals.states.add("active"), this._tabContentResizeObserver.observe(this);
|
|
@@ -45,4 +45,4 @@ var i = "@charset \"UTF-8\";:host:after,:host:before{content:\"\xA0\";display:bl
|
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
47
|
//#endregion
|
|
48
|
-
export {
|
|
48
|
+
export { a as t };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../tab.component-
|
|
1
|
+
import { t as e } from "../../tab.component-D39b0S04.js";
|
|
2
2
|
export { e as SbbTabElement };
|
package/tabs.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as e } from "./tab-group.component-B3uz-8FA.js";
|
|
2
2
|
import { t } from "./tab-label.component-CH24fqmB.js";
|
|
3
3
|
import { t as n } from "./tab-nav-bar.component-C6ZRnHq_.js";
|
|
4
|
-
import { t as r } from "./tab.component-
|
|
4
|
+
import { t as r } from "./tab.component-D39b0S04.js";
|
|
5
5
|
import { n as i, t as a } from "./styles-DMLyYaea.js";
|
|
6
6
|
import "./tabs.pure.js";
|
|
7
7
|
r.define(), e.define(), t.define(), n.define();
|
package/tabs.pure.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./tab-group.component-B3uz-8FA.js";
|
|
2
2
|
import { t } from "./tab-label.component-CH24fqmB.js";
|
|
3
3
|
import { t as n } from "./tab-nav-bar.component-C6ZRnHq_.js";
|
|
4
|
-
import { t as r } from "./tab.component-
|
|
4
|
+
import { t as r } from "./tab.component-D39b0S04.js";
|
|
5
5
|
import { n as i, t as a } from "./styles-DMLyYaea.js";
|
|
6
6
|
export { r as SbbTabElement, e as SbbTabGroupElement, t as SbbTabLabelElement, n as SbbTabNavBarElement, a as tabGroupCommonStyles, i as tabLabelCommonStyles };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../tooltip.component-
|
|
1
|
+
import { t as e } from "../tooltip.component-Do4V1jGd.js";
|
|
2
2
|
export { e as SbbTooltipElement };
|
|
@@ -3,21 +3,21 @@ import { html as n, isServer as r, unsafeCSS as i } from "lit";
|
|
|
3
3
|
import { property as a } from "lit/decorators.js";
|
|
4
4
|
import { SbbDisabledMixin as o, SbbEscapableOverlayController as s, SbbOpenCloseBaseElement as c, SbbOverlayPositionController as l, appendAriaElements as u, boxSizingStyles as d, idReference as f, isAndroid as p, isIOS as m, isZeroAnimationDuration as h, queueDomContentLoaded as g, readConfig as _, removeAriaElements as v, sbbOverlayOutsidePointerEventListener as y } from "./core.js";
|
|
5
5
|
//#region src/elements/tooltip/tooltip.scss?inline
|
|
6
|
-
var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spacing-fixed-2x)) );--sbb-tooltip-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );position-area:var(--sbb-overlay-position-area);position-try-fallbacks:var(--sbb-overlay-position-try-fallbacks);display:none;position:fixed;background-color:transparent;pointer-events:var(--sbb-tooltip-pointer-events, all);z-index:var(--sbb-tooltip-z-index, var(--sbb-overlay-default-z-index));animation-name:var(--sbb-tooltip-animation-name);animation-duration:var(--sbb-tooltip-animation-duration);animation-timing-function:var(--sbb-tooltip-animation-easing);font-size:var(--sbb-tooltip-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);border:none;inset:initial;padding:0;margin:0}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-tooltip-animation-name: open;display:block}:host(:is(:state(state-closing),[state--state-closing])){--sbb-tooltip-animation-name: close;--sbb-tooltip-pointer-events: none}:host(:is([data-position~=block-end],[data-position~=bottom],[data-position^=end])){padding-block-start:var(--sbb-tooltip-gap)}:host(:is([data-position~=block-start],[data-position~=top],[data-position^=start])){padding-block-end:var(--sbb-tooltip-gap)}:host(:is([data-position~=inline-start],[data-position~=inline-end],[data-position~=left],[data-position~=right],[data-position$=\" start\"],[data-position$=\" end\"])){padding-inline:var(--sbb-tooltip-gap)}.sbb-tooltip{box-shadow:var(--sbb-box-shadow-level-5-soft);border:var(--sbb-border-width-1x) solid var(--sbb-tooltip-border-color);border-radius:var(--sbb-tooltip-border-radius);padding:var(--sbb-tooltip-padding);color:var(--sbb-tooltip-color);background-color:var(--sbb-tooltip-background-color);min-width:var(--sbb-tooltip-min-width);max-width:var(--sbb-tooltip-max-width)}@keyframes open{0%{opacity:0;translate:var(--sbb-tooltip-animation-translate)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:var(--sbb-tooltip-animation-translate)}}", x = 500, S = p || m, C = /* @__PURE__ */ new WeakMap(), w =
|
|
7
|
-
let p = o(c), m = [],
|
|
6
|
+
var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spacing-fixed-2x)) );--sbb-tooltip-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );position-area:var(--sbb-overlay-position-area);position-try-fallbacks:var(--sbb-overlay-position-try-fallbacks);display:none;position:fixed;background-color:transparent;pointer-events:var(--sbb-tooltip-pointer-events, all);z-index:var(--sbb-tooltip-z-index, var(--sbb-overlay-default-z-index));animation-name:var(--sbb-tooltip-animation-name);animation-duration:var(--sbb-tooltip-animation-duration);animation-timing-function:var(--sbb-tooltip-animation-easing);font-size:var(--sbb-tooltip-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);border:none;inset:initial;padding:0;margin:0}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-tooltip-animation-name: open;display:block}:host(:is(:state(state-closing),[state--state-closing])){--sbb-tooltip-animation-name: close;--sbb-tooltip-pointer-events: none}:host(:is([data-position~=block-end],[data-position~=bottom],[data-position^=end])){padding-block-start:var(--sbb-tooltip-gap)}:host(:is([data-position~=block-start],[data-position~=top],[data-position^=start])){padding-block-end:var(--sbb-tooltip-gap)}:host(:is([data-position~=inline-start],[data-position~=inline-end],[data-position~=left],[data-position~=right],[data-position$=\" start\"],[data-position$=\" end\"])){padding-inline:var(--sbb-tooltip-gap)}.sbb-tooltip{box-shadow:var(--sbb-box-shadow-level-5-soft);border:var(--sbb-border-width-1x) solid var(--sbb-tooltip-border-color);border-radius:var(--sbb-tooltip-border-radius);padding:var(--sbb-tooltip-padding);color:var(--sbb-tooltip-color);background-color:var(--sbb-tooltip-background-color);min-width:var(--sbb-tooltip-min-width);max-width:var(--sbb-tooltip-max-width)}@keyframes open{0%{opacity:0;translate:var(--sbb-tooltip-animation-translate)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:var(--sbb-tooltip-animation-translate)}}", x = 500, S = p || m, C = /* @__PURE__ */ new WeakMap(), w = (() => {
|
|
7
|
+
let p = o(c), m = [], w, T = [], E = [], D, O, k;
|
|
8
8
|
return class extends p {
|
|
9
9
|
static {
|
|
10
10
|
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
|
|
11
|
-
|
|
11
|
+
w = [f(), a()], D = [a({
|
|
12
12
|
attribute: "open-delay",
|
|
13
13
|
type: Number
|
|
14
|
-
})],
|
|
14
|
+
})], O = [a({
|
|
15
15
|
attribute: "close-delay",
|
|
16
16
|
type: Number
|
|
17
|
-
})],
|
|
17
|
+
})], k = [a({
|
|
18
18
|
attribute: "long-press-close-delay",
|
|
19
19
|
type: Number
|
|
20
|
-
})], e(this, null,
|
|
20
|
+
})], e(this, null, w, {
|
|
21
21
|
kind: "accessor",
|
|
22
22
|
name: "trigger",
|
|
23
23
|
static: !1,
|
|
@@ -30,7 +30,7 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
|
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
32
|
metadata: t
|
|
33
|
-
},
|
|
33
|
+
}, T, E), e(this, null, D, {
|
|
34
34
|
kind: "setter",
|
|
35
35
|
name: "openDelay",
|
|
36
36
|
static: !1,
|
|
@@ -42,7 +42,7 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
|
|
|
42
42
|
}
|
|
43
43
|
},
|
|
44
44
|
metadata: t
|
|
45
|
-
}, null, m), e(this, null,
|
|
45
|
+
}, null, m), e(this, null, O, {
|
|
46
46
|
kind: "setter",
|
|
47
47
|
name: "closeDelay",
|
|
48
48
|
static: !1,
|
|
@@ -54,7 +54,7 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
|
|
|
54
54
|
}
|
|
55
55
|
},
|
|
56
56
|
metadata: t
|
|
57
|
-
}, null, m), e(this, null,
|
|
57
|
+
}, null, m), e(this, null, k, {
|
|
58
58
|
kind: "setter",
|
|
59
59
|
name: "longPressCloseDelay",
|
|
60
60
|
static: !1,
|
|
@@ -111,7 +111,7 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
|
|
|
111
111
|
return this._longPressCloseDelay ?? _().tooltip?.longPressCloseDelay ?? 1500;
|
|
112
112
|
}
|
|
113
113
|
constructor() {
|
|
114
|
-
super(), this.#e = (t(this, m), t(this,
|
|
114
|
+
super(), this.#e = (t(this, m), t(this, T, null)), this._openDelay = (t(this, E), null), this._closeDelay = null, this._triggerElement = null, this._escapableOverlayController = new s(this), this._overlayController = new l(this), this.addEventListener("mouseleave", (e) => {
|
|
115
115
|
(this.state === "opened" || this.state === "opening") && (!e.relatedTarget || !this._triggerElement?.contains(e.relatedTarget)) && this._delayedClose();
|
|
116
116
|
}, { passive: !0 }), this.addEventListener("overlayOutsidePointer", () => this.close(), { passive: !0 }), this.addEventListener("animationend", (e) => this._onTooltipAnimationEnd(e), { passive: !0 });
|
|
117
117
|
}
|
|
@@ -142,7 +142,7 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
|
|
|
142
142
|
} else n && (C.delete(e), n._destroy?.());
|
|
143
143
|
}
|
|
144
144
|
connectedCallback() {
|
|
145
|
-
super.connectedCallback(), this.popover = "manual", this.
|
|
145
|
+
super.connectedCallback(), this.popover = "manual", this.state = "closed", y.connect(this), this.hasUpdated && this.trigger && this._attach(this.trigger);
|
|
146
146
|
}
|
|
147
147
|
disconnectedCallback() {
|
|
148
148
|
super.disconnectedCallback(), y.disconnect(this), this._detach();
|
|
@@ -218,4 +218,4 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
|
|
|
218
218
|
};
|
|
219
219
|
})();
|
|
220
220
|
//#endregion
|
|
221
|
-
export {
|
|
221
|
+
export { w as t };
|
package/tooltip.js
CHANGED
package/tooltip.pure.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./tooltip.component-
|
|
1
|
+
import { t as e } from "./tooltip.component-Do4V1jGd.js";
|
|
2
2
|
export { e as SbbTooltipElement };
|
|
@@ -1,214 +0,0 @@
|
|
|
1
|
-
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
-
import { html, isServer, nothing, unsafeCSS } from "lit";
|
|
3
|
-
import { property } from "lit/decorators.js";
|
|
4
|
-
import { SbbLanguageController, SbbUpdateSchedulerMixin, defaultDateAdapter, forceType, i18nDateChangedTo, idReference, readConfig } from "./core.js";
|
|
5
|
-
import { SbbDateInputElement } from "./date-input.pure.js";
|
|
6
|
-
import { SbbCalendarElement } from "./calendar.pure.js";
|
|
7
|
-
import { SbbPopoverBaseElement } from "./popover.pure.js";
|
|
8
|
-
//#region src/elements/datepicker/datepicker/datepicker.scss?inline
|
|
9
|
-
var datepicker_default = "#status-container {\n border: 0;\n clip-path: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}";
|
|
10
|
-
//#endregion
|
|
11
|
-
//#region src/elements/datepicker/datepicker/datepicker.component.ts
|
|
12
|
-
var nextId = 0;
|
|
13
|
-
/**
|
|
14
|
-
* A datepicker component that allows users to select a date from a calendar view.
|
|
15
|
-
*
|
|
16
|
-
* @event {CustomEvent<T>} dateselected - Event emitted on date selection.
|
|
17
|
-
* @event {Event} change - The change event is fired on the datepicker's input 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.
|
|
18
|
-
* @event {InputEvent} input - The input event fires on the datepicker's input when the value has been changed as a direct result of a user action.
|
|
19
|
-
*/
|
|
20
|
-
var SbbDatepickerElement = (() => {
|
|
21
|
-
let _classSuper = SbbUpdateSchedulerMixin(SbbPopoverBaseElement);
|
|
22
|
-
let _wide_decorators;
|
|
23
|
-
let _wide_initializers = [];
|
|
24
|
-
let _wide_extraInitializers = [];
|
|
25
|
-
let _input_decorators;
|
|
26
|
-
let _input_initializers = [];
|
|
27
|
-
let _input_extraInitializers = [];
|
|
28
|
-
let _view_decorators;
|
|
29
|
-
let _view_initializers = [];
|
|
30
|
-
let _view_extraInitializers = [];
|
|
31
|
-
return class SbbDatepickerElement extends _classSuper {
|
|
32
|
-
static {
|
|
33
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
34
|
-
_wide_decorators = [forceType(), property({ type: Boolean })];
|
|
35
|
-
_input_decorators = [idReference(), property()];
|
|
36
|
-
_view_decorators = [property()];
|
|
37
|
-
__esDecorate(this, null, _wide_decorators, {
|
|
38
|
-
kind: "accessor",
|
|
39
|
-
name: "wide",
|
|
40
|
-
static: false,
|
|
41
|
-
private: false,
|
|
42
|
-
access: {
|
|
43
|
-
has: (obj) => "wide" in obj,
|
|
44
|
-
get: (obj) => obj.wide,
|
|
45
|
-
set: (obj, value) => {
|
|
46
|
-
obj.wide = value;
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
metadata: _metadata
|
|
50
|
-
}, _wide_initializers, _wide_extraInitializers);
|
|
51
|
-
__esDecorate(this, null, _input_decorators, {
|
|
52
|
-
kind: "accessor",
|
|
53
|
-
name: "input",
|
|
54
|
-
static: false,
|
|
55
|
-
private: false,
|
|
56
|
-
access: {
|
|
57
|
-
has: (obj) => "input" in obj,
|
|
58
|
-
get: (obj) => obj.input,
|
|
59
|
-
set: (obj, value) => {
|
|
60
|
-
obj.input = value;
|
|
61
|
-
}
|
|
62
|
-
},
|
|
63
|
-
metadata: _metadata
|
|
64
|
-
}, _input_initializers, _input_extraInitializers);
|
|
65
|
-
__esDecorate(this, null, _view_decorators, {
|
|
66
|
-
kind: "accessor",
|
|
67
|
-
name: "view",
|
|
68
|
-
static: false,
|
|
69
|
-
private: false,
|
|
70
|
-
access: {
|
|
71
|
-
has: (obj) => "view" in obj,
|
|
72
|
-
get: (obj) => obj.view,
|
|
73
|
-
set: (obj, value) => {
|
|
74
|
-
obj.view = value;
|
|
75
|
-
}
|
|
76
|
-
},
|
|
77
|
-
metadata: _metadata
|
|
78
|
-
}, _view_initializers, _view_extraInitializers);
|
|
79
|
-
if (_metadata) Object.defineProperty(this, Symbol.metadata, {
|
|
80
|
-
enumerable: true,
|
|
81
|
-
configurable: true,
|
|
82
|
-
writable: true,
|
|
83
|
-
value: _metadata
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
static {
|
|
87
|
-
this.elementName = "sbb-datepicker";
|
|
88
|
-
}
|
|
89
|
-
static {
|
|
90
|
-
this.elementDependencies = [SbbCalendarElement];
|
|
91
|
-
}
|
|
92
|
-
static {
|
|
93
|
-
this.styles = [SbbPopoverBaseElement.styles, unsafeCSS(datepicker_default)];
|
|
94
|
-
}
|
|
95
|
-
static {
|
|
96
|
-
this.sbbDateInputAssociated = true;
|
|
97
|
-
}
|
|
98
|
-
#wide_accessor_storage;
|
|
99
|
-
/** If set to true, two months are displayed. */
|
|
100
|
-
get wide() {
|
|
101
|
-
return this.#wide_accessor_storage;
|
|
102
|
-
}
|
|
103
|
-
set wide(value) {
|
|
104
|
-
this.#wide_accessor_storage = value;
|
|
105
|
-
}
|
|
106
|
-
#input_accessor_storage;
|
|
107
|
-
/**
|
|
108
|
-
* Reference to the sbb-date-input instance or the native input connected to the datepicker.
|
|
109
|
-
*
|
|
110
|
-
* For attribute usage, provide an id reference.
|
|
111
|
-
*/
|
|
112
|
-
get input() {
|
|
113
|
-
return this.#input_accessor_storage;
|
|
114
|
-
}
|
|
115
|
-
set input(value) {
|
|
116
|
-
this.#input_accessor_storage = value;
|
|
117
|
-
}
|
|
118
|
-
#view_accessor_storage;
|
|
119
|
-
/** The initial view of calendar which should be displayed on opening. */
|
|
120
|
-
get view() {
|
|
121
|
-
return this.#view_accessor_storage;
|
|
122
|
-
}
|
|
123
|
-
set view(value) {
|
|
124
|
-
this.#view_accessor_storage = value;
|
|
125
|
-
}
|
|
126
|
-
constructor() {
|
|
127
|
-
super();
|
|
128
|
-
this.#wide_accessor_storage = __runInitializers(this, _wide_initializers, false);
|
|
129
|
-
this.#input_accessor_storage = (__runInitializers(this, _wide_extraInitializers), __runInitializers(this, _input_initializers, null));
|
|
130
|
-
this.#view_accessor_storage = (__runInitializers(this, _input_extraInitializers), __runInitializers(this, _view_initializers, "day"));
|
|
131
|
-
this._inputAbortController = __runInitializers(this, _view_extraInitializers);
|
|
132
|
-
this._dateAdapter = readConfig().datetime?.dateAdapter ?? defaultDateAdapter;
|
|
133
|
-
this._language = new SbbLanguageController(this);
|
|
134
|
-
this._ready = false;
|
|
135
|
-
this.startUpdate();
|
|
136
|
-
this.addEventListener(SbbPopoverBaseElement.events.beforeopen, () => {
|
|
137
|
-
this.shadowRoot?.querySelector("sbb-calendar")?.resetPosition?.();
|
|
138
|
-
});
|
|
139
|
-
if (!isServer && this.hydrationRequired) this.hydrationComplete.then(() => this.requestUpdate());
|
|
140
|
-
}
|
|
141
|
-
connectedCallback() {
|
|
142
|
-
this.id ||= `sbb-datepicker-${++nextId}`;
|
|
143
|
-
super.connectedCallback();
|
|
144
|
-
const formField = this.closest?.("sbb-form-field");
|
|
145
|
-
if (formField) {
|
|
146
|
-
SbbDateInputElement.resolveAssociation(this);
|
|
147
|
-
const toggle = formField.querySelector("sbb-datepicker-toggle");
|
|
148
|
-
if (toggle && !toggle.hasAttribute("datepicker")) toggle.datepicker ??= this;
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
requestUpdate(name, oldValue, options) {
|
|
152
|
-
super.requestUpdate(name, oldValue, options);
|
|
153
|
-
if (name === "input" && this.input !== oldValue) {
|
|
154
|
-
this._inputAbortController?.abort();
|
|
155
|
-
if (this.input) {
|
|
156
|
-
const { signal } = this._inputAbortController = new AbortController();
|
|
157
|
-
this.input?.addEventListener("ɵchange", () => {
|
|
158
|
-
super.requestUpdate();
|
|
159
|
-
this._updateStatus();
|
|
160
|
-
}, { signal });
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
firstUpdated(changedProperties) {
|
|
165
|
-
super.firstUpdated(changedProperties);
|
|
166
|
-
setTimeout(() => {
|
|
167
|
-
this._ready = true;
|
|
168
|
-
this.requestUpdate();
|
|
169
|
-
this.completeUpdate();
|
|
170
|
-
});
|
|
171
|
-
}
|
|
172
|
-
_updateStatus() {
|
|
173
|
-
const status = this.shadowRoot?.getElementById("status-container");
|
|
174
|
-
if (!status) return;
|
|
175
|
-
const text = this._dateAdapter.isValid(this.input?.valueAsDate) ? `${i18nDateChangedTo[this._language.current]} ${this._dateAdapter.format(this.input.valueAsDate, { weekdayStyle: "long" })}` : "";
|
|
176
|
-
if (status.textContent !== text) status.textContent = text;
|
|
177
|
-
}
|
|
178
|
-
renderContent() {
|
|
179
|
-
return html`
|
|
180
|
-
<p id="status-container" role="status"></p>
|
|
181
|
-
<sbb-calendar
|
|
182
|
-
.view=${this.view}
|
|
183
|
-
.min=${this.input?.min ?? null}
|
|
184
|
-
.max=${this.input?.max ?? null}
|
|
185
|
-
.dateFilter=${this.input?.dateFilter ?? null}
|
|
186
|
-
.selected=${this.input?.valueAsDate ?? null}
|
|
187
|
-
?wide=${this.wide}
|
|
188
|
-
@dateselected=${(d) => {
|
|
189
|
-
if (this.input) {
|
|
190
|
-
this.input.valueAsDate = d.detail;
|
|
191
|
-
this.input.dispatchEvent(new InputEvent("input", {
|
|
192
|
-
bubbles: true,
|
|
193
|
-
composed: true
|
|
194
|
-
}));
|
|
195
|
-
this.input.dispatchEvent(new Event("change", {
|
|
196
|
-
bubbles: true,
|
|
197
|
-
composed: true
|
|
198
|
-
}));
|
|
199
|
-
this.input.dispatchEvent(new Event("blur", { composed: true }));
|
|
200
|
-
this.close();
|
|
201
|
-
}
|
|
202
|
-
}}
|
|
203
|
-
></sbb-calendar>
|
|
204
|
-
`;
|
|
205
|
-
}
|
|
206
|
-
render() {
|
|
207
|
-
return isServer || this.hydrationRequired || !this._ready ? html`${nothing}` : super.render();
|
|
208
|
-
}
|
|
209
|
-
};
|
|
210
|
-
})();
|
|
211
|
-
//#endregion
|
|
212
|
-
export { SbbDatepickerElement as t };
|
|
213
|
-
|
|
214
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci5jb21wb25lbnQtQUtsYzdTQU8uanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2RhdGVwaWNrZXIvZGF0ZXBpY2tlci9kYXRlcGlja2VyLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2RhdGVwaWNrZXIvZGF0ZXBpY2tlci9kYXRlcGlja2VyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG4jc3RhdHVzLWNvbnRhaW5lciB7XG4gIEBpbmNsdWRlIHNiYi5zY3JlZW4tcmVhZGVyLW9ubHk7XG59XG4iLCJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBpc1NlcnZlcixcbiAgbm90aGluZyxcbiAgdHlwZSBQcm9wZXJ0eURlY2xhcmF0aW9uLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxuICB1bnNhZmVDU1MsXG59IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgdHlwZSBDYWxlbmRhclZpZXcsIFNiYkNhbGVuZGFyRWxlbWVudCB9IGZyb20gJy4uLy4uL2NhbGVuZGFyLnB1cmUudHMnO1xuaW1wb3J0IHtcbiAgdHlwZSBEYXRlQWRhcHRlcixcbiAgZGVmYXVsdERhdGVBZGFwdGVyLFxuICBmb3JjZVR5cGUsXG4gIGkxOG5EYXRlQ2hhbmdlZFRvLFxuICBpZFJlZmVyZW5jZSxcbiAgcmVhZENvbmZpZyxcbiAgdHlwZSBTYmJFbGVtZW50VHlwZSxcbiAgU2JiTGFuZ3VhZ2VDb250cm9sbGVyLFxuICBTYmJVcGRhdGVTY2hlZHVsZXJNaXhpbixcbn0gZnJvbSAnLi4vLi4vY29yZS50cyc7XG5pbXBvcnQgeyB0eXBlIFNiYkRhdGVJbnB1dEFzc29jaWF0ZWQsIFNiYkRhdGVJbnB1dEVsZW1lbnQgfSBmcm9tICcuLi8uLi9kYXRlLWlucHV0LnB1cmUudHMnO1xuaW1wb3J0IHsgU2JiUG9wb3ZlckJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vcG9wb3Zlci5wdXJlLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiRGF0ZXBpY2tlclRvZ2dsZUVsZW1lbnQgfSBmcm9tICcuLi9kYXRlcGlja2VyLXRvZ2dsZS9kYXRlcGlja2VyLXRvZ2dsZS5jb21wb25lbnQudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9kYXRlcGlja2VyLnNjc3M/aW5saW5lJztcblxubGV0IG5leHRJZCA9IDA7XG5cbi8qKlxuICogQSBkYXRlcGlja2VyIGNvbXBvbmVudCB0aGF0IGFsbG93cyB1c2VycyB0byBzZWxlY3QgYSBkYXRlIGZyb20gYSBjYWxlbmRhciB2aWV3LlxuICpcbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8VD59IGRhdGVzZWxlY3RlZCAtIEV2ZW50IGVtaXR0ZWQgb24gZGF0ZSBzZWxlY3Rpb24uXG4gKiBAZXZlbnQge0V2ZW50fSBjaGFuZ2UgLSBUaGUgY2hhbmdlIGV2ZW50IGlzIGZpcmVkIG9uIHRoZSBkYXRlcGlja2VyJ3MgaW5wdXQgd2hlbiB0aGUgdXNlciBtb2RpZmllcyB0aGUgZWxlbWVudCdzIHZhbHVlLiBVbmxpa2UgdGhlIGlucHV0IGV2ZW50LCB0aGUgY2hhbmdlIGV2ZW50IGlzIG5vdCBuZWNlc3NhcmlseSBmaXJlZCBmb3IgZWFjaCBhbHRlcmF0aW9uIHRvIGFuIGVsZW1lbnQncyB2YWx1ZS5cbiAqIEBldmVudCB7SW5wdXRFdmVudH0gaW5wdXQgLSBUaGUgaW5wdXQgZXZlbnQgZmlyZXMgIG9uIHRoZSBkYXRlcGlja2VyJ3MgaW5wdXQgd2hlbiB0aGUgdmFsdWUgaGFzIGJlZW4gY2hhbmdlZCBhcyBhIGRpcmVjdCByZXN1bHQgb2YgYSB1c2VyIGFjdGlvbi5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYkRhdGVwaWNrZXJFbGVtZW50PFQgPSBEYXRlPlxuICBleHRlbmRzIFNiYlVwZGF0ZVNjaGVkdWxlck1peGluKFNiYlBvcG92ZXJCYXNlRWxlbWVudClcbiAgaW1wbGVtZW50cyBTYmJEYXRlSW5wdXRBc3NvY2lhdGVkPFQ+XG57XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItZGF0ZXBpY2tlcic7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgZWxlbWVudERlcGVuZGVuY2llczogU2JiRWxlbWVudFR5cGVbXSA9IFtTYmJDYWxlbmRhckVsZW1lbnRdO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbU2JiUG9wb3ZlckJhc2VFbGVtZW50LnN0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgc2JiRGF0ZUlucHV0QXNzb2NpYXRlZCA9IHRydWU7XG5cbiAgLyoqIElmIHNldCB0byB0cnVlLCB0d28gbW9udGhzIGFyZSBkaXNwbGF5ZWQuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciB3aWRlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFJlZmVyZW5jZSB0byB0aGUgc2JiLWRhdGUtaW5wdXQgaW5zdGFuY2Ugb3IgdGhlIG5hdGl2ZSBpbnB1dCBjb25uZWN0ZWQgdG8gdGhlIGRhdGVwaWNrZXIuXG4gICAqXG4gICAqIEZvciBhdHRyaWJ1dGUgdXNhZ2UsIHByb3ZpZGUgYW4gaWQgcmVmZXJlbmNlLlxuICAgKi9cbiAgQGlkUmVmZXJlbmNlKClcbiAgQHByb3BlcnR5KClcbiAgcHVibGljIGFjY2Vzc29yIGlucHV0OiBTYmJEYXRlSW5wdXRFbGVtZW50PFQ+IHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqIFRoZSBpbml0aWFsIHZpZXcgb2YgY2FsZW5kYXIgd2hpY2ggc2hvdWxkIGJlIGRpc3BsYXllZCBvbiBvcGVuaW5nLiAqL1xuICBAcHJvcGVydHkoKSBwdWJsaWMgYWNjZXNzb3IgdmlldzogQ2FsZW5kYXJWaWV3ID0gJ2RheSc7XG5cbiAgcHJpdmF0ZSBfaW5wdXRBYm9ydENvbnRyb2xsZXI/OiBBYm9ydENvbnRyb2xsZXI7XG4gIHByaXZhdGUgX2RhdGVBZGFwdGVyOiBEYXRlQWRhcHRlcjxUPiA9IHJlYWRDb25maWcoKS5kYXRldGltZT8uZGF0ZUFkYXB0ZXIgPz8gZGVmYXVsdERhdGVBZGFwdGVyO1xuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG4gIHByaXZhdGUgX3JlYWR5ID0gZmFsc2U7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5zdGFydFVwZGF0ZSgpO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcihTYmJQb3BvdmVyQmFzZUVsZW1lbnQuZXZlbnRzLmJlZm9yZW9wZW4sICgpID0+IHtcbiAgICAgIHRoaXMuc2hhZG93Um9vdD8ucXVlcnlTZWxlY3Rvcignc2JiLWNhbGVuZGFyJyk/LnJlc2V0UG9zaXRpb24/LigpO1xuICAgIH0pO1xuICAgIGlmICghaXNTZXJ2ZXIgJiYgdGhpcy5oeWRyYXRpb25SZXF1aXJlZCkge1xuICAgICAgdGhpcy5oeWRyYXRpb25Db21wbGV0ZS50aGVuKCgpID0+IHRoaXMucmVxdWVzdFVwZGF0ZSgpKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgdGhpcy5pZCB8fD0gYHNiYi1kYXRlcGlja2VyLSR7KytuZXh0SWR9YDtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgY29uc3QgZm9ybUZpZWxkID0gdGhpcy5jbG9zZXN0Py4oJ3NiYi1mb3JtLWZpZWxkJyk7XG4gICAgaWYgKGZvcm1GaWVsZCkge1xuICAgICAgU2JiRGF0ZUlucHV0RWxlbWVudC5yZXNvbHZlQXNzb2NpYXRpb24odGhpcyk7XG4gICAgICBjb25zdCB0b2dnbGUgPVxuICAgICAgICBmb3JtRmllbGQucXVlcnlTZWxlY3RvcjxTYmJEYXRlcGlja2VyVG9nZ2xlRWxlbWVudDxUPj4oJ3NiYi1kYXRlcGlja2VyLXRvZ2dsZScpO1xuICAgICAgaWYgKHRvZ2dsZSAmJiAhdG9nZ2xlLmhhc0F0dHJpYnV0ZSgnZGF0ZXBpY2tlcicpKSB7XG4gICAgICAgIHRvZ2dsZS5kYXRlcGlja2VyID8/PSB0aGlzO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSByZXF1ZXN0VXBkYXRlKFxuICAgIG5hbWU/OiBQcm9wZXJ0eUtleSxcbiAgICBvbGRWYWx1ZT86IHVua25vd24sXG4gICAgb3B0aW9ucz86IFByb3BlcnR5RGVjbGFyYXRpb24sXG4gICk6IHZvaWQge1xuICAgIHN1cGVyLnJlcXVlc3RVcGRhdGUobmFtZSwgb2xkVmFsdWUsIG9wdGlvbnMpO1xuICAgIGlmIChuYW1lID09PSAnaW5wdXQnICYmIHRoaXMuaW5wdXQgIT09IG9sZFZhbHVlKSB7XG4gICAgICB0aGlzLl9pbnB1dEFib3J0Q29udHJvbGxlcj8uYWJvcnQoKTtcbiAgICAgIGlmICh0aGlzLmlucHV0KSB7XG4gICAgICAgIGNvbnN0IHsgc2lnbmFsIH0gPSAodGhpcy5faW5wdXRBYm9ydENvbnRyb2xsZXIgPSBuZXcgQWJvcnRDb250cm9sbGVyKCkpO1xuICAgICAgICB0aGlzLmlucHV0Py5hZGRFdmVudExpc3RlbmVyKFxuICAgICAgICAgICfJtWNoYW5nZScsXG4gICAgICAgICAgKCkgPT4ge1xuICAgICAgICAgICAgc3VwZXIucmVxdWVzdFVwZGF0ZSgpO1xuICAgICAgICAgICAgdGhpcy5fdXBkYXRlU3RhdHVzKCk7XG4gICAgICAgICAgfSxcbiAgICAgICAgICB7IHNpZ25hbCB9LFxuICAgICAgICApO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBmaXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzKTtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIC8vIFdlIHdhbnQgdG8gZGVsYXkgdGhlIHJlbmRlcmluZyBvZiB0aGUgY2FsZW5kYXIgdG8gYXZvaWQgYSBzbG93IGluaXRpYWwgcmVuZGVyLlxuICAgICAgLy8gVGhlIHNsb3cgcmVuZGVyIGNhbiBiZSBhIHByb2JsZW0gaWYgYSBsYXJnZSBhbW91bnQgb2YgZGF0ZXBpY2tlcnMgYXJlIHJlbmRlcmVkIGF0IG9uY2UuXG4gICAgICB0aGlzLl9yZWFkeSA9IHRydWU7XG4gICAgICB0aGlzLnJlcXVlc3RVcGRhdGUoKTtcbiAgICAgIHRoaXMuY29tcGxldGVVcGRhdGUoKTtcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZVN0YXR1cygpOiB2b2lkIHtcbiAgICBjb25zdCBzdGF0dXMgPSB0aGlzLnNoYWRvd1Jvb3Q/LmdldEVsZW1lbnRCeUlkKCdzdGF0dXMtY29udGFpbmVyJyk7XG4gICAgaWYgKCFzdGF0dXMpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCB0ZXh0ID0gdGhpcy5fZGF0ZUFkYXB0ZXIuaXNWYWxpZCh0aGlzLmlucHV0Py52YWx1ZUFzRGF0ZSlcbiAgICAgID8gYCR7aTE4bkRhdGVDaGFuZ2VkVG9bdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19ICR7dGhpcy5fZGF0ZUFkYXB0ZXIuZm9ybWF0KFxuICAgICAgICAgIHRoaXMuaW5wdXQhLnZhbHVlQXNEYXRlLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHdlZWtkYXlTdHlsZTogJ2xvbmcnLFxuICAgICAgICAgIH0sXG4gICAgICAgICl9YFxuICAgICAgOiAnJztcbiAgICBpZiAoc3RhdHVzLnRleHRDb250ZW50ICE9PSB0ZXh0KSB7XG4gICAgICBzdGF0dXMudGV4dENvbnRlbnQgPSB0ZXh0O1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJDb250ZW50KCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxwIGlkPVwic3RhdHVzLWNvbnRhaW5lclwiIHJvbGU9XCJzdGF0dXNcIj48L3A+XG4gICAgICA8c2JiLWNhbGVuZGFyXG4gICAgICAgIC52aWV3PSR7dGhpcy52aWV3fVxuICAgICAgICAubWluPSR7dGhpcy5pbnB1dD8ubWluID8/IG51bGx9XG4gICAgICAgIC5tYXg9JHt0aGlzLmlucHV0Py5tYXggPz8gbnVsbH1cbiAgICAgICAgLmRhdGVGaWx0ZXI9JHt0aGlzLmlucHV0Py5kYXRlRmlsdGVyID8/IG51bGx9XG4gICAgICAgIC5zZWxlY3RlZD0ke3RoaXMuaW5wdXQ/LnZhbHVlQXNEYXRlID8/IG51bGx9XG4gICAgICAgID93aWRlPSR7dGhpcy53aWRlfVxuICAgICAgICBAZGF0ZXNlbGVjdGVkPSR7KGQ6IEN1c3RvbUV2ZW50PFQ+KSA9PiB7XG4gICAgICAgICAgaWYgKHRoaXMuaW5wdXQpIHtcbiAgICAgICAgICAgIHRoaXMuaW5wdXQudmFsdWVBc0RhdGUgPSBkLmRldGFpbDtcbiAgICAgICAgICAgIHRoaXMuaW5wdXQuZGlzcGF0Y2hFdmVudChuZXcgSW5wdXRFdmVudCgnaW5wdXQnLCB7IGJ1YmJsZXM6IHRydWUsIGNvbXBvc2VkOiB0cnVlIH0pKTtcbiAgICAgICAgICAgIHRoaXMuaW5wdXQuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ2NoYW5nZScsIHsgYnViYmxlczogdHJ1ZSwgY29tcG9zZWQ6IHRydWUgfSkpO1xuICAgICAgICAgICAgLy8gRW1pdCBibHVyIGV2ZW50IHdoZW4gdmFsdWUgaXMgY2hhbmdlZCBwcm9ncmFtbWF0aWNhbGx5IHRvIG5vdGlmeVxuICAgICAgICAgICAgLy8gZnJhbWV3b3JrcyB0aGF0IHJlbHkgb24gdGhhdCBldmVudCB0byB1cGRhdGUgZm9ybSBzdGF0dXMuXG4gICAgICAgICAgICB0aGlzLmlucHV0LmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdibHVyJywgeyBjb21wb3NlZDogdHJ1ZSB9KSk7XG4gICAgICAgICAgICB0aGlzLmNsb3NlKCk7XG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgPjwvc2JiLWNhbGVuZGFyPlxuICAgIGA7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaXNTZXJ2ZXIgfHwgdGhpcy5oeWRyYXRpb25SZXF1aXJlZCB8fCAhdGhpcy5fcmVhZHkgPyBodG1sYCR7bm90aGluZ31gIDogc3VwZXIucmVuZGVyKCk7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1kYXRlcGlja2VyJzogU2JiRGF0ZXBpY2tlckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUM4QkEsSUFBSSxTQUFTOzs7Ozs7OztJQVNBLDhCQUFvQjttQkFDdkIsd0JBQXdCLHNCQUFzQjs7Ozs7Ozs7OztjQUQzQyw2QkFDSCxZQUE4Qzs7O3VCQVNyRCxXQUFXLEVBQ1gsU0FBUyxFQUFFLE1BQU0sU0FBUyxDQUFDLENBQUE7d0JBUTNCLGFBQWEsRUFDYixVQUFVLENBQUE7dUJBSVYsVUFBVSxDQUFBO0FBWlgsZ0JBQUEsTUFBQSxNQUFBLGtCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsVUFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFJLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBSixPQUFJOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsb0JBQUEsd0JBQUE7QUFTcEIsZ0JB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
|