@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776772852 → 5.0.0-next-dev.1776866482

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 (60) hide show
  1. package/{block-link-common-CDrCAdGP.js → block-link-common-CiqQc2Rs.js} +1 -1
  2. package/core/styles/core.scss +5 -0
  3. package/core/styles/mixins/helpers.scss +3 -3
  4. package/core.css +17 -0
  5. package/custom-elements.json +1763 -1763
  6. package/development/{block-link-common-CwurjMj1.js → block-link-common-B9Vx8CTp.js} +2 -2
  7. package/development/form-field/form-field/form-field.component.js +1 -1
  8. package/development/{form-field.component-BHMh3V6s.js → form-field.component-M0wf8ZR8.js} +2 -2
  9. package/development/form-field.js +1 -1
  10. package/development/form-field.pure.js +1 -1
  11. package/development/link/common/block-link-common.js +1 -1
  12. package/development/link.js +1 -1
  13. package/development/link.pure.js +1 -1
  14. package/development/slider/slider.component.js +1 -1
  15. package/development/{slider.component-ZBdkbZei.js → slider.component-CXrGIpkh.js} +2 -2
  16. package/development/slider.js +1 -1
  17. package/development/slider.pure.js +1 -1
  18. package/development/step-label.component-BTXuaONx.js +126 -0
  19. package/development/stepper/step-label/step-label.component.js +1 -1
  20. package/development/stepper.js +1 -1
  21. package/development/stepper.pure.js +1 -1
  22. package/development/teaser-panel/teaser-panel.component.js +1 -1
  23. package/development/{teaser-panel.component-Dhka2dPT.js → teaser-panel.component-CjSrfJYG.js} +2 -2
  24. package/development/teaser-panel.js +1 -1
  25. package/development/teaser-panel.pure.js +1 -1
  26. package/development/toggle-check/toggle-check.component.js +1 -1
  27. package/development/toggle-check.component-LYr7DJj1.js +156 -0
  28. package/development/toggle-check.js +1 -1
  29. package/development/toggle-check.pure.js +1 -1
  30. package/form-field/form-field/form-field.component.js +1 -1
  31. package/{form-field.component-D8qiPCgJ.js → form-field.component-DbV7fMoe.js} +1 -1
  32. package/form-field.js +1 -1
  33. package/form-field.pure.js +1 -1
  34. package/link/common/block-link-common.js +1 -1
  35. package/link.js +1 -1
  36. package/link.pure.js +1 -1
  37. package/off-brand-theme.css +17 -0
  38. package/package.json +2 -2
  39. package/safety-theme.css +17 -0
  40. package/slider/slider.component.js +1 -1
  41. package/{slider.component-B3V7sjSF.js → slider.component-DfMkuXac.js} +1 -1
  42. package/slider.js +1 -1
  43. package/slider.pure.js +1 -1
  44. package/standard-theme.css +17 -0
  45. package/step-label.component-CbtQ7MvH.js +77 -0
  46. package/stepper/step-label/step-label.component.js +1 -1
  47. package/stepper.js +1 -1
  48. package/stepper.pure.js +1 -1
  49. package/teaser-panel/teaser-panel.component.js +1 -1
  50. package/{teaser-panel.component-zejDYKkU.js → teaser-panel.component-C4auDYCc.js} +1 -1
  51. package/teaser-panel.js +1 -1
  52. package/teaser-panel.pure.js +1 -1
  53. package/toggle-check/toggle-check.component.js +1 -1
  54. package/toggle-check.component-WVQ4NM-R.js +116 -0
  55. package/toggle-check.js +1 -1
  56. package/toggle-check.pure.js +1 -1
  57. package/development/step-label.component-B7M9Yqyz.js +0 -126
  58. package/development/toggle-check.component-BPcuOvOu.js +0 -156
  59. package/step-label.component-BXg13qOD.js +0 -77
  60. package/toggle-check.component-CnZBajpA.js +0 -116
