@sbb-esta/lyne-elements 4.9.0 → 4.10.0

package/development/tag-group.component-Cw46bt0E.js

@@ -0,0 +1,200 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, isServer, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement } from "./core/base-elements.js";
+import { forceType } from "./core/decorators.js";
+import { isLean, setOrRemoveAttribute } from "./core/dom.js";
+import { SbbDisabledMixin, SbbNamedSlotListMixin } from "./core/mixins.js";
+import { boxSizingStyles } from "./core/styles.js";
+//#region src/elements/tag/tag-group/tag-group.scss?inline
+var tag_group_default = ":host {\n  display: block;\n}\n\n.sbb-tag-group__list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  font-size: inherit;\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--sbb-spacing-fixed-3x);\n}\n\n.sbb-tag-group__list > :is(li, span) {\n  display: flex;\n  max-width: 100%;\n}";
+//#endregion
+//#region src/elements/tag/tag-group/tag-group.component.ts
+/**
+* It can be used as a container for one or more `sbb-tag`.
+*
+* @slot - Use the unnamed slot to add one or more 'sbb-tag' elements to the `sbb-tag-group`.
+* @overrideType value - (T = string | (string | null)[]) | null
+*/
+var SbbTagGroupElement = (() => {
+	let _classSuper = SbbDisabledMixin(SbbNamedSlotListMixin(SbbElement));
+	let _instanceExtraInitializers = [];
+	let _listAccessibilityLabel_decorators;
+	let _listAccessibilityLabel_initializers = [];
+	let _listAccessibilityLabel_extraInitializers = [];
+	let _multiple_decorators;
+	let _multiple_initializers = [];
+	let _multiple_extraInitializers = [];
+	let _size_decorators;
+	let _size_initializers = [];
+	let _size_extraInitializers = [];
+	let _set_value_decorators;
+	return class SbbTagGroupElement extends _classSuper {
+		constructor() {
+			super(...arguments);
+			this.listChildLocalNames = (__runInitializers(this, _instanceExtraInitializers), ["sbb-tag", "div"]);
+			this.#listAccessibilityLabel_accessor_storage = __runInitializers(this, _listAccessibilityLabel_initializers, "");
+			this.#multiple_accessor_storage = (__runInitializers(this, _listAccessibilityLabel_extraInitializers), __runInitializers(this, _multiple_initializers, false));
+			this.#size_accessor_storage = (__runInitializers(this, _multiple_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "s" : "m"));
+			this._value = (__runInitializers(this, _size_extraInitializers), null);
+		}
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_listAccessibilityLabel_decorators = [forceType(), property({ attribute: "list-accessibility-label" })];
+			_multiple_decorators = [forceType(), property({ type: Boolean })];
+			_size_decorators = [property({ reflect: true })];
+			_set_value_decorators = [property()];
+			__esDecorate(this, null, _listAccessibilityLabel_decorators, {
+				kind: "accessor",
+				name: "listAccessibilityLabel",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "listAccessibilityLabel" in obj,
+					get: (obj) => obj.listAccessibilityLabel,
+					set: (obj, value) => {
+						obj.listAccessibilityLabel = value;
+					}
+				},
+				metadata: _metadata
+			}, _listAccessibilityLabel_initializers, _listAccessibilityLabel_extraInitializers);
+			__esDecorate(this, null, _multiple_decorators, {
+				kind: "accessor",
+				name: "multiple",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "multiple" in obj,
+					get: (obj) => obj.multiple,
+					set: (obj, value) => {
+						obj.multiple = value;
+					}
+				},
+				metadata: _metadata
+			}, _multiple_initializers, _multiple_extraInitializers);
+			__esDecorate(this, null, _size_decorators, {
+				kind: "accessor",
+				name: "size",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "size" in obj,
+					get: (obj) => obj.size,
+					set: (obj, value) => {
+						obj.size = value;
+					}
+				},
+				metadata: _metadata
+			}, _size_initializers, _size_extraInitializers);
+			__esDecorate(this, null, _set_value_decorators, {
+				kind: "setter",
+				name: "value",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "value" in obj,
+					set: (obj, value) => {
+						obj.value = value;
+					}
+				},
+				metadata: _metadata
+			}, null, _instanceExtraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-tag-group";
+		}
+		static {
+			this.styles = [boxSizingStyles, unsafeCSS(tag_group_default)];
+		}
+		#listAccessibilityLabel_accessor_storage;
+		/**
+		* This will be forwarded as aria-label to the inner list.
+		*/
+		get listAccessibilityLabel() {
+			return this.#listAccessibilityLabel_accessor_storage;
+		}
+		set listAccessibilityLabel(value) {
+			this.#listAccessibilityLabel_accessor_storage = value;
+		}
+		#multiple_accessor_storage;
+		/**
+		* If set multiple to false, the selection is exclusive and the value is a string (or null).
+		* If set multiple to true, the selection can have multiple values and therefore value is an array.
+		*
+		* Changing multiple during run time is not supported.
+		*/
+		get multiple() {
+			return this.#multiple_accessor_storage;
+		}
+		set multiple(value) {
+			this.#multiple_accessor_storage = value;
+		}
+		#size_accessor_storage;
+		/**
+		* Tag group size, either s or m.
+		* @default 'm' / 's' (lean)
+		*/
+		get size() {
+			return this.#size_accessor_storage;
+		}
+		set size(value) {
+			this.#size_accessor_storage = value;
+		}
+		/**
+		* Value of the sbb-tag-group.
+		* If set multiple to false, the value is a string (or null).
+		* If set multiple to true, the value is an array.
+		*/
+		set value(value) {
+			if (isServer || !this.hasUpdated) {
+				this._value = value;
+				return;
+			}
+			this._applyValueToTags(value);
+		}
+		get value() {
+			return isServer || !this.hasUpdated ? this._value : this.multiple ? this.tags.filter((t) => t.checked).map((t) => t.value) : this.tags.find((t) => t.checked)?.value ?? null;
+		}
+		/** The child instances of sbb-tag as an array. */
+		get tags() {
+			return Array.from(this.querySelectorAll?.("sbb-tag") ?? []);
+		}
+		willUpdate(changedProperties) {
+			super.willUpdate(changedProperties);
+			if (changedProperties.has("value") && !this.hasUpdated && this._value) this._applyValueToTags(this.value);
+			if (changedProperties.has("size")) this.tags.forEach((t) => t.requestUpdate?.("size"));
+			if (changedProperties.has("disabled")) this.tags.forEach((r) => r.requestUpdate?.("disabled"));
+			if ((changedProperties.has("listChildren") || changedProperties.has("multiple")) && !this.multiple) this.tags.filter((tag) => tag.checked).slice(1).forEach((tag) => tag.checked = false);
+			setOrRemoveAttribute(this, "role", changedProperties.has("listAccessibilityLabel") && this.listAccessibilityLabel ? null : "group");
+		}
+		_applyValueToTags(value) {
+			const tags = this.tags;
+			if (value === null) tags.forEach((t) => t.checked = false);
+			else if (this.multiple) {
+				if (!Array.isArray(value) && tags.every((t) => t.value !== value)) try {
+					value = JSON.parse(value);
+				} catch {}
+				const valueAsArray = Array.isArray(value) ? value : [value];
+				tags.forEach((t) => t.checked = valueAsArray.includes(t.value));
+			} else if (!Array.isArray(value)) tags.forEach((t) => t.checked = t.value === value);
+		}
+		render() {
+			return html`
+      ${this.renderList({
+				class: "sbb-tag-group__list",
+				ariaLabel: this.listAccessibilityLabel
+			})}
+    `;
+		}
+	};
+})();
+//#endregion
+export { SbbTagGroupElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLWdyb3VwLmNvbXBvbmVudC1DdzQ2YnQwRS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFnL3RhZy1ncm91cC90YWctZ3JvdXAuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFnL3RhZy1ncm91cC90YWctZ3JvdXAuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5zYmItdGFnLWdyb3VwX19saXN0IHtcbiAgQGluY2x1ZGUgc2JiLmxpc3QtcmVzZXQ7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBnYXA6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTN4KTtcbn1cblxuLy8gVXNpbmcgLi4uIGxpIHNlbGVjdG9yLCBiZWNhdXNlIHRoZSBsaSBnZW5lcmF0aW9uXG4vLyBpcyBoYW5kbGVkIGluIHRoZSBjb21wb25lbnQgYmFzZSBjbGFzcy5cbi5zYmItdGFnLWdyb3VwX19saXN0ID4gOmlzKGxpLCBzcGFuKSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1heC13aWR0aDogMTAwJTtcbn1cbiIsImltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIGlzU2VydmVyLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxuICB1bnNhZmVDU1MsXG59IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMudHMnO1xuaW1wb3J0IHsgaXNMZWFuLCBzZXRPclJlbW92ZUF0dHJpYnV0ZSB9IGZyb20gJy4uLy4uL2NvcmUvZG9tLnRzJztcbmltcG9ydCB7XG4gIFNiYkRpc2FibGVkTWl4aW4sXG4gIFNiYk5hbWVkU2xvdExpc3RNaXhpbixcbiAgdHlwZSBXaXRoTGlzdENoaWxkcmVuLFxufSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRhZ0VsZW1lbnQsIFNiYlRhZ1NpemUgfSBmcm9tICcuLi90YWcvdGFnLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RhZy1ncm91cC5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogSXQgY2FuIGJlIHVzZWQgYXMgYSBjb250YWluZXIgZm9yIG9uZSBvciBtb3JlIGBzYmItdGFnYC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBvbmUgb3IgbW9yZSAnc2JiLXRhZycgZWxlbWVudHMgdG8gdGhlIGBzYmItdGFnLWdyb3VwYC5cbiAqIEBvdmVycmlkZVR5cGUgdmFsdWUgLSAoVCA9IHN0cmluZyB8IChzdHJpbmcgfCBudWxsKVtdKSB8IG51bGxcbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRhZ0dyb3VwRWxlbWVudDxUID0gc3RyaW5nPiBleHRlbmRzIFNiYkRpc2FibGVkTWl4aW4oXG4gIFNiYk5hbWVkU2xvdExpc3RNaXhpbjxTYmJUYWdFbGVtZW50LCB0eXBlb2YgU2JiRWxlbWVudD4oU2JiRWxlbWVudCksXG4pIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi10YWctZ3JvdXAnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcbiAgLy8gRElWIGlzIGFkZGVkIGhlcmUgZHVlIHRvIHNwZWNpYWwgcmVxdWlyZW1lbnRzIGZyb20gc2JiLmNoLlxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVhZG9ubHkgbGlzdENoaWxkTG9jYWxOYW1lcyA9IFsnc2JiLXRhZycsICdkaXYnXTtcblxuICAvKipcbiAgICogVGhpcyB3aWxsIGJlIGZvcndhcmRlZCBhcyBhcmlhLWxhYmVsIHRvIHRoZSBpbm5lciBsaXN0LlxuICAgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2xpc3QtYWNjZXNzaWJpbGl0eS1sYWJlbCcgfSlcbiAgcHVibGljIGFjY2Vzc29yIGxpc3RBY2Nlc3NpYmlsaXR5TGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBJZiBzZXQgbXVsdGlwbGUgdG8gZmFsc2UsIHRoZSBzZWxlY3Rpb24gaXMgZXhjbHVzaXZlIGFuZCB0aGUgdmFsdWUgaXMgYSBzdHJpbmcgKG9yIG51bGwpLlxuICAgKiBJZiBzZXQgbXVsdGlwbGUgdG8gdHJ1ZSwgdGhlIHNlbGVjdGlvbiBjYW4gaGF2ZSBtdWx0aXBsZSB2YWx1ZXMgYW5kIHRoZXJlZm9yZSB2YWx1ZSBpcyBhbiBhcnJheS5cbiAgICpcbiAgICogQ2hhbmdpbmcgbXVsdGlwbGUgZHVyaW5nIHJ1biB0aW1lIGlzIG5vdCBzdXBwb3J0ZWQuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgbXVsdGlwbGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogVGFnIGdyb3VwIHNpemUsIGVpdGhlciBzIG9yIG0uXG4gICAqIEBkZWZhdWx0ICdtJyAvICdzJyAobGVhbilcbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6IFNiYlRhZ1NpemUgPSBpc0xlYW4oKSA/ICdzJyA6ICdtJztcblxuICAvKipcbiAgICogVmFsdWUgb2YgdGhlIHNiYi10YWctZ3JvdXAuXG4gICAqIElmIHNldCBtdWx0aXBsZSB0byBmYWxzZSwgdGhlIHZhbHVlIGlzIGEgc3RyaW5nIChvciBudWxsKS5cbiAgICogSWYgc2V0IG11bHRpcGxlIHRvIHRydWUsIHRoZSB2YWx1ZSBpcyBhbiBhcnJheS5cbiAgICovXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBzZXQgdmFsdWUodmFsdWU6IFQgfCAoVCB8IG51bGwpW10gfCBudWxsKSB7XG4gICAgaWYgKGlzU2VydmVyIHx8ICF0aGlzLmhhc1VwZGF0ZWQpIHtcbiAgICAgIHRoaXMuX3ZhbHVlID0gdmFsdWU7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuX2FwcGx5VmFsdWVUb1RhZ3ModmFsdWUpO1xuICB9XG4gIHB1YmxpYyBnZXQgdmFsdWUoKTogVCB8IChUIHwgbnVsbClbXSB8IG51bGwge1xuICAgIHJldHVybiBpc1NlcnZlciB8fCAhdGhpcy5oYXNVcGRhdGVkXG4gICAgICA/IHRoaXMuX3ZhbHVlXG4gICAgICA6IHRoaXMubXVsdGlwbGVcbiAgICAgICAgPyB0aGlzLnRhZ3MuZmlsdGVyKCh0KSA9PiB0LmNoZWNrZWQpLm1hcCgodCkgPT4gdC52YWx1ZSlcbiAgICAgICAgOiAodGhpcy50YWdzLmZpbmQoKHQpID0+IHQuY2hlY2tlZCk/LnZhbHVlID8/IG51bGwpO1xuICB9XG4gIHByaXZhdGUgX3ZhbHVlOiBUIHwgKFQgfCBudWxsKVtdIHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqIFRoZSBjaGlsZCBpbnN0YW5jZXMgb2Ygc2JiLXRhZyBhcyBhbiBhcnJheS4gKi9cbiAgcHVibGljIGdldCB0YWdzKCk6IFNiYlRhZ0VsZW1lbnQ8VD5bXSB7XG4gICAgcmV0dXJuIEFycmF5LmZyb20odGhpcy5xdWVyeVNlbGVjdG9yQWxsPy48U2JiVGFnRWxlbWVudDxUPj4oJ3NiYi10YWcnKSA/PyBbXSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8V2l0aExpc3RDaGlsZHJlbjx0aGlzPj4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ3ZhbHVlJykgJiYgIXRoaXMuaGFzVXBkYXRlZCAmJiB0aGlzLl92YWx1ZSkge1xuICAgICAgdGhpcy5fYXBwbHlWYWx1ZVRvVGFncyh0aGlzLnZhbHVlKTtcbiAgICB9XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdzaXplJykpIHtcbiAgICAgIHRoaXMudGFncy5mb3JFYWNoKCh0KSA9PiB0LnJlcXVlc3RVcGRhdGU/Lignc2l6ZScpKTtcbiAgICB9XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdkaXNhYmxlZCcpKSB7XG4gICAgICB0aGlzLnRhZ3MuZm9yRWFjaCgocikgPT4gci5yZXF1ZXN0VXBkYXRlPy4oJ2Rpc2FibGVkJykpO1xuICAgIH1cblxuICAgIGlmIChcbiAgICAgIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2xpc3RDaGlsZHJlbicpIHx8IGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnbXVsdGlwbGUnKSkgJiZcbiAgICAgICF0aGlzLm11bHRpcGxlXG4gICAgKSB7XG4gICAgICAvLyBFbnN1cmUgb25seSBvbmUgdGFnIGNoZWNrZWRcbiAgICAgIHRoaXMudGFnc1xuICAgICAgICAuZmlsdGVyKCh0YWcpID0+IHRhZy5jaGVja2VkKVxuICAgICAgICAuc2xpY2UoMSlcbiAgICAgICAgLmZvckVhY2goKHRhZykgPT4gKHRhZy5jaGVja2VkID0gZmFsc2UpKTtcbiAgICB9XG4gICAgc2V0T3JSZW1vdmVBdHRyaWJ1dGUoXG4gICAgICB0aGlzLFxuICAgICAgJ3JvbGUnLFxuICAgICAgY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdsaXN0QWNjZXNzaWJpbGl0eUxhYmVsJykgJiYgdGhpcy5saXN0QWNjZXNzaWJpbGl0eUxhYmVsXG4gICAgICAgID8gbnVsbFxuICAgICAgICA6ICdncm91cCcsXG4gICAgKTtcbiAgfVxuXG4gIHByaXZhdGUgX2FwcGx5VmFsdWVUb1RhZ3ModmFsdWU6IGFueSk6IHZvaWQge1xuICAgIGNvbnN0IHRhZ3MgPSB0aGlzLnRhZ3M7XG5cbiAgICBpZiAodmFsdWUgPT09IG51bGwpIHtcbiAgICAgIHRhZ3MuZm9yRWFjaCgodCkgPT4gKHQuY2hlY2tlZCA9IGZhbHNlKSk7XG4gICAgfSBlbHNlIGlmICh0aGlzLm11bHRpcGxlKSB7XG4gICAgICBpZiAoIUFycmF5LmlzQXJyYXkodmFsdWUpICYmIHRhZ3MuZXZlcnkoKHQpID0+IHQudmFsdWUgIT09IHZhbHVlKSkge1xuICAgICAgICB0cnkge1xuICAgICAgICAgIC8vIElmIGl0IGlzIG11bHRpcGxlIG1vZGUgYW5kIG5vIHRhZyBtYXRjaGVzIHRoZSB2YWx1ZSwgd2UgdHJ5IHRvIHBhcnNlIHRoZSB2YWx1ZSBhcyBKU09OLlxuICAgICAgICAgIC8vIFRoaXMgYWxsb3dzIHNlcnZlciBzaWRlIHJlbmRlcmluZyB0byB1c2UgYXJyYXkgdmFsdWVzIHRvIGJlIHBhc3NlZCB0byB0aGUgY2xpZW50IHNpZGUuXG4gICAgICAgICAgdmFsdWUgPSBKU09OLnBhcnNlKHZhbHVlIGFzIHN0cmluZyk7XG4gICAgICAgIH0gY2F0Y2gge1xuICAgICAgICAgIC8qIGVtcHR5ICovXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIGNvbnN0IHZhbHVlQXNBcnJheSA9IEFycmF5LmlzQXJyYXkodmFsdWUpID8gdmFsdWUgOiBbdmFsdWVdO1xuICAgICAgdGFncy5mb3JFYWNoKCh0KSA9PiAodC5jaGVja2VkID0gdmFsdWVBc0FycmF5LmluY2x1ZGVzKHQudmFsdWUpKSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIGlmICghQXJyYXkuaXNBcnJheSh2YWx1ZSkpIHtcbiAgICAgICAgdGFncy5mb3JFYWNoKCh0KSA9PiAodC5jaGVja2VkID0gdC52YWx1ZSA9PT0gdmFsdWUpKTtcbiAgICAgIH0gZWxzZSBpZiAoaW1wb3J0Lm1ldGEuZW52LkRFVikge1xuICAgICAgICBjb25zb2xlLndhcm4oJ3ZhbHVlIG11c3Qgbm90IGJlIHNldCBhcyBhbiBhcnJheSBpbiBzaW5ndWxhciBtb2RlLicsIHZhbHVlKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgICR7dGhpcy5yZW5kZXJMaXN0KHtcbiAgICAgICAgY2xhc3M6ICdzYmItdGFnLWdyb3VwX19saXN0JyxcbiAgICAgICAgYXJpYUxhYmVsOiB0aGlzLmxpc3RBY2Nlc3NpYmlsaXR5TGFiZWwsXG4gICAgICB9KX1cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGFnLWdyb3VwJzogU2JiVGFnR3JvdXBFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQzZCYSw0QkFBa0I7bUJBQXFCLGlCQUNsRCxzQkFBd0QsV0FBVyxDQUNwRTs7Ozs7Ozs7Ozs7O2NBRlksMkJBQXVDLFlBRW5EOzs7QUFJNkIsUUFBQSx1QkFOakIsa0JBQUEsTUFBQSwyQkFBa0IsRUFNcUIsQ0FBQyxXQUFXLE1BQU07QUFPcEQsU0FBQSwwQ0FBQSxrQkFBQSxNQUFBLHNDQUFpQyxHQUFFO0FBVW5DLFNBQUEsNkJBQUEsa0JBQUEsTUFBQSwwQ0FBQSxFQUFBLGtCQUFBLE1BQUEsd0JBQW9CLE1BQUs7QUFNSSxTQUFBLHlCQUFBLGtCQUFBLE1BQUEsNEJBQUEsRUFBQSxrQkFBQSxNQUFBLG9CQUFtQixRQUFRLEdBQUcsTUFBTSxJQUFHO0FB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

package/development/tag.component-CnNPL6aI.js

@@ -0,0 +1,245 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbButtonLikeBaseElement } from "./core/base-elements.js";
+import { forceType, getOverride, omitEmptyConverter } from "./core/decorators.js";
+import { isLean } from "./core/dom.js";
+import { SbbDisabledTabIndexActionMixin } from "./core/mixins.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { SbbIconNameMixin } from "./icon.js";
+//#region src/elements/tag/tag/tag.scss?inline
+var tag_default = ":host {\n  --sbb-tag-animation-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-2x)\n  );\n  display: inline-block;\n  max-width: 100%;\n  outline: none !important;\n}\n\n:host(:is(:state(checked),[state--checked])) {\n  --sbb-tag-border-color: var(--sbb-border-color-3);\n  --sbb-tag-border-width: var(--sbb-border-width-2x);\n}\n@media (forced-colors: active) {\n  :host(:is(:state(checked),[state--checked])) {\n    --sbb-tag-border-color: Highlight !important;\n    --sbb-tag-border-width: var(--sbb-border-width-4x);\n  }\n}\n\n:host(:is(:disabled, [disabled-interactive])) {\n  --sbb-tag-text-color: var(--sbb-color-granite);\n  --sbb-tag-text-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));\n  --sbb-tag-amount-color: var(--sbb-tag-text-color);\n  --sbb-tag-background-color: var(--sbb-background-color-3);\n  --sbb-tag-border-color: var(--sbb-color-cement);\n  --sbb-tag-border-color: light-dark(var(--sbb-color-cement), var(--sbb-color-smoke));\n  --sbb-tag-border-style: dashed;\n  --sbb-tag-cursor: unset;\n  --sbb-tag-pointer-events: none;\n}\n@media (forced-colors: active) {\n  :host(:is(:disabled, [disabled-interactive])) {\n    --sbb-tag-text-color: GrayText;\n    --sbb-tag-amount-color: GrayText;\n    --sbb-tag-border-color: GrayText;\n  }\n}\n\n:host(:is(:state(checked),[state--checked]):is(:disabled, [disabled-interactive])) {\n  --sbb-tag-border-color: var(--sbb-color-metal);\n  --sbb-tag-border-color: light-dark(var(--sbb-color-metal), var(--sbb-color-cement));\n  --sbb-tag-border-style: dashed;\n}\n\n@media (any-hover: hover) {\n  :host(:hover:not(:disabled, [disabled-interactive], :active, :is(:state(active),[state--active]))) {\n    --sbb-tag-background-color: var(--sbb-background-color-3);\n    --sbb-tag-inset: calc(var(--sbb-border-width-2x) * -1);\n    --sbb-tag-content-shift: translateY(calc(var(--sbb-border-width-1x) * -1));\n  }\n}\n@media (any-hover: hover) and (forced-colors: active) {\n  :host(:hover:not(:disabled, [disabled-interactive], :active, :is(:state(active),[state--active]))) {\n    --sbb-tag-border-color: Highlight;\n  }\n}\n\n:host(:is(:active, :is(:state(active),[state--active])):not(:disabled, [disabled-interactive])) {\n  --sbb-tag-background-color: var(--sbb-background-color-3);\n  --sbb-tag-border-color: var(--sbb-color-iron);\n  --sbb-tag-border-color: light-dark(var(--sbb-color-iron), var(--sbb-color-storm));\n  --sbb-tag-border-width: var(--sbb-border-width-2x);\n  --sbb-tag-text-color: var(--sbb-color-4);\n}\n@media (forced-colors: active) {\n  :host(:is(:active, :is(:state(active),[state--active])):not(:disabled, [disabled-interactive])) {\n    --sbb-tag-border-color: Highlight;\n    --sbb-tag-text-color: ButtonText;\n  }\n}\n\n:host([size=m]) {\n  --sbb-tag-height: var(--sbb-size-element-xs);\n  --sbb-tag-padding-inline: var(--sbb-spacing-fixed-5x);\n}\n\n:host([size=s]) {\n  --sbb-tag-height: var(--sbb-size-element-xxxs);\n  --sbb-tag-padding-inline: var(--sbb-spacing-fixed-3x);\n}\n\n.sbb-tag {\n  position: relative;\n  display: flex;\n  align-items: center;\n  height: var(--sbb-tag-height);\n  max-width: 100%;\n  font-size: var(--sbb-text-font-size-xs);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  gap: var(--sbb-tag-gap);\n  padding-inline: var(--sbb-tag-padding-inline);\n  cursor: var(--sbb-tag-cursor, var(--sbb-cursor-pointer));\n  border-radius: var(--sbb-tag-border-radius);\n  color: var(--sbb-tag-text-color);\n  transition: color var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);\n  -webkit-tap-highlight-color: transparent;\n  user-select: none;\n  pointer-events: var(--sbb-tag-pointer-events, unset);\n}\n.sbb-tag::before {\n  content: \"\";\n  position: absolute;\n  inset: var(--sbb-tag-inset, 0);\n  background-color: var(--sbb-tag-background-color);\n  border: var(--sbb-tag-border-width) var(--sbb-tag-border-style) var(--sbb-tag-border-color);\n  border-radius: var(--sbb-tag-border-radius);\n  transition-duration: var(--sbb-tag-animation-duration);\n  transition-timing-function: var(--sbb-tag-animation-easing);\n  transition-property: inset, background-color, border-color, box-shadow;\n}\n:host(:focus-visible) .sbb-tag::before {\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}\n\n.sbb-tag__icon {\n  display: flex;\n  align-items: center;\n  height: calc(var(--sbb-typo-line-height-text) * 1em);\n  flex-shrink: 0;\n}\n:host(:not(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tag__icon {\n  display: none;\n}\n\n.sbb-tag__text {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-weight: bold;\n}\n\n.sbb-tag__amount {\n  color: var(--sbb-tag-amount-color);\n}\n:host(:not(:is(:state(slotted-amount),[state--slotted-amount]), [amount])) .sbb-tag__amount {\n  display: none;\n}\n\n.sbb-tag--shift {\n  transition: transform var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);\n  transform: var(--sbb-tag-content-shift, 0);\n  will-change: transform;\n}";
+//#endregion
+//#region src/elements/tag/tag/tag.component.ts
+/**
+* It displays a selectable element which can be used as a filter.
+*
+* @slot - Use the unnamed slot to add content to the tag label.
+* @slot icon - Use this slot to display an icon at the component start, by providing a `sbb-icon` component.
+* @slot amount - Provide an amount to show it at the component end.
+* @overrideType value - (T = string) | null
+*/
+var SbbTagElement = (() => {
+	let _classSuper = SbbIconNameMixin(SbbDisabledTabIndexActionMixin(SbbButtonLikeBaseElement));
+	let _value_decorators;
+	let _value_initializers = [];
+	let _value_extraInitializers = [];
+	let _amount_decorators;
+	let _amount_initializers = [];
+	let _amount_extraInitializers = [];
+	let _checked_decorators;
+	let _checked_initializers = [];
+	let _checked_extraInitializers = [];
+	let _size_decorators;
+	let _size_initializers = [];
+	let _size_extraInitializers = [];
+	return class SbbTagElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_value_decorators = [property()];
+			_amount_decorators = [forceType(), property({
+				reflect: true,
+				converter: omitEmptyConverter
+			})];
+			_checked_decorators = [forceType(), property({
+				reflect: false,
+				type: Boolean
+			})];
+			_size_decorators = [property({ reflect: true }), getOverride((i, v) => i._group?.size ?? v)];
+			__esDecorate(this, null, _value_decorators, {
+				kind: "accessor",
+				name: "value",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "value" in obj,
+					get: (obj) => obj.value,
+					set: (obj, value) => {
+						obj.value = value;
+					}
+				},
+				metadata: _metadata
+			}, _value_initializers, _value_extraInitializers);
+			__esDecorate(this, null, _amount_decorators, {
+				kind: "accessor",
+				name: "amount",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "amount" in obj,
+					get: (obj) => obj.amount,
+					set: (obj, value) => {
+						obj.amount = value;
+					}
+				},
+				metadata: _metadata
+			}, _amount_initializers, _amount_extraInitializers);
+			__esDecorate(this, null, _checked_decorators, {
+				kind: "accessor",
+				name: "checked",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "checked" in obj,
+					get: (obj) => obj.checked,
+					set: (obj, value) => {
+						obj.checked = value;
+					}
+				},
+				metadata: _metadata
+			}, _checked_initializers, _checked_extraInitializers);
+			__esDecorate(this, null, _size_decorators, {
+				kind: "accessor",
+				name: "size",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "size" in obj,
+					get: (obj) => obj.size,
+					set: (obj, value) => {
+						obj.size = value;
+					}
+				},
+				metadata: _metadata
+			}, _size_initializers, _size_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-tag";
+		}
+		static {
+			this.styles = [boxSizingStyles, unsafeCSS(tag_default)];
+		}
+		static {
+			this.events = {
+				input: "input",
+				didChange: "didChange",
+				change: "change"
+			};
+		}
+		#value_accessor_storage;
+		/** Value of the form element. */
+		get value() {
+			return this.#value_accessor_storage;
+		}
+		set value(value) {
+			this.#value_accessor_storage = value;
+		}
+		#amount_accessor_storage;
+		/** Amount displayed inside the tag. */
+		get amount() {
+			return this.#amount_accessor_storage;
+		}
+		set amount(value) {
+			this.#amount_accessor_storage = value;
+		}
+		#checked_accessor_storage;
+		/** Whether the tag is checked. */
+		get checked() {
+			return this.#checked_accessor_storage;
+		}
+		set checked(value) {
+			this.#checked_accessor_storage = value;
+		}
+		#size_accessor_storage;
+		/**
+		* Tag size, either s or m.
+		* @default 'm' / 's' (lean)
+		*/
+		get size() {
+			return this.#size_accessor_storage;
+		}
+		set size(value) {
+			this.#size_accessor_storage = value;
+		}
+		constructor() {
+			super();
+			this.#value_accessor_storage = __runInitializers(this, _value_initializers, null);
+			this.#amount_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _amount_initializers, ""));
+			this.#checked_accessor_storage = (__runInitializers(this, _amount_extraInitializers), __runInitializers(this, _checked_initializers, false));
+			this.#size_accessor_storage = (__runInitializers(this, _checked_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "s" : "m"));
+			/** Reference to the connected tag group. */
+			this._group = (__runInitializers(this, _size_extraInitializers), null);
+			this.addEventListener?.("click", () => this._handleClick());
+		}
+		connectedCallback() {
+			super.connectedCallback();
+			this._group = this.closest("sbb-tag-group");
+		}
+		isDisabledExternally() {
+			return this._group?.disabled ?? false;
+		}
+		/** Method triggered on button click. Inverts the checked value and emits events. */
+		_handleClick() {
+			if (this.disabled) return;
+			const tagGroup = this.closest("sbb-tag-group");
+			if (tagGroup && !tagGroup.multiple && this.checked) return;
+			this.checked = !this.checked;
+			/** The input event fires when the value has been changed as a direct result of a user action. */
+			this.dispatchEvent(new InputEvent("input", {
+				bubbles: true,
+				composed: true
+			}));
+			/**
+			* 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.
+			*/
+			this.dispatchEvent(new Event("change", { bubbles: true }));
+			/**
+			* Deprecated. Mirrors change event for React. Will be removed once React properly supports change events.
+			* @deprecated
+			*/
+			this.dispatchEvent(new Event("didChange", { bubbles: true }));
+		}
+		willUpdate(changedProperties) {
+			super.willUpdate(changedProperties);
+			if (changedProperties.has("checked")) {
+				this.internals.ariaPressed = `${this.checked}`;
+				this.toggleState("checked", this.checked);
+				this.updateFormValue();
+			}
+			const tagGroup = this.closest?.("sbb-tag-group");
+			if (tagGroup && !tagGroup.multiple && changedProperties.has("checked") && this.checked) tagGroup?.tags.filter((t) => t !== this).forEach((t) => t.checked = false);
+		}
+		/**
+		* @internal
+		*/
+		formResetCallback() {
+			this.checked = this.hasAttribute("checked");
+		}
+		/**
+		* @internal
+		*/
+		formStateRestoreCallback(state, _reason) {
+			if (state) this.checked = state === "true";
+		}
+		updateFormValue() {
+			if (this.checked) super.updateFormValue();
+			else this.internals.setFormValue(null);
+		}
+		formState() {
+			return `${this.checked}`;
+		}
+		renderTemplate() {
+			return html`
+      <span class="sbb-tag__icon sbb-tag--shift"> ${this.renderIconSlot()} </span>
+      <span class="sbb-tag__text sbb-tag--shift">
+        <slot></slot>
+      </span>
+      <span class="sbb-tag__amount sbb-tag--shift">
+        <slot name="amount">${this.amount}</slot>
+      </span>
+    `;
+		}
+	};
+})();
+//#endregion
+export { SbbTagElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC1Dbk5QTDZhSS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFnL3RhZy90YWcuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFnL3RhZy90YWcuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbiRkaXNhYmxlZDogJzpkaXNhYmxlZCwgW2Rpc2FibGVkLWludGVyYWN0aXZlXSc7XG4kYWN0aXZlOiAnOmFjdGl2ZSwgOnN0YXRlKGFjdGl2ZSknO1xuXG46aG9zdCB7XG4gIC0tc2JiLXRhZy1hbmltYXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTJ4KVxuICApO1xuXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWF4LXdpZHRoOiAxMDAlO1xuXG4gIC8vIFVzZSAhaW1wb3J0YW50IGhlcmUgdG8gbm90IGludGVyZmVyZSB3aXRoIEZpcmVmb3ggZm9jdXMgcmluZyBkZWZpbml0aW9uXG4gIC8vIHdoaWNoIGFwcGVhcnMgaW4gbm9ybWFsaXplIENTUyBvZiBzZXZlcmFsIGZyYW1ld29ya3MuXG4gIG91dGxpbmU6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuLy8gQWN0aXZlIHN0YXRlXG46aG9zdCg6c3RhdGUoY2hlY2tlZCkpIHtcbiAgLS1zYmItdGFnLWJvcmRlci1jb2xvcjogdmFyKC0tc2JiLWJvcmRlci1jb2xvci0zKTtcbiAgLS1zYmItdGFnLWJvcmRlci13aWR0aDogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0yeCk7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXRhZy1ib3JkZXItY29sb3I6IEhpZ2hsaWdodCAhaW1wb3J0YW50O1xuICAgIC0tc2JiLXRhZy1ib3JkZXItd2lkdGg6IHZhcigtLXNiYi1ib3JkZXItd2lkdGgtNHgpO1xuICB9XG59XG5cbjpob3N0KDppcygjeyRkaXNhYmxlZH0pKSB7XG4gIC0tc2JiLXRhZy10ZXh0LWNvbG9yOiBsaWdodC1kYXJrKHZhcigtLXNiYi1jb2xvci1ncmFuaXRlKSwgdmFyKC0tc2JiLWNvbG9yLWFsdW1pbml1bSkpO1xuICAtLXNiYi10YWctYW1vdW50LWNvbG9yOiB2YXIoLS1zYmItdGFnLXRleHQtY29sb3IpO1xuICAtLXNiYi10YWctYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWJhY2tncm91bmQtY29sb3ItMyk7XG4gIC0tc2JiLXRhZy1ib3JkZXItY29sb3I6IGxpZ2h0LWRhcmsodmFyKC0tc2JiLWNvbG9yLWNlbWVudCksIHZhcigtLXNiYi1jb2xvci1zbW9rZSkpO1xuICAtLXNiYi10YWctYm9yZGVyLXN0eWxlOiBkYXNoZWQ7XG4gIC0tc2JiLXRhZy1jdXJzb3I6IHVuc2V0O1xuICAtLXNiYi10YWctcG9pbnRlci1ldmVudHM6IG5vbmU7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXRhZy10ZXh0LWNvbG9yOiBHcmF5VGV4dDtcbiAgICAtLXNiYi10YWctYW1vdW50LWNvbG9yOiBHcmF5VGV4dDtcbiAgICAtLXNiYi10YWctYm9yZGVyLWNvbG9yOiBHcmF5VGV4dDtcbiAgfVxufVxuXG46aG9zdCg6c3RhdGUoY2hlY2tlZCk6aXMoI3skZGlzYWJsZWR9KSkge1xuICAtLXNiYi10YWctYm9yZGVyLWNvbG9yOiBsaWdodC1kYXJrKHZhcigtLXNiYi1jb2xvci1tZXRhbCksIHZhcigtLXNiYi1jb2xvci1jZW1lbnQpKTtcbiAgLS1zYmItdGFnLWJvcmRlci1zdHlsZTogZGFzaGVkO1xufVxuXG46aG9zdCg6aG92ZXI6bm90KCN7JGRpc2FibGVkfSwgI3skYWN0aXZlfSkpIHtcbiAgQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICAgIC0tc2JiLXRhZy1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci0zKTtcbiAgICAtLXNiYi10YWctaW5zZXQ6IGNhbGModmFyKC0tc2JiLWJvcmRlci13aWR0aC0yeCkgKiAtMSk7XG4gICAgLS1zYmItdGFnLWNvbnRlbnQtc2hpZnQ6IHRyYW5zbGF0ZVkoY2FsYyh2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KSAqIC0xKSk7XG5cbiAgICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgICAtLXNiYi10YWctYm9yZGVyLWNvbG9yOiBIaWdobGlnaHQ7XG4gICAgfVxuICB9XG59XG5cbi8vIFByZXNzZWQgc3RhdGVcbjpob3N0KDppcygjeyRhY3RpdmV9KTpub3QoI3skZGlzYWJsZWR9KSkge1xuICAtLXNiYi10YWctYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWJhY2tncm91bmQtY29sb3ItMyk7XG4gIC0tc2JiLXRhZy1ib3JkZXItY29sb3I6IGxpZ2h0LWRhcmsodmFyKC0tc2JiLWNvbG9yLWlyb24pLCB2YXIoLS1zYmItY29sb3Itc3Rvcm0pKTtcbiAgLS1zYmItdGFnLWJvcmRlci13aWR0aDogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0yeCk7XG4gIC0tc2JiLXRhZy10ZXh0LWNvbG9yOiB2YXIoLS1zYmItY29sb3ItNCk7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXRhZy1ib3JkZXItY29sb3I6IEhpZ2hsaWdodDtcbiAgICAtLXNiYi10YWctdGV4dC1jb2xvcjogQnV0dG9uVGV4dDtcbiAgfVxufVxuXG46aG9zdChbc2l6ZT0nbSddKSB7XG4gIC0tc2JiLXRhZy1oZWlnaHQ6IHZhcigtLXNiYi1zaXplLWVsZW1lbnQteHMpO1xuICAtLXNiYi10YWctcGFkZGluZy1pbmxpbmU6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTV4KTtcbn1cblxuOmhvc3QoW3NpemU9J3MnXSkge1xuICAtLXNiYi10YWctaGVpZ2h0OiB2YXIoLS1zYmItc2l6ZS1lbGVtZW50LXh4eHMpO1xuICAtLXNiYi10YWctcGFkZGluZy1pbmxpbmU6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTN4KTtcbn1cblxuLnNiYi10YWcge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogdmFyKC0tc2JiLXRhZy1oZWlnaHQpO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIGZvbnQtc2l6ZTogdmFyKC0tc2JiLXRleHQtZm9udC1zaXplLXhzKTtcbiAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXNiYi10eXBvLWxldHRlci1zcGFjaW5nLXRleHQpO1xuICBnYXA6IHZhcigtLXNiYi10YWctZ2FwKTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXNiYi10YWctcGFkZGluZy1pbmxpbmUpO1xuICBjdXJzb3I6IHZhcigtLXNiYi10YWctY3Vyc29yLCB2YXIoLS1zYmItY3Vyc29yLXBvaW50ZXIpKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLXRhZy1ib3JkZXItcmFkaXVzKTtcbiAgY29sb3I6IHZhcigtLXNiYi10YWctdGV4dC1jb2xvcik7XG4gIHRyYW5zaXRpb246IGNvbG9yIHZhcigtLXNiYi10YWctYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItdGFnLWFuaW1hdGlvbi1lYXNpbmcpO1xuICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgcG9pbnRlci1ldmVudHM6IHZhcigtLXNiYi10YWctcG9pbnRlci1ldmVudHMsIHVuc2V0KTtcblxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBpbnNldDogdmFyKC0tc2JiLXRhZy1pbnNldCwgMCk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLXRhZy1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgICBib3JkZXI6IHZhcigtLXNiYi10YWctYm9yZGVyLXdpZHRoKSB2YXIoLS1zYmItdGFnLWJvcmRlci1zdHlsZSkgdmFyKC0tc2JiLXRhZy1ib3JkZXItY29sb3IpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi10YWctYm9yZGVyLXJhZGl1cyk7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogdmFyKC0tc2JiLXRhZy1hbmltYXRpb24tZHVyYXRpb24pO1xuICAgIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItdGFnLWFuaW1hdGlvbi1lYXNpbmcpO1xuICAgIHRyYW5zaXRpb24tcHJvcGVydHk6IGluc2V0LCBiYWNrZ3JvdW5kLWNvbG9yLCBib3JkZXItY29sb3IsIGJveC1zaGFkb3c7XG5cbiAgICA6aG9zdCg6Zm9jdXMtdmlzaWJsZSkgJiB7XG4gICAgICBAaW5jbHVkZSBzYmIuZm9jdXMtb3V0bGluZTtcbiAgICB9XG4gIH1cbn1cblxuLnNiYi10YWdfX2ljb24ge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBoZWlnaHQ6IGNhbGModmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtdGV4dCkgKiAxZW0pO1xuICBmbGV4LXNocmluazogMDtcblxuICA6aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkLWljb24pLCA6c3RhdGUoaGFzLWljb24tbmFtZSkpKSAmIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG5cbi5zYmItdGFnX190ZXh0IHtcbiAgQGluY2x1ZGUgc2JiLmVsbGlwc2lzO1xuXG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xufVxuXG4uc2JiLXRhZ19fYW1vdW50IHtcbiAgY29sb3I6IHZhcigtLXNiYi10YWctYW1vdW50LWNvbG9yKTtcblxuICA6aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkLWFtb3VudCksIFthbW91bnRdKSkgJiB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG4uc2JiLXRhZy0tc2hpZnQge1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gdmFyKC0tc2JiLXRhZy1hbmltYXRpb24tZHVyYXRpb24pIHZhcigtLXNiYi10YWctYW5pbWF0aW9uLWVhc2luZyk7XG4gIHRyYW5zZm9ybTogdmFyKC0tc2JiLXRhZy1jb250ZW50LXNoaWZ0LCAwKTtcbiAgd2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTtcbn1cbiIsImltcG9ydCB7XG4gIGh0bWwsXG4gIHVuc2FmZUNTUyxcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJCdXR0b25MaWtlQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlLCBnZXRPdmVycmlkZSwgb21pdEVtcHR5Q29udmVydGVyIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB7IGlzTGVhbiB9IGZyb20gJy4uLy4uL2NvcmUvZG9tLnRzJztcbmltcG9ydCB7XG4gIHR5cGUgRm9ybVJlc3RvcmVSZWFzb24sXG4gIHR5cGUgRm9ybVJlc3RvcmVTdGF0ZSxcbiAgU2JiRGlzYWJsZWRUYWJJbmRleEFjdGlvbk1peGluLFxufSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnLi4vLi4vaWNvbi50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRhZ0dyb3VwRWxlbWVudCB9IGZyb20gJy4uL3RhZy1ncm91cC90YWctZ3JvdXAuY29tcG9uZW50LnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGFnLnNjc3M/aW5saW5lJztcblxuZXhwb3J0IHR5cGUgU2JiVGFnU2l6ZSA9ICdzJyB8ICdtJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIHNlbGVjdGFibGUgZWxlbWVudCB3aGljaCBjYW4gYmUgdXNlZCBhcyBhIGZpbHRlci5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSB0YWcgbGFiZWwuXG4gKiBAc2xvdCBpY29uIC0gVXNlIHRoaXMgc2xvdCB0byBkaXNwbGF5IGFuIGljb24gYXQgdGhlIGNvbXBvbmVudCBzdGFydCwgYnkgcHJvdmlkaW5nIGEgYHNiYi1pY29uYCBjb21wb25lbnQuXG4gKiBAc2xvdCBhbW91bnQgLSBQcm92aWRlIGFuIGFtb3VudCB0byBzaG93IGl0IGF0IHRoZSBjb21wb25lbnQgZW5kLlxuICogQG92ZXJyaWRlVHlwZSB2YWx1ZSAtIChUID0gc3RyaW5nKSB8IG51bGxcbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRhZ0VsZW1lbnQ8VCA9IHN0cmluZz4gZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKFxuICBTYmJEaXNhYmxlZFRhYkluZGV4QWN0aW9uTWl4aW4oU2JiQnV0dG9uTGlrZUJhc2VFbGVtZW50KSxcbikge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRhZyc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICBpbnB1dDogJ2lucHV0JyxcbiAgICBkaWRDaGFuZ2U6ICdkaWRDaGFuZ2UnLFxuICAgIGNoYW5nZTogJ2NoYW5nZScsXG4gIH0gYXMgY29uc3Q7XG5cbiAgLyoqIFZhbHVlIG9mIHRoZSBmb3JtIGVsZW1lbnQuICovXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBhY2Nlc3NvciB2YWx1ZTogVCB8IG51bGwgPSBudWxsO1xuXG4gIC8qKiBBbW91bnQgZGlzcGxheWVkIGluc2lkZSB0aGUgdGFnLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgY29udmVydGVyOiBvbWl0RW1wdHlDb252ZXJ0ZXIgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFtb3VudDogc3RyaW5nID0gJyc7XG5cbiAgLyoqIFdoZXRoZXIgdGhlIHRhZyBpcyBjaGVja2VkLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogZmFsc2UsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIGNoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogVGFnIHNpemUsIGVpdGhlciBzIG9yIG0uXG4gICAqIEBkZWZhdWx0ICdtJyAvICdzJyAobGVhbilcbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSlcbiAgQGdldE92ZXJyaWRlKChpLCB2KSA9PiBpLl9ncm91cD8uc2l6ZSA/PyB2KVxuICBwdWJsaWMgYWNjZXNzb3Igc2l6ZTogU2JiVGFnU2l6ZSA9IGlzTGVhbigpID8gJ3MnIDogJ20nO1xuXG4gIC8qKiBSZWZlcmVuY2UgdG8gdGhlIGNvbm5lY3RlZCB0YWcgZ3JvdXAuICovXG4gIHByaXZhdGUgX2dyb3VwOiBTYmJUYWdHcm91cEVsZW1lbnQgfCBudWxsID0gbnVsbDtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/LignY2xpY2snLCAoKSA9PiB0aGlzLl9oYW5kbGVDbGljaygpKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuX2dyb3VwID0gdGhpcy5jbG9zZXN0KCdzYmItdGFnLWdyb3VwJykgYXMgU2JiVGFnR3JvdXBFbGVtZW50O1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGlzRGlzYWJsZWRFeHRlcm5hbGx5KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9ncm91cD8uZGlzYWJsZWQgPz8gZmFsc2U7XG4gIH1cblxuICAvKiogTWV0aG9kIHRyaWdnZXJlZCBvbiBidXR0b24gY2xpY2suIEludmVydHMgdGhlIGNoZWNrZWQgdmFsdWUgYW5kIGVtaXRzIGV2ZW50cy4gKi9cbiAgcHJpdmF0ZSBfaGFuZGxlQ2xpY2soKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyBQcmV2ZW50IGRlYWN0aXZhdGluZyBvbiBleGNsdXNpdmUgLyByYWRpbyBtb2RlXG4gICAgY29uc3QgdGFnR3JvdXAgPSB0aGlzLmNsb3Nlc3QoJ3NiYi10YWctZ3JvdXAnKTtcbiAgICBpZiAodGFnR3JvdXAgJiYgIXRhZ0dyb3VwLm11bHRpcGxlICYmIHRoaXMuY2hlY2tlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmNoZWNrZWQgPSAhdGhpcy5jaGVja2VkO1xuXG4gICAgLyoqIFRoZSBpbnB1dCBldmVudCBmaXJlcyB3aGVuIHRoZSB2YWx1ZSBoYXMgYmVlbiBjaGFuZ2VkIGFzIGEgZGlyZWN0IHJlc3VsdCBvZiBhIHVzZXIgYWN0aW9uLiAqL1xuICAgIHRoaXMuZGlzcGF0Y2hFdmVudChcbiAgICAgIG5ldyBJbnB1dEV2ZW50KCdpbnB1dCcsIHtcbiAgICAgICAgYnViYmxlczogdHJ1ZSxcbiAgICAgICAgY29tcG9zZWQ6IHRydWUsXG4gICAgICB9KSxcbiAgICApO1xuXG4gICAgLyoqXG4gICAgICogVGhlIGNoYW5nZSBldmVudCBpcyBmaXJlZCB3aGVuIHRoZSB1c2VyIG1vZGlmaWVzIHRoZSBlbGVtZW50J3MgdmFsdWUuXG4gICAgICogVW5saWtlIHRoZSBpbnB1dCBldmVudCwgdGhlIGNoYW5nZSBldmVudCBpcyBub3QgbmVjZXNzYXJpbHkgZmlyZWRcbiAgICAgKiBmb3IgZWFjaCBhbHRlcmF0aW9uIHRvIGFuIGVsZW1lbnQncyB2YWx1ZS5cbiAgICAgKi9cbiAgICB0aGlzLmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdjaGFuZ2UnLCB7IGJ1YmJsZXM6IHRydWUgfSkpO1xuXG4gICAgLyoqXG4gICAgICogRGVwcmVjYXRlZC4gTWlycm9ycyBjaGFuZ2UgZXZlbnQgZm9yIFJlYWN0LiBXaWxsIGJlIHJlbW92ZWQgb25jZSBSZWFjdCBwcm9wZXJseSBzdXBwb3J0cyBjaGFuZ2UgZXZlbnRzLlxuICAgICAqIEBkZXByZWNhdGVkXG4gICAgICovXG4gICAgdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnZGlkQ2hhbmdlJywgeyBidWJibGVzOiB0cnVlIH0pKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnY2hlY2tlZCcpKSB7XG4gICAgICB0aGlzLmludGVybmFscy5hcmlhUHJlc3NlZCA9IGAke3RoaXMuY2hlY2tlZH1gO1xuICAgICAgdGhpcy50b2dnbGVTdGF0ZSgnY2hlY2tlZCcsIHRoaXMuY2hlY2tlZCk7XG4gICAgICB0aGlzLnVwZGF0ZUZvcm1WYWx1ZSgpO1xuICAgIH1cblxuICAgIGNvbnN0IHRhZ0dyb3VwID0gdGhpcy5jbG9zZXN0Py4oJ3NiYi10YWctZ3JvdXAnKTtcbiAgICBpZiAodGFnR3JvdXAgJiYgIXRhZ0dyb3VwLm11bHRpcGxlICYmIGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnY2hlY2tlZCcpICYmIHRoaXMuY2hlY2tlZCkge1xuICAgICAgdGFnR3JvdXA/LnRhZ3MuZmlsdGVyKCh0KSA9PiB0ICE9PSB0aGlzKS5mb3JFYWNoKCh0KSA9PiAodC5jaGVja2VkID0gZmFsc2UpKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogQGludGVybmFsXG4gICAqL1xuICBwdWJsaWMgb3ZlcnJpZGUgZm9ybVJlc2V0Q2FsbGJhY2soKTogdm9pZCB7XG4gICAgdGhpcy5jaGVja2VkID0gdGhpcy5oYXNBdHRyaWJ1dGUoJ2NoZWNrZWQnKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIHB1YmxpYyBvdmVycmlkZSBmb3JtU3RhdGVSZXN0b3JlQ2FsbGJhY2soXG4gICAgc3RhdGU6IEZvcm1SZXN0b3JlU3RhdGUgfCBudWxsLFxuICAgIF9yZWFzb246IEZvcm1SZXN0b3JlUmVhc29uLFxuICApOiB2b2lkIHtcbiAgICBpZiAoc3RhdGUpIHtcbiAgICAgIHRoaXMuY2hlY2tlZCA9IHN0YXRlID09PSAndHJ1ZSc7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHVwZGF0ZUZvcm1WYWx1ZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5jaGVja2VkKSB7XG4gICAgICBzdXBlci51cGRhdGVGb3JtVmFsdWUoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc2V0Rm9ybVZhbHVlKG51bGwpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBmb3JtU3RhdGUoKTogRm9ybVJlc3RvcmVTdGF0ZSB7XG4gICAgcmV0dXJuIGAke3RoaXMuY2hlY2tlZH1gO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRhZ19faWNvbiBzYmItdGFnLS1zaGlmdFwiPiAke3RoaXMucmVuZGVySWNvblNsb3QoKX0gPC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGFnX190ZXh0IHNiYi10YWctLXNoaWZ0XCI+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRhZ19fYW1vdW50IHNiYi10YWctLXNoaWZ0XCI+XG4gICAgICAgIDxzbG90IG5hbWU9XCJhbW91bnRcIj4ke3RoaXMuYW1vdW50fTwvc2xvdD5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGFnJzogU2JiVGFnRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUNpQ2EsdUJBQWE7bUJBQXFCLGlCQUM3QywrQkFBK0IseUJBQXlCLENBQ3pEOzs7Ozs7Ozs7Ozs7O2NBRlksc0JBQWtDLFlBRTlDOzs7d0JBVUUsVUFBVSxDQUFBO3lCQUlWLFdBQVcsRUFDWCxTQUFTO0lBQUUsU0FBUztJQUFNLFdBQVc7SUFBb0IsQ0FBQyxDQUFBOzBCQUkxRCxXQUFXLEVBQ1gsU0FBUztJQUFFLFNBQVM7SUFBTyxNQUFNO0lBQVMsQ0FBQyxDQUFBO3VCQU8zQyxTQUFTLEVBQUUsU0FBUyxNQUFNLENBQUMsRUFDM0IsYUFBYSxHQUFHLE1BQU0sRUFBRSxRQUFRLFFBQVEsRUFBRSxDQUFBO0FBakIzQyxnQkFBQSxNQUFBLE1BQUEsbUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxXQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQUssTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFMLFFBQUs7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxxQkFBQSx5QkFB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

package/development/tag.js

@@ -1,5 +1,5 @@
-import { t as SbbTagGroupElement } from "./tag-group.component-BW1vj2rN.js";
-import { t as SbbTagElement } from "./tag.component-Cfx7YNV5.js";
+import { t as SbbTagGroupElement } from "./tag-group.component-Cw46bt0E.js";
+import { t as SbbTagElement } from "./tag.component-CnNPL6aI.js";
 import "./tag.pure.js";
 //#region src/elements/tag.ts
 /** @entrypoint */

package/development/tag.pure.js

@@ -1,3 +1,3 @@
-import { t as SbbTagGroupElement } from "./tag-group.component-BW1vj2rN.js";
-import { t as SbbTagElement } from "./tag.component-Cfx7YNV5.js";
+import { t as SbbTagGroupElement } from "./tag-group.component-Cw46bt0E.js";
+import { t as SbbTagElement } from "./tag.component-CnNPL6aI.js";
 export { SbbTagElement, SbbTagGroupElement };

package/development/teaser/teaser.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teaser.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser/teaser.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAM9D,OAAO,0BAA0B,CAAC;AAElC;;;;;;;GAOG;AACH,qBAAa,gBAAiB,SAAQ,kBAAkB;IACtD,gBAAgC,WAAW,EAAE,MAAM,CAAgB;IACnE,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,gFAAgF;IAChF,SAA6C,SAAS,EAAE,gBAAgB,GAAG,OAAO,GAAG,OAAO,CACzE;IAEnB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,eAAe;cAWJ,MAAM,IAAI,cAAc;IAa3C,SAAS,CAAC,aAAa,IAAI,cAAc;CAgB1C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
+{"version":3,"file":"teaser.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser/teaser.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAM9D,OAAO,0BAA0B,CAAC;AAElC;;;;;;;GAOG;AACH,qBAAa,gBAAiB,SAAQ,kBAAkB;IACtD,gBAAgC,WAAW,EAAE,MAAM,CAAgB;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF,gFAAgF;IAChF,SAA6C,SAAS,EAAE,gBAAgB,GAAG,OAAO,GAAG,OAAO,CACzE;IAEnB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,eAAe;cAWJ,MAAM,IAAI,cAAc;IAa3C,SAAS,CAAC,aAAa,IAAI,cAAc;CAgB1C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/development/teaser/teaser.component.js

@@ -1,2 +1,2 @@
-import { t as SbbTeaserElement } from "../teaser.component-BI1diIhL.js";
+import { t as SbbTeaserElement } from "../teaser.component-Cky6kKU0.js";
 export { SbbTeaserElement };

package/development/teaser-hero/teaser-hero.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teaser-hero.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-hero/teaser-hero.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAM9D,OAAO,8BAA8B,CAAC;AAEtC;;;;;;;GAOG;AACH,qBAAa,oBAAqB,SAAQ,kBAAkB;IAC1D,gBAAgC,WAAW,EAAE,MAAM,CAAqB;IACxE,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,uBAAuB;IACvB,SAEgB,WAAW,EAAE,MAAM,CAAM;IAEzC,OAAO,CAAC,iBAAiB;cAIN,cAAc,IAAI,cAAc;CAmBpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
+{"version":3,"file":"teaser-hero.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/teaser-hero/teaser-hero.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAU9D;;;;;;;GAOG;AACH,qBAAa,oBAAqB,SAAQ,kBAAkB;IAC1D,gBAAgC,WAAW,EAAE,MAAM,CAAqB;IACxE,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF,uBAAuB;IACvB,SAEgB,WAAW,EAAE,MAAM,CAAM;IAEzC,OAAO,CAAC,iBAAiB;cAIN,cAAc,IAAI,cAAc;CAmBpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/development/teaser-hero/teaser-hero.component.js

@@ -1,2 +1,2 @@
-import { t as SbbTeaserHeroElement } from "../teaser-hero.component-sUhYQXkN.js";
+import { t as SbbTeaserHeroElement } from "../teaser-hero.component-DNlc8Tbl.js";
 export { SbbTeaserHeroElement };