@sbb-esta/lyne-elements-dev 4.7.0-dev.1773817408 → 4.7.0-dev.1773821763

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.
Files changed (26) hide show
  1. package/core/styles/core.scss +9 -0
  2. package/core.css +20 -0
  3. package/custom-elements.json +200 -200
  4. package/development/menu/common/menu-action-common.js +1 -1
  5. package/development/menu/common.js +1 -1
  6. package/development/menu/menu/menu.component.js +1 -1
  7. package/development/menu/menu.js +1 -1
  8. package/development/menu-action-common-CE1gySL_.js +140 -0
  9. package/development/menu.component-D4nt6M9b.js +620 -0
  10. package/development/menu.js +2 -2
  11. package/development/menu.pure.js +2 -2
  12. package/menu/common/menu-action-common.js +1 -1
  13. package/menu/common.js +1 -1
  14. package/menu/menu/menu.component.js +1 -1
  15. package/menu/menu.js +1 -1
  16. package/menu-action-common-vt9j6nkG.js +29 -0
  17. package/{menu.component-_ncuRAqx.js → menu.component-elxRPsQz.js} +1 -1
  18. package/menu.js +2 -2
  19. package/menu.pure.js +2 -2
  20. package/off-brand-theme.css +20 -0
  21. package/package.json +2 -2
  22. package/safety-theme.css +20 -0
  23. package/standard-theme.css +20 -0
  24. package/development/menu-action-common-BTOi6wCg.js +0 -148
  25. package/development/menu.component-Dt6ilHX4.js +0 -638
  26. package/menu-action-common-BCV8hNkz.js +0 -29
package/development/menu.js CHANGED
@@ -1,7 +1,7 @@
1
- import { t as SbbMenuActionCommonElementMixin } from "./menu-action-common-BTOi6wCg.js";
1
+ import { t as SbbMenuActionCommonElementMixin } from "./menu-action-common-CE1gySL_.js";
2
2
  import { SbbMenuButtonElement } from "./menu/menu-button/menu-button.component.js";
3
3
  import { SbbMenuLinkElement } from "./menu/menu-link/menu-link.component.js";
4
- import { t as SbbMenuElement } from "./menu.component-Dt6ilHX4.js";
4
+ import { t as SbbMenuElement } from "./menu.component-D4nt6M9b.js";
5
5
  import "./menu.pure.js";
6
6
  //#region src/elements/menu.ts
7
7
  /** @entrypoint */
package/development/menu.pure.js CHANGED
@@ -1,5 +1,5 @@
1
- import { t as SbbMenuActionCommonElementMixin } from "./menu-action-common-BTOi6wCg.js";
1
+ import { t as SbbMenuActionCommonElementMixin } from "./menu-action-common-CE1gySL_.js";
2
2
  import { SbbMenuButtonElement } from "./menu/menu-button/menu-button.component.js";
3
3
  import { SbbMenuLinkElement } from "./menu/menu-link/menu-link.component.js";
4
- import { t as SbbMenuElement } from "./menu.component-Dt6ilHX4.js";
4
+ import { t as SbbMenuElement } from "./menu.component-D4nt6M9b.js";
5
5
  export { SbbMenuActionCommonElementMixin, SbbMenuButtonElement, SbbMenuElement, SbbMenuLinkElement };
package/menu/common/menu-action-common.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../menu-action-common-BCV8hNkz.js";
1
+ import { t as e } from "../../menu-action-common-vt9j6nkG.js";
2
2
  export { e as SbbMenuActionCommonElementMixin };
package/menu/common.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "../menu-action-common-BCV8hNkz.js";
1
+ import { t as e } from "../menu-action-common-vt9j6nkG.js";
2
2
  //#region src/elements/menu/common.ts
3
3
  console.warn("The entrypoint '@sbb-esta/elements/menu/common.js' has been deprecated.\nUse either '@sbb-esta/elements/menu.js' or '@sbb-esta/elements/menu.pure.js' instead.");
4
4
  //#endregion
package/menu/menu/menu.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../menu.component-_ncuRAqx.js";
1
+ import { t as e } from "../../menu.component-elxRPsQz.js";
2
2
  export { e as SbbMenuElement };
package/menu/menu.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "../menu.component-_ncuRAqx.js";
1
+ import { t as e } from "../menu.component-elxRPsQz.js";
2
2
  e.define(), console.warn("The entrypoint '@sbb-esta/elements/menu/menu.js' has been deprecated.\nUse either '@sbb-esta/elements/menu.js' or '@sbb-esta/elements/menu.pure.js' instead.");
3
3
  //#endregion
4
4
  export { e as SbbMenuElement };
