@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776924015 → 5.0.0-next-dev.1776928791

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.
@@ -9,7 +9,7 @@ export declare class SbbChipLabelElement extends SbbElement {
9
9
  static readonly elementName: string;
10
10
  static styles: CSSResultGroup;
11
11
  /** Size of the chip. */
12
- accessor size: 'xxs' | 'xs' | 's';
12
+ accessor size: 'xxxs' | 'xxs' | 'xs' | 's';
13
13
  /** Color of the chip. */
14
14
  accessor color: 'milk' | 'charcoal' | 'white' | 'granite';
15
15
  protected render(): TemplateResult;
@@ -1 +1 @@
1
- {"version":3,"file":"chip-label.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/chip-label/chip-label.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGhF,OAAO,EAAmB,UAAU,EAAE,MAAM,YAAY,CAAC;AAIzD;;;;GAIG;AACH,qBAAa,mBAAoB,SAAQ,UAAU;IACjD,gBAAgC,WAAW,EAAE,MAAM,CAAoB;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF,wBAAwB;IACxB,SACgB,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,CAAS;IAEjD,yBAAyB;IACzB,SACgB,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAU;cAEvD,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
1
+ {"version":3,"file":"chip-label.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/chip-label/chip-label.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGhF,OAAO,EAAmB,UAAU,EAAE,MAAM,YAAY,CAAC;AAIzD;;;;GAIG;AACH,qBAAa,mBAAoB,SAAQ,UAAU;IACjD,gBAAgC,WAAW,EAAE,MAAM,CAAoB;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF,wBAAwB;IACxB,SACgB,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,CAAS;IAE1D,yBAAyB;IACzB,SACgB,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAU;cAEvD,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
@@ -1,2 +1,2 @@
1
- import { t as SbbChipLabelElement } from "../chip-label.component-C1CGL8zb.js";
1
+ import { t as SbbChipLabelElement } from "../chip-label.component-Cx8mfi0y.js";
2
2
  export { SbbChipLabelElement };
@@ -0,0 +1,100 @@
1
+ import { __esDecorate, __runInitializers } from "tslib";
2
+ import { html, unsafeCSS } from "lit";
3
+ import { property } from "lit/decorators.js";
4
+ import { SbbElement, boxSizingStyles } from "./core.js";
5
+ //#region src/elements/chip-label/chip-label.scss?inline
6
+ var chip_label_default = ":host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: var(--sbb-chip-label-fixed-height, calc(var(--sbb-typo-line-height-text) * var(--sbb-chip-label-font-size) + var(--sbb-chip-label-padding-block) * 2));\n background-color: var(--sbb-chip-label-background-color);\n padding-inline: var(--sbb-chip-label-padding-inline);\n border-radius: var(--sbb-border-radius-infinity);\n color: var(--sbb-chip-label-color);\n font-size: var(--sbb-chip-label-font-size);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n}\n@media (forced-colors: active) {\n :host {\n outline: var(--sbb-border-width-1x) solid CanvasText;\n outline-offset: calc(-1 * var(--sbb-border-width-1x));\n }\n}\n\n:host([color=charcoal]) {\n --sbb-chip-label-color: var(--sbb-color-2-inverted);\n --sbb-chip-label-background-color: var(--sbb-background-color-2-inverted);\n}\n\n:host([color=white]) {\n --sbb-chip-label-color: var(--sbb-color-granite);\n --sbb-chip-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));\n --sbb-chip-label-background-color: var(--sbb-background-color-1);\n}\n\n:host([color=granite]) {\n --sbb-chip-label-color: var(--sbb-color-2-inverted);\n --sbb-chip-label-background-color: var(--sbb-color-granite);\n --sbb-chip-label-background-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm));\n}\n\n:host([size=xxxs]) {\n --sbb-chip-label-fixed-height: 1rem;\n}\n\n:host([size=xs]) {\n --sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);\n --sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-3x);\n --sbb-chip-label-font-size: var(--sbb-text-font-size-xs);\n}\n\n:host([size=s]) {\n --sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);\n --sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-4x);\n --sbb-chip-label-font-size: var(--sbb-text-font-size-s);\n}\n\n.sbb-chip__text-wrapper {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n display: inline-block;\n line-height: calc(var(--sbb-typo-line-height-text) * var(--sbb-chip-label-font-size));\n line-height: round(down, var(--sbb-typo-line-height-text) * var(--sbb-chip-label-font-size), 2px);\n}";
7
+ //#endregion
8
+ //#region src/elements/chip-label/chip-label.component.ts
9
+ /**
10
+ * It displays brief and compact information.
11
+ *
12
+ * @slot - Use the unnamed slot to add content to the `sbb-chip-label`.
13
+ */
14
+ var SbbChipLabelElement = (() => {
15
+ let _classSuper = SbbElement;
16
+ let _size_decorators;
17
+ let _size_initializers = [];
18
+ let _size_extraInitializers = [];
19
+ let _color_decorators;
20
+ let _color_initializers = [];
21
+ let _color_extraInitializers = [];
22
+ return class SbbChipLabelElement extends _classSuper {
23
+ static {
24
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
25
+ _size_decorators = [property({ reflect: true })];
26
+ _color_decorators = [property({ reflect: true })];
27
+ __esDecorate(this, null, _size_decorators, {
28
+ kind: "accessor",
29
+ name: "size",
30
+ static: false,
31
+ private: false,
32
+ access: {
33
+ has: (obj) => "size" in obj,
34
+ get: (obj) => obj.size,
35
+ set: (obj, value) => {
36
+ obj.size = value;
37
+ }
38
+ },
39
+ metadata: _metadata
40
+ }, _size_initializers, _size_extraInitializers);
41
+ __esDecorate(this, null, _color_decorators, {
42
+ kind: "accessor",
43
+ name: "color",
44
+ static: false,
45
+ private: false,
46
+ access: {
47
+ has: (obj) => "color" in obj,
48
+ get: (obj) => obj.color,
49
+ set: (obj, value) => {
50
+ obj.color = value;
51
+ }
52
+ },
53
+ metadata: _metadata
54
+ }, _color_initializers, _color_extraInitializers);
55
+ if (_metadata) Object.defineProperty(this, Symbol.metadata, {
56
+ enumerable: true,
57
+ configurable: true,
58
+ writable: true,
59
+ value: _metadata
60
+ });
61
+ }
62
+ static {
63
+ this.elementName = "sbb-chip-label";
64
+ }
65
+ static {
66
+ this.styles = [boxSizingStyles, unsafeCSS(chip_label_default)];
67
+ }
68
+ #size_accessor_storage = __runInitializers(this, _size_initializers, "xxs");
69
+ /** Size of the chip. */
70
+ get size() {
71
+ return this.#size_accessor_storage;
72
+ }
73
+ set size(value) {
74
+ this.#size_accessor_storage = value;
75
+ }
76
+ #color_accessor_storage = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _color_initializers, "milk"));
77
+ /** Color of the chip. */
78
+ get color() {
79
+ return this.#color_accessor_storage;
80
+ }
81
+ set color(value) {
82
+ this.#color_accessor_storage = value;
83
+ }
84
+ render() {
85
+ return html`
86
+ <span class="sbb-chip__text-wrapper">
87
+ <slot></slot>
88
+ </span>
89
+ `;
90
+ }
91
+ constructor() {
92
+ super(...arguments);
93
+ __runInitializers(this, _color_extraInitializers);
94
+ }
95
+ };
96
+ })();
97
+ //#endregion
98
+ export { SbbChipLabelElement as t };
99
+
100
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC1sYWJlbC5jb21wb25lbnQtQ3g4bWZpMHkuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2NoaXAtbGFiZWwvY2hpcC1sYWJlbC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9jaGlwLWxhYmVsL2NoaXAtbGFiZWwuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBoZWlnaHQ6IHZhcihcbiAgICAtLXNiYi1jaGlwLWxhYmVsLWZpeGVkLWhlaWdodCxcbiAgICBjYWxjKFxuICAgICAgdmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtdGV4dCkgKiB2YXIoLS1zYmItY2hpcC1sYWJlbC1mb250LXNpemUpICtcbiAgICAgICAgdmFyKC0tc2JiLWNoaXAtbGFiZWwtcGFkZGluZy1ibG9jaykgKiAyXG4gICAgKVxuICApO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItY2hpcC1sYWJlbC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXNiYi1jaGlwLWxhYmVsLXBhZGRpbmctaW5saW5lKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtaW5maW5pdHkpO1xuICBjb2xvcjogdmFyKC0tc2JiLWNoaXAtbGFiZWwtY29sb3IpO1xuICBmb250LXNpemU6IHZhcigtLXNiYi1jaGlwLWxhYmVsLWZvbnQtc2l6ZSk7XG4gIGxldHRlci1zcGFjaW5nOiB2YXIoLS1zYmItdHlwby1sZXR0ZXItc3BhY2luZy10ZXh0KTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgb3V0bGluZTogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0xeCkgc29saWQgQ2FudmFzVGV4dDtcbiAgICBvdXRsaW5lLW9mZnNldDogY2FsYygtMSAqIHZhcigtLXNiYi1ib3JkZXItd2lkdGgtMXgpKTtcbiAgfVxufVxuXG46aG9zdChbY29sb3I9J2NoYXJjb2FsJ10pIHtcbiAgLS1zYmItY2hpcC1sYWJlbC1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLTItaW52ZXJ0ZWQpO1xuICAtLXNiYi1jaGlwLWxhYmVsLWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTItaW52ZXJ0ZWQpO1xufVxuXG46aG9zdChbY29sb3I9J3doaXRlJ10pIHtcbiAgLS1zYmItY2hpcC1sYWJlbC1jb2xvcjogbGlnaHQtZGFyayh2YXIoLS1zYmItY29sb3ItZ3Jhbml0ZSksIHZhcigtLXNiYi1jb2xvci1jbG91ZCkpO1xuICAtLXNiYi1jaGlwLWxhYmVsLWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTEpO1xufVxuXG46aG9zdChbY29sb3I9J2dyYW5pdGUnXSkge1xuICAtLXNiYi1jaGlwLWxhYmVsLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItMi1pbnZlcnRlZCk7XG4gIC0tc2JiLWNoaXAtbGFiZWwtYmFja2dyb3VuZC1jb2xvcjogbGlnaHQtZGFyayh2YXIoLS1zYmItY29sb3ItZ3Jhbml0ZSksIHZhcigtLXNiYi1jb2xvci1zdG9ybSkpO1xufVxuXG46aG9zdChbc2l6ZT0neHh4cyddKSB7XG4gIC0tc2JiLWNoaXAtbGFiZWwtZml4ZWQtaGVpZ2h0OiAje3NiYi5weC10by1yZW0tYnVpbGQoMTYpfTtcbn1cblxuOmhvc3QoW3NpemU9J3hzJ10pIHtcbiAgLS1zYmItY2hpcC1sYWJlbC1wYWRkaW5nLWJsb2NrOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0xeCk7XG4gIC0tc2JiLWNoaXAtbGFiZWwtcGFkZGluZy1pbmxpbmU6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTN4KTtcbiAgLS1zYmItY2hpcC1sYWJlbC1mb250LXNpemU6IHZhcigtLXNiYi10ZXh0LWZvbnQtc2l6ZS14cyk7XG59XG5cbjpob3N0KFtzaXplPSdzJ10pIHtcbiAgLS1zYmItY2hpcC1sYWJlbC1wYWRkaW5nLWJsb2NrOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0xeCk7XG4gIC0tc2JiLWNoaXAtbGFiZWwtcGFkZGluZy1pbmxpbmU6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTR4KTtcbiAgLS1zYmItY2hpcC1sYWJlbC1mb250LXNpemU6IHZhcigtLXNiYi10ZXh0LWZvbnQtc2l6ZS1zKTtcbn1cblxuLnNiYi1jaGlwX190ZXh0LXdyYXBwZXIge1xuICBAaW5jbHVkZSBzYmIuZWxsaXBzaXM7XG5cbiAgLy8gRGlzcGxheSBpbmxpbmUtYmxvY2sgaXMgcmVxdWlyZWQgdG8gbWFrZSB0aGUgZWxsaXBzaXMgd29yay5cbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXG4gIC8vIEZvciBiYWNrd2FyZHMgY29tcGF0aWJpbGl0eSByZWFzb25zLCB0aGUgbGluZS1oZWlnaHQgaXMgYWxzbyBkZWZpbmVkIHdpdGhvdXQgdGhlIHJvdW5kIGZ1bmN0aW9uLlxuICBsaW5lLWhlaWdodDogY2FsYyh2YXIoLS1zYmItdHlwby1saW5lLWhlaWdodC10ZXh0KSAqIHZhcigtLXNiYi1jaGlwLWxhYmVsLWZvbnQtc2l6ZSkpO1xuXG4gIC8vIFRvIG92ZXJjb21lIGEgU2FmYXJpIHJlbmRlcmluZyBpc3N1ZSwgd2UgaGF2ZSB0byByb3VuZCB0aGUgbGluZS1oZWlnaHQgdG8gYSBtdWx0aXBsZSBvZiAycHguIE90aGVyd2lzZSwgdGhlIHRleHQgd2lsbCBiZSB2ZXJ0aWNhbGx5IG1pc2FsaWduZWQuXG4gIGxpbmUtaGVpZ2h0OiByb3VuZChcbiAgICBkb3duLFxuICAgIGNhbGModmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtdGV4dCkgKiB2YXIoLS1zYmItY2hpcC1sYWJlbC1mb250LXNpemUpKSxcbiAgICAycHhcbiAgKTtcbn1cbiIsImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIHR5cGUgVGVtcGxhdGVSZXN1bHQsIHVuc2FmZUNTUyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzLCBTYmJFbGVtZW50IH0gZnJvbSAnLi4vY29yZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2NoaXAtbGFiZWwuc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGJyaWVmIGFuZCBjb21wYWN0IGluZm9ybWF0aW9uLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGBzYmItY2hpcC1sYWJlbGAuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJDaGlwTGFiZWxFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItY2hpcC1sYWJlbCc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gIC8qKiBTaXplIG9mIHRoZSBjaGlwLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBzaXplOiAneHh4cycgfCAneHhzJyB8ICd4cycgfCAncycgPSAneHhzJztcblxuICAvKiogQ29sb3Igb2YgdGhlIGNoaXAuICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIGFjY2Vzc29yIGNvbG9yOiAnbWlsaycgfCAnY2hhcmNvYWwnIHwgJ3doaXRlJyB8ICdncmFuaXRlJyA9ICdtaWxrJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNoaXBfX3RleHQtd3JhcHBlclwiPlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWNoaXAtbGFiZWwnOiBTYmJDaGlwTGFiZWxFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7SUNZYSw2QkFBbUI7bUJBQVM7Ozs7Ozs7Y0FBNUIsNEJBQTRCLFlBQVU7Ozt1QkFLaEQsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUE7d0JBSTNCLFNBQVMsRUFBRSxTQUFTLE1BQU0sQ0FBQyxDQUFBO0FBSDVCLGdCQUFBLE1BQUEsTUFBQSxrQkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLFVBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBSSxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUosT0FBSTs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLG9CQUFBLHdCQUFBO0FBSXBCLGdCQUFBLE1BQUEsTUFBQSxtQkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLFdBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBSyxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUwsUUFBSzs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLHFCQUFBLHlCQUFBOzs7Ozs7Ozs7QUFUVyxRQUFBLGNBQXNCOzs7QUFDL0IsUUFBQSxTQUF5QixDQUFDLGlCQUFpQixVQUFVLG1CQUFNLENBQUM7O0VBSW5GLHlCQUFBLGtCQUFBLE1BQUEsb0JBQW9ELE1BQUs7O0VBQXpELElBQWdCLE9BQUk7QUFBQSxVQUFBLE1BQUE7O0VBQXBCLElBQWdCLEtBQUksT0FBQTtBQUFBLFNBQUEsd0JBQUE7O0VBSXBCLDJCQUFBLGtCQUFBLE1BQUEsd0JBQUEsRUFBQSxrQkFBQSxNQUFBLHFCQUFtRSxPQUFNOztFQUF6RSxJQUFnQixRQUFLO0FBQUEsVUFBQSxNQUFBOztFQUFyQixJQUFnQixNQUFLLE9BQUE7QUFBQSxTQUFBLHlCQUFBOztFQUVGLFNBQU07QUFDdkIsVUFBTyxJQUFJIn0=
@@ -1,4 +1,4 @@
1
- import { t as SbbChipLabelElement } from "./chip-label.component-C1CGL8zb.js";
1
+ import { t as SbbChipLabelElement } from "./chip-label.component-Cx8mfi0y.js";
2
2
  import "./chip-label.pure.js";
3
3
  //#region src/elements/chip-label.ts
4
4
  /** @entrypoint */
@@ -1,2 +1,2 @@
1
- import { t as SbbChipLabelElement } from "./chip-label.component-C1CGL8zb.js";
1
+ import { t as SbbChipLabelElement } from "./chip-label.component-Cx8mfi0y.js";
2
2
  export { SbbChipLabelElement };
@@ -1,2 +1,2 @@
1
- import { t as SbbTeaserElement } from "../teaser.component-DwM26tMt.js";
1
+ import { t as SbbTeaserElement } from "../teaser.component-C7uXEaPK.js";
2
2
  export { SbbTeaserElement };
@@ -4,7 +4,7 @@ import { property } from "lit/decorators.js";
4
4
  import { SbbLinkBaseElement, boxSizingStyles } from "./core.js";
5
5
  import { html as html$1 } from "lit/static-html.js";
6
6
  //#region src/elements/teaser/teaser.scss?inline
7
- var teaser_default = "@charset \"UTF-8\";\n:host {\n --_sbb-teaser-forced-colors-inset: calc(-1 * var(--sbb-focus-outline-offset));\n --_sbb-teaser-forced-colors-outline-offset: calc(2 * var(--sbb-focus-outline-offset));\n --_sbb-teaser-forced-colors-border-radius: calc(\n var(--sbb-teaser-border-radius) + var(--sbb-focus-outline-offset)\n );\n display: inline-block;\n outline: none !important;\n}\n@media (forced-colors: active) {\n :host {\n --sbb-teaser-description-color: LinkText;\n --sbb-title-text-color-normal-override: LinkText !important;\n }\n}\n\n:host([alignment=after]) {\n --sbb-teaser-align-items: start;\n}\n\n:host([alignment=below]) {\n --sbb-teaser-flex-direction: column;\n --sbb-teaser-align-items: baseline;\n --sbb-teaser-gap: var(--sbb-spacing-fixed-3x);\n}\n\n@media (any-hover: hover) {\n :host(:hover) {\n --sbb-teaser-scale: var(--sbb-teaser-scale-hover);\n }\n}\n.sbb-teaser__wrapper {\n display: flex;\n position: relative;\n cursor: var(--sbb-cursor-pointer);\n}\n.sbb-teaser__wrapper::before {\n content: \"​\";\n user-select: none;\n width: 0;\n height: 0;\n}\n\n.sbb-teaser {\n text-decoration: none;\n position: absolute;\n inset: 0;\n}\n.sbb-teaser: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-teaser-border-radius);\n}\n@media (forced-colors: active) {\n .sbb-teaser:focus-visible {\n outline-offset: var(--_sbb-teaser-forced-colors-outline-offset);\n }\n}\n@media (forced-colors: active) {\n .sbb-teaser::before {\n content: \"\";\n position: absolute;\n inset: var(--_sbb-teaser-forced-colors-inset);\n pointer-events: none;\n border-radius: var(--_sbb-teaser-forced-colors-border-radius);\n border: var(--sbb-border-width-1x) solid CanvasText;\n }\n}\n\n.sbb-teaser__container {\n display: flex;\n flex-flow: var(--sbb-teaser-flex-direction) nowrap;\n align-items: var(--sbb-teaser-align-items);\n gap: var(--sbb-teaser-gap);\n max-width: 100%;\n width: 100%;\n pointer-events: none;\n}\n\n.sbb-teaser__text {\n color: var(--sbb-teaser-description-color);\n font-size: var(--sbb-teaser-font-size);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n overflow: hidden;\n max-width: 100%;\n}\n\n::slotted([slot=image]) {\n display: block;\n width: var(--sbb-teaser-image-width);\n}\n\n.sbb-teaser__image-wrapper {\n flex-shrink: 0;\n overflow: hidden;\n border-radius: var(--sbb-teaser-border-radius);\n transition: box-shadow var(--sbb-teaser-image-animation-duration) var(--sbb-animation-easing);\n}\n:host(:not(:is(:state(slotted-image),[state--slotted-image]))) .sbb-teaser__image-wrapper {\n display: none;\n}\n@media (any-hover: hover) {\n :host(:hover) .sbb-teaser__image-wrapper {\n box-shadow: var(--sbb-box-shadow-level-9-hard);\n }\n}\n\n.sbb-teaser__description {\n display: inline-block;\n margin: 0;\n padding: 0;\n}\n\n::slotted(sbb-chip-label) {\n display: block;\n max-width: fit-content;\n margin-block-end: var(--sbb-spacing-fixed-1x);\n}\n\n::slotted(sbb-title) {\n margin-block: 0;\n}";
7
+ var teaser_default = "@charset \"UTF-8\";\n:host {\n --_sbb-teaser-forced-colors-inset: calc(-1 * var(--sbb-focus-outline-offset));\n --_sbb-teaser-forced-colors-outline-offset: calc(2 * var(--sbb-focus-outline-offset));\n --_sbb-teaser-forced-colors-border-radius: calc(\n var(--sbb-teaser-border-radius) + var(--sbb-focus-outline-offset)\n );\n display: inline-block;\n outline: none !important;\n}\n@media (forced-colors: active) {\n :host {\n --sbb-teaser-description-color: LinkText;\n --sbb-title-text-color-normal-override: LinkText !important;\n }\n}\n\n:host([alignment=after]) {\n --sbb-teaser-align-items: start;\n}\n\n:host([alignment=below]) {\n --sbb-teaser-flex-direction: column;\n --sbb-teaser-align-items: baseline;\n --sbb-teaser-gap: var(--sbb-spacing-fixed-3x);\n}\n\n@media (any-hover: hover) {\n :host(:hover) {\n --sbb-teaser-scale: var(--sbb-teaser-scale-hover);\n }\n}\n.sbb-teaser__wrapper {\n display: flex;\n position: relative;\n cursor: var(--sbb-cursor-pointer);\n}\n.sbb-teaser__wrapper::before {\n content: \"​\";\n user-select: none;\n width: 0;\n height: 0;\n}\n\n.sbb-teaser {\n text-decoration: none;\n position: absolute;\n inset: 0;\n}\n.sbb-teaser: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-teaser-border-radius);\n}\n@media (forced-colors: active) {\n .sbb-teaser:focus-visible {\n outline-offset: var(--_sbb-teaser-forced-colors-outline-offset);\n }\n}\n@media (forced-colors: active) {\n .sbb-teaser::before {\n content: \"\";\n position: absolute;\n inset: var(--_sbb-teaser-forced-colors-inset);\n pointer-events: none;\n border-radius: var(--_sbb-teaser-forced-colors-border-radius);\n border: var(--sbb-border-width-1x) solid CanvasText;\n }\n}\n\n.sbb-teaser__container {\n display: flex;\n flex-flow: var(--sbb-teaser-flex-direction) nowrap;\n align-items: var(--sbb-teaser-align-items);\n gap: var(--sbb-teaser-gap);\n max-width: 100%;\n width: 100%;\n pointer-events: none;\n}\n\n.sbb-teaser__text {\n color: var(--sbb-teaser-description-color);\n font-size: var(--sbb-teaser-font-size);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n overflow: hidden;\n max-width: 100%;\n}\n\n::slotted([slot=image]) {\n display: block;\n width: var(--sbb-teaser-image-width);\n}\n\n.sbb-teaser__image-wrapper {\n flex-shrink: 0;\n overflow: hidden;\n border-radius: var(--sbb-teaser-border-radius);\n transition: box-shadow var(--sbb-teaser-image-animation-duration) var(--sbb-animation-easing);\n}\n:host(:not(:is(:state(slotted-image),[state--slotted-image]))) .sbb-teaser__image-wrapper {\n display: none;\n}\n@media (any-hover: hover) {\n :host(:hover) .sbb-teaser__image-wrapper {\n box-shadow: var(--sbb-box-shadow-level-9-hard);\n }\n}\n\n.sbb-teaser__description {\n display: inline-block;\n margin: 0;\n padding: 0;\n}\n\n::slotted(sbb-chip-label) {\n display: flex;\n width: fit-content;\n max-width: 100%;\n margin-block-end: var(--sbb-spacing-fixed-1x);\n}\n\n::slotted(sbb-title) {\n margin-block: 0;\n}";
8
8
  //#endregion
9
9
  //#region src/elements/teaser/teaser.component.ts
10
10
  /**
@@ -113,4 +113,4 @@ var SbbTeaserElement = (() => {
113
113
  //#endregion
114
114
  export { SbbTeaserElement as t };
115
115
 
116
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLmNvbXBvbmVudC1Ed00yNnRNdC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGVhc2VyL3RlYXNlci5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXIvdGVhc2VyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tX3NiYi10ZWFzZXItZm9yY2VkLWNvbG9ycy1pbnNldDogY2FsYygtMSAqIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLW9mZnNldCkpO1xuICAtLV9zYmItdGVhc2VyLWZvcmNlZC1jb2xvcnMtb3V0bGluZS1vZmZzZXQ6IGNhbGMoMiAqIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLW9mZnNldCkpO1xuICAtLV9zYmItdGVhc2VyLWZvcmNlZC1jb2xvcnMtYm9yZGVyLXJhZGl1czogY2FsYyhcbiAgICB2YXIoLS1zYmItdGVhc2VyLWJvcmRlci1yYWRpdXMpICsgdmFyKC0tc2JiLWZvY3VzLW91dGxpbmUtb2Zmc2V0KVxuICApO1xuXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAvLyBVc2UgIWltcG9ydGFudCBoZXJlIHRvIG5vdCBpbnRlcmZlcmUgd2l0aCBGaXJlZm94IGZvY3VzIHJpbmcgZGVmaW5pdGlvblxuICAvLyB3aGljaCBhcHBlYXJzIGluIG5vcm1hbGl6ZSBDU1Mgb2Ygc2V2ZXJhbCBmcmFtZXdvcmtzLlxuICBvdXRsaW5lOiBub25lICFpbXBvcnRhbnQ7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXRlYXNlci1kZXNjcmlwdGlvbi1jb2xvcjogTGlua1RleHQ7XG4gICAgLS1zYmItdGl0bGUtdGV4dC1jb2xvci1ub3JtYWwtb3ZlcnJpZGU6IExpbmtUZXh0ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuOmhvc3QoW2FsaWdubWVudD0nYWZ0ZXInXSkge1xuICAtLXNiYi10ZWFzZXItYWxpZ24taXRlbXM6IHN0YXJ0O1xufVxuXG46aG9zdChbYWxpZ25tZW50PSdiZWxvdyddKSB7XG4gIC0tc2JiLXRlYXNlci1mbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAtLXNiYi10ZWFzZXItYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAtLXNiYi10ZWFzZXItZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0zeCk7XG59XG5cbkBpbmNsdWRlIHNiYi5ob3Zlci1tcSgkaG92ZXI6IHRydWUpIHtcbiAgOmhvc3QoOmhvdmVyKSB7XG4gICAgLS1zYmItdGVhc2VyLXNjYWxlOiB2YXIoLS1zYmItdGVhc2VyLXNjYWxlLWhvdmVyKTtcbiAgfVxufVxuXG4uc2JiLXRlYXNlcl9fd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY3Vyc29yOiB2YXIoLS1zYmItY3Vyc29yLXBvaW50ZXIpO1xuXG4gIEBpbmNsdWRlIHNiYi56ZXJvLXdpZHRoLXNwYWNlO1xufVxuXG4uc2JiLXRlYXNlciB7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBpbnNldDogMDtcblxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIEBpbmNsdWRlIHNiYi5mb2N1cy1vdXRsaW5lO1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLXRlYXNlci1ib3JkZXItcmFkaXVzKTtcblxuICAgIC8vIFdlIG1vdmUgdGhlIGZvY3VzIG91dGxpbmUgZnVydGhlciBvdXQgdG8gbm90IG92ZXJsYXAgd2l0aCB0aGUgdGVhc2VyIGJvcmRlciBpbiBmb3JjZWQgY29sb3JzXG4gICAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IHZhcigtLV9zYmItdGVhc2VyLWZvcmNlZC1jb2xvcnMtb3V0bGluZS1vZmZzZXQpO1xuICAgIH1cbiAgfVxuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAmOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBpbnNldDogdmFyKC0tX3NiYi10ZWFzZXItZm9yY2VkLWNvbG9ycy1pbnNldCk7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLV9zYmItdGVhc2VyLWZvcmNlZC1jb2xvcnMtYm9yZGVyLXJhZGl1cyk7XG4gICAgICBib3JkZXI6IHZhcigtLXNiYi1ib3JkZXItd2lkdGgtMXgpIHNvbGlkIENhbnZhc1RleHQ7XG4gICAgfVxuICB9XG59XG5cbi5zYmItdGVhc2VyX19jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWZsb3c6IHZhcigtLXNiYi10ZWFzZXItZmxleC1kaXJlY3Rpb24pIG5vd3JhcDtcbiAgYWxpZ24taXRlbXM6IHZhcigtLXNiYi10ZWFzZXItYWxpZ24taXRlbXMpO1xuICBnYXA6IHZhcigtLXNiYi10ZWFzZXItZ2FwKTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5zYmItdGVhc2VyX190ZXh0IHtcbiAgY29sb3I6IHZhcigtLXNiYi10ZWFzZXItZGVzY3JpcHRpb24tY29sb3IpO1xuICBmb250LXNpemU6IHZhcigtLXNiYi10ZWFzZXItZm9udC1zaXplKTtcbiAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXNiYi10eXBvLWxldHRlci1zcGFjaW5nLXRleHQpO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBtYXgtd2lkdGg6IDEwMCU7XG59XG5cbjo6c2xvdHRlZChbc2xvdD0naW1hZ2UnXSkge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IHZhcigtLXNiYi10ZWFzZXItaW1hZ2Utd2lkdGgpO1xufVxuXG4uc2JiLXRlYXNlcl9faW1hZ2Utd3JhcHBlciB7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItdGVhc2VyLWJvcmRlci1yYWRpdXMpO1xuICB0cmFuc2l0aW9uOiBib3gtc2hhZG93IHZhcigtLXNiYi10ZWFzZXItaW1hZ2UtYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG5cbiAgOmhvc3QoOm5vdCg6c3RhdGUoc2xvdHRlZC1pbWFnZSkpKSAmIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5cbiAgQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICAgIDpob3N0KDpob3ZlcikgJiB7XG4gICAgICBib3gtc2hhZG93OiB2YXIoLS1zYmItYm94LXNoYWRvdy1sZXZlbC05LWhhcmQpO1xuICAgIH1cbiAgfVxufVxuXG4uc2JiLXRlYXNlcl9fZGVzY3JpcHRpb24ge1xuICAvLyBSZXNldCBwYXJhZ3JhcGggc3R5bGVzXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xufVxuXG46OnNsb3R0ZWQoc2JiLWNoaXAtbGFiZWwpIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1heC13aWR0aDogZml0LWNvbnRlbnQ7XG4gIG1hcmdpbi1ibG9jay1lbmQ6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KTtcbn1cblxuOjpzbG90dGVkKHNiYi10aXRsZSkge1xuICBtYXJnaW4tYmxvY2s6IDA7XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHR5cGUgeyBTYmJDaGlwTGFiZWxFbGVtZW50IH0gZnJvbSAnLi4vY2hpcC1sYWJlbC5wdXJlLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcywgU2JiTGlua0Jhc2VFbGVtZW50IH0gZnJvbSAnLi4vY29yZS50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRpdGxlRWxlbWVudCB9IGZyb20gJy4uL3RpdGxlLnB1cmUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90ZWFzZXIuc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGFuIGludGVyYWN0aXZlIGltYWdlIHdpdGggY2FwdGlvbi5cbiAqXG4gKiBAc2xvdCBpbWFnZSAtIFNsb3QgdXNlZCB0byByZW5kZXIgdGhlIGltYWdlLlxuICogQHNsb3QgY2hpcCAtIFNsb3QgZm9yIHRoZSBgc2JiLWNoaXAtbGFiZWxgIGVsZW1lbnQuIFRoZSBzbG90IG9uIHRoZSBgc2JiLWNoaXAtbGFiZWxgIGVsZW1lbnQgaXMgYXV0b21hdGljYWxseSBhc3NpZ25lZCB3aGVuIHNsb3R0ZWQgaW4gdGhlIHVubmFtZWQgc2xvdC5cbiAqIEBzbG90IHRpdGxlIC0gU2xvdCBmb3IgdGhlIHRpdGxlLiBGb3IgdGhlIHN0YW5kYXJkIGBzYmItdGl0bGVgIGVsZW1lbnQsIHRoZSBzbG90IGlzIGF1dG9tYXRpY2FsbHkgYXNzaWduZWQgd2hlbiBzbG90dGVkIGluIHRoZSB1bm5hbWVkIHNsb3QuXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIHJlbmRlciB0aGUgZGVzY3JpcHRpb24sIHRoZSBzYmItdGl0bGUgYW5kIHRoZSBzYmItY2hpcC1sYWJlbC5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRlYXNlckVsZW1lbnQgZXh0ZW5kcyBTYmJMaW5rQmFzZUVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRlYXNlcic7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gIC8qKiBUZWFzZXIgdmFyaWFudCAtIGRlZmluZSB0aGUgcG9zaXRpb24gYW5kIHRoZSBhbGlnbm1lbnQgb2YgdGhlIHRleHQgYmxvY2suICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIGFsaWdubWVudDogJ2FmdGVyLWNlbnRlcmVkJyB8ICdhZnRlcicgfCAnYmVsb3cnID1cbiAgICAnYWZ0ZXItY2VudGVyZWQnO1xuXG4gIHByaXZhdGUgX2hhbmRsZVNsb3RjaGFuZ2UoKTogdm9pZCB7XG4gICAgY29uc3QgY2hpcCA9IEFycmF5LmZyb20odGhpcy5jaGlsZHJlbikuZmluZCgoZWwpID0+IGVsLmxvY2FsTmFtZSA9PT0gJ3NiYi1jaGlwLWxhYmVsJyk7XG4gICAgaWYgKGNoaXApIHtcbiAgICAgIGNoaXAuc2xvdCA9ICdjaGlwJztcbiAgICB9XG5cbiAgICBjb25zdCB0aXRsZSA9IEFycmF5LmZyb20odGhpcy5jaGlsZHJlbikuZmluZCgoZWwpID0+IGVsLmxvY2FsTmFtZSA9PT0gJ3NiYi10aXRsZScpO1xuICAgIGlmICh0aXRsZSkge1xuICAgICAgdGl0bGUuc2xvdCA9ICd0aXRsZSc7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfY29uZmlndXJlQ2hpcChldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICAvLyBXZSBuZWVkIHRvIGNoZWNrIGFzc2lnbmVkIGVsZW1lbnRzIGJlY2F1c2UgaW4gdGhlIGltYWdlIHNsb3QgaXQgY2FuIGhhdmUgbGFiZWxzIGFzIHdlbGwuXG4gICAgY29uc3QgY2hpcExhYmVsID0gKGV2ZW50LnRhcmdldCBhcyBIVE1MU2xvdEVsZW1lbnQpXG4gICAgICAuYXNzaWduZWRFbGVtZW50cygpXG4gICAgICAuZmluZCgoZSk6IGUgaXMgU2JiQ2hpcExhYmVsRWxlbWVudCA9PiBlLmxvY2FsTmFtZSA9PT0gJ3NiYi1jaGlwLWxhYmVsJyk7XG5cbiAgICBpZiAoY2hpcExhYmVsKSB7XG4gICAgICBjdXN0b21FbGVtZW50cy51cGdyYWRlKGNoaXBMYWJlbCk7XG4gICAgICBjaGlwTGFiZWwuY29sb3IgPSAnY2hhcmNvYWwnO1xuICAgICAgY2hpcExhYmVsLnNpemUgPSAneHhzJztcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9jb25maWd1cmVUaXRsZShldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCB0aXRsZSA9IChldmVudC50YXJnZXQgYXMgSFRNTFNsb3RFbGVtZW50KVxuICAgICAgLmFzc2lnbmVkRWxlbWVudHMoKVxuICAgICAgLmZpbmQoKGUpOiBlIGlzIFNiYlRpdGxlRWxlbWVudCA9PiBlLmxvY2FsTmFtZSA9PT0gJ3NiYi10aXRsZScpO1xuXG4gICAgaWYgKHRpdGxlKSB7XG4gICAgICBjdXN0b21FbGVtZW50cy51cGdyYWRlKHRpdGxlKTtcbiAgICAgIHRpdGxlLnZpc3VhbExldmVsID0gJzUnO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIC8vIFdlIHJlbmRlciB0aGUgY29udGVudCBvdXRzaWRlIHRoZSBhbmNob3IgdGFnIHRvIGFsbG93IHNjcmVlbiByZWFkZXJzIHRvIG5hdmlnYXRlIHRocm91Z2ggaXRcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItdGVhc2VyX193cmFwcGVyXCI+XG4gICAgICAgICR7dGhpcy5yZW5kZXJMaW5rKFxuICAgICAgICAgIC8vIEZvciBTRU8sIHdlIGFkZCB0aGUgYWNjZXNzaWJpbGl0eSBoaWRkZW4gYXMgaGlkZGVuIGNvbnRlbnQgb2YgdGhlIGxpbmtcbiAgICAgICAgICBodG1sYDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PiR7dGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWx9PC9zYmItc2NyZWVuLXJlYWRlci1vbmx5PmAsXG4gICAgICAgICl9XG4gICAgICAgICR7dGhpcy5yZW5kZXJDb250ZW50KCl9XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG5cbiAgcHJvdGVjdGVkIHJlbmRlckNvbnRlbnQoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGVhc2VyX19jb250YWluZXJcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGVhc2VyX19pbWFnZS13cmFwcGVyXCI+XG4gICAgICAgICAgPHNsb3QgbmFtZT1cImltYWdlXCI+PC9zbG90PlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRlYXNlcl9fdGV4dFwiPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJjaGlwXCIgQHNsb3RjaGFuZ2U9JHt0aGlzLl9jb25maWd1cmVDaGlwfT48L3Nsb3Q+XG4gICAgICAgICAgPHNsb3QgbmFtZT1cInRpdGxlXCIgQHNsb3RjaGFuZ2U9JHt0aGlzLl9jb25maWd1cmVUaXRsZX0+PC9zbG90PlxuICAgICAgICAgIDxwIGNsYXNzPVwic2JiLXRlYXNlcl9fZGVzY3JpcHRpb25cIj5cbiAgICAgICAgICAgIDxzbG90IEBzbG90Y2hhbmdlPSR7dGhpcy5faGFuZGxlU2xvdGNoYW5nZX0+PC9zbG90PlxuICAgICAgICAgIDwvcD5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10ZWFzZXInOiBTYmJUZWFzZXJFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0lDa0JhLDBCQUFnQjttQkFBUzs7OztjQUF6Qix5QkFBeUIsWUFBa0I7Ozs0QkFLckQsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUE7QUFBQyxnQkFBQSxNQUFBLE1BQUEsdUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxlQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQVMsTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFULFlBQVM7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSx5QkFBQSw2QkFBQTs7Ozs7Ozs7O0FBSnRCLFFBQUEsY0FBc0I7OztBQUMvQixRQUFBLFNBQXlCLENBQUMsaUJBQWlCLFVBQVUsZUFBTSxDQUFDOztFQUd0RCw4QkFBQSxrQkFBQSxNQUFBLHlCQUMzQixpQkFBZ0I7O0VBRFcsSUFBZ0IsWUFBUztBQUFBLFVBQUEsTUFBQTs7RUFBekIsSUFBZ0IsVUFBUyxPQUFBO0FBQUEsU0FBQSw2QkFBQTs7RUFHOUMsb0JBQWlCO0dBQ3ZCLE1BQU0sT0FBTyxNQUFNLEtBQUssS0FBSyxTQUFTLENBQUMsTUFBTSxPQUFPLEdBQUcsY0FBYyxpQkFBaUI7QUFDdEYsT0FBSSxLQUNGLE1BQUssT0FBTztHQUdkLE1BQU0sUUFBUSxNQUFNLEtBQUssS0FBSyxTQUFTLENBQUMsTUFBTSxPQUFPLEdBQUcsY0FBYyxZQUFZO0FBQ2xGLE9BQUksTUFDRixPQUFNLE9BQU87O0VBSVQsZUFBZSxPQUFZO0dBRWpDLE1BQU0sWUFBYSxNQUFNLE9BQ3RCLGtCQUFrQixDQUNsQixNQUFNLE1BQWdDLEVBQUUsY0FBYyxpQkFBaUI7QUFFMUUsT0FBSSxXQUFXO0FBQ2IsbUJBQWUsUUFBUSxVQUFVO0FBQ2pDLGNBQVUsUUFBUTtBQUNsQixjQUFVLE9BQU87OztFQUliLGdCQUFnQixPQUFZO0dBQ2xDLE1BQU0sUUFBUyxNQUFNLE9BQ2xCLGtCQUFrQixDQUNsQixNQUFNLE1BQTRCLEVBQUUsY0FBYyxZQUFZO0FBRWpFLE9BQUksT0FBTztBQUNULG1CQUFlLFFBQVEsTUFBTTtBQUM3QixVQUFNLGNBQWM7OztFQUlMLFNBQU07QUFFdkIsVUFBTyxNQUFJOztVQUVMLEtBQUssV0FFTCxNQUFJLDJCQUEyQixLQUFLLG1CQUFrQiwyQkFDdkQsQ0FBQTtVQUNDLEtBQUssZUFBZSxDQUFBOzs7O0VBS2xCLGdCQUFhO0FBQ3JCLFVBQU8sTUFBSTs7Ozs7OzBDQU0yQixLQUFLLGVBQWM7MkNBQ2xCLEtBQUssZ0JBQWU7O2dDQUUvQixLQUFLLGtCQUFpQiJ9
116
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLmNvbXBvbmVudC1DN3VYRWFQSy5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGVhc2VyL3RlYXNlci5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXIvdGVhc2VyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tX3NiYi10ZWFzZXItZm9yY2VkLWNvbG9ycy1pbnNldDogY2FsYygtMSAqIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLW9mZnNldCkpO1xuICAtLV9zYmItdGVhc2VyLWZvcmNlZC1jb2xvcnMtb3V0bGluZS1vZmZzZXQ6IGNhbGMoMiAqIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLW9mZnNldCkpO1xuICAtLV9zYmItdGVhc2VyLWZvcmNlZC1jb2xvcnMtYm9yZGVyLXJhZGl1czogY2FsYyhcbiAgICB2YXIoLS1zYmItdGVhc2VyLWJvcmRlci1yYWRpdXMpICsgdmFyKC0tc2JiLWZvY3VzLW91dGxpbmUtb2Zmc2V0KVxuICApO1xuXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAvLyBVc2UgIWltcG9ydGFudCBoZXJlIHRvIG5vdCBpbnRlcmZlcmUgd2l0aCBGaXJlZm94IGZvY3VzIHJpbmcgZGVmaW5pdGlvblxuICAvLyB3aGljaCBhcHBlYXJzIGluIG5vcm1hbGl6ZSBDU1Mgb2Ygc2V2ZXJhbCBmcmFtZXdvcmtzLlxuICBvdXRsaW5lOiBub25lICFpbXBvcnRhbnQ7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXRlYXNlci1kZXNjcmlwdGlvbi1jb2xvcjogTGlua1RleHQ7XG4gICAgLS1zYmItdGl0bGUtdGV4dC1jb2xvci1ub3JtYWwtb3ZlcnJpZGU6IExpbmtUZXh0ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuOmhvc3QoW2FsaWdubWVudD0nYWZ0ZXInXSkge1xuICAtLXNiYi10ZWFzZXItYWxpZ24taXRlbXM6IHN0YXJ0O1xufVxuXG46aG9zdChbYWxpZ25tZW50PSdiZWxvdyddKSB7XG4gIC0tc2JiLXRlYXNlci1mbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAtLXNiYi10ZWFzZXItYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAtLXNiYi10ZWFzZXItZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0zeCk7XG59XG5cbkBpbmNsdWRlIHNiYi5ob3Zlci1tcSgkaG92ZXI6IHRydWUpIHtcbiAgOmhvc3QoOmhvdmVyKSB7XG4gICAgLS1zYmItdGVhc2VyLXNjYWxlOiB2YXIoLS1zYmItdGVhc2VyLXNjYWxlLWhvdmVyKTtcbiAgfVxufVxuXG4uc2JiLXRlYXNlcl9fd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY3Vyc29yOiB2YXIoLS1zYmItY3Vyc29yLXBvaW50ZXIpO1xuXG4gIEBpbmNsdWRlIHNiYi56ZXJvLXdpZHRoLXNwYWNlO1xufVxuXG4uc2JiLXRlYXNlciB7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBpbnNldDogMDtcblxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIEBpbmNsdWRlIHNiYi5mb2N1cy1vdXRsaW5lO1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLXRlYXNlci1ib3JkZXItcmFkaXVzKTtcblxuICAgIC8vIFdlIG1vdmUgdGhlIGZvY3VzIG91dGxpbmUgZnVydGhlciBvdXQgdG8gbm90IG92ZXJsYXAgd2l0aCB0aGUgdGVhc2VyIGJvcmRlciBpbiBmb3JjZWQgY29sb3JzXG4gICAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IHZhcigtLV9zYmItdGVhc2VyLWZvcmNlZC1jb2xvcnMtb3V0bGluZS1vZmZzZXQpO1xuICAgIH1cbiAgfVxuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAmOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBpbnNldDogdmFyKC0tX3NiYi10ZWFzZXItZm9yY2VkLWNvbG9ycy1pbnNldCk7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLV9zYmItdGVhc2VyLWZvcmNlZC1jb2xvcnMtYm9yZGVyLXJhZGl1cyk7XG4gICAgICBib3JkZXI6IHZhcigtLXNiYi1ib3JkZXItd2lkdGgtMXgpIHNvbGlkIENhbnZhc1RleHQ7XG4gICAgfVxuICB9XG59XG5cbi5zYmItdGVhc2VyX19jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWZsb3c6IHZhcigtLXNiYi10ZWFzZXItZmxleC1kaXJlY3Rpb24pIG5vd3JhcDtcbiAgYWxpZ24taXRlbXM6IHZhcigtLXNiYi10ZWFzZXItYWxpZ24taXRlbXMpO1xuICBnYXA6IHZhcigtLXNiYi10ZWFzZXItZ2FwKTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5zYmItdGVhc2VyX190ZXh0IHtcbiAgY29sb3I6IHZhcigtLXNiYi10ZWFzZXItZGVzY3JpcHRpb24tY29sb3IpO1xuICBmb250LXNpemU6IHZhcigtLXNiYi10ZWFzZXItZm9udC1zaXplKTtcbiAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXNiYi10eXBvLWxldHRlci1zcGFjaW5nLXRleHQpO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBtYXgtd2lkdGg6IDEwMCU7XG59XG5cbjo6c2xvdHRlZChbc2xvdD0naW1hZ2UnXSkge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IHZhcigtLXNiYi10ZWFzZXItaW1hZ2Utd2lkdGgpO1xufVxuXG4uc2JiLXRlYXNlcl9faW1hZ2Utd3JhcHBlciB7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItdGVhc2VyLWJvcmRlci1yYWRpdXMpO1xuICB0cmFuc2l0aW9uOiBib3gtc2hhZG93IHZhcigtLXNiYi10ZWFzZXItaW1hZ2UtYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG5cbiAgOmhvc3QoOm5vdCg6c3RhdGUoc2xvdHRlZC1pbWFnZSkpKSAmIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5cbiAgQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICAgIDpob3N0KDpob3ZlcikgJiB7XG4gICAgICBib3gtc2hhZG93OiB2YXIoLS1zYmItYm94LXNoYWRvdy1sZXZlbC05LWhhcmQpO1xuICAgIH1cbiAgfVxufVxuXG4uc2JiLXRlYXNlcl9fZGVzY3JpcHRpb24ge1xuICAvLyBSZXNldCBwYXJhZ3JhcGggc3R5bGVzXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xufVxuXG46OnNsb3R0ZWQoc2JiLWNoaXAtbGFiZWwpIHtcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG1hcmdpbi1ibG9jay1lbmQ6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KTtcbn1cblxuOjpzbG90dGVkKHNiYi10aXRsZSkge1xuICBtYXJnaW4tYmxvY2s6IDA7XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHR5cGUgeyBTYmJDaGlwTGFiZWxFbGVtZW50IH0gZnJvbSAnLi4vY2hpcC1sYWJlbC5wdXJlLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcywgU2JiTGlua0Jhc2VFbGVtZW50IH0gZnJvbSAnLi4vY29yZS50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRpdGxlRWxlbWVudCB9IGZyb20gJy4uL3RpdGxlLnB1cmUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90ZWFzZXIuc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGFuIGludGVyYWN0aXZlIGltYWdlIHdpdGggY2FwdGlvbi5cbiAqXG4gKiBAc2xvdCBpbWFnZSAtIFNsb3QgdXNlZCB0byByZW5kZXIgdGhlIGltYWdlLlxuICogQHNsb3QgY2hpcCAtIFNsb3QgZm9yIHRoZSBgc2JiLWNoaXAtbGFiZWxgIGVsZW1lbnQuIFRoZSBzbG90IG9uIHRoZSBgc2JiLWNoaXAtbGFiZWxgIGVsZW1lbnQgaXMgYXV0b21hdGljYWxseSBhc3NpZ25lZCB3aGVuIHNsb3R0ZWQgaW4gdGhlIHVubmFtZWQgc2xvdC5cbiAqIEBzbG90IHRpdGxlIC0gU2xvdCBmb3IgdGhlIHRpdGxlLiBGb3IgdGhlIHN0YW5kYXJkIGBzYmItdGl0bGVgIGVsZW1lbnQsIHRoZSBzbG90IGlzIGF1dG9tYXRpY2FsbHkgYXNzaWduZWQgd2hlbiBzbG90dGVkIGluIHRoZSB1bm5hbWVkIHNsb3QuXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIHJlbmRlciB0aGUgZGVzY3JpcHRpb24sIHRoZSBzYmItdGl0bGUgYW5kIHRoZSBzYmItY2hpcC1sYWJlbC5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRlYXNlckVsZW1lbnQgZXh0ZW5kcyBTYmJMaW5rQmFzZUVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRlYXNlcic7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gIC8qKiBUZWFzZXIgdmFyaWFudCAtIGRlZmluZSB0aGUgcG9zaXRpb24gYW5kIHRoZSBhbGlnbm1lbnQgb2YgdGhlIHRleHQgYmxvY2suICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIGFsaWdubWVudDogJ2FmdGVyLWNlbnRlcmVkJyB8ICdhZnRlcicgfCAnYmVsb3cnID1cbiAgICAnYWZ0ZXItY2VudGVyZWQnO1xuXG4gIHByaXZhdGUgX2hhbmRsZVNsb3RjaGFuZ2UoKTogdm9pZCB7XG4gICAgY29uc3QgY2hpcCA9IEFycmF5LmZyb20odGhpcy5jaGlsZHJlbikuZmluZCgoZWwpID0+IGVsLmxvY2FsTmFtZSA9PT0gJ3NiYi1jaGlwLWxhYmVsJyk7XG4gICAgaWYgKGNoaXApIHtcbiAgICAgIGNoaXAuc2xvdCA9ICdjaGlwJztcbiAgICB9XG5cbiAgICBjb25zdCB0aXRsZSA9IEFycmF5LmZyb20odGhpcy5jaGlsZHJlbikuZmluZCgoZWwpID0+IGVsLmxvY2FsTmFtZSA9PT0gJ3NiYi10aXRsZScpO1xuICAgIGlmICh0aXRsZSkge1xuICAgICAgdGl0bGUuc2xvdCA9ICd0aXRsZSc7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfY29uZmlndXJlQ2hpcChldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICAvLyBXZSBuZWVkIHRvIGNoZWNrIGFzc2lnbmVkIGVsZW1lbnRzIGJlY2F1c2UgaW4gdGhlIGltYWdlIHNsb3QgaXQgY2FuIGhhdmUgbGFiZWxzIGFzIHdlbGwuXG4gICAgY29uc3QgY2hpcExhYmVsID0gKGV2ZW50LnRhcmdldCBhcyBIVE1MU2xvdEVsZW1lbnQpXG4gICAgICAuYXNzaWduZWRFbGVtZW50cygpXG4gICAgICAuZmluZCgoZSk6IGUgaXMgU2JiQ2hpcExhYmVsRWxlbWVudCA9PiBlLmxvY2FsTmFtZSA9PT0gJ3NiYi1jaGlwLWxhYmVsJyk7XG5cbiAgICBpZiAoY2hpcExhYmVsKSB7XG4gICAgICBjdXN0b21FbGVtZW50cy51cGdyYWRlKGNoaXBMYWJlbCk7XG4gICAgICBjaGlwTGFiZWwuY29sb3IgPSAnY2hhcmNvYWwnO1xuICAgICAgY2hpcExhYmVsLnNpemUgPSAneHhzJztcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9jb25maWd1cmVUaXRsZShldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCB0aXRsZSA9IChldmVudC50YXJnZXQgYXMgSFRNTFNsb3RFbGVtZW50KVxuICAgICAgLmFzc2lnbmVkRWxlbWVudHMoKVxuICAgICAgLmZpbmQoKGUpOiBlIGlzIFNiYlRpdGxlRWxlbWVudCA9PiBlLmxvY2FsTmFtZSA9PT0gJ3NiYi10aXRsZScpO1xuXG4gICAgaWYgKHRpdGxlKSB7XG4gICAgICBjdXN0b21FbGVtZW50cy51cGdyYWRlKHRpdGxlKTtcbiAgICAgIHRpdGxlLnZpc3VhbExldmVsID0gJzUnO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIC8vIFdlIHJlbmRlciB0aGUgY29udGVudCBvdXRzaWRlIHRoZSBhbmNob3IgdGFnIHRvIGFsbG93IHNjcmVlbiByZWFkZXJzIHRvIG5hdmlnYXRlIHRocm91Z2ggaXRcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItdGVhc2VyX193cmFwcGVyXCI+XG4gICAgICAgICR7dGhpcy5yZW5kZXJMaW5rKFxuICAgICAgICAgIC8vIEZvciBTRU8sIHdlIGFkZCB0aGUgYWNjZXNzaWJpbGl0eSBoaWRkZW4gYXMgaGlkZGVuIGNvbnRlbnQgb2YgdGhlIGxpbmtcbiAgICAgICAgICBodG1sYDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PiR7dGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWx9PC9zYmItc2NyZWVuLXJlYWRlci1vbmx5PmAsXG4gICAgICAgICl9XG4gICAgICAgICR7dGhpcy5yZW5kZXJDb250ZW50KCl9XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG5cbiAgcHJvdGVjdGVkIHJlbmRlckNvbnRlbnQoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGVhc2VyX19jb250YWluZXJcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGVhc2VyX19pbWFnZS13cmFwcGVyXCI+XG4gICAgICAgICAgPHNsb3QgbmFtZT1cImltYWdlXCI+PC9zbG90PlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRlYXNlcl9fdGV4dFwiPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJjaGlwXCIgQHNsb3RjaGFuZ2U9JHt0aGlzLl9jb25maWd1cmVDaGlwfT48L3Nsb3Q+XG4gICAgICAgICAgPHNsb3QgbmFtZT1cInRpdGxlXCIgQHNsb3RjaGFuZ2U9JHt0aGlzLl9jb25maWd1cmVUaXRsZX0+PC9zbG90PlxuICAgICAgICAgIDxwIGNsYXNzPVwic2JiLXRlYXNlcl9fZGVzY3JpcHRpb25cIj5cbiAgICAgICAgICAgIDxzbG90IEBzbG90Y2hhbmdlPSR7dGhpcy5faGFuZGxlU2xvdGNoYW5nZX0+PC9zbG90PlxuICAgICAgICAgIDwvcD5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10ZWFzZXInOiBTYmJUZWFzZXJFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0lDa0JhLDBCQUFnQjttQkFBUzs7OztjQUF6Qix5QkFBeUIsWUFBa0I7Ozs0QkFLckQsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUE7QUFBQyxnQkFBQSxNQUFBLE1BQUEsdUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxlQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQVMsTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFULFlBQVM7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSx5QkFBQSw2QkFBQTs7Ozs7Ozs7O0FBSnRCLFFBQUEsY0FBc0I7OztBQUMvQixRQUFBLFNBQXlCLENBQUMsaUJBQWlCLFVBQVUsZUFBTSxDQUFDOztFQUd0RCw4QkFBQSxrQkFBQSxNQUFBLHlCQUMzQixpQkFBZ0I7O0VBRFcsSUFBZ0IsWUFBUztBQUFBLFVBQUEsTUFBQTs7RUFBekIsSUFBZ0IsVUFBUyxPQUFBO0FBQUEsU0FBQSw2QkFBQTs7RUFHOUMsb0JBQWlCO0dBQ3ZCLE1BQU0sT0FBTyxNQUFNLEtBQUssS0FBSyxTQUFTLENBQUMsTUFBTSxPQUFPLEdBQUcsY0FBYyxpQkFBaUI7QUFDdEYsT0FBSSxLQUNGLE1BQUssT0FBTztHQUdkLE1BQU0sUUFBUSxNQUFNLEtBQUssS0FBSyxTQUFTLENBQUMsTUFBTSxPQUFPLEdBQUcsY0FBYyxZQUFZO0FBQ2xGLE9BQUksTUFDRixPQUFNLE9BQU87O0VBSVQsZUFBZSxPQUFZO0dBRWpDLE1BQU0sWUFBYSxNQUFNLE9BQ3RCLGtCQUFrQixDQUNsQixNQUFNLE1BQWdDLEVBQUUsY0FBYyxpQkFBaUI7QUFFMUUsT0FBSSxXQUFXO0FBQ2IsbUJBQWUsUUFBUSxVQUFVO0FBQ2pDLGNBQVUsUUFBUTtBQUNsQixjQUFVLE9BQU87OztFQUliLGdCQUFnQixPQUFZO0dBQ2xDLE1BQU0sUUFBUyxNQUFNLE9BQ2xCLGtCQUFrQixDQUNsQixNQUFNLE1BQTRCLEVBQUUsY0FBYyxZQUFZO0FBRWpFLE9BQUksT0FBTztBQUNULG1CQUFlLFFBQVEsTUFBTTtBQUM3QixVQUFNLGNBQWM7OztFQUlMLFNBQU07QUFFdkIsVUFBTyxNQUFJOztVQUVMLEtBQUssV0FFTCxNQUFJLDJCQUEyQixLQUFLLG1CQUFrQiwyQkFDdkQsQ0FBQTtVQUNDLEtBQUssZUFBZSxDQUFBOzs7O0VBS2xCLGdCQUFhO0FBQ3JCLFVBQU8sTUFBSTs7Ozs7OzBDQU0yQixLQUFLLGVBQWM7MkNBQ2xCLEtBQUssZ0JBQWU7O2dDQUUvQixLQUFLLGtCQUFpQiJ9
@@ -1,4 +1,4 @@
1
- import { t as SbbTeaserElement } from "./teaser.component-DwM26tMt.js";
1
+ import { t as SbbTeaserElement } from "./teaser.component-C7uXEaPK.js";
2
2
  import "./teaser.pure.js";
3
3
  //#region src/elements/teaser.ts
4
4
  /** @entrypoint */
@@ -1,2 +1,2 @@
1
- import { t as SbbTeaserElement } from "./teaser.component-DwM26tMt.js";
1
+ import { t as SbbTeaserElement } from "./teaser.component-C7uXEaPK.js";
2
2
  export { SbbTeaserElement };
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements-dev",
3
- "version": "5.0.0-next-dev.1776924015",
3
+ "version": "5.0.0-next-dev.1776928791",
4
4
  "description": "Lyne Design System",
5
5
  "keywords": [
6
6
  "design system",
7
7
  "web components",
8
8
  "lit",
9
- "https://github.com/sbb-design-systems/lyne-components/commit/033c32a270fda96d580a30b12ff654d109acbe84"
9
+ "https://github.com/sbb-design-systems/lyne-components/commit/a809369c96e4e075fe9c7b7c163890f794e4e887"
10
10
  ],
11
11
  "type": "module",
12
12
  "exports": {
@@ -1,2 +1,2 @@
1
- import { t as e } from "../teaser.component-Bl_Myx2h.js";
1
+ import { t as e } from "../teaser.component-B2y2AlAx.js";
2
2
  export { e as SbbTeaserElement };
@@ -4,7 +4,7 @@ import { property as r } from "lit/decorators.js";
4
4
  import { SbbLinkBaseElement as i, boxSizingStyles as a } from "./core.js";
5
5
  import { html as o } from "lit/static-html.js";
6
6
  //#region src/elements/teaser/teaser.scss?inline
7
- var s = "@charset \"UTF-8\";:host{--_sbb-teaser-forced-colors-inset: calc(-1 * var(--sbb-focus-outline-offset));--_sbb-teaser-forced-colors-outline-offset: calc(2 * var(--sbb-focus-outline-offset));--_sbb-teaser-forced-colors-border-radius: calc( var(--sbb-teaser-border-radius) + var(--sbb-focus-outline-offset) );display:inline-block;outline:none!important}@media(forced-colors:active){:host{--sbb-teaser-description-color: LinkText;--sbb-title-text-color-normal-override: LinkText !important}}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x)}@media(any-hover:hover){:host(:hover){--sbb-teaser-scale: var(--sbb-teaser-scale-hover)}}.sbb-teaser__wrapper{display:flex;position:relative;cursor:var(--sbb-cursor-pointer)}.sbb-teaser__wrapper:before{content:\"​\";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-teaser{text-decoration:none;position:absolute;inset:0}.sbb-teaser: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-teaser-border-radius)}@media(forced-colors:active){.sbb-teaser:focus-visible{outline-offset:var(--_sbb-teaser-forced-colors-outline-offset)}}@media(forced-colors:active){.sbb-teaser:before{content:\"\";position:absolute;inset:var(--_sbb-teaser-forced-colors-inset);pointer-events:none;border-radius:var(--_sbb-teaser-forced-colors-border-radius);border:var(--sbb-border-width-1x) solid CanvasText}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%;width:100%;pointer-events:none}.sbb-teaser__text{color:var(--sbb-teaser-description-color);font-size:var(--sbb-teaser-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);overflow:hidden;max-width:100%}::slotted([slot=image]){display:block;width:var(--sbb-teaser-image-width)}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:box-shadow var(--sbb-teaser-image-animation-duration) var(--sbb-animation-easing)}:host(:not(:is(:state(slotted-image),[state--slotted-image]))) .sbb-teaser__image-wrapper{display:none}@media(any-hover:hover){:host(:hover) .sbb-teaser__image-wrapper{box-shadow:var(--sbb-box-shadow-level-9-hard)}}.sbb-teaser__description{display:inline-block;margin:0;padding:0}::slotted(sbb-chip-label){display:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}::slotted(sbb-title){margin-block:0}", c = (() => {
7
+ var s = "@charset \"UTF-8\";:host{--_sbb-teaser-forced-colors-inset: calc(-1 * var(--sbb-focus-outline-offset));--_sbb-teaser-forced-colors-outline-offset: calc(2 * var(--sbb-focus-outline-offset));--_sbb-teaser-forced-colors-border-radius: calc( var(--sbb-teaser-border-radius) + var(--sbb-focus-outline-offset) );display:inline-block;outline:none!important}@media(forced-colors:active){:host{--sbb-teaser-description-color: LinkText;--sbb-title-text-color-normal-override: LinkText !important}}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x)}@media(any-hover:hover){:host(:hover){--sbb-teaser-scale: var(--sbb-teaser-scale-hover)}}.sbb-teaser__wrapper{display:flex;position:relative;cursor:var(--sbb-cursor-pointer)}.sbb-teaser__wrapper:before{content:\"​\";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-teaser{text-decoration:none;position:absolute;inset:0}.sbb-teaser: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-teaser-border-radius)}@media(forced-colors:active){.sbb-teaser:focus-visible{outline-offset:var(--_sbb-teaser-forced-colors-outline-offset)}}@media(forced-colors:active){.sbb-teaser:before{content:\"\";position:absolute;inset:var(--_sbb-teaser-forced-colors-inset);pointer-events:none;border-radius:var(--_sbb-teaser-forced-colors-border-radius);border:var(--sbb-border-width-1x) solid CanvasText}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%;width:100%;pointer-events:none}.sbb-teaser__text{color:var(--sbb-teaser-description-color);font-size:var(--sbb-teaser-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);overflow:hidden;max-width:100%}::slotted([slot=image]){display:block;width:var(--sbb-teaser-image-width)}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:box-shadow var(--sbb-teaser-image-animation-duration) var(--sbb-animation-easing)}:host(:not(:is(:state(slotted-image),[state--slotted-image]))) .sbb-teaser__image-wrapper{display:none}@media(any-hover:hover){:host(:hover) .sbb-teaser__image-wrapper{box-shadow:var(--sbb-box-shadow-level-9-hard)}}.sbb-teaser__description{display:inline-block;margin:0;padding:0}::slotted(sbb-chip-label){display:flex;width:fit-content;max-width:100%;margin-block-end:var(--sbb-spacing-fixed-1x)}::slotted(sbb-title){margin-block:0}", c = (() => {
8
8
  let c = i, l, u = [], d = [];
9
9
  return class extends c {
10
10
  static {
package/teaser.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "./teaser.component-Bl_Myx2h.js";
1
+ import { t as e } from "./teaser.component-B2y2AlAx.js";
2
2
  import "./teaser.pure.js";
3
3
  //#region src/elements/teaser.ts
4
4
  e.define();
package/teaser.pure.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "./teaser.component-Bl_Myx2h.js";
1
+ import { t as e } from "./teaser.component-B2y2AlAx.js";
2
2
  export { e as SbbTeaserElement };
@@ -1,79 +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, boxSizingStyles as o } from "./core.js";
5
- //#region src/elements/chip-label/chip-label.scss?inline
6
- var s = ":host{display:inline-block}:host([color=charcoal]){--sbb-chip-label-color: var(--sbb-color-2-inverted);--sbb-chip-label-background-color: var(--sbb-background-color-2-inverted)}:host([color=white]){--sbb-chip-label-color: var(--sbb-color-granite);--sbb-chip-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));--sbb-chip-label-background-color: var(--sbb-background-color-1)}:host([color=granite]){--sbb-chip-label-color: var(--sbb-color-2-inverted);--sbb-chip-label-background-color: var(--sbb-color-granite);--sbb-chip-label-background-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm))}:host([size=xs]){--sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-3x);--sbb-chip-label-font-size: var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-4x);--sbb-chip-label-font-size: var(--sbb-text-font-size-s)}.sbb-chip-label{line-height:2;display:inline-flex;align-items:center;justify-content:center;height:calc(var(--sbb-typo-line-height-text) * var(--sbb-chip-label-font-size) + var(--sbb-chip-label-padding-block) * 2);background-color:var(--sbb-chip-label-background-color);padding-inline:var(--sbb-chip-label-padding-inline);border-radius:var(--sbb-border-radius-infinity);color:var(--sbb-chip-label-color);font-size:var(--sbb-chip-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);overflow:hidden}@media(forced-colors:active){.sbb-chip-label{outline:var(--sbb-border-width-1x) solid CanvasText;outline-offset:calc(-1 * var(--sbb-border-width-1x))}}.sbb-chip-label{display:flex}.sbb-chip__text-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block}", c = (() => {
7
- let c = a, l, u = [], d = [], f, p = [], m = [];
8
- return class extends c {
9
- static {
10
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
11
- l = [i({ reflect: !0 })], f = [i({ reflect: !0 })], e(this, null, l, {
12
- kind: "accessor",
13
- name: "size",
14
- static: !1,
15
- private: !1,
16
- access: {
17
- has: (e) => "size" in e,
18
- get: (e) => e.size,
19
- set: (e, t) => {
20
- e.size = t;
21
- }
22
- },
23
- metadata: t
24
- }, u, d), e(this, null, f, {
25
- kind: "accessor",
26
- name: "color",
27
- static: !1,
28
- private: !1,
29
- access: {
30
- has: (e) => "color" in e,
31
- get: (e) => e.color,
32
- set: (e, t) => {
33
- e.color = t;
34
- }
35
- },
36
- metadata: t
37
- }, p, m), t && Object.defineProperty(this, Symbol.metadata, {
38
- enumerable: !0,
39
- configurable: !0,
40
- writable: !0,
41
- value: t
42
- });
43
- }
44
- static {
45
- this.elementName = "sbb-chip-label";
46
- }
47
- static {
48
- this.styles = [o, r(s)];
49
- }
50
- #e = t(this, u, "xxs");
51
- get size() {
52
- return this.#e;
53
- }
54
- set size(e) {
55
- this.#e = e;
56
- }
57
- #t = (t(this, d), t(this, p, "milk"));
58
- get color() {
59
- return this.#t;
60
- }
61
- set color(e) {
62
- this.#t = e;
63
- }
64
- render() {
65
- return n`
66
- <span class="sbb-chip-label">
67
- <span class="sbb-chip__text-wrapper">
68
- <slot></slot>
69
- </span>
70
- </span>
71
- `;
72
- }
73
- constructor() {
74
- super(...arguments), t(this, m);
75
- }
76
- };
77
- })();
78
- //#endregion
79
- export { c as t };
@@ -1,95 +0,0 @@
1
- @use './a11y';
2
- @use './helpers';
3
- @use './typo';
4
-
5
- @mixin chip-label-variables--color-milk {
6
- --sbb-chip-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));
7
- --sbb-chip-label-background-color: var(--sbb-background-color-3);
8
- }
9
-
10
- @mixin chip-label-variables--color-charcoal {
11
- --sbb-chip-label-color: var(--sbb-color-2-inverted);
12
- --sbb-chip-label-background-color: var(--sbb-background-color-2-inverted);
13
- }
14
-
15
- @mixin chip-label-variables--color-white {
16
- --sbb-chip-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));
17
- --sbb-chip-label-background-color: var(--sbb-background-color-1);
18
- }
19
-
20
- @mixin chip-label-variables--color-granite {
21
- --sbb-chip-label-color: var(--sbb-color-2-inverted);
22
- --sbb-chip-label-background-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm));
23
- }
24
-
25
- @mixin chip-label-variables--size-xxs {
26
- --sbb-chip-label-padding-block: 0em;
27
- --sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);
28
- --sbb-chip-label-font-size: var(--sbb-text-font-size-xxs);
29
- }
30
-
31
- @mixin chip-label-variables--size-xs {
32
- --sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);
33
- --sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-3x);
34
- --sbb-chip-label-font-size: var(--sbb-text-font-size-xs);
35
- }
36
-
37
- @mixin chip-label-variables--size-s {
38
- --sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);
39
- --sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-4x);
40
- --sbb-chip-label-font-size: var(--sbb-text-font-size-s);
41
- }
42
-
43
- @mixin chip-label-rules {
44
- // We need an even value to make it work smoothly in Safari
45
- line-height: 2;
46
- display: inline-flex;
47
- align-items: center;
48
- justify-content: center;
49
- height: calc(
50
- var(--sbb-typo-line-height-text) * var(--sbb-chip-label-font-size) +
51
- var(--sbb-chip-label-padding-block) * 2
52
- );
53
- background-color: var(--sbb-chip-label-background-color);
54
- padding-inline: var(--sbb-chip-label-padding-inline);
55
- border-radius: var(--sbb-border-radius-infinity);
56
- color: var(--sbb-chip-label-color);
57
- font-size: var(--sbb-chip-label-font-size);
58
- letter-spacing: var(--sbb-typo-letter-spacing-text);
59
-
60
- // Overflow hidden needed because line-height can be taller than height which can cause weird layout shifting
61
- overflow: hidden;
62
-
63
- @include a11y.if-forced-colors {
64
- outline: var(--sbb-border-width-1x) solid CanvasText;
65
- outline-offset: calc(-1 * var(--sbb-border-width-1x));
66
- }
67
- }
68
-
69
- @mixin chip-label-rules-ellipsis {
70
- @include helpers.ellipsis;
71
-
72
- display: inline-block;
73
- }
74
-
75
- @mixin chip($color: milk, $size: xxs) {
76
- @if $color == milk {
77
- @include chip-label-variables--color-milk;
78
- } @else if $color == charcoal {
79
- @include chip-label-variables--color-charcoal;
80
- } @else if $color == white {
81
- @include chip-label-variables--color-white;
82
- } @else if $color == granite {
83
- @include chip-label-variables--color-granite;
84
- }
85
-
86
- @if $size == xxs {
87
- @include chip-label-variables--size-xxs;
88
- } @else if $size == xs {
89
- @include chip-label-variables--size-xs;
90
- } @else if $size == s {
91
- @include chip-label-variables--size-s;
92
- }
93
-
94
- @include chip-label-rules;
95
- }
@@ -1,102 +0,0 @@
1
- import { __esDecorate, __runInitializers } from "tslib";
2
- import { html, unsafeCSS } from "lit";
3
- import { property } from "lit/decorators.js";
4
- import { SbbElement, boxSizingStyles } from "./core.js";
5
- //#region src/elements/chip-label/chip-label.scss?inline
6
- var chip_label_default = ":host {\n display: inline-block;\n}\n\n:host([color=charcoal]) {\n --sbb-chip-label-color: var(--sbb-color-2-inverted);\n --sbb-chip-label-background-color: var(--sbb-background-color-2-inverted);\n}\n\n:host([color=white]) {\n --sbb-chip-label-color: var(--sbb-color-granite);\n --sbb-chip-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));\n --sbb-chip-label-background-color: var(--sbb-background-color-1);\n}\n\n:host([color=granite]) {\n --sbb-chip-label-color: var(--sbb-color-2-inverted);\n --sbb-chip-label-background-color: var(--sbb-color-granite);\n --sbb-chip-label-background-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm));\n}\n\n:host([size=xs]) {\n --sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);\n --sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-3x);\n --sbb-chip-label-font-size: var(--sbb-text-font-size-xs);\n}\n\n:host([size=s]) {\n --sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);\n --sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-4x);\n --sbb-chip-label-font-size: var(--sbb-text-font-size-s);\n}\n\n.sbb-chip-label {\n line-height: 2;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: calc(var(--sbb-typo-line-height-text) * var(--sbb-chip-label-font-size) + var(--sbb-chip-label-padding-block) * 2);\n background-color: var(--sbb-chip-label-background-color);\n padding-inline: var(--sbb-chip-label-padding-inline);\n border-radius: var(--sbb-border-radius-infinity);\n color: var(--sbb-chip-label-color);\n font-size: var(--sbb-chip-label-font-size);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n overflow: hidden;\n}\n@media (forced-colors: active) {\n .sbb-chip-label {\n outline: var(--sbb-border-width-1x) solid CanvasText;\n outline-offset: calc(-1 * var(--sbb-border-width-1x));\n }\n}\n.sbb-chip-label {\n display: flex;\n}\n\n.sbb-chip__text-wrapper {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n display: inline-block;\n}";
7
- //#endregion
8
- //#region src/elements/chip-label/chip-label.component.ts
9
- /**
10
- * It displays brief and compact information.
11
- *
12
- * @slot - Use the unnamed slot to add content to the `sbb-chip-label`.
13
- */
14
- var SbbChipLabelElement = (() => {
15
- let _classSuper = SbbElement;
16
- let _size_decorators;
17
- let _size_initializers = [];
18
- let _size_extraInitializers = [];
19
- let _color_decorators;
20
- let _color_initializers = [];
21
- let _color_extraInitializers = [];
22
- return class SbbChipLabelElement extends _classSuper {
23
- static {
24
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
25
- _size_decorators = [property({ reflect: true })];
26
- _color_decorators = [property({ reflect: true })];
27
- __esDecorate(this, null, _size_decorators, {
28
- kind: "accessor",
29
- name: "size",
30
- static: false,
31
- private: false,
32
- access: {
33
- has: (obj) => "size" in obj,
34
- get: (obj) => obj.size,
35
- set: (obj, value) => {
36
- obj.size = value;
37
- }
38
- },
39
- metadata: _metadata
40
- }, _size_initializers, _size_extraInitializers);
41
- __esDecorate(this, null, _color_decorators, {
42
- kind: "accessor",
43
- name: "color",
44
- static: false,
45
- private: false,
46
- access: {
47
- has: (obj) => "color" in obj,
48
- get: (obj) => obj.color,
49
- set: (obj, value) => {
50
- obj.color = value;
51
- }
52
- },
53
- metadata: _metadata
54
- }, _color_initializers, _color_extraInitializers);
55
- if (_metadata) Object.defineProperty(this, Symbol.metadata, {
56
- enumerable: true,
57
- configurable: true,
58
- writable: true,
59
- value: _metadata
60
- });
61
- }
62
- static {
63
- this.elementName = "sbb-chip-label";
64
- }
65
- static {
66
- this.styles = [boxSizingStyles, unsafeCSS(chip_label_default)];
67
- }
68
- #size_accessor_storage = __runInitializers(this, _size_initializers, "xxs");
69
- /** Size of the chip. */
70
- get size() {
71
- return this.#size_accessor_storage;
72
- }
73
- set size(value) {
74
- this.#size_accessor_storage = value;
75
- }
76
- #color_accessor_storage = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _color_initializers, "milk"));
77
- /** Color of the chip. */
78
- get color() {
79
- return this.#color_accessor_storage;
80
- }
81
- set color(value) {
82
- this.#color_accessor_storage = value;
83
- }
84
- render() {
85
- return html`
86
- <span class="sbb-chip-label">
87
- <span class="sbb-chip__text-wrapper">
88
- <slot></slot>
89
- </span>
90
- </span>
91
- `;
92
- }
93
- constructor() {
94
- super(...arguments);
95
- __runInitializers(this, _color_extraInitializers);
96
- }
97
- };
98
- })();
99
- //#endregion
100
- export { SbbChipLabelElement as t };
101
-
102
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC1sYWJlbC5jb21wb25lbnQtQzFDR0w4emIuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2NoaXAtbGFiZWwvY2hpcC1sYWJlbC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9jaGlwLWxhYmVsL2NoaXAtbGFiZWwuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xufVxuXG46aG9zdChbY29sb3I9J2NoYXJjb2FsJ10pIHtcbiAgQGluY2x1ZGUgc2JiLmNoaXAtbGFiZWwtdmFyaWFibGVzLS1jb2xvci1jaGFyY29hbDtcbn1cblxuOmhvc3QoW2NvbG9yPSd3aGl0ZSddKSB7XG4gIEBpbmNsdWRlIHNiYi5jaGlwLWxhYmVsLXZhcmlhYmxlcy0tY29sb3Itd2hpdGU7XG59XG5cbjpob3N0KFtjb2xvcj0nZ3Jhbml0ZSddKSB7XG4gIEBpbmNsdWRlIHNiYi5jaGlwLWxhYmVsLXZhcmlhYmxlcy0tY29sb3ItZ3Jhbml0ZTtcbn1cblxuOmhvc3QoW3NpemU9J3hzJ10pIHtcbiAgQGluY2x1ZGUgc2JiLmNoaXAtbGFiZWwtdmFyaWFibGVzLS1zaXplLXhzO1xufVxuXG46aG9zdChbc2l6ZT0ncyddKSB7XG4gIEBpbmNsdWRlIHNiYi5jaGlwLWxhYmVsLXZhcmlhYmxlcy0tc2l6ZS1zO1xufVxuXG4uc2JiLWNoaXAtbGFiZWwge1xuICBAaW5jbHVkZSBzYmIuY2hpcC1sYWJlbC1ydWxlcztcblxuICBkaXNwbGF5OiBmbGV4O1xufVxuXG4uc2JiLWNoaXBfX3RleHQtd3JhcHBlciB7XG4gIEBpbmNsdWRlIHNiYi5jaGlwLWxhYmVsLXJ1bGVzLWVsbGlwc2lzO1xufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCwgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMsIFNiYkVsZW1lbnQgfSBmcm9tICcuLi9jb3JlLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vY2hpcC1sYWJlbC5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYnJpZWYgYW5kIGNvbXBhY3QgaW5mb3JtYXRpb24uXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgYHNiYi1jaGlwLWxhYmVsYC5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYkNoaXBMYWJlbEVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1jaGlwLWxhYmVsJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgLyoqIFNpemUgb2YgdGhlIGNoaXAuICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIGFjY2Vzc29yIHNpemU6ICd4eHMnIHwgJ3hzJyB8ICdzJyA9ICd4eHMnO1xuXG4gIC8qKiBDb2xvciBvZiB0aGUgY2hpcC4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3IgY29sb3I6ICdtaWxrJyB8ICdjaGFyY29hbCcgfCAnd2hpdGUnIHwgJ2dyYW5pdGUnID0gJ21pbGsnO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2hpcC1sYWJlbFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jaGlwX190ZXh0LXdyYXBwZXJcIj5cbiAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItY2hpcC1sYWJlbCc6IFNiYkNoaXBMYWJlbEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztJQ1lhLDZCQUFtQjttQkFBUzs7Ozs7OztjQUE1Qiw0QkFBNEIsWUFBVTs7O3VCQUtoRCxTQUFTLEVBQUUsU0FBUyxNQUFNLENBQUMsQ0FBQTt3QkFJM0IsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUE7QUFINUIsZ0JBQUEsTUFBQSxNQUFBLGtCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsVUFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFJLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBSixPQUFJOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsb0JBQUEsd0JBQUE7QUFJcEIsZ0JBQUEsTUFBQSxNQUFBLG1CQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsV0FBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFLLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBTCxRQUFLOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEscUJBQUEseUJBQUE7Ozs7Ozs7OztBQVRXLFFBQUEsY0FBc0I7OztBQUMvQixRQUFBLFNBQXlCLENBQUMsaUJBQWlCLFVBQVUsbUJBQU0sQ0FBQzs7RUFJbkYseUJBQUEsa0JBQUEsTUFBQSxvQkFBMkMsTUFBSzs7RUFBaEQsSUFBZ0IsT0FBSTtBQUFBLFVBQUEsTUFBQTs7RUFBcEIsSUFBZ0IsS0FBSSxPQUFBO0FBQUEsU0FBQSx3QkFBQTs7RUFJcEIsMkJBQUEsa0JBQUEsTUFBQSx3QkFBQSxFQUFBLGtCQUFBLE1BQUEscUJBQW1FLE9BQU07O0VBQXpFLElBQWdCLFFBQUs7QUFBQSxVQUFBLE1BQUE7O0VBQXJCLElBQWdCLE1BQUssT0FBQTtBQUFBLFNBQUEseUJBQUE7O0VBRUYsU0FBTTtBQUN2QixVQUFPLElBQUkifQ==