@@ -1,126 +0,0 @@
1
- import { html, unsafeCSS } from "lit";
2
- import { SbbButtonBaseElement, SbbDisabledMixin, SbbPropertyWatcherController, appendAriaElements, boxSizingStyles, removeAriaElements } from "./core.js";
3
- import { SbbIconNameMixin } from "./icon.pure.js";
4
- //#region src/elements/stepper/step-label/step-label.scss?inline
5
- var step_label_default = ":host {\n --sbb-step-label-animation-duration: var(\n --sbb-disable-animation-duration,\n var(--sbb-animation-duration-2x)\n );\n --_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-m);\n --_sbb-step-label-inset-inline-start: calc(var(--sbb-step-label-prefix-size) / 2);\n --_sbb-step-label-transform-y: calc(\n -50% + var(--sbb-step-label-translate-y-content-hover, 0rem)\n );\n --_sbb-step-label-prefix-inset-block-start: calc(\n 1em * (var(--sbb-typo-line-height-text) / 2) + (var(--sbb-border-width-1x) / 2) -\n (var(--sbb-step-label-prefix-size) / 2)\n );\n position: relative;\n display: flex;\n min-width: 0;\n max-width: fit-content;\n gap: var(--sbb-step-label-gap);\n cursor: var(--sbb-step-label-cursor);\n color: var(--sbb-step-label-color);\n font-size: var(--sbb-step-label-font-size);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n}\n:host::before {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: var(--sbb-text-font-size-xxs);\n font-weight: var(--sbb-step-label-font-weight-selected, normal);\n inset-block-start: var(--_sbb-step-label-inset-block-start);\n inset-inline-start: var(--_sbb-step-label-inset-inline-start);\n line-height: 1;\n z-index: 1;\n transform: translate(-50%, var(--_sbb-step-label-transform-y));\n transition: transform var(--sbb-step-label-animation-duration) var(--sbb-animation-easing);\n}\n\n:host(:is(:state(selected),[state--selected])) {\n --sbb-step-label-color: var(--sbb-color-3);\n --sbb-step-label-font-weight-selected: bold;\n}\n@media (forced-colors: active) {\n :host(:is(:state(selected),[state--selected])) {\n --sbb-step-label-color: Highlight !important;\n }\n}\n\n:host(:is(:state(size-s),[state--size-s])) {\n --sbb-step-label-gap: var(--sbb-spacing-fixed-3x);\n --sbb-step-label-prefix-size: var(--sbb-size-element-xxxs);\n --sbb-step-label-font-size: var(--sbb-text-font-size-m);\n --_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-s);\n}\n\n:host(:disabled) {\n --sbb-step-label-color: var(--sbb-color-granite);\n --sbb-step-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));\n --sbb-step-label-prefix-border-style: dashed;\n}\n@media (forced-colors: active) {\n :host(:disabled) {\n --sbb-step-label-color: GrayText !important;\n }\n}\n\n@media (any-hover: hover) {\n :host(:hover:not(:disabled)) {\n --sbb-step-label-cursor: var(--sbb-cursor-pointer);\n --sbb-step-label-prefix-background-color: var(--sbb-background-color-3);\n --sbb-step-label-translate-y-content-hover: -0.0625rem;\n --sbb-step-label-prefix-size-grow-hover: calc(var(--sbb-border-width-2x) * -1);\n }\n}\n\n:host(:focus-visible) {\n outline-offset: var(--sbb-focus-outline-offset);\n outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n border-radius: var(--sbb-border-radius-1x);\n}\n\n:host(:is(:state(orientation-vertical),[state--orientation-vertical])) {\n transition: margin var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);\n}\n\n:host(:is(:state(orientation-vertical),[state--orientation-vertical]):not(:first-of-type)) {\n margin-block-start: var(--sbb-spacing-fixed-6x);\n}\n\n:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])) {\n margin-block-end: var(--sbb-spacing-fixed-8x);\n}\n\n.sbb-step-label__prefix {\n position: relative;\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: var(--sbb-step-label-prefix-size);\n height: var(--sbb-step-label-prefix-size);\n inset-block-start: var(--_sbb-step-label-prefix-inset-block-start);\n}\n.sbb-step-label__prefix::before {\n content: \"\";\n position: absolute;\n inset: calc(var(--sbb-step-label-prefix-size-grow-hover, 0rem));\n border-radius: var(--sbb-border-radius-infinity);\n border: var(--sbb-border-width-1x) var(--sbb-step-label-prefix-border-style) var(--sbb-step-label-prefix-border-color);\n background-color: var(--sbb-step-label-prefix-background-color);\n transition-duration: var(--sbb-step-label-animation-duration);\n transition-timing-function: var(--sbb-animation-easing);\n transition-property: background-color, inset;\n}\n\n.sbb-step-label__text {\n font-weight: bold;\n}\n:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) .sbb-step-label__text {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n::slotted(sbb-icon),\nsbb-icon {\n z-index: 1;\n background-color: var(--sbb-step-label-prefix-background-color);\n border-radius: var(--sbb-border-radius-infinity);\n transform: translateY(var(--sbb-step-label-translate-y-content-hover, 0rem));\n transition-duration: var(--sbb-step-label-animation-duration);\n transition-timing-function: var(--sbb-animation-easing);\n transition-property: background-color, transform;\n}";
6
- //#endregion
7
- //#region src/elements/stepper/step-label/step-label.component.ts
8
- /**
9
- * Combined with a `sbb-stepper`, it displays a step's label.
10
- *
11
- * @slot - Use the unnamed slot to provide a label.
12
- * @slot icon - Use this to display an icon in the label bubble.
13
- */
14
- var SbbStepLabelElement = class extends SbbIconNameMixin(SbbDisabledMixin(SbbButtonBaseElement)) {
15
- static {
16
- this.elementName = "sbb-step-label";
17
- }
18
- static {
19
- this.role = "tab";
20
- }
21
- static {
22
- this.styles = [boxSizingStyles, unsafeCSS(step_label_default)];
23
- }
24
- /** The step controlled by the label. */
25
- get step() {
26
- return this._step;
27
- }
28
- get stepper() {
29
- return this.closest("sbb-stepper");
30
- }
31
- set disabled(value) {
32
- super.disabled = value;
33
- this.toggleState("user-disabled", value);
34
- }
35
- get disabled() {
36
- return super.disabled;
37
- }
38
- constructor() {
39
- super();
40
- this._step = null;
41
- this.addEventListener?.("click", () => {
42
- const stepper = this.stepper;
43
- if (stepper && this.step && this._isNotDeactivatedByLinearMode(this.step)) stepper.selected = this.step;
44
- });
45
- this.addController(new SbbPropertyWatcherController(this, () => this.stepper, {
46
- orientation: (s) => {
47
- if (this._previousOrientation) this.internals.states.delete(`orientation-${this._previousOrientation}`);
48
- this._previousOrientation = s.orientation;
49
- if (this._previousOrientation) this.internals.states.add(`orientation-${this._previousOrientation}`);
50
- },
51
- size: (s) => {
52
- if (this._previousSize) this.internals.states.delete(`size-${this._previousSize}`);
53
- this._previousSize = s.size;
54
- if (this._previousSize) this.internals.states.add(`size-${this._previousSize}`);
55
- }
56
- }));
57
- }
58
- _isNotDeactivatedByLinearMode(step) {
59
- const stepper = this.stepper;
60
- if (stepper?.linear && stepper.selectedIndex !== null) {
61
- const index = stepper.steps.indexOf(step);
62
- return index < stepper.selectedIndex || index === stepper.selectedIndex + 1;
63
- }
64
- return true;
65
- }
66
- connectedCallback() {
67
- super.connectedCallback();
68
- this.slot ||= "step-label";
69
- this.internals.ariaSelected = "false";
70
- this.tabIndex = -1;
71
- this._assignStep();
72
- }
73
- /**
74
- * Selects and configures the step label.
75
- * @internal
76
- */
77
- select() {
78
- this.tabIndex = 0;
79
- this.internals.ariaSelected = "true";
80
- this.internals.states.add("selected");
81
- }
82
- /**
83
- * Deselects and configures the step label.
84
- * @internal
85
- */
86
- deselect() {
87
- this.tabIndex = -1;
88
- this.internals.ariaSelected = "false";
89
- this.internals.states.delete("selected");
90
- }
91
- /**
92
- * Configures the step label.
93
- * @internal
94
- */
95
- configure(posInSet, setSize, stepperLoaded) {
96
- if (stepperLoaded) this._assignStep();
97
- this.internals.ariaPosInSet = `${posInSet}`;
98
- this.internals.ariaSetSize = `${setSize}`;
99
- }
100
- _assignStep() {
101
- let nextSibling = this.nextElementSibling;
102
- while (nextSibling && nextSibling.localName !== "sbb-step") nextSibling = nextSibling.nextElementSibling;
103
- const value = nextSibling;
104
- this.internals.ariaControlsElements = removeAriaElements(this.internals.ariaControlsElements, this._step);
105
- this._step = value instanceof Element ? value : null;
106
- this.internals.ariaControlsElements = appendAriaElements(this.internals.ariaControlsElements, this._step);
107
- }
108
- /**
109
- * @internal
110
- * Disables the step label and avoids setting the `disabled` state to preserve the initial
111
- * disabled state in case of switching between linear and non-linear mode.
112
- */
113
- disable(value) {
114
- super.disabled = value;
115
- }
116
- render() {
117
- return html`
118
- <span class="sbb-step-label__prefix">${this.renderIconSlot()}</span>
119
- <span class="sbb-step-label__text"><slot></slot></span>
120
- `;
121
- }
122
- };
123
- //#endregion
124
- export { SbbStepLabelElement as t };
125
-
126
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC1sYWJlbC5jb21wb25lbnQtQjdNOVlxeXouanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3N0ZXBwZXIvc3RlcC1sYWJlbC9zdGVwLWxhYmVsLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3N0ZXBwZXIvc3RlcC1sYWJlbC9zdGVwLWxhYmVsLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtYW5pbWF0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi0yeClcbiAgKTtcbiAgLS1fc2JiLXN0ZXAtbGFiZWwtaW5zZXQtYmxvY2stc3RhcnQ6IHZhcigtLXNiYi1zdGVwLWxhYmVsLWluc2V0LWJsb2NrLXN0YXJ0LXNpemUtbSk7XG4gIC0tX3NiYi1zdGVwLWxhYmVsLWluc2V0LWlubGluZS1zdGFydDogY2FsYyh2YXIoLS1zYmItc3RlcC1sYWJlbC1wcmVmaXgtc2l6ZSkgLyAyKTtcbiAgLS1fc2JiLXN0ZXAtbGFiZWwtdHJhbnNmb3JtLXk6IGNhbGMoXG4gICAgLTUwJSArIHZhcigtLXNiYi1zdGVwLWxhYmVsLXRyYW5zbGF0ZS15LWNvbnRlbnQtaG92ZXIsICN7c2JiLnB4LXRvLXJlbS1idWlsZCgwKX0pXG4gICk7XG4gIC0tX3NiYi1zdGVwLWxhYmVsLXByZWZpeC1pbnNldC1ibG9jay1zdGFydDogY2FsYyhcbiAgICAxZW0gKiAodmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtdGV4dCkgLyAyKSArICh2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KSAvIDIpIC1cbiAgICAgICh2YXIoLS1zYmItc3RlcC1sYWJlbC1wcmVmaXgtc2l6ZSkgLyAyKVxuICApO1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLXdpZHRoOiAwO1xuICBtYXgtd2lkdGg6IGZpdC1jb250ZW50O1xuICBnYXA6IHZhcigtLXNiYi1zdGVwLWxhYmVsLWdhcCk7XG4gIGN1cnNvcjogdmFyKC0tc2JiLXN0ZXAtbGFiZWwtY3Vyc29yKTtcbiAgY29sb3I6IHZhcigtLXNiYi1zdGVwLWxhYmVsLWNvbG9yKTtcbiAgZm9udC1zaXplOiB2YXIoLS1zYmItc3RlcC1sYWJlbC1mb250LXNpemUpO1xuICBsZXR0ZXItc3BhY2luZzogdmFyKC0tc2JiLXR5cG8tbGV0dGVyLXNwYWNpbmctdGV4dCk7XG5cbiAgJjo6YmVmb3JlIHtcbiAgICBAaW5jbHVkZSBzYmIuYWJzb2x1dGUtY2VudGVyLXgteTtcblxuICAgIGZvbnQtc2l6ZTogdmFyKC0tc2JiLXRleHQtZm9udC1zaXplLXh4cyk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLXNiYi1zdGVwLWxhYmVsLWZvbnQtd2VpZ2h0LXNlbGVjdGVkLCBub3JtYWwpO1xuICAgIGluc2V0LWJsb2NrLXN0YXJ0OiB2YXIoLS1fc2JiLXN0ZXAtbGFiZWwtaW5zZXQtYmxvY2stc3RhcnQpO1xuICAgIGluc2V0LWlubGluZS1zdGFydDogdmFyKC0tX3NiYi1zdGVwLWxhYmVsLWluc2V0LWlubGluZS1zdGFydCk7XG4gICAgbGluZS1oZWlnaHQ6IDE7XG4gICAgei1pbmRleDogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCB2YXIoLS1fc2JiLXN0ZXAtbGFiZWwtdHJhbnNmb3JtLXkpKTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gdmFyKC0tc2JiLXN0ZXAtbGFiZWwtYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG4gIH1cbn1cblxuOmhvc3QoOnN0YXRlKHNlbGVjdGVkKSkge1xuICAtLXNiYi1zdGVwLWxhYmVsLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItMyk7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtZm9udC13ZWlnaHQtc2VsZWN0ZWQ6IGJvbGQ7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXN0ZXAtbGFiZWwtY29sb3I6IEhpZ2hsaWdodCAhaW1wb3J0YW50O1xuICB9XG59XG5cbjpob3N0KDpzdGF0ZShzaXplLXMpKSB7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0zeCk7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LXNpemU6IHZhcigtLXNiYi1zaXplLWVsZW1lbnQteHh4cyk7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtZm9udC1zaXplOiB2YXIoLS1zYmItdGV4dC1mb250LXNpemUtbSk7XG4gIC0tX3NiYi1zdGVwLWxhYmVsLWluc2V0LWJsb2NrLXN0YXJ0OiB2YXIoLS1zYmItc3RlcC1sYWJlbC1pbnNldC1ibG9jay1zdGFydC1zaXplLXMpO1xufVxuXG46aG9zdCg6ZGlzYWJsZWQpIHtcbiAgLS1zYmItc3RlcC1sYWJlbC1jb2xvcjogbGlnaHQtZGFyayh2YXIoLS1zYmItY29sb3ItZ3Jhbml0ZSksIHZhcigtLXNiYi1jb2xvci1ncmFwaGl0ZSkpO1xuICAtLXNiYi1zdGVwLWxhYmVsLXByZWZpeC1ib3JkZXItc3R5bGU6IGRhc2hlZDtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItc3RlcC1sYWJlbC1jb2xvcjogR3JheVRleHQgIWltcG9ydGFudDtcbiAgfVxufVxuXG46aG9zdCg6aG92ZXI6bm90KDpkaXNhYmxlZCkpIHtcbiAgQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICAgIC0tc2JiLXN0ZXAtbGFiZWwtY3Vyc29yOiB2YXIoLS1zYmItY3Vyc29yLXBvaW50ZXIpO1xuICAgIC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTMpO1xuICAgIC0tc2JiLXN0ZXAtbGFiZWwtdHJhbnNsYXRlLXktY29udGVudC1ob3ZlcjogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKC0xKX07XG4gICAgLS1zYmItc3RlcC1sYWJlbC1wcmVmaXgtc2l6ZS1ncm93LWhvdmVyOiBjYWxjKHZhcigtLXNiYi1ib3JkZXItd2lkdGgtMngpICogLTEpO1xuICB9XG59XG5cbjpob3N0KDpmb2N1cy12aXNpYmxlKSB7XG4gIEBpbmNsdWRlIHNiYi5mb2N1cy1vdXRsaW5lO1xuXG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1ib3JkZXItcmFkaXVzLTF4KTtcbn1cblxuOmhvc3QoOnN0YXRlKG9yaWVudGF0aW9uLXZlcnRpY2FsKSkge1xuICB0cmFuc2l0aW9uOiBtYXJnaW4gdmFyKC0tc2JiLXN0ZXBwZXItYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG59XG5cbjpob3N0KDpzdGF0ZShvcmllbnRhdGlvbi12ZXJ0aWNhbCk6bm90KDpmaXJzdC1vZi10eXBlKSkge1xuICBtYXJnaW4tYmxvY2stc3RhcnQ6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTZ4KTtcbn1cblxuOmhvc3QoOnN0YXRlKHNlbGVjdGVkKTpzdGF0ZShvcmllbnRhdGlvbi12ZXJ0aWNhbCkpIHtcbiAgbWFyZ2luLWJsb2NrLWVuZDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtOHgpO1xufVxuXG4uc2JiLXN0ZXAtbGFiZWxfX3ByZWZpeCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogdmFyKC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LXNpemUpO1xuICBoZWlnaHQ6IHZhcigtLXNiYi1zdGVwLWxhYmVsLXByZWZpeC1zaXplKTtcbiAgaW5zZXQtYmxvY2stc3RhcnQ6IHZhcigtLV9zYmItc3RlcC1sYWJlbC1wcmVmaXgtaW5zZXQtYmxvY2stc3RhcnQpO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGluc2V0OiBjYWxjKHZhcigtLXNiYi1zdGVwLWxhYmVsLXByZWZpeC1zaXplLWdyb3ctaG92ZXIsICN7c2JiLnB4LXRvLXJlbS1idWlsZCgwKX0pKTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItYm9yZGVyLXJhZGl1cy1pbmZpbml0eSk7XG4gICAgYm9yZGVyOiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KSB2YXIoLS1zYmItc3RlcC1sYWJlbC1wcmVmaXgtYm9yZGVyLXN0eWxlKVxuICAgICAgdmFyKC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LWJvcmRlci1jb2xvcik7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LWJhY2tncm91bmQtY29sb3IpO1xuICAgIHRyYW5zaXRpb246IHtcbiAgICAgIGR1cmF0aW9uOiB2YXIoLS1zYmItc3RlcC1sYWJlbC1hbmltYXRpb24tZHVyYXRpb24pO1xuICAgICAgdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG4gICAgICBwcm9wZXJ0eTogYmFja2dyb3VuZC1jb2xvciwgaW5zZXQ7XG4gICAgfVxuICB9XG59XG5cbi5zYmItc3RlcC1sYWJlbF9fdGV4dCB7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuXG4gIDpob3N0KDpzdGF0ZShvcmllbnRhdGlvbi1ob3Jpem9udGFsKSkgJiB7XG4gICAgQGluY2x1ZGUgc2JiLmVsbGlwc2lzO1xuICB9XG59XG5cbjo6c2xvdHRlZChzYmItaWNvbiksXG5zYmItaWNvbiB7XG4gIHotaW5kZXg6IDE7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1zdGVwLWxhYmVsLXByZWZpeC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtaW5maW5pdHkpO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkodmFyKC0tc2JiLXN0ZXAtbGFiZWwtdHJhbnNsYXRlLXktY29udGVudC1ob3ZlciwgI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDApfSkpO1xuICB0cmFuc2l0aW9uOiB7XG4gICAgZHVyYXRpb246IHZhcigtLXNiYi1zdGVwLWxhYmVsLWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG4gICAgcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3IsIHRyYW5zZm9ybTtcbiAgfVxufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCwgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHtcbiAgYXBwZW5kQXJpYUVsZW1lbnRzLFxuICBib3hTaXppbmdTdHlsZXMsXG4gIHJlbW92ZUFyaWFFbGVtZW50cyxcbiAgU2JiQnV0dG9uQmFzZUVsZW1lbnQsXG4gIFNiYkRpc2FibGVkTWl4aW4sXG4gIFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIsXG59IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uLy4uL2ljb24ucHVyZS50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlN0ZXBFbGVtZW50IH0gZnJvbSAnLi4vc3RlcC9zdGVwLmNvbXBvbmVudC50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlN0ZXBwZXJFbGVtZW50IH0gZnJvbSAnLi4vc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3N0ZXAtbGFiZWwuc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggYSBgc2JiLXN0ZXBwZXJgLCBpdCBkaXNwbGF5cyBhIHN0ZXAncyBsYWJlbC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIHByb3ZpZGUgYSBsYWJlbC5cbiAqIEBzbG90IGljb24gLSBVc2UgdGhpcyB0byBkaXNwbGF5IGFuIGljb24gaW4gdGhlIGxhYmVsIGJ1YmJsZS5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlN0ZXBMYWJlbEVsZW1lbnQgZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKFNiYkRpc2FibGVkTWl4aW4oU2JiQnV0dG9uQmFzZUVsZW1lbnQpKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItc3RlcC1sYWJlbCc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9ICd0YWInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcblxuICAvKiogVGhlIHN0ZXAgY29udHJvbGxlZCBieSB0aGUgbGFiZWwuICovXG4gIHB1YmxpYyBnZXQgc3RlcCgpOiBTYmJTdGVwRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLl9zdGVwO1xuICB9XG4gIHByaXZhdGUgX3N0ZXA6IFNiYlN0ZXBFbGVtZW50IHwgbnVsbCA9IG51bGw7XG5cbiAgcHVibGljIGdldCBzdGVwcGVyKCk6IFNiYlN0ZXBwZXJFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuY2xvc2VzdCgnc2JiLXN0ZXBwZXInKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBzZXQgZGlzYWJsZWQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICBzdXBlci5kaXNhYmxlZCA9IHZhbHVlO1xuXG4gICAgLy8gV2UgYWRkaXRpb25hbGx5IGtlZXAgdHJhY2sgb2YgdGhlIGBkaXNhYmxlZGAgc3RhdGUgdG8gcHJlc2VydmUgdGhlIHVzZXIgY29uZmlndXJlZCBkaXNhYmxlZCBzdGF0ZVxuICAgIC8vIG9mIHN0ZXAgbGFiZWxzIGluIGNhc2Ugb2Ygc3dpdGNoaW5nIGJldHdlZW4gbGluZWFyIGFuZCBub24tbGluZWFyIG1vZGUuXG4gICAgdGhpcy50b2dnbGVTdGF0ZSgndXNlci1kaXNhYmxlZCcsIHZhbHVlKTtcbiAgfVxuICBwdWJsaWMgb3ZlcnJpZGUgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBzdXBlci5kaXNhYmxlZDtcbiAgfVxuXG4gIHByaXZhdGUgX3ByZXZpb3VzT3JpZW50YXRpb24/OiBzdHJpbmc7XG4gIHByaXZhdGUgX3ByZXZpb3VzU2l6ZT86IHN0cmluZztcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcblxuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdjbGljaycsICgpID0+IHtcbiAgICAgIGNvbnN0IHN0ZXBwZXIgPSB0aGlzLnN0ZXBwZXI7XG4gICAgICBpZiAoc3RlcHBlciAmJiB0aGlzLnN0ZXAgJiYgdGhpcy5faXNOb3REZWFjdGl2YXRlZEJ5TGluZWFyTW9kZSh0aGlzLnN0ZXApKSB7XG4gICAgICAgIHN0ZXBwZXIuc2VsZWN0ZWQgPSB0aGlzLnN0ZXA7XG4gICAgICB9XG4gICAgfSk7XG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIodGhpcywgKCkgPT4gdGhpcy5zdGVwcGVyLCB7XG4gICAgICAgIG9yaWVudGF0aW9uOiAocykgPT4ge1xuICAgICAgICAgIGlmICh0aGlzLl9wcmV2aW91c09yaWVudGF0aW9uKSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKGBvcmllbnRhdGlvbi0ke3RoaXMuX3ByZXZpb3VzT3JpZW50YXRpb259YCk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHRoaXMuX3ByZXZpb3VzT3JpZW50YXRpb24gPSBzLm9yaWVudGF0aW9uO1xuICAgICAgICAgIGlmICh0aGlzLl9wcmV2aW91c09yaWVudGF0aW9uKSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKGBvcmllbnRhdGlvbi0ke3RoaXMuX3ByZXZpb3VzT3JpZW50YXRpb259YCk7XG4gICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBzaXplOiAocykgPT4ge1xuICAgICAgICAgIGlmICh0aGlzLl9wcmV2aW91c1NpemUpIHtcbiAgICAgICAgICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5kZWxldGUoYHNpemUtJHt0aGlzLl9wcmV2aW91c1NpemV9YCk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHRoaXMuX3ByZXZpb3VzU2l6ZSA9IHMuc2l6ZTtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNTaXplKSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKGBzaXplLSR7dGhpcy5fcHJldmlvdXNTaXplfWApO1xuICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICk7XG4gIH1cblxuICBwcml2YXRlIF9pc05vdERlYWN0aXZhdGVkQnlMaW5lYXJNb2RlKHN0ZXA6IFNiYlN0ZXBFbGVtZW50KTogYm9vbGVhbiB7XG4gICAgY29uc3Qgc3RlcHBlciA9IHRoaXMuc3RlcHBlcjtcbiAgICBpZiAoc3RlcHBlcj8ubGluZWFyICYmIHN0ZXBwZXIuc2VsZWN0ZWRJbmRleCAhPT0gbnVsbCkge1xuICAgICAgY29uc3QgaW5kZXggPSBzdGVwcGVyLnN0ZXBzLmluZGV4T2Yoc3RlcCk7XG4gICAgICByZXR1cm4gaW5kZXggPCBzdGVwcGVyLnNlbGVjdGVkSW5kZXggfHwgaW5kZXggPT09IHN0ZXBwZXIuc2VsZWN0ZWRJbmRleCArIDE7XG4gICAgfVxuICAgIHJldHVybiB0cnVlO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5zbG90IHx8PSAnc3RlcC1sYWJlbCc7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYVNlbGVjdGVkID0gJ2ZhbHNlJztcbiAgICB0aGlzLnRhYkluZGV4ID0gLTE7XG4gICAgdGhpcy5fYXNzaWduU3RlcCgpO1xuICB9XG5cbiAgLyoqXG4gICAqIFNlbGVjdHMgYW5kIGNvbmZpZ3VyZXMgdGhlIHN0ZXAgbGFiZWwuXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIHNlbGVjdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRhYkluZGV4ID0gMDtcbiAgICB0aGlzLmludGVybmFscy5hcmlhU2VsZWN0ZWQgPSAndHJ1ZSc7XG4gICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZCgnc2VsZWN0ZWQnKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBEZXNlbGVjdHMgYW5kIGNvbmZpZ3VyZXMgdGhlIHN0ZXAgbGFiZWwuXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIGRlc2VsZWN0KCk6IHZvaWQge1xuICAgIHRoaXMudGFiSW5kZXggPSAtMTtcbiAgICB0aGlzLmludGVybmFscy5hcmlhU2VsZWN0ZWQgPSAnZmFsc2UnO1xuICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5kZWxldGUoJ3NlbGVjdGVkJyk7XG4gIH1cblxuICAvKipcbiAgICogQ29uZmlndXJlcyB0aGUgc3RlcCBsYWJlbC5cbiAgICogQGludGVybmFsXG4gICAqL1xuICBwdWJsaWMgY29uZmlndXJlKHBvc0luU2V0OiBudW1iZXIsIHNldFNpemU6IG51bWJlciwgc3RlcHBlckxvYWRlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIGlmIChzdGVwcGVyTG9hZGVkKSB7XG4gICAgICB0aGlzLl9hc3NpZ25TdGVwKCk7XG4gICAgfVxuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFQb3NJblNldCA9IGAke3Bvc0luU2V0fWA7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYVNldFNpemUgPSBgJHtzZXRTaXplfWA7XG4gIH1cblxuICBwcml2YXRlIF9hc3NpZ25TdGVwKCk6IHZvaWQge1xuICAgIGxldCBuZXh0U2libGluZyA9IHRoaXMubmV4dEVsZW1lbnRTaWJsaW5nO1xuICAgIHdoaWxlIChuZXh0U2libGluZyAmJiBuZXh0U2libGluZy5sb2NhbE5hbWUgIT09ICdzYmItc3RlcCcpIHtcbiAgICAgIG5leHRTaWJsaW5nID0gbmV4dFNpYmxpbmcubmV4dEVsZW1lbnRTaWJsaW5nO1xuICAgIH1cblxuICAgIGNvbnN0IHZhbHVlID0gbmV4dFNpYmxpbmcgYXMgU2JiU3RlcEVsZW1lbnQgfCBudWxsO1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFDb250cm9sc0VsZW1lbnRzID0gcmVtb3ZlQXJpYUVsZW1lbnRzKFxuICAgICAgdGhpcy5pbnRlcm5hbHMuYXJpYUNvbnRyb2xzRWxlbWVudHMsXG4gICAgICB0aGlzLl9zdGVwLFxuICAgICk7XG4gICAgdGhpcy5fc3RlcCA9IHZhbHVlIGluc3RhbmNlb2YgRWxlbWVudCA/IHZhbHVlIDogbnVsbDtcbiAgICB0aGlzLmludGVybmFscy5hcmlhQ29udHJvbHNFbGVtZW50cyA9IGFwcGVuZEFyaWFFbGVtZW50cyhcbiAgICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFDb250cm9sc0VsZW1lbnRzLFxuICAgICAgdGhpcy5fc3RlcCxcbiAgICApO1xuICB9XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKiBEaXNhYmxlcyB0aGUgc3RlcCBsYWJlbCBhbmQgYXZvaWRzIHNldHRpbmcgdGhlIGBkaXNhYmxlZGAgc3RhdGUgdG8gcHJlc2VydmUgdGhlIGluaXRpYWxcbiAgICogZGlzYWJsZWQgc3RhdGUgaW4gY2FzZSBvZiBzd2l0Y2hpbmcgYmV0d2VlbiBsaW5lYXIgYW5kIG5vbi1saW5lYXIgbW9kZS5cbiAgICovXG4gIHB1YmxpYyBkaXNhYmxlKHZhbHVlOiBib29sZWFuKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzYWJsZWQgPSB2YWx1ZTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc3RlcC1sYWJlbF9fcHJlZml4XCI+JHt0aGlzLnJlbmRlckljb25TbG90KCl9PC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc3RlcC1sYWJlbF9fdGV4dFwiPjxzbG90Pjwvc2xvdD48L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXN0ZXAtbGFiZWwnOiBTYmJTdGVwTGFiZWxFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUNzQkEsSUFBYSxzQkFBYixjQUF5QyxpQkFBaUIsaUJBQWlCLHFCQUFxQixDQUFDLENBQUE7O0FBQy9ELE9BQUEsY0FBc0I7OztBQUN0QixPQUFBLE9BQU87OztBQUNoQixPQUFBLFNBQXlCLENBQUMsaUJBQWlCLFVBQVUsbUJBQU0sQ0FBQzs7O0NBR25GLElBQVcsT0FBSTtBQUNiLFNBQU8sS0FBSzs7Q0FJZCxJQUFXLFVBQU87QUFDaEIsU0FBTyxLQUFLLFFBQVEsY0FBYzs7Q0FHcEMsSUFBb0IsU0FBUyxPQUFjO0FBQ3pDLFFBQU0sV0FBVztBQUlqQixPQUFLLFlBQVksaUJBQWlCLE1BQU07O0NBRTFDLElBQW9CLFdBQVE7QUFDMUIsU0FBTyxNQUFNOztDQU1mLGNBQUE7QUFDRSxTQUFPO0FBckJELE9BQUEsUUFBK0I7QUF1QnJDLE9BQUssbUJBQW1CLGVBQWM7R0FDcEMsTUFBTSxVQUFVLEtBQUs7QUFDckIsT0FBSSxXQUFXLEtBQUssUUFBUSxLQUFLLDhCQUE4QixLQUFLLEtBQUssQ0FDdkUsU0FBUSxXQUFXLEtBQUs7SUFFMUI7QUFDRixPQUFLLGNBQ0gsSUFBSSw2QkFBNkIsWUFBWSxLQUFLLFNBQVM7R0FDekQsY0FBYyxNQUFLO0FBQ2pCLFFBQUksS0FBSyxxQkFDUCxNQUFLLFVBQVUsT0FBTyxPQUFPLGVBQWUsS0FBSyx1QkFBdUI7QUFFMUUsU0FBSyx1QkFBdUIsRUFBRTtBQUM5QixRQUFJLEtBQUsscUJBQ1AsTUFBSyxVQUFVLE9BQU8sSUFBSSxlQUFlLEtBQUssdUJBQXVCOztHQUd6RSxPQUFPLE1BQUs7QUFDVixRQUFJLEtBQUssY0FDUCxNQUFLLFVBQVUsT0FBTyxPQUFPLFFBQVEsS0FBSyxnQkFBZ0I7QUFFNUQsU0FBSyxnQkFBZ0IsRUFBRTtBQUN2QixRQUFJLEtBQUssY0FDUCxNQUFLLFVBQVUsT0FBTyxJQUFJLFFBQVEsS0FBSyxnQkFBZ0I7O0dBRzVELENBQUMsQ0FDSDs7Q0FHSyw4QkFBOEIsTUFBb0I7RUFDeEQsTUFBTSxVQUFVLEtBQUs7QUFDckIsTUFBSSxTQUFTLFVBQVUsUUFBUSxrQkFBa0IsTUFBTTtHQUNyRCxNQUFNLFFBQVEsUUFBUSxNQUFNLFFBQVEsS0FBSztBQUN6QyxVQUFPLFFBQVEsUUFBUSxpQkFBaUIsVUFBVSxRQUFRLGdCQUFnQjs7QUFFNUUsU0FBTzs7Q0FHTyxvQkFBaUI7QUFDL0IsUUFBTSxtQkFBbUI7QUFDekIsT0FBSyxTQUFTO0FBQ2QsT0FBSyxVQUFVLGVBQWU7QUFDOUIsT0FBSyxXQUFXO0FBQ2hCLE9BQUssYUFBYTs7Ozs7O0NBT2IsU0FBTTtBQUNYLE9BQUssV0FBVztBQUNoQixPQUFLLFVBQVUsZUFBZTtBQUM5QixPQUFLLFVBQVUsT0FBTyxJQUFJLFdBQVc7Ozs7OztDQU9oQyxXQUFRO0FBQ2IsT0FBSyxXQUFXO0FBQ2hCLE9BQUssVUFBVSxlQUFlO0FBQzlCLE9BQUssVUFBVSxPQUFPLE9BQU8sV0FBVzs7Ozs7O0NBT25DLFVBQVUsVUFBa0IsU0FBaUIsZUFBc0I7QUFDeEUsTUFBSSxjQUNGLE1BQUssYUFBYTtBQUVwQixPQUFLLFVBQVUsZUFBZSxHQUFHO0FBQ2pDLE9BQUssVUFBVSxjQUFjLEdBQUc7O0NBRzFCLGNBQVc7RUFDakIsSUFBSSxjQUFjLEtBQUs7QUFDdkIsU0FBTyxlQUFlLFlBQVksY0FBYyxXQUM5QyxlQUFjLFlBQVk7RUFHNUIsTUFBTSxRQUFRO0FBQ2QsT0FBSyxVQUFVLHVCQUF1QixtQkFDcEMsS0FBSyxVQUFVLHNCQUNmLEtBQUssTUFDTjtBQUNELE9BQUssUUFBUSxpQkFBaUIsVUFBVSxRQUFRO0FBQ2hELE9BQUssVUFBVSx1QkFBdUIsbUJBQ3BDLEtBQUssVUFBVSxzQkFDZixLQUFLLE1BQ047Ozs7Ozs7Q0FRSSxRQUFRLE9BQWM7QUFDM0IsUUFBTSxXQUFXOztDQUdBLFNBQU07QUFDdkIsU0FBTyxJQUFJOzZDQUM4QixLQUFLLGdCQUFnQixDQUFBIn0=
@@ -1,156 +0,0 @@
1
- import { __esDecorate, __runInitializers } from "tslib";
2
- import { html, unsafeCSS } from "lit";
3
- import { property } from "lit/decorators.js";
4
- import { SbbElement, SbbFormAssociatedCheckboxMixin, boxSizingStyles, isLean } from "./core.js";
5
- import { SbbIconNameMixin } from "./icon.pure.js";
6
- //#region src/elements/toggle-check/toggle-check.scss?inline
7
- var toggle_check_default = "@charset \"UTF-8\";\n:host {\n display: inline-block;\n outline: none !important;\n --sbb-toggle-check-color: var(--sbb-color-2);\n --sbb-toggle-check-checked-color: var(--sbb-color-primary);\n --sbb-toggle-check-background-color: var(--sbb-background-color-4);\n --sbb-toggle-check-icon-color: var(--sbb-toggle-check-checked-color);\n --sbb-toggle-check-icon-opacity: 0;\n --sbb-toggle-check-circle-background-color: var(--sbb-background-color-1);\n --sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);\n --sbb-toggle-check-circle-border-style: solid;\n --sbb-toggle-check-circle-diameter: 1.75rem;\n --sbb-toggle-check-overall-height: var(--sbb-toggle-check-circle-diameter);\n --sbb-toggle-check-circle-transform: translate(0, -50%);\n --sbb-toggle-check-height: 1.5rem;\n --sbb-toggle-check-width: calc(2 * var(--sbb-toggle-check-height));\n --sbb-toggle-check-cursor: var(--sbb-cursor-pointer);\n --sbb-toggle-check-flex-direction: row-reverse;\n --sbb-toggle-check-gap: var(--sbb-spacing-fixed-3x);\n --sbb-toggle-check-animation-duration: var(\n --sbb-disable-animation-duration,\n var(--sbb-animation-duration-6x)\n );\n}\n@media (forced-colors: active) {\n :host {\n --sbb-toggle-check-background-color: CanvasText;\n --sbb-toggle-check-circle-background-color: Canvas;\n }\n}\n\n:host([size=m]) {\n --sbb-toggle-check-overall-height: calc(1em * var(--sbb-typo-line-height-text));\n}\n\n:host(:is(:state(checked),[state--checked])) {\n --sbb-toggle-check-background-color: var(--sbb-toggle-check-checked-color);\n --sbb-toggle-check-circle-background-color: var(--sbb-background-color-1-negative-inverted);\n --sbb-toggle-check-circle-border-color: var(--sbb-toggle-check-background-color);\n --sbb-toggle-check-icon-opacity: 1;\n --sbb-toggle-check-circle-transform: translate(\n calc(100% - 2 * (100% - 0.5 * var(--sbb-toggle-check-width))),\n -50%\n );\n}\n@media (forced-colors: active) {\n :host(:is(:state(checked),[state--checked])) {\n --sbb-toggle-check-icon-color: Highlight;\n --sbb-toggle-check-background-color: Highlight;\n }\n}\n\n:host(:disabled) {\n --sbb-toggle-check-background-color: var(--sbb-background-color-4);\n --sbb-toggle-check-circle-background-color: var(--sbb-background-color-3);\n --sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);\n --sbb-toggle-check-circle-border-style: dashed;\n --sbb-toggle-check-icon-color: var(--sbb-color-granite);\n --sbb-toggle-check-icon-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm));\n --sbb-toggle-check-cursor: var(--sbb-cursor-default);\n}\n@media (forced-colors: active) {\n :host(:disabled) {\n --sbb-toggle-check-icon-color: GrayText;\n --sbb-toggle-check-background-color: GrayText;\n --sbb-toggle-check-circle-border-style: solid;\n }\n}\n\n:host([label-position=before]) {\n --sbb-toggle-check-flex-direction: row;\n}\n\n.sbb-toggle-check {\n position: relative;\n display: flex;\n color: var(--sbb-toggle-check-color);\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n cursor: var(--sbb-toggle-check-cursor);\n}\n.sbb-toggle-check::before {\n content: \"​\";\n user-select: none;\n width: 0;\n height: 0;\n}\n:host(:focus-visible) .sbb-toggle-check {\n outline-offset: var(--sbb-focus-outline-offset);\n outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n border-radius: calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset));\n}\n\n.sbb-toggle-check__container {\n --sbb-text-font-size: var(--sbb-text-font-size-s);\n font-family: var(--sbb-typo-font-family);\n font-weight: normal;\n line-height: var(--sbb-typo-line-height-text);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n font-size: var(--sbb-text-font-size);\n display: flex;\n flex-direction: var(--sbb-toggle-check-flex-direction);\n gap: var(--sbb-toggle-check-gap);\n align-items: start;\n width: 100%;\n}\n:host([size=m]) .sbb-toggle-check__container {\n --sbb-text-font-size: var(--sbb-text-font-size-m);\n font-family: var(--sbb-typo-font-family);\n font-weight: normal;\n line-height: var(--sbb-typo-line-height-text);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n font-size: var(--sbb-text-font-size);\n}\n:host([size=xs]) .sbb-toggle-check__container {\n --sbb-text-font-size: var(--sbb-text-font-size-xs);\n font-family: var(--sbb-typo-font-family);\n font-weight: normal;\n line-height: var(--sbb-typo-line-height-text);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n font-size: var(--sbb-text-font-size);\n}\n\n.sbb-toggle-check__label {\n flex-grow: 1;\n padding-block-start: calc((var(--sbb-toggle-check-circle-diameter) - var(--sbb-typo-line-height-text) * 1em) / 2);\n}\n:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-toggle-check__label {\n display: none;\n}\n\n.sbb-toggle-check__track {\n display: inline-block;\n position: relative;\n min-width: var(--sbb-toggle-check-width);\n height: var(--sbb-toggle-check-height);\n border-radius: var(--sbb-border-radius-infinity);\n background-color: var(--sbb-toggle-check-background-color);\n margin-block: calc((var(--sbb-toggle-check-overall-height) - var(--sbb-toggle-check-height)) / 2);\n}\n\n.sbb-toggle-check__circle {\n box-shadow: var(--sbb-box-shadow-level-5-hard);\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: var(--sbb-toggle-check-circle-diameter);\n height: var(--sbb-toggle-check-circle-diameter);\n border: var(--sbb-border-width-1x) var(--sbb-toggle-check-circle-border-style) var(--sbb-toggle-check-circle-border-color);\n border-radius: 50%;\n background-color: var(--sbb-toggle-check-circle-background-color);\n color: var(--sbb-toggle-check-icon-color);\n will-change: transform;\n transform: var(--sbb-toggle-check-circle-transform);\n transition: transform ease var(--sbb-toggle-check-animation-duration);\n}\n\n.sbb-toggle-check__icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: var(--sbb-size-icon-ui-small);\n height: var(--sbb-size-icon-ui-small);\n opacity: var(--sbb-toggle-check-icon-opacity);\n transition: opacity ease var(--sbb-toggle-check-animation-duration);\n}";
8
- //#endregion
9
- //#region src/elements/toggle-check/toggle-check.component.ts
10
- /**
11
- * It displays a toggle checkbox.
12
- *
13
- * @slot - Use the unnamed slot to add content to the toggle label.
14
- * @slot icon - Use this slot to provide an icon. If `icon-name` is set, a sbb-icon will be used.
15
- * @event {Event} change - The change event is fired when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.
16
- * @event {InputEvent} input - The input event fires when the value has been changed as a direct result of a user action.
17
- * @overrideType value - (T = string) | null
18
- */
19
- var SbbToggleCheckElement = (() => {
20
- let _classSuper = SbbIconNameMixin(SbbFormAssociatedCheckboxMixin(SbbElement));
21
- let _value_decorators;
22
- let _value_initializers = [];
23
- let _value_extraInitializers = [];
24
- let _size_decorators;
25
- let _size_initializers = [];
26
- let _size_extraInitializers = [];
27
- let _labelPosition_decorators;
28
- let _labelPosition_initializers = [];
29
- let _labelPosition_extraInitializers = [];
30
- return class SbbToggleCheckElement extends _classSuper {
31
- static {
32
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
33
- _value_decorators = [property()];
34
- _size_decorators = [property({ reflect: true })];
35
- _labelPosition_decorators = [property({
36
- attribute: "label-position",
37
- reflect: true
38
- })];
39
- __esDecorate(this, null, _value_decorators, {
40
- kind: "accessor",
41
- name: "value",
42
- static: false,
43
- private: false,
44
- access: {
45
- has: (obj) => "value" in obj,
46
- get: (obj) => obj.value,
47
- set: (obj, value) => {
48
- obj.value = value;
49
- }
50
- },
51
- metadata: _metadata
52
- }, _value_initializers, _value_extraInitializers);
53
- __esDecorate(this, null, _size_decorators, {
54
- kind: "accessor",
55
- name: "size",
56
- static: false,
57
- private: false,
58
- access: {
59
- has: (obj) => "size" in obj,
60
- get: (obj) => obj.size,
61
- set: (obj, value) => {
62
- obj.size = value;
63
- }
64
- },
65
- metadata: _metadata
66
- }, _size_initializers, _size_extraInitializers);
67
- __esDecorate(this, null, _labelPosition_decorators, {
68
- kind: "accessor",
69
- name: "labelPosition",
70
- static: false,
71
- private: false,
72
- access: {
73
- has: (obj) => "labelPosition" in obj,
74
- get: (obj) => obj.labelPosition,
75
- set: (obj, value) => {
76
- obj.labelPosition = value;
77
- }
78
- },
79
- metadata: _metadata
80
- }, _labelPosition_initializers, _labelPosition_extraInitializers);
81
- if (_metadata) Object.defineProperty(this, Symbol.metadata, {
82
- enumerable: true,
83
- configurable: true,
84
- writable: true,
85
- value: _metadata
86
- });
87
- }
88
- static {
89
- this.elementName = "sbb-toggle-check";
90
- }
91
- static {
92
- this.styles = [boxSizingStyles, unsafeCSS(toggle_check_default)];
93
- }
94
- #value_accessor_storage = __runInitializers(this, _value_initializers, null);
95
- /** Value of the form element. */
96
- get value() {
97
- return this.#value_accessor_storage;
98
- }
99
- set value(value) {
100
- this.#value_accessor_storage = value;
101
- }
102
- #size_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "xs" : "s"));
103
- /**
104
- * Size variant, either m, s or xs.
105
- * @default 's' / 'xs' (lean)
106
- */
107
- get size() {
108
- return this.#size_accessor_storage;
109
- }
110
- set size(value) {
111
- this.#size_accessor_storage = value;
112
- }
113
- #labelPosition_accessor_storage = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _labelPosition_initializers, "after"));
114
- /** The label position relative to the toggle. Defaults to 'after' */
115
- get labelPosition() {
116
- return this.#labelPosition_accessor_storage;
117
- }
118
- set labelPosition(value) {
119
- this.#labelPosition_accessor_storage = value;
120
- }
121
- requestUpdate(name, oldValue, options) {
122
- super.requestUpdate(name, oldValue, options);
123
- if (name === "checked") {
124
- this.internals.ariaChecked = `${this.checked}`;
125
- this.toggleState("checked", this.checked);
126
- }
127
- }
128
- renderIconName() {
129
- return super.renderIconName() || "tick-small";
130
- }
131
- render() {
132
- return html`
133
- <span class="sbb-toggle-check">
134
- <span class="sbb-toggle-check__container">
135
- <span class="sbb-toggle-check__label">
136
- <slot></slot>
137
- </span>
138
- <span class="sbb-toggle-check__track">
139
- <span class="sbb-toggle-check__circle">
140
- <span class="sbb-toggle-check__icon"> ${this.renderIconSlot()} </span>
141
- </span>
142
- </span>
143
- </span>
144
- </span>
145
- `;
146
- }
147
- constructor() {
148
- super(...arguments);
149
- __runInitializers(this, _labelPosition_extraInitializers);
150
- }
151
- };
152
- })();
153
- //#endregion
154
- export { SbbToggleCheckElement as t };
155
-
156
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWNoZWNrLmNvbXBvbmVudC1CUGN1T3ZPdS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdG9nZ2xlLWNoZWNrL3RvZ2dsZS1jaGVjay5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90b2dnbGUtY2hlY2svdG9nZ2xlLWNoZWNrLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAvLyBVc2UgIWltcG9ydGFudCBoZXJlIHRvIG5vdCBpbnRlcmZlcmUgd2l0aCBGaXJlZm94IGZvY3VzIHJpbmcgZGVmaW5pdGlvblxuICAvLyB3aGljaCBhcHBlYXJzIGluIG5vcm1hbGl6ZSBDU1Mgb2Ygc2V2ZXJhbCBmcmFtZXdvcmtzLlxuICBvdXRsaW5lOiBub25lICFpbXBvcnRhbnQ7XG5cbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItMik7XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1jaGVja2VkLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItcHJpbWFyeSk7XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci00KTtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWljb24tY29sb3I6IHZhcigtLXNiYi10b2dnbGUtY2hlY2stY2hlY2tlZC1jb2xvcik7XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1pY29uLW9wYWNpdHk6IDA7XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWJhY2tncm91bmQtY29sb3ItMSk7XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtYm9yZGVyLWNvbG9yOiB2YXIoLS1zYmItYm9yZGVyLWNvbG9yLTUpO1xuICAtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWJvcmRlci1zdHlsZTogc29saWQ7XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtZGlhbWV0ZXI6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCgyOCl9O1xuICAtLXNiYi10b2dnbGUtY2hlY2stb3ZlcmFsbC1oZWlnaHQ6IHZhcigtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWRpYW1ldGVyKTtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWNpcmNsZS10cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLCAtNTAlKTtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWhlaWdodDogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDI0KX07XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay13aWR0aDogY2FsYygyICogdmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1oZWlnaHQpKTtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWN1cnNvcjogdmFyKC0tc2JiLWN1cnNvci1wb2ludGVyKTtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWZsZXgtZGlyZWN0aW9uOiByb3ctcmV2ZXJzZTtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWdhcDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtM3gpO1xuICAtLXNiYi10b2dnbGUtY2hlY2stYW5pbWF0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi02eClcbiAgKTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItdG9nZ2xlLWNoZWNrLWJhY2tncm91bmQtY29sb3I6IENhbnZhc1RleHQ7XG4gICAgLS1zYmItdG9nZ2xlLWNoZWNrLWNpcmNsZS1iYWNrZ3JvdW5kLWNvbG9yOiBDYW52YXM7XG4gIH1cbn1cblxuOmhvc3QoW3NpemU9J20nXSkge1xuICAtLXNiYi10b2dnbGUtY2hlY2stb3ZlcmFsbC1oZWlnaHQ6IGNhbGMoMWVtICogdmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtdGV4dCkpO1xufVxuXG46aG9zdCg6c3RhdGUoY2hlY2tlZCkpIHtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi10b2dnbGUtY2hlY2stY2hlY2tlZC1jb2xvcik7XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWJhY2tncm91bmQtY29sb3ItMS1uZWdhdGl2ZS1pbnZlcnRlZCk7XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtYm9yZGVyLWNvbG9yOiB2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWJhY2tncm91bmQtY29sb3IpO1xuICAtLXNiYi10b2dnbGUtY2hlY2staWNvbi1vcGFjaXR5OiAxO1xuXG4gIC8vIEFzIHRoZSBjaXJjbGUgaXMgZ3JlYXRlciB0aGFuIHRoZSB0cmFjayBiZWxvdyxcbiAgLy8gd2UgaGF2ZSB0byBzdWJ0cmFjdCB0aGUgZGlmZmVyZW5jZSBpbiBvcmRlciB0byBub3Qgb3ZlcnNob290IGF0IHRoZSByaWdodCBzaWRlLlxuICAvLyAxMDAlIG9mIGNpcmNsZSAoMjhweCkgLSAyICogKDEwMCUgKDI4cHgpIC0gMC41ICogd2lkdGggKDQ4cHgpKSA9PiAyMHB4XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtdHJhbnNmb3JtOiB0cmFuc2xhdGUoXG4gICAgY2FsYygxMDAlIC0gMiAqICgxMDAlIC0gMC41ICogdmFyKC0tc2JiLXRvZ2dsZS1jaGVjay13aWR0aCkpKSxcbiAgICAtNTAlXG4gICk7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXRvZ2dsZS1jaGVjay1pY29uLWNvbG9yOiBIaWdobGlnaHQ7XG4gICAgLS1zYmItdG9nZ2xlLWNoZWNrLWJhY2tncm91bmQtY29sb3I6IEhpZ2hsaWdodDtcbiAgfVxufVxuXG46aG9zdCg6ZGlzYWJsZWQpIHtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTQpO1xuICAtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTMpO1xuICAtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWJvcmRlci1jb2xvcjogdmFyKC0tc2JiLWJvcmRlci1jb2xvci01KTtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWNpcmNsZS1ib3JkZXItc3R5bGU6IGRhc2hlZDtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWljb24tY29sb3I6IGxpZ2h0LWRhcmsodmFyKC0tc2JiLWNvbG9yLWdyYW5pdGUpLCB2YXIoLS1zYmItY29sb3Itc3Rvcm0pKTtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWN1cnNvcjogdmFyKC0tc2JiLWN1cnNvci1kZWZhdWx0KTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItdG9nZ2xlLWNoZWNrLWljb24tY29sb3I6IEdyYXlUZXh0O1xuICAgIC0tc2JiLXRvZ2dsZS1jaGVjay1iYWNrZ3JvdW5kLWNvbG9yOiBHcmF5VGV4dDtcbiAgICAtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWJvcmRlci1zdHlsZTogc29saWQ7XG4gIH1cbn1cblxuOmhvc3QoW2xhYmVsLXBvc2l0aW9uPSdiZWZvcmUnXSkge1xuICAtLXNiYi10b2dnbGUtY2hlY2stZmxleC1kaXJlY3Rpb246IHJvdztcbn1cblxuLnNiYi10b2dnbGUtY2hlY2sge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGNvbG9yOiB2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWNvbG9yKTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGN1cnNvcjogdmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1jdXJzb3IpO1xuXG4gIC8vIEF2b2lkcyB1bndhbnRlZCBzcGFjZSBkaXNwbGF5ZWQgaWYgbm8gbGFiZWwgdGV4dCBpcyBzZXQuXG4gIEBpbmNsdWRlIHNiYi56ZXJvLXdpZHRoLXNwYWNlO1xuXG4gIDpob3N0KDpmb2N1cy12aXNpYmxlKSAmIHtcbiAgICBAaW5jbHVkZSBzYmIuZm9jdXMtb3V0bGluZTtcblxuICAgIGJvcmRlci1yYWRpdXM6IGNhbGModmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtNHgpIC0gdmFyKC0tc2JiLWZvY3VzLW91dGxpbmUtb2Zmc2V0KSk7XG4gIH1cbn1cblxuLnNiYi10b2dnbGUtY2hlY2tfX2NvbnRhaW5lciB7XG4gIEBpbmNsdWRlIHNiYi50ZXh0LXMtLXJlZ3VsYXI7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHZhcigtLXNiYi10b2dnbGUtY2hlY2stZmxleC1kaXJlY3Rpb24pO1xuICBnYXA6IHZhcigtLXNiYi10b2dnbGUtY2hlY2stZ2FwKTtcbiAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuICB3aWR0aDogMTAwJTtcblxuICA6aG9zdChbc2l6ZT0nbSddKSAmIHtcbiAgICBAaW5jbHVkZSBzYmIudGV4dC1tLS1yZWd1bGFyO1xuICB9XG5cbiAgOmhvc3QoW3NpemU9J3hzJ10pICYge1xuICAgIEBpbmNsdWRlIHNiYi50ZXh0LXhzLS1yZWd1bGFyO1xuICB9XG59XG5cbi5zYmItdG9nZ2xlLWNoZWNrX19sYWJlbCB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgcGFkZGluZy1ibG9jay1zdGFydDogY2FsYyhcbiAgICAodmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtZGlhbWV0ZXIpIC0gKHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LXRleHQpICogMWVtKSkgLyAyXG4gICk7XG5cbiAgOmhvc3QoOm5vdCg6c3RhdGUoc2xvdHRlZCkpKSAmIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG5cbi5zYmItdG9nZ2xlLWNoZWNrX190cmFjayB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6IHZhcigtLXNiYi10b2dnbGUtY2hlY2std2lkdGgpO1xuICBoZWlnaHQ6IHZhcigtLXNiYi10b2dnbGUtY2hlY2staGVpZ2h0KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtaW5maW5pdHkpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWJhY2tncm91bmQtY29sb3IpO1xuXG4gIC8vIFJlc2VydmUgc3BhY2Ugb2Ygb3ZlcmxhcHBpbmcgY2lyY2xlXG4gIG1hcmdpbi1ibG9jazogY2FsYygodmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1vdmVyYWxsLWhlaWdodCkgLSB2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWhlaWdodCkpIC8gMik7XG59XG5cbi5zYmItdG9nZ2xlLWNoZWNrX19jaXJjbGUge1xuICBib3gtc2hhZG93OiB2YXIoLS1zYmItYm94LXNoYWRvdy1sZXZlbC01LWhhcmQpO1xuICBAaW5jbHVkZSBzYmIuYWJzb2x1dGUtY2VudGVyLXk7XG5cbiAgd2lkdGg6IHZhcigtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWRpYW1ldGVyKTtcbiAgaGVpZ2h0OiB2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWNpcmNsZS1kaWFtZXRlcik7XG4gIGJvcmRlcjogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0xeCkgdmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtYm9yZGVyLXN0eWxlKVxuICAgIHZhcigtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtYmFja2dyb3VuZC1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWljb24tY29sb3IpO1xuICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtO1xuICB0cmFuc2Zvcm06IHZhcigtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLXRyYW5zZm9ybSk7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSBlYXNlIHZhcigtLXNiYi10b2dnbGUtY2hlY2stYW5pbWF0aW9uLWR1cmF0aW9uKTtcbn1cblxuLnNiYi10b2dnbGUtY2hlY2tfX2ljb24ge1xuICBAaW5jbHVkZSBzYmIuYWJzb2x1dGUtY2VudGVyLXgteTtcblxuICB3aWR0aDogdmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCk7XG4gIGhlaWdodDogdmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbCk7XG4gIG9wYWNpdHk6IHZhcigtLXNiYi10b2dnbGUtY2hlY2staWNvbi1vcGFjaXR5KTtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSBlYXNlIHZhcigtLXNiYi10b2dnbGUtY2hlY2stYW5pbWF0aW9uLWR1cmF0aW9uKTtcbn1cbiIsImltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIHR5cGUgUHJvcGVydHlEZWNsYXJhdGlvbixcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbiAgdW5zYWZlQ1NTLFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcywgaXNMZWFuLCBTYmJFbGVtZW50LCBTYmJGb3JtQXNzb2NpYXRlZENoZWNrYm94TWl4aW4gfSBmcm9tICcuLi9jb3JlLnRzJztcbmltcG9ydCB7IFNiYkljb25OYW1lTWl4aW4gfSBmcm9tICcuLi9pY29uLnB1cmUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90b2dnbGUtY2hlY2suc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgdG9nZ2xlIGNoZWNrYm94LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIHRvZ2dsZSBsYWJlbC5cbiAqIEBzbG90IGljb24gLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYW4gaWNvbi4gSWYgYGljb24tbmFtZWAgaXMgc2V0LCBhIHNiYi1pY29uIHdpbGwgYmUgdXNlZC5cbiAqIEBldmVudCB7RXZlbnR9IGNoYW5nZSAtIFRoZSBjaGFuZ2UgZXZlbnQgaXMgZmlyZWQgd2hlbiB0aGUgdXNlciBtb2RpZmllcyB0aGUgZWxlbWVudCdzIHZhbHVlLiBVbmxpa2UgdGhlIGlucHV0IGV2ZW50LCB0aGUgY2hhbmdlIGV2ZW50IGlzIG5vdCBuZWNlc3NhcmlseSBmaXJlZCBmb3IgZWFjaCBhbHRlcmF0aW9uIHRvIGFuIGVsZW1lbnQncyB2YWx1ZS5cbiAqIEBldmVudCB7SW5wdXRFdmVudH0gaW5wdXQgLSBUaGUgaW5wdXQgZXZlbnQgZmlyZXMgd2hlbiB0aGUgdmFsdWUgaGFzIGJlZW4gY2hhbmdlZCBhcyBhIGRpcmVjdCByZXN1bHQgb2YgYSB1c2VyIGFjdGlvbi5cbiAqIEBvdmVycmlkZVR5cGUgdmFsdWUgLSAoVCA9IHN0cmluZykgfCBudWxsXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJUb2dnbGVDaGVja0VsZW1lbnQ8VCA9IHN0cmluZz4gZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKFxuICBTYmJGb3JtQXNzb2NpYXRlZENoZWNrYm94TWl4aW4oU2JiRWxlbWVudCksXG4pIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi10b2dnbGUtY2hlY2snO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcblxuICAvKiogVmFsdWUgb2YgdGhlIGZvcm0gZWxlbWVudC4gKi9cbiAgQHByb3BlcnR5KClcbiAgcHVibGljIGFjY2Vzc29yIHZhbHVlOiBUIHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqXG4gICAqIFNpemUgdmFyaWFudCwgZWl0aGVyIG0sIHMgb3IgeHMuXG4gICAqIEBkZWZhdWx0ICdzJyAvICd4cycgKGxlYW4pXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBzaXplOiAneHMnIHwgJ3MnIHwgJ20nID0gaXNMZWFuKCkgPyAneHMnIDogJ3MnO1xuXG4gIC8qKiBUaGUgbGFiZWwgcG9zaXRpb24gcmVsYXRpdmUgdG8gdGhlIHRvZ2dsZS4gRGVmYXVsdHMgdG8gJ2FmdGVyJyAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdsYWJlbC1wb3NpdGlvbicsIHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIGFjY2Vzc29yIGxhYmVsUG9zaXRpb246ICdiZWZvcmUnIHwgJ2FmdGVyJyA9ICdhZnRlcic7XG5cbiAgcHVibGljIG92ZXJyaWRlIHJlcXVlc3RVcGRhdGUoXG4gICAgbmFtZT86IFByb3BlcnR5S2V5LFxuICAgIG9sZFZhbHVlPzogdW5rbm93bixcbiAgICBvcHRpb25zPzogUHJvcGVydHlEZWNsYXJhdGlvbixcbiAgKTogdm9pZCB7XG4gICAgc3VwZXIucmVxdWVzdFVwZGF0ZShuYW1lLCBvbGRWYWx1ZSwgb3B0aW9ucyk7XG4gICAgaWYgKG5hbWUgPT09ICdjaGVja2VkJykge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuYXJpYUNoZWNrZWQgPSBgJHt0aGlzLmNoZWNrZWR9YDtcbiAgICAgIC8vIEFzIFNiYkZvcm1Bc3NvY2lhdGVkQ2hlY2tib3hNaXhpbiBkb2VzIG5vdCByZWZsZWN0IGNoZWNrZWQgcHJvcGVydHksIHdlIGFkZCBhIGNoZWNrZWQgc3RhdGUuXG4gICAgICB0aGlzLnRvZ2dsZVN0YXRlKCdjaGVja2VkJywgdGhpcy5jaGVja2VkKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVySWNvbk5hbWUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gc3VwZXIucmVuZGVySWNvbk5hbWUoKSB8fCAndGljay1zbWFsbCc7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRvZ2dsZS1jaGVja1wiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10b2dnbGUtY2hlY2tfX2NvbnRhaW5lclwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRvZ2dsZS1jaGVja19fbGFiZWxcIj5cbiAgICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdG9nZ2xlLWNoZWNrX190cmFja1wiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdG9nZ2xlLWNoZWNrX19jaXJjbGVcIj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdG9nZ2xlLWNoZWNrX19pY29uXCI+ICR7dGhpcy5yZW5kZXJJY29uU2xvdCgpfSA8L3NwYW4+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRvZ2dsZS1jaGVjayc6IFNiYlRvZ2dsZUNoZWNrRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7SUN1QmEsK0JBQXFCO21CQUFxQixpQkFDckQsK0JBQStCLFdBQVcsQ0FDM0M7Ozs7Ozs7Ozs7Y0FGWSw4QkFBMEMsWUFFdEQ7Ozt3QkFLRSxVQUFVLENBQUE7dUJBT1YsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUE7Z0NBRzNCLFNBQVM7SUFBRSxXQUFXO0lBQWtCLFNBQVM7SUFBTSxDQUFDLENBQUE7QUFUekQsZ0JBQUEsTUFBQSxNQUFBLG1CQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsV0FBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFLLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBTCxRQUFLOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEscUJBQUEseUJBQUE7QUFNUSxnQkFBQSxNQUFBLE1BQUEsa0JBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxVQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQUksTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFKLE9BQUk7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxvQkFBQSx3QkFBQTtBQUlqRCxnQkFBQSxNQUFBLE1BQUEsMkJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxtQkFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFhLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBYixnQkFBYTs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLDZCQUFBLGlDQUFBOzs7Ozs7Ozs7QUFmRyxRQUFBLGNBQXNCOzs7QUFDL0IsUUFBQSxTQUF5QixDQUFDLGlCQUFpQixVQUFVLHFCQUFNLENBQUM7O0VBSW5GLDBCQUFBLGtCQUFBLE1BQUEscUJBQWtDLEtBQUk7O0VBQXRDLElBQWdCLFFBQUs7QUFBQSxVQUFBLE1BQUE7O0VBQXJCLElBQWdCLE1BQUssT0FBQTtBQUFBLFNBQUEseUJBQUE7O0VBTVEsMEJBQUEsa0JBQUEsTUFBQSx5QkFBQSxFQUFBLGtCQUFBLE1BQUEsb0JBQXlDLFFBQVEsR0FBRyxPQUFPLElBQUc7Ozs7O0VBQTlELElBQWdCLE9BQUk7QUFBQSxVQUFBLE1BQUE7O0VBQXBCLElBQWdCLEtBQUksT0FBQTtBQUFBLFNBQUEsd0JBQUE7O0VBSWpELG1DQUFBLGtCQUFBLE1BQUEsd0JBQUEsRUFBQSxrQkFBQSxNQUFBLDZCQUFvRCxRQUFPOztFQUEzRCxJQUFnQixnQkFBYTtBQUFBLFVBQUEsTUFBQTs7RUFBN0IsSUFBZ0IsY0FBYSxPQUFBO0FBQUEsU0FBQSxpQ0FBQTs7RUFFYixjQUNkLE1BQ0EsVUFDQSxTQUE2QjtBQUU3QixTQUFNLGNBQWMsTUFBTSxVQUFVLFFBQVE7QUFDNUMsT0FBSSxTQUFTLFdBQVc7QUFDdEIsU0FBSyxVQUFVLGNBQWMsR0FBRyxLQUFLO0FBRXJDLFNBQUssWUFBWSxXQUFXLEtBQUssUUFBUTs7O0VBSTFCLGlCQUFjO0FBQy9CLFVBQU8sTUFBTSxnQkFBZ0IsSUFBSTs7RUFHaEIsU0FBTTtBQUN2QixVQUFPLElBQUk7Ozs7Ozs7O3NEQVF1QyxLQUFLLGdCQUFnQixDQUFBIn0=
@@ -1,77 +0,0 @@
1
- import { html as e, unsafeCSS as t } from "lit";
2
- import { SbbButtonBaseElement as n, SbbDisabledMixin as r, SbbPropertyWatcherController as i, appendAriaElements as a, boxSizingStyles as o, removeAriaElements as s } from "./core.js";
3
- import { SbbIconNameMixin as c } from "./icon.pure.js";
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 = class extends c(r(n)) {
6
- static {
7
- this.elementName = "sbb-step-label";
8
- }
9
- static {
10
- this.role = "tab";
11
- }
12
- static {
13
- this.styles = [o, t(l)];
14
- }
15
- get step() {
16
- return this._step;
17
- }
18
- get stepper() {
19
- return this.closest("sbb-stepper");
20
- }
21
- set disabled(e) {
22
- super.disabled = e, this.toggleState("user-disabled", e);
23
- }
24
- get disabled() {
25
- return super.disabled;
26
- }
27
- constructor() {
28
- super(), this._step = null, this.addEventListener?.("click", () => {
29
- let e = this.stepper;
30
- e && this.step && this._isNotDeactivatedByLinearMode(this.step) && (e.selected = this.step);
31
- }), this.addController(new i(this, () => this.stepper, {
32
- orientation: (e) => {
33
- this._previousOrientation && this.internals.states.delete(`orientation-${this._previousOrientation}`), this._previousOrientation = e.orientation, this._previousOrientation && this.internals.states.add(`orientation-${this._previousOrientation}`);
34
- },
35
- size: (e) => {
36
- this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e.size, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
37
- }
38
- }));
39
- }
40
- _isNotDeactivatedByLinearMode(e) {
41
- let t = this.stepper;
42
- if (t?.linear && t.selectedIndex !== null) {
43
- let n = t.steps.indexOf(e);
44
- return n < t.selectedIndex || n === t.selectedIndex + 1;
45
- }
46
- return !0;
47
- }
48
- connectedCallback() {
49
- super.connectedCallback(), this.slot ||= "step-label", this.internals.ariaSelected = "false", this.tabIndex = -1, this._assignStep();
50
- }
51
- select() {
52
- this.tabIndex = 0, this.internals.ariaSelected = "true", this.internals.states.add("selected");
53
- }
54
- deselect() {
55
- this.tabIndex = -1, this.internals.ariaSelected = "false", this.internals.states.delete("selected");
56
- }
57
- configure(e, t, n) {
58
- n && this._assignStep(), this.internals.ariaPosInSet = `${e}`, this.internals.ariaSetSize = `${t}`;
59
- }
60
- _assignStep() {
61
- let e = this.nextElementSibling;
62
- for (; e && e.localName !== "sbb-step";) e = e.nextElementSibling;
63
- let t = e;
64
- this.internals.ariaControlsElements = s(this.internals.ariaControlsElements, this._step), this._step = t instanceof Element ? t : null, this.internals.ariaControlsElements = a(this.internals.ariaControlsElements, this._step);
65
- }
66
- disable(e) {
67
- super.disabled = e;
68
- }
69
- render() {
70
- return e`
71
- <span class="sbb-step-label__prefix">${this.renderIconSlot()}</span>
72
- <span class="sbb-step-label__text"><slot></slot></span>
73
- `;
74
- }
75
- };
76
- //#endregion
77
- export { u as t };
@@ -1,116 +0,0 @@
1
- import { __esDecorate as e, __runInitializers as t } from "tslib";
2
- import { html as n, unsafeCSS as r } from "lit";
3
- import { property as i } from "lit/decorators.js";
4
- import { SbbElement as a, SbbFormAssociatedCheckboxMixin as o, boxSizingStyles as s, isLean as c } from "./core.js";
5
- import { SbbIconNameMixin as l } from "./icon.pure.js";
6
- //#region src/elements/toggle-check/toggle-check.scss?inline
7
- var u = "@charset \"UTF-8\";:host{display:inline-block;outline:none!important;--sbb-toggle-check-color: var(--sbb-color-2);--sbb-toggle-check-checked-color: var(--sbb-color-primary);--sbb-toggle-check-background-color: var(--sbb-background-color-4);--sbb-toggle-check-icon-color: var(--sbb-toggle-check-checked-color);--sbb-toggle-check-icon-opacity: 0;--sbb-toggle-check-circle-background-color: var(--sbb-background-color-1);--sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);--sbb-toggle-check-circle-border-style: solid;--sbb-toggle-check-circle-diameter: 1.75rem;--sbb-toggle-check-overall-height: var(--sbb-toggle-check-circle-diameter);--sbb-toggle-check-circle-transform: translate(0, -50%);--sbb-toggle-check-height: 1.5rem;--sbb-toggle-check-width: calc(2 * var(--sbb-toggle-check-height));--sbb-toggle-check-cursor: var(--sbb-cursor-pointer);--sbb-toggle-check-flex-direction: row-reverse;--sbb-toggle-check-gap: var(--sbb-spacing-fixed-3x);--sbb-toggle-check-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) )}@media(forced-colors:active){:host{--sbb-toggle-check-background-color: CanvasText;--sbb-toggle-check-circle-background-color: Canvas}}:host([size=m]){--sbb-toggle-check-overall-height: calc(1em * var(--sbb-typo-line-height-text))}:host(:is(:state(checked),[state--checked])){--sbb-toggle-check-background-color: var(--sbb-toggle-check-checked-color);--sbb-toggle-check-circle-background-color: var(--sbb-background-color-1-negative-inverted);--sbb-toggle-check-circle-border-color: var(--sbb-toggle-check-background-color);--sbb-toggle-check-icon-opacity: 1;--sbb-toggle-check-circle-transform: translate( calc(100% - 2 * (100% - .5 * var(--sbb-toggle-check-width))), -50% )}@media(forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-toggle-check-icon-color: Highlight;--sbb-toggle-check-background-color: Highlight}}:host(:disabled){--sbb-toggle-check-background-color: var(--sbb-background-color-4);--sbb-toggle-check-circle-background-color: var(--sbb-background-color-3);--sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);--sbb-toggle-check-circle-border-style: dashed;--sbb-toggle-check-icon-color: var(--sbb-color-granite);--sbb-toggle-check-icon-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm));--sbb-toggle-check-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host(:disabled){--sbb-toggle-check-icon-color: GrayText;--sbb-toggle-check-background-color: GrayText;--sbb-toggle-check-circle-border-style: solid}}:host([label-position=before]){--sbb-toggle-check-flex-direction: row}.sbb-toggle-check{position:relative;display:flex;color:var(--sbb-toggle-check-color);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:var(--sbb-toggle-check-cursor)}.sbb-toggle-check:before{content:\"​\";-webkit-user-select:none;user-select:none;width:0;height:0}:host(:focus-visible) .sbb-toggle-check{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:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}.sbb-toggle-check__container{--sbb-text-font-size: var(--sbb-text-font-size-s);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);display:flex;flex-direction:var(--sbb-toggle-check-flex-direction);gap:var(--sbb-toggle-check-gap);align-items:start;width:100%}:host([size=m]) .sbb-toggle-check__container{--sbb-text-font-size: var(--sbb-text-font-size-m);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)}:host([size=xs]) .sbb-toggle-check__container{--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)}.sbb-toggle-check__label{flex-grow:1;padding-block-start:calc((var(--sbb-toggle-check-circle-diameter) - var(--sbb-typo-line-height-text) * 1em) / 2)}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-toggle-check__label{display:none}.sbb-toggle-check__track{display:inline-block;position:relative;min-width:var(--sbb-toggle-check-width);height:var(--sbb-toggle-check-height);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-toggle-check-background-color);margin-block:calc((var(--sbb-toggle-check-overall-height) - var(--sbb-toggle-check-height)) / 2)}.sbb-toggle-check__circle{box-shadow:var(--sbb-box-shadow-level-5-hard);position:absolute;top:50%;transform:translateY(-50%);width:var(--sbb-toggle-check-circle-diameter);height:var(--sbb-toggle-check-circle-diameter);border:var(--sbb-border-width-1x) var(--sbb-toggle-check-circle-border-style) var(--sbb-toggle-check-circle-border-color);border-radius:50%;background-color:var(--sbb-toggle-check-circle-background-color);color:var(--sbb-toggle-check-icon-color);will-change:transform;transform:var(--sbb-toggle-check-circle-transform);transition:transform ease var(--sbb-toggle-check-animation-duration)}.sbb-toggle-check__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);opacity:var(--sbb-toggle-check-icon-opacity);transition:opacity ease var(--sbb-toggle-check-animation-duration)}", d = (() => {
8
- let d = l(o(a)), f, p = [], m = [], h, g = [], _ = [], v, y = [], b = [];
9
- return class extends d {
10
- static {
11
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
12
- f = [i()], h = [i({ reflect: !0 })], v = [i({
13
- attribute: "label-position",
14
- reflect: !0
15
- })], e(this, null, f, {
16
- kind: "accessor",
17
- name: "value",
18
- static: !1,
19
- private: !1,
20
- access: {
21
- has: (e) => "value" in e,
22
- get: (e) => e.value,
23
- set: (e, t) => {
24
- e.value = t;
25
- }
26
- },
27
- metadata: t
28
- }, p, m), e(this, null, h, {
29
- kind: "accessor",
30
- name: "size",
31
- static: !1,
32
- private: !1,
33
- access: {
34
- has: (e) => "size" in e,
35
- get: (e) => e.size,
36
- set: (e, t) => {
37
- e.size = t;
38
- }
39
- },
40
- metadata: t
41
- }, g, _), e(this, null, v, {
42
- kind: "accessor",
43
- name: "labelPosition",
44
- static: !1,
45
- private: !1,
46
- access: {
47
- has: (e) => "labelPosition" in e,
48
- get: (e) => e.labelPosition,
49
- set: (e, t) => {
50
- e.labelPosition = t;
51
- }
52
- },
53
- metadata: t
54
- }, y, b), t && Object.defineProperty(this, Symbol.metadata, {
55
- enumerable: !0,
56
- configurable: !0,
57
- writable: !0,
58
- value: t
59
- });
60
- }
61
- static {
62
- this.elementName = "sbb-toggle-check";
63
- }
64
- static {
65
- this.styles = [s, r(u)];
66
- }
67
- #e = t(this, p, null);
68
- get value() {
69
- return this.#e;
70
- }
71
- set value(e) {
72
- this.#e = e;
73
- }
74
- #t = (t(this, m), t(this, g, c() ? "xs" : "s"));
75
- get size() {
76
- return this.#t;
77
- }
78
- set size(e) {
79
- this.#t = e;
80
- }
81
- #n = (t(this, _), t(this, y, "after"));
82
- get labelPosition() {
83
- return this.#n;
84
- }
85
- set labelPosition(e) {
86
- this.#n = e;
87
- }
88
- requestUpdate(e, t, n) {
89
- super.requestUpdate(e, t, n), e === "checked" && (this.internals.ariaChecked = `${this.checked}`, this.toggleState("checked", this.checked));
90
- }
91
- renderIconName() {
92
- return super.renderIconName() || "tick-small";
93
- }
94
- render() {
95
- return n`
96
- <span class="sbb-toggle-check">
97
- <span class="sbb-toggle-check__container">
98
- <span class="sbb-toggle-check__label">
99
- <slot></slot>
100
- </span>
101
- <span class="sbb-toggle-check__track">
102
- <span class="sbb-toggle-check__circle">
103
- <span class="sbb-toggle-check__icon"> ${this.renderIconSlot()} </span>
104
- </span>
105
- </span>
106
- </span>
107
- </span>
108
- `;
109
- }
110
- constructor() {
111
- super(...arguments), t(this, b);
112
- }
113
- };
114
- })();
115
- //#endregion
116
- export { d as t };