package/menu-action-common-vt9j6nkG.js ADDED
@@ -0,0 +1,29 @@
1
+ import { css as e } from "lit";
2
+ import { SbbDisabledMixin as t } from "./core/mixins.js";
3
+ import { boxSizingStyles as n } from "./core/styles.js";
4
+ import { html as r } from "lit/static-html.js";
5
+ import { SbbIconNameMixin as i } from "./icon.js";
6
+ //#region src/elements/menu/common/menu-action.scss?lit&inline
7
+ var a = e`:host{--sbb-menu-action-cursor:var(--sbb-cursor-pointer);display:block;outline:none!important}@media (any-hover:hover){:host(:is(:hover:not([disabled],:disabled,[disabled-interactive]),[aria-expanded=true])){--sbb-menu-background-color:var(--lightningcss-light,var(--sbb-color-iron))var(--lightningcss-dark,var(--sbb-color-milk));--sbb-menu-action-forced-color-border-color:Highlight}}:host(:is([disabled],:disabled,[disabled-interactive])){--sbb-menu-action-cursor:var(--sbb-cursor-default);--sbb-menu-action-color:var(--lightningcss-light,var(--sbb-color-graphite))var(--lightningcss-dark,var(--sbb-color-granite));--sbb-menu-action-forced-color-border-color:GrayText;pointer-events:none;cursor:var(--sbb-cursor-default)}@media (forced-colors:active){:host(:is([disabled],:disabled,[disabled-interactive])){--sbb-menu-action-color:GrayText}}:host(:is(:state(sbb-menu-trigger),[state--sbb-menu-trigger])){--sbb-menu-action-cursor:var(--sbb-cursor-default)}@media (forced-colors:active){:host(:is(:state(button),[state--button])){--sbb-menu-action-color:ButtonText}}:host([sbb-badge]:not(:is(:state(has-icon-name),[state--has-icon-name]),:is(:state(slotted-icon),[state--slotted-icon]))):after{translate:50% -50%;inset:50% calc(100% - var(--sbb-menu-action-outer-horizontal-padding) - var(--sbb-menu-action-content-padding-inline) - .5 * var(--sbb-size-icon-ui-small)) auto auto!important}:host([sbb-badge]:is(:is(:state(has-icon-name),[state--has-icon-name]),:is(:state(slotted-icon),[state--slotted-icon]))):after{inset:calc(var(--sbb-menu-action-outer-vertical-padding) + var(--sbb-menu-action-content-padding-block) + var(--sbb-badge-position-offset)) calc(100% - var(--sbb-menu-action-outer-horizontal-padding) - var(--sbb-menu-action-content-padding-inline) - var(--sbb-size-icon-ui-small) + var(--sbb-badge-position-offset)) auto auto!important}:host([aria-controls*=sbb-menu]){--sbb-menu-action-submenu-icon-display:flex}:is(.sbb-menu-button,.sbb-menu-link){width:100%;color:var(--sbb-menu-action-color);padding:var(--sbb-menu-action-outer-vertical-padding) var(--sbb-menu-action-outer-horizontal-padding);cursor:var(--sbb-menu-action-cursor);outline:none;text-decoration:none;display:block}.sbb-menu-action__content{--sbb-text-font-size:var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);align-items:center;gap:var(--sbb-menu-action-gap);padding:var(--sbb-menu-action-content-padding-block) var(--sbb-menu-action-content-padding-inline);border-radius:var(--sbb-menu-action-border-radius);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:var(--sbb-menu-background-color);display:flex}:host(:focus-visible) .sbb-menu-action__content,:focus-visible .sbb-menu-action__content{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width)}@media (forced-colors:active){.sbb-menu-action__content{border:var(--sbb-border-width-2x) solid var(--sbb-menu-action-forced-color-border-color)}}.sbb-menu-action__icon,.sbb-menu-submenu__icon{min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small);display:flex}.sbb-menu-submenu__icon{display:var(--sbb-menu-action-submenu-icon-display,none);margin-inline-start:auto}.sbb-menu-action__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-menu-action__label{text-decoration:line-through}`, o = (e) => {
8
+ class o extends i(t(e)) {
9
+ static {
10
+ this.styles = [n, a];
11
+ }
12
+ renderTemplate() {
13
+ return r`
14
+ <span class="sbb-menu-action__content">
15
+ <span class="sbb-menu-action__icon"> ${super.renderIconSlot()} </span>
16
+ <span class="sbb-menu-action__label">
17
+ <slot></slot>
18
+ </span>
19
+ <span class="sbb-menu-submenu__icon">
20
+ <sbb-icon name="chevron-small-right-small"></sbb-icon>
21
+ </span>
22
+ </span>
23
+ `;
24
+ }
25
+ }
26
+ return o;
27
+ };
28
+ //#endregion
29
+ export { o as t };
package/{menu.component-_ncuRAqx.js → menu.component-elxRPsQz.js} RENAMED
@@ -15,7 +15,7 @@ import { SbbFocusTrapController as T, getNextElementIndex as E, interactivityChe
15
15
  import { i18nGoBack as k } from "./core/i18n/i18n.js";
16
16
  import { SbbMenuButtonElement as A } from "./menu/menu-button/menu-button.component.js";
17
17
  //#region src/elements/menu/menu/menu.scss?lit&inline
18
- var j = n`:host{--sbb-menu-position-x:0;--sbb-menu-position-y:0;--sbb-menu-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));--sbb-menu-animation-easing:ease;--sbb-menu-transform-y:100%;--sbb-menu-transform-x:0%;--sbb-menu-max-width:100%;--sbb-menu-min-width:100%;--sbb-menu-inset:0 auto auto 0;--sbb-menu-container-height:100dvh;--sbb-menu-max-height:calc(85vh - var(--sbb-spacing-fixed-8x));--sbb-menu-min-height:3.03125rem;--sbb-menu-border-radius:var(--sbb-border-radius-4x);--sbb-menu-visibility:hidden;--sbb-menu-backdrop-color:transparent;--sbb-menu-color:var(--sbb-color-2-inverted);--sbb-menu-background-color:var(--sbb-background-color-1-inverted);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark);--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-white) 30%, transparent);--sbb-scrollbar-color-hover:color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-scrollbar-track-color:transparent;display:contents}@media (width>=64rem){:host{--sbb-menu-transform-y:var(--sbb-spacing-fixed-2x);--sbb-menu-max-width:20rem;--sbb-menu-min-width:11.25rem;--sbb-menu-back-button-display:none}}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-menu-visibility:visible;--sbb-menu-backdrop-color:color-mix(in srgb, var(--sbb-color-black) 20%, transparent)}@media (width>=64rem){:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-menu-backdrop-color:transparent}}:host(:not(:is(:state(nested),[state--nested]))){--sbb-menu-back-button-display:none}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-menu-inset:0}:host(:is(:state(dark),[state--dark])){--sbb-focus-outline-color:var(--sbb-focus-outline-color-default);--sbb-scrollbar-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color-hover:color-mix(in srgb, var(--sbb-color-black) 60%, transparent)}@media (width<=63.9375rem){:host(:is(:state(skip-animation),[state--skip-animation])){--sbb-menu-animation-duration:0s}:host(:is(:state(nested-child),[state--nested-child])){--sbb-menu-transform-x:-100%}:host(:is(:state(nested),[state--nested]):is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-menu-open-animation-name:open-sideways}:host(:is(:state(state-closing),[state--state-closing]):is(:state(nested),[state--nested]):not(:is(:state(close-all),[state--close-all]))){--sbb-menu-close-animation-name:close-sideways}}::slotted(:not(sbb-menu-button,sbb-menu-link,sbb-divider)){padding-inline:var(--sbb-spacing-fixed-5x);display:block}sbb-divider,::slotted(sbb-divider){--sbb-divider-color:var(--sbb-background-color-4-inverted);margin-block:var(--sbb-spacing-fixed-2x)}sbb-divider,#sbb-menu__back-button{display:var(--sbb-menu-back-button-display,block)}.sbb-menu__container{pointer-events:none;inset:var(--sbb-menu-inset);height:var(--sbb-menu-container-height);z-index:var(--sbb-menu-z-index,var(--sbb-overlay-default-z-index));position:fixed}.sbb-menu__container:before{content:"";visibility:var(--sbb-menu-visibility);pointer-events:all;inset:var(--sbb-menu-inset);height:var(--sbb-menu-container-height);background-color:var(--sbb-menu-backdrop-color);transition-duration:var(--sbb-menu-animation-duration);transition-timing-function:var(--sbb-menu-animation-easing);transition-property:background-color,visibility;position:fixed}:host(:is(:state(nested),[state--nested])) .sbb-menu__container:before{display:none}.sbb-menu{opacity:0;pointer-events:none;max-width:var(--sbb-menu-max-width);min-width:var(--sbb-menu-min-width);text-align:start;color:var(--sbb-menu-color);border-radius:var(--sbb-menu-border-radius) var(--sbb-menu-border-radius) 0 0;background-color:var(--sbb-menu-background-color);translate:var(--sbb-menu-transform-x) 0;transition:translate var(--sbb-menu-animation-duration);border:none;padding:0;display:none;position:absolute;inset-block-start:unset;inset-block-end:0;inset-inline-start:0;inset-inline-end:unset;overflow:hidden}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-menu{opacity:1;pointer-events:all;animation-name:var(--sbb-menu-open-animation-name,open);animation-duration:var(--sbb-menu-animation-duration);animation-timing-function:var(--sbb-menu-animation-easing);display:block}:host(:is(:state(state-closing),[state--state-closing])) .sbb-menu{pointer-events:none;animation-name:var(--sbb-menu-close-animation-name,close)}@media (forced-colors:active){.sbb-menu{outline:var(--sbb-border-width-1x) solid CanvasText}}@media (width>=64rem){.sbb-menu{top:0;bottom:unset;left:0;right:unset;border-radius:var(--sbb-menu-border-radius);max-height:fit-content}:host(:not(:is(:state(state-closed),[state--state-closed]))) .sbb-menu{top:var(--sbb-menu-position-y);left:var(--sbb-menu-position-x);max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}}.sbb-menu__content{--sbb-scrollbar-width:var(--sbb-spacing-fixed-3x)}.sbb-menu__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-menu__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-menu__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-menu__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-menu__content::-webkit-scrollbar-button{display:none}.sbb-menu__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-menu__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color,currentcolor) var(--sbb-scrollbar-track-color,transparent)}}.sbb-menu__content{max-height:var(--sbb-menu-max-height);padding-block:var(--sbb-spacing-fixed-1x);outline:none;overflow:auto}.sbb-menu__content:after{content:"";height:var(--sbb-spacing-fixed-8x);display:block}@media (width>=64rem){.sbb-menu__content{max-height:fit-content}:host(:not(:is(:state(state-closed),[state--state-closed]))) .sbb-menu__content{max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}.sbb-menu__content:after{display:none}}::slotted(:is(:is(:state(sbb-link),[state--sbb-link]),:is(:state(sbb-button),[state--sbb-button]))){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}@keyframes open{0%{opacity:0;translate:0 var(--sbb-menu-transform-y)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:0 var(--sbb-menu-transform-y)}}@keyframes open-sideways{0%{translate:100%}to{translate:0}}@keyframes close-sideways{0%{translate:0}to{translate:100%}}`;
18
+ var j = n`:host{--sbb-menu-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark);--_sbb-menu-inset:0 auto auto 0;--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-white) 30%, transparent);--sbb-scrollbar-color-hover:color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-scrollbar-track-color:transparent;display:contents}@media (width>=64rem){:host{--sbb-menu-back-button-display:none}}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-menu-visibility:visible;--sbb-menu-backdrop-color:color-mix(in srgb, var(--sbb-color-black) 20%, transparent)}@media (width>=64rem){:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-menu-backdrop-color:transparent}}:host(:not(:is(:state(nested),[state--nested]))){--sbb-menu-back-button-display:none}:host(:not(:is(:state(state-closed),[state--state-closed]))){--_sbb-menu-inset:0}:host(:is(:state(dark),[state--dark])){--sbb-focus-outline-color:var(--sbb-focus-outline-color-default);--sbb-scrollbar-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color-hover:color-mix(in srgb, var(--sbb-color-black) 60%, transparent)}@media (width<=63.9375rem){:host(:is(:state(skip-animation),[state--skip-animation])){--sbb-menu-animation-duration:0s}:host(:is(:state(nested-child),[state--nested-child])){--sbb-menu-transform-x:-100%}:host(:is(:state(nested),[state--nested]):is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-menu-open-animation-name:open-sideways}:host(:is(:state(state-closing),[state--state-closing]):is(:state(nested),[state--nested]):not(:is(:state(close-all),[state--close-all]))){--sbb-menu-close-animation-name:close-sideways}}::slotted(:not(sbb-menu-button,sbb-menu-link,sbb-divider)){padding-inline:var(--sbb-spacing-fixed-5x);display:block}sbb-divider,::slotted(sbb-divider){--sbb-divider-color:var(--sbb-background-color-4-inverted);margin-block:var(--sbb-spacing-fixed-2x)}sbb-divider,#sbb-menu__back-button{display:var(--sbb-menu-back-button-display,block)}.sbb-menu__container{pointer-events:none;inset:var(--_sbb-menu-inset);height:var(--sbb-menu-container-height);z-index:var(--sbb-menu-z-index,var(--sbb-overlay-default-z-index));position:fixed}.sbb-menu__container:before{content:"";visibility:var(--sbb-menu-visibility,hidden);pointer-events:all;inset:var(--_sbb-menu-inset);height:var(--sbb-menu-container-height);background-color:var(--sbb-menu-backdrop-color,transparent);transition-duration:var(--sbb-menu-animation-duration);transition-timing-function:var(--sbb-menu-animation-easing);transition-property:background-color,visibility;position:fixed}:host(:is(:state(nested),[state--nested])) .sbb-menu__container:before{display:none}.sbb-menu{opacity:0;pointer-events:none;max-width:var(--sbb-menu-max-width);min-width:var(--sbb-menu-min-width);text-align:start;color:var(--sbb-menu-color);border-radius:var(--sbb-menu-border-radius) var(--sbb-menu-border-radius) 0 0;background-color:var(--sbb-menu-background-color);translate:var(--sbb-menu-transform-x,0) 0;transition:translate var(--sbb-menu-animation-duration);border:none;padding:0;display:none;position:absolute;inset-block-start:unset;inset-block-end:0;inset-inline-start:0;inset-inline-end:unset;overflow:hidden}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-menu{opacity:1;pointer-events:all;animation-name:var(--sbb-menu-open-animation-name,open);animation-duration:var(--sbb-menu-animation-duration);animation-timing-function:var(--sbb-menu-animation-easing);display:block}:host(:is(:state(state-closing),[state--state-closing])) .sbb-menu{pointer-events:none;animation-name:var(--sbb-menu-close-animation-name,close)}@media (forced-colors:active){.sbb-menu{outline:var(--sbb-border-width-1x) solid CanvasText}}@media (width>=64rem){.sbb-menu{top:0;bottom:unset;left:0;right:unset;border-radius:var(--sbb-menu-border-radius);max-height:fit-content}:host(:not(:is(:state(state-closed),[state--state-closed]))) .sbb-menu{top:var(--sbb-menu-position-y,0);left:var(--sbb-menu-position-x,0);max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}}.sbb-menu__content{--sbb-scrollbar-width:var(--sbb-spacing-fixed-3x)}.sbb-menu__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-menu__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-menu__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-menu__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-menu__content::-webkit-scrollbar-button{display:none}.sbb-menu__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-menu__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color,currentcolor) var(--sbb-scrollbar-track-color,transparent)}}.sbb-menu__content{max-height:var(--sbb-menu-max-height);padding-block:var(--sbb-spacing-fixed-1x);outline:none;overflow:auto}.sbb-menu__content:after{content:"";height:var(--sbb-spacing-fixed-8x);display:block}@media (width>=64rem){.sbb-menu__content{max-height:fit-content}:host(:not(:is(:state(state-closed),[state--state-closed]))) .sbb-menu__content{max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}.sbb-menu__content:after{display:none}}::slotted(:is(:is(:state(sbb-link),[state--sbb-link]),:is(:state(sbb-button),[state--sbb-button]))){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}@keyframes open{0%{opacity:0;translate:0 var(--sbb-menu-transform-y,100%)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:0 var(--sbb-menu-transform-y,100%)}}@keyframes open-sideways{0%{translate:100%}to{translate:0}}@keyframes close-sideways{0%{translate:0}to{translate:100%}}`;
19
19
  //#endregion
20
20
  //#region src/elements/menu/menu/menu.component.ts
21
21
  A.define();
package/menu.js CHANGED
@@ -1,7 +1,7 @@
1
- import { t as e } from "./menu-action-common-BCV8hNkz.js";
1
+ import { t as e } from "./menu-action-common-vt9j6nkG.js";
2
2
  import { SbbMenuButtonElement as t } from "./menu/menu-button/menu-button.component.js";
3
3
  import { SbbMenuLinkElement as n } from "./menu/menu-link/menu-link.component.js";
4
- import { t as r } from "./menu.component-_ncuRAqx.js";
4
+ import { t as r } from "./menu.component-elxRPsQz.js";
5
5
  import "./menu.pure.js";
6
6
  r.define(), t.define(), n.define();
7
7
  //#endregion
package/menu.pure.js CHANGED
@@ -1,5 +1,5 @@
1
- import { t as e } from "./menu-action-common-BCV8hNkz.js";
1
+ import { t as e } from "./menu-action-common-vt9j6nkG.js";
2
2
  import { SbbMenuButtonElement as t } from "./menu/menu-button/menu-button.component.js";
3
3
  import { SbbMenuLinkElement as n } from "./menu/menu-link/menu-link.component.js";
4
- import { t as r } from "./menu.component-_ncuRAqx.js";
4
+ import { t as r } from "./menu.component-elxRPsQz.js";
5
5
  export { e as SbbMenuActionCommonElementMixin, t as SbbMenuButtonElement, r as SbbMenuElement, n as SbbMenuLinkElement };
package/off-brand-theme.css CHANGED
@@ -1613,6 +1613,23 @@ slot[name=error]::slotted(*) {
1613
1613
  --sbb-map-container-sidebar-width: 25rem;
1614
1614
  --sbb-map-container-sidebar-background-color: var(--sbb-background-color-1);
1615
1615
  --sbb-map-container-border-radius: var(--sbb-border-radius-4x);
1616
+ --sbb-menu-animation-easing: ease;
1617
+ --sbb-menu-max-width: 100%;
1618
+ --sbb-menu-min-width: 100%;
1619
+ --sbb-menu-container-height: 100dvh;
1620
+ --sbb-menu-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));
1621
+ --sbb-menu-min-height: 3.03125rem;
1622
+ --sbb-menu-border-radius: var(--sbb-border-radius-4x);
1623
+ --sbb-menu-color: var(--sbb-color-2-inverted);
1624
+ --sbb-menu-background-color: var(--sbb-background-color-1-inverted);
1625
+ --sbb-menu-action-border-radius: var(--sbb-border-radius-infinity);
1626
+ --sbb-menu-action-outer-horizontal-padding: var(--sbb-spacing-fixed-3x);
1627
+ --sbb-menu-action-outer-vertical-padding: var(--sbb-spacing-fixed-1x);
1628
+ --sbb-menu-action-gap: var(--sbb-spacing-fixed-2x);
1629
+ --sbb-menu-action-color: var(--sbb-color-2-inverted);
1630
+ --sbb-menu-action-content-padding-inline: var(--sbb-spacing-fixed-2x);
1631
+ --sbb-menu-action-content-padding-block: var(--sbb-spacing-fixed-1x);
1632
+ --sbb-menu-action-forced-color-border-color: CanvasText;
1616
1633
  --sbb-message-action-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
1617
1634
  --sbb-message-image-margin-block: 0 var(--sbb-spacing-responsive-s);
1618
1635
  --sbb-message-image-border-radius: var(--sbb-border-radius-4x);
@@ -1883,6 +1900,9 @@ slot[name=error]::slotted(*) {
1883
1900
  --_sbb-form-field-floating-label-transform: 0.65625rem;
1884
1901
  --_sbb-form-field-spacer-margin-block-end: calc(-1 * var(--_sbb-form-field-label-to-input-overlapping));
1885
1902
  --sbb-header-height: var(--sbb-spacing-fixed-24x);
1903
+ --sbb-menu-max-width: 20rem;
1904
+ --sbb-menu-min-width: 11.25rem;
1905
+ --sbb-menu-transform-y: var(--sbb-spacing-fixed-2x);
1886
1906
  }
1887
1907
  :root.sbb-lean {
1888
1908
  --sbb-title-font-size-level-6-lean: var(--sbb-typo-scale-0-875x);
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements-dev",
3
- "version": "4.7.0-dev.1773817408",
3
+ "version": "4.7.0-dev.1773821763",
4
4
  "description": "Lyne Design System",
5
5
  "keywords": [
6
6
  "design system",
7
7
  "web components",
8
8
  "lit",
9
9
  "storybook",
10
- "https://github.com/sbb-design-systems/lyne-components/commit/6f07530d1f1e0552b04e7fa03e9e84af83fb19ab"
10
+ "https://github.com/sbb-design-systems/lyne-components/commit/aa9eef452c4d15009445f1b0182db083c518eae5"
11
11
  ],
12
12
  "type": "module",
13
13
  "exports": {
package/safety-theme.css CHANGED
@@ -1613,6 +1613,23 @@ slot[name=error]::slotted(*) {
1613
1613
  --sbb-map-container-sidebar-width: 25rem;
1614
1614
  --sbb-map-container-sidebar-background-color: var(--sbb-background-color-1);
1615
1615
  --sbb-map-container-border-radius: var(--sbb-border-radius-4x);
1616
+ --sbb-menu-animation-easing: ease;
1617
+ --sbb-menu-max-width: 100%;
1618
+ --sbb-menu-min-width: 100%;
1619
+ --sbb-menu-container-height: 100dvh;
1620
+ --sbb-menu-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));
1621
+ --sbb-menu-min-height: 3.03125rem;
1622
+ --sbb-menu-border-radius: var(--sbb-border-radius-4x);
1623
+ --sbb-menu-color: var(--sbb-color-2-inverted);
1624
+ --sbb-menu-background-color: var(--sbb-background-color-1-inverted);
1625
+ --sbb-menu-action-border-radius: var(--sbb-border-radius-infinity);
1626
+ --sbb-menu-action-outer-horizontal-padding: var(--sbb-spacing-fixed-3x);
1627
+ --sbb-menu-action-outer-vertical-padding: var(--sbb-spacing-fixed-1x);
1628
+ --sbb-menu-action-gap: var(--sbb-spacing-fixed-2x);
1629
+ --sbb-menu-action-color: var(--sbb-color-2-inverted);
1630
+ --sbb-menu-action-content-padding-inline: var(--sbb-spacing-fixed-2x);
1631
+ --sbb-menu-action-content-padding-block: var(--sbb-spacing-fixed-1x);
1632
+ --sbb-menu-action-forced-color-border-color: CanvasText;
1616
1633
  --sbb-message-action-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
1617
1634
  --sbb-message-image-margin-block: 0 var(--sbb-spacing-responsive-s);
1618
1635
  --sbb-message-image-border-radius: var(--sbb-border-radius-4x);
@@ -1883,6 +1900,9 @@ slot[name=error]::slotted(*) {
1883
1900
  --_sbb-form-field-floating-label-transform: 0.65625rem;
1884
1901
  --_sbb-form-field-spacer-margin-block-end: calc(-1 * var(--_sbb-form-field-label-to-input-overlapping));
1885
1902
  --sbb-header-height: var(--sbb-spacing-fixed-24x);
1903
+ --sbb-menu-max-width: 20rem;
1904
+ --sbb-menu-min-width: 11.25rem;
1905
+ --sbb-menu-transform-y: var(--sbb-spacing-fixed-2x);
1886
1906
  }
1887
1907
  :root.sbb-lean {
1888
1908
  --sbb-title-font-size-level-6-lean: var(--sbb-typo-scale-0-875x);
package/standard-theme.css CHANGED
@@ -1613,6 +1613,23 @@ slot[name=error]::slotted(*) {
1613
1613
  --sbb-map-container-sidebar-width: 25rem;
1614
1614
  --sbb-map-container-sidebar-background-color: var(--sbb-background-color-1);
1615
1615
  --sbb-map-container-border-radius: var(--sbb-border-radius-4x);
1616
+ --sbb-menu-animation-easing: ease;
1617
+ --sbb-menu-max-width: 100%;
1618
+ --sbb-menu-min-width: 100%;
1619
+ --sbb-menu-container-height: 100dvh;
1620
+ --sbb-menu-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));
1621
+ --sbb-menu-min-height: 3.03125rem;
1622
+ --sbb-menu-border-radius: var(--sbb-border-radius-4x);
1623
+ --sbb-menu-color: var(--sbb-color-2-inverted);
1624
+ --sbb-menu-background-color: var(--sbb-background-color-1-inverted);
1625
+ --sbb-menu-action-border-radius: var(--sbb-border-radius-infinity);
1626
+ --sbb-menu-action-outer-horizontal-padding: var(--sbb-spacing-fixed-3x);
1627
+ --sbb-menu-action-outer-vertical-padding: var(--sbb-spacing-fixed-1x);
1628
+ --sbb-menu-action-gap: var(--sbb-spacing-fixed-2x);
1629
+ --sbb-menu-action-color: var(--sbb-color-2-inverted);
1630
+ --sbb-menu-action-content-padding-inline: var(--sbb-spacing-fixed-2x);
1631
+ --sbb-menu-action-content-padding-block: var(--sbb-spacing-fixed-1x);
1632
+ --sbb-menu-action-forced-color-border-color: CanvasText;
1616
1633
  --sbb-message-action-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
1617
1634
  --sbb-message-image-margin-block: 0 var(--sbb-spacing-responsive-s);
1618
1635
  --sbb-message-image-border-radius: var(--sbb-border-radius-4x);
@@ -1883,6 +1900,9 @@ slot[name=error]::slotted(*) {
1883
1900
  --_sbb-form-field-floating-label-transform: 0.65625rem;
1884
1901
  --_sbb-form-field-spacer-margin-block-end: calc(-1 * var(--_sbb-form-field-label-to-input-overlapping));
1885
1902
  --sbb-header-height: var(--sbb-spacing-fixed-24x);
1903
+ --sbb-menu-max-width: 20rem;
1904
+ --sbb-menu-min-width: 11.25rem;
1905
+ --sbb-menu-transform-y: var(--sbb-spacing-fixed-2x);
1886
1906
  }
1887
1907
  :root.sbb-lean {
1888
1908
  --sbb-title-font-size-level-6-lean: var(--sbb-typo-scale-0-875x);
package/development/menu-action-common-BTOi6wCg.js DELETED
@@ -1,148 +0,0 @@
1
- import { css } from "lit";
2
- import { SbbDisabledMixin } from "./core/mixins.js";
3
- import { boxSizingStyles } from "./core/styles.js";
4
- import { html as html$1 } from "lit/static-html.js";
5
- import { SbbIconNameMixin } from "./icon.js";
6
- //#region src/elements/menu/common/menu-action.scss?lit&inline
7
- var menu_action_default = css`:host {
8
- outline: none !important;
9
- --sbb-menu-action-border-radius: var(--sbb-border-radius-infinity);
10
- --sbb-menu-action-outer-horizontal-padding: var(--sbb-spacing-fixed-3x);
11
- --sbb-menu-action-outer-vertical-padding: var(--sbb-spacing-fixed-1x);
12
- --sbb-menu-action-gap: var(--sbb-spacing-fixed-2x);
13
- --sbb-menu-action-cursor: var(--sbb-cursor-pointer);
14
- --sbb-menu-action-color: var(--sbb-color-2-inverted);
15
- --sbb-menu-action-forced-color-border-color: CanvasText;
16
- --sbb-menu-action-content-padding-inline: var(--sbb-spacing-fixed-2x);
17
- --sbb-menu-action-content-padding-block: var(--sbb-spacing-fixed-1x);
18
- display: block;
19
- }
20
-
21
- @media (any-hover: hover) {
22
- :host(:is(:hover:not([disabled], :disabled, [disabled-interactive]), [aria-expanded=true])) {
23
- --sbb-menu-background-color: var(--sbb-color-iron);
24
- --sbb-menu-background-color: light-dark(var(--sbb-color-iron), var(--sbb-color-milk));
25
- --sbb-menu-action-forced-color-border-color: Highlight;
26
- }
27
- }
28
-
29
- :host(:is([disabled], :disabled, [disabled-interactive])) {
30
- --sbb-menu-action-cursor: var(--sbb-cursor-default);
31
- --sbb-menu-action-color: var(--sbb-color-graphite);
32
- --sbb-menu-action-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-granite));
33
- --sbb-menu-action-forced-color-border-color: GrayText;
34
- pointer-events: none;
35
- cursor: var(--sbb-cursor-default);
36
- }
37
- @media (forced-colors: active) {
38
- :host(:is([disabled], :disabled, [disabled-interactive])) {
39
- --sbb-menu-action-color: GrayText;
40
- }
41
- }
42
-
43
- :host(:is(:state(sbb-menu-trigger),[state--sbb-menu-trigger])) {
44
- --sbb-menu-action-cursor: var(--sbb-cursor-default);
45
- }
46
-
47
- @media (forced-colors: active) {
48
- :host(:is(:state(button),[state--button])) {
49
- --sbb-menu-action-color: ButtonText;
50
- }
51
- }
52
-
53
- :host([sbb-badge]:not(:is(:state(has-icon-name),[state--has-icon-name]), :is(:state(slotted-icon),[state--slotted-icon])))::after {
54
- inset: 50% calc(100% - var(--sbb-menu-action-outer-horizontal-padding) - var(--sbb-menu-action-content-padding-inline) - 0.5 * var(--sbb-size-icon-ui-small)) auto auto !important;
55
- translate: 50% -50%;
56
- }
57
-
58
- :host([sbb-badge]:is(:is(:state(has-icon-name),[state--has-icon-name]), :is(:state(slotted-icon),[state--slotted-icon])))::after {
59
- inset: calc(var(--sbb-menu-action-outer-vertical-padding) + var(--sbb-menu-action-content-padding-block) + var(--sbb-badge-position-offset)) calc(100% - var(--sbb-menu-action-outer-horizontal-padding) - var(--sbb-menu-action-content-padding-inline) - var(--sbb-size-icon-ui-small) + var(--sbb-badge-position-offset)) auto auto !important;
60
- }
61
-
62
- :host([aria-controls*=sbb-menu]) {
63
- --sbb-menu-action-submenu-icon-display: flex;
64
- }
65
-
66
- :is(.sbb-menu-button, .sbb-menu-link) {
67
- text-decoration: none;
68
- display: block;
69
- width: 100%;
70
- color: var(--sbb-menu-action-color);
71
- padding: var(--sbb-menu-action-outer-vertical-padding) var(--sbb-menu-action-outer-horizontal-padding);
72
- cursor: var(--sbb-menu-action-cursor);
73
- outline: none;
74
- }
75
-
76
- .sbb-menu-action__content {
77
- --sbb-text-font-size: var(--sbb-text-font-size-xs);
78
- font-family: var(--sbb-typo-font-family);
79
- font-weight: normal;
80
- line-height: var(--sbb-typo-line-height-text);
81
- letter-spacing: var(--sbb-typo-letter-spacing-text);
82
- font-size: var(--sbb-text-font-size);
83
- display: flex;
84
- align-items: center;
85
- gap: var(--sbb-menu-action-gap);
86
- padding: var(--sbb-menu-action-content-padding-block) var(--sbb-menu-action-content-padding-inline);
87
- border-radius: var(--sbb-menu-action-border-radius);
88
- user-select: none;
89
- -webkit-tap-highlight-color: transparent;
90
- background-color: var(--sbb-menu-background-color);
91
- }
92
- :host(:focus-visible) .sbb-menu-action__content, :focus-visible .sbb-menu-action__content {
93
- outline-offset: var(--sbb-focus-outline-offset);
94
- outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
95
- }
96
- @media (forced-colors: active) {
97
- .sbb-menu-action__content {
98
- border: var(--sbb-border-width-2x) solid var(--sbb-menu-action-forced-color-border-color);
99
- }
100
- }
101
-
102
- .sbb-menu-action__icon,
103
- .sbb-menu-submenu__icon {
104
- display: flex;
105
- min-width: var(--sbb-size-icon-ui-small);
106
- min-height: var(--sbb-size-icon-ui-small);
107
- }
108
-
109
- .sbb-menu-submenu__icon {
110
- display: var(--sbb-menu-action-submenu-icon-display, none);
111
- margin-inline-start: auto;
112
- }
113
-
114
- .sbb-menu-action__label {
115
- overflow: hidden;
116
- white-space: nowrap;
117
- text-overflow: ellipsis;
118
- }
119
- :host(:is([disabled], :disabled, [disabled-interactive])) .sbb-menu-action__label {
120
- text-decoration: line-through;
121
- }`;
122
- //#endregion
123
- //#region src/elements/menu/common/menu-action-common.ts
124
- var SbbMenuActionCommonElementMixin = (superClass) => {
125
- class SbbMenuActionCommonElement extends SbbIconNameMixin(SbbDisabledMixin(superClass)) {
126
- static {
127
- this.styles = [boxSizingStyles, menu_action_default];
128
- }
129
- renderTemplate() {
130
- return html$1`
131
- <span class="sbb-menu-action__content">
132
- <span class="sbb-menu-action__icon"> ${super.renderIconSlot()} </span>
133
- <span class="sbb-menu-action__label">
134
- <slot></slot>
135
- </span>
136
- <span class="sbb-menu-submenu__icon">
137
- <sbb-icon name="chevron-small-right-small"></sbb-icon>
138
- </span>
139
- </span>
140
- `;
141
- }
142
- }
143
- return SbbMenuActionCommonElement;
144
- };
145
- //#endregion
146
- export { SbbMenuActionCommonElementMixin as t };
147
-
148
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1hY3Rpb24tY29tbW9uLUJUT2k2d0NnLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9tZW51L2NvbW1vbi9tZW51LWFjdGlvbi5zY3NzP2xpdCZpbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvbWVudS9jb21tb24vbWVudS1hY3Rpb24tY29tbW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbiRkaXNhYmxlZDogJ1tkaXNhYmxlZF0sIDpkaXNhYmxlZCwgW2Rpc2FibGVkLWludGVyYWN0aXZlXSc7XG5cbjpob3N0IHtcbiAgLy8gVXNlICFpbXBvcnRhbnQgaGVyZSB0byBub3QgaW50ZXJmZXJlIHdpdGggRmlyZWZveCBmb2N1cyByaW5nIGRlZmluaXRpb25cbiAgLy8gd2hpY2ggYXBwZWFycyBpbiBub3JtYWxpemUgQ1NTIG9mIHNldmVyYWwgZnJhbWV3b3Jrcy5cbiAgb3V0bGluZTogbm9uZSAhaW1wb3J0YW50O1xuXG4gIC0tc2JiLW1lbnUtYWN0aW9uLWJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1ib3JkZXItcmFkaXVzLWluZmluaXR5KTtcbiAgLS1zYmItbWVudS1hY3Rpb24tb3V0ZXItaG9yaXpvbnRhbC1wYWRkaW5nOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0zeCk7XG4gIC0tc2JiLW1lbnUtYWN0aW9uLW91dGVyLXZlcnRpY2FsLXBhZGRpbmc6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KTtcbiAgLS1zYmItbWVudS1hY3Rpb24tZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0yeCk7XG4gIC0tc2JiLW1lbnUtYWN0aW9uLWN1cnNvcjogdmFyKC0tc2JiLWN1cnNvci1wb2ludGVyKTtcbiAgLS1zYmItbWVudS1hY3Rpb24tY29sb3I6IHZhcigtLXNiYi1jb2xvci0yLWludmVydGVkKTtcbiAgLS1zYmItbWVudS1hY3Rpb24tZm9yY2VkLWNvbG9yLWJvcmRlci1jb2xvcjogQ2FudmFzVGV4dDtcbiAgLS1zYmItbWVudS1hY3Rpb24tY29udGVudC1wYWRkaW5nLWlubGluZTogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMngpO1xuICAtLXNiYi1tZW51LWFjdGlvbi1jb250ZW50LXBhZGRpbmctYmxvY2s6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KTtcblxuICBkaXNwbGF5OiBibG9jaztcbn1cblxuOmhvc3QoOmlzKDpob3Zlcjpub3QoI3skZGlzYWJsZWR9KSwgW2FyaWEtZXhwYW5kZWQ9J3RydWUnXSkpIHtcbiAgQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICAgIC0tc2JiLW1lbnUtYmFja2dyb3VuZC1jb2xvcjogbGlnaHQtZGFyayh2YXIoLS1zYmItY29sb3ItaXJvbiksIHZhcigtLXNiYi1jb2xvci1taWxrKSk7XG4gICAgLS1zYmItbWVudS1hY3Rpb24tZm9yY2VkLWNvbG9yLWJvcmRlci1jb2xvcjogSGlnaGxpZ2h0O1xuICB9XG59XG5cbjpob3N0KDppcygjeyRkaXNhYmxlZH0pKSB7XG4gIC0tc2JiLW1lbnUtYWN0aW9uLWN1cnNvcjogdmFyKC0tc2JiLWN1cnNvci1kZWZhdWx0KTtcbiAgLS1zYmItbWVudS1hY3Rpb24tY29sb3I6IGxpZ2h0LWRhcmsodmFyKC0tc2JiLWNvbG9yLWdyYXBoaXRlKSwgdmFyKC0tc2JiLWNvbG9yLWdyYW5pdGUpKTtcbiAgLS1zYmItbWVudS1hY3Rpb24tZm9yY2VkLWNvbG9yLWJvcmRlci1jb2xvcjogR3JheVRleHQ7XG5cbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIGN1cnNvcjogdmFyKC0tc2JiLWN1cnNvci1kZWZhdWx0KTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItbWVudS1hY3Rpb24tY29sb3I6IEdyYXlUZXh0O1xuICB9XG59XG5cbjpob3N0KDpzdGF0ZShzYmItbWVudS10cmlnZ2VyKSkge1xuICAtLXNiYi1tZW51LWFjdGlvbi1jdXJzb3I6IHZhcigtLXNiYi1jdXJzb3ItZGVmYXVsdCk7XG59XG5cbjpob3N0KDpzdGF0ZShidXR0b24pKSB7XG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAtLXNiYi1tZW51LWFjdGlvbi1jb2xvcjogQnV0dG9uVGV4dDtcbiAgfVxufVxuXG46aG9zdChbc2JiLWJhZGdlXTpub3QoOnN0YXRlKGhhcy1pY29uLW5hbWUpLCA6c3RhdGUoc2xvdHRlZC1pY29uKSkpOjphZnRlciB7XG4gIGluc2V0OiA1MCVcbiAgICBjYWxjKFxuICAgICAgMTAwJSAtIHZhcigtLXNiYi1tZW51LWFjdGlvbi1vdXRlci1ob3Jpem9udGFsLXBhZGRpbmcpIC0gdmFyKFxuICAgICAgICAgIC0tc2JiLW1lbnUtYWN0aW9uLWNvbnRlbnQtcGFkZGluZy1pbmxpbmVcbiAgICAgICAgKSAtXG4gICAgICAgIDAuNSAqIHZhcigtLXNiYi1zaXplLWljb24tdWktc21hbGwpXG4gICAgKVxuICAgIGF1dG8gYXV0byAhaW1wb3J0YW50O1xuICB0cmFuc2xhdGU6IDUwJSAtNTAlO1xufVxuXG46aG9zdChbc2JiLWJhZGdlXTppcyg6c3RhdGUoaGFzLWljb24tbmFtZSksIDpzdGF0ZShzbG90dGVkLWljb24pKSk6OmFmdGVyIHtcbiAgaW5zZXQ6IGNhbGMoXG4gICAgICB2YXIoLS1zYmItbWVudS1hY3Rpb24tb3V0ZXItdmVydGljYWwtcGFkZGluZykgKyB2YXIoLS1zYmItbWVudS1hY3Rpb24tY29udGVudC1wYWRkaW5nLWJsb2NrKSArXG4gICAgICAgIHZhcigtLXNiYi1iYWRnZS1wb3NpdGlvbi1vZmZzZXQpXG4gICAgKVxuICAgIGNhbGMoXG4gICAgICAxMDAlIC0gdmFyKC0tc2JiLW1lbnUtYWN0aW9uLW91dGVyLWhvcml6b250YWwtcGFkZGluZykgLSB2YXIoXG4gICAgICAgICAgLS1zYmItbWVudS1hY3Rpb24tY29udGVudC1wYWRkaW5nLWlubGluZVxuICAgICAgICApIC0gdmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCkgK1xuICAgICAgICB2YXIoLS1zYmItYmFkZ2UtcG9zaXRpb24tb2Zmc2V0KVxuICAgIClcbiAgICBhdXRvIGF1dG8gIWltcG9ydGFudDtcbn1cblxuOmhvc3QoW2FyaWEtY29udHJvbHMqPSdzYmItbWVudSddKSB7XG4gIC0tc2JiLW1lbnUtYWN0aW9uLXN1Ym1lbnUtaWNvbi1kaXNwbGF5OiBmbGV4O1xufVxuXG46aXMoLnNiYi1tZW51LWJ1dHRvbiwgLnNiYi1tZW51LWxpbmspIHtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGNvbG9yOiB2YXIoLS1zYmItbWVudS1hY3Rpb24tY29sb3IpO1xuICBwYWRkaW5nOiB2YXIoLS1zYmItbWVudS1hY3Rpb24tb3V0ZXItdmVydGljYWwtcGFkZGluZylcbiAgICB2YXIoLS1zYmItbWVudS1hY3Rpb24tb3V0ZXItaG9yaXpvbnRhbC1wYWRkaW5nKTtcbiAgY3Vyc29yOiB2YXIoLS1zYmItbWVudS1hY3Rpb24tY3Vyc29yKTtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuLnNiYi1tZW51LWFjdGlvbl9fY29udGVudCB7XG4gIEBpbmNsdWRlIHNiYi50ZXh0LXhzLS1yZWd1bGFyO1xuXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogdmFyKC0tc2JiLW1lbnUtYWN0aW9uLWdhcCk7XG4gIHBhZGRpbmc6IHZhcigtLXNiYi1tZW51LWFjdGlvbi1jb250ZW50LXBhZGRpbmctYmxvY2spXG4gICAgdmFyKC0tc2JiLW1lbnUtYWN0aW9uLWNvbnRlbnQtcGFkZGluZy1pbmxpbmUpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItbWVudS1hY3Rpb24tYm9yZGVyLXJhZGl1cyk7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItbWVudS1iYWNrZ3JvdW5kLWNvbG9yKTtcblxuICAvLyBIYW5kbGUgZm9jdXMgb24gdGhlIGhvc3QgKGJ1dHRvbiB2YXJpYW50KVxuICA6aG9zdCg6Zm9jdXMtdmlzaWJsZSkgJixcbiAgLy8gSGFuZGxlIGZvY3VzIG9uIHRoZSBhY3Rpb24gKGxpbmsgdmFyaWFudClcbiAgOmZvY3VzLXZpc2libGUgJiB7XG4gICAgQGluY2x1ZGUgc2JiLmZvY3VzLW91dGxpbmU7XG4gIH1cblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgYm9yZGVyOiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTJ4KSBzb2xpZCB2YXIoLS1zYmItbWVudS1hY3Rpb24tZm9yY2VkLWNvbG9yLWJvcmRlci1jb2xvcik7XG4gIH1cbn1cblxuLnNiYi1tZW51LWFjdGlvbl9faWNvbixcbi5zYmItbWVudS1zdWJtZW51X19pY29uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLXdpZHRoOiB2YXIoLS1zYmItc2l6ZS1pY29uLXVpLXNtYWxsKTtcbiAgbWluLWhlaWdodDogdmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCk7XG59XG5cbi5zYmItbWVudS1zdWJtZW51X19pY29uIHtcbiAgZGlzcGxheTogdmFyKC0tc2JiLW1lbnUtYWN0aW9uLXN1Ym1lbnUtaWNvbi1kaXNwbGF5LCBub25lKTtcbiAgbWFyZ2luLWlubGluZS1zdGFydDogYXV0bztcbn1cblxuLnNiYi1tZW51LWFjdGlvbl9fbGFiZWwge1xuICBAaW5jbHVkZSBzYmIuZWxsaXBzaXM7XG5cbiAgOmhvc3QoOmlzKCN7JGRpc2FibGVkfSkpICYge1xuICAgIHRleHQtZGVjb3JhdGlvbjogbGluZS10aHJvdWdoO1xuICB9XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYkFjdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IHR5cGUgQWJzdHJhY3RDb25zdHJ1Y3RvciwgU2JiRGlzYWJsZWRNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB7IFNiYkljb25OYW1lTWl4aW4gfSBmcm9tICcuLi8uLi9pY29uLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbWVudS1hY3Rpb24uc2Nzcz9saXQmaW5saW5lJztcblxuZXhwb3J0IGRlY2xhcmUgY2xhc3MgU2JiTWVudUFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGUgZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKFxuICBTYmJEaXNhYmxlZE1peGluKFNiYkFjdGlvbkJhc2VFbGVtZW50KSxcbikge31cblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuZXhwb3J0IGNvbnN0IFNiYk1lbnVBY3Rpb25Db21tb25FbGVtZW50TWl4aW4gPSA8XG4gIFQgZXh0ZW5kcyBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYkFjdGlvbkJhc2VFbGVtZW50Pixcbj4oXG4gIHN1cGVyQ2xhc3M6IFQsXG4pOiBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYk1lbnVBY3Rpb25Db21tb25FbGVtZW50TWl4aW5UeXBlPiAmIFQgPT4ge1xuICBhYnN0cmFjdCBjbGFzcyBTYmJNZW51QWN0aW9uQ29tbW9uRWxlbWVudFxuICAgIGV4dGVuZHMgU2JiSWNvbk5hbWVNaXhpbihTYmJEaXNhYmxlZE1peGluKHN1cGVyQ2xhc3MpKVxuICAgIGltcGxlbWVudHMgU2JiTWVudUFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGVcbiAge1xuICAgIHB1YmxpYyBzdGF0aWMgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHN0eWxlXTtcblxuICAgIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgICByZXR1cm4gaHRtbGBcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItbWVudS1hY3Rpb25fX2NvbnRlbnRcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1tZW51LWFjdGlvbl9faWNvblwiPiAke3N1cGVyLnJlbmRlckljb25TbG90KCl9IDwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1tZW51LWFjdGlvbl9fbGFiZWxcIj5cbiAgICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItbWVudS1zdWJtZW51X19pY29uXCI+XG4gICAgICAgICAgICA8c2JiLWljb24gbmFtZT1cImNoZXZyb24tc21hbGwtcmlnaHQtc21hbGxcIj48L3NiYi1pY29uPlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgYDtcbiAgICB9XG4gIH1cbiAgcmV0dXJuIFNiYk1lbnVBY3Rpb25Db21tb25FbGVtZW50IGFzIHVua25vd24gYXMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJNZW51QWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZT4gJlxuICAgIFQ7XG59O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNlQSxJQUFhLG1DQUdYLGVBQ2dFO0NBQ2hFLE1BQWUsbUNBQ0wsaUJBQWlCLGlCQUFpQixXQUFXLENBQUMsQ0FBQTs7QUFHeEMsUUFBQSxTQUF5QixDQUFDLGlCQUFpQixvQkFBTTs7RUFFNUMsaUJBQWM7QUFDL0IsVUFBTyxNQUFJOztpREFFZ0MsTUFBTSxnQkFBZ0IsQ0FBQTs7Ozs7Ozs7Ozs7QUFXckUsUUFBTyJ9