@sbb-esta/lyne-elements 4.11.0 → 4.12.1

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

@@ -1 +1 @@
-{"version":3,"file":"datepicker.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/datepicker/datepicker/datepicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAInB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,cAAc,EAEpB,MAAM,KAAK,CAAC;AAGb,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOtD,OAAO,EAAE,KAAK,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACvF,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAKzD,OAAO,mBAAmB,CAAC;;AAI3B;;;GAGG;AACH,qBAAa,oBAAoB,CAAC,CAAC,GAAG,IAAI,CACxC,SAAQ,yBACR,YAAW,sBAAsB,CAAC,CAAC,CAAC;IAEpC,gBAAgC,WAAW,EAAE,MAAM,CAAoB;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAoD;IACjG,gBAAuB,sBAAsB,QAAQ;IAErD,gDAAgD;IAChD,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC;;;;OAIG;IACH,SAEgB,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAQ;IAE5D,yEAAyE;IACzE,SAA4B,IAAI,EAAE,YAAY,CAAS;IAEvD,OAAO,CAAC,qBAAqB,CAAC,CAAkB;IAChD,OAAO,CAAC,YAAY,CAA4E;IAChG,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,MAAM,CAAS;;IAaP,iBAAiB,IAAI,IAAI;IAezB,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;cAkBY,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW9E,OAAO,CAAC,aAAa;cAmBF,aAAa,IAAI,cAAc;cAyB/B,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,oBAAoB,CAAC;KACxC;CACF"}
+{"version":3,"file":"datepicker.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/datepicker/datepicker/datepicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAInB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,cAAc,EAEpB,MAAM,KAAK,CAAC;AAGb,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOtD,OAAO,EAAE,KAAK,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACvF,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAKzD,OAAO,mBAAmB,CAAC;;AAI3B;;;;;;GAMG;AACH,qBAAa,oBAAoB,CAAC,CAAC,GAAG,IAAI,CACxC,SAAQ,yBACR,YAAW,sBAAsB,CAAC,CAAC,CAAC;IAEpC,gBAAgC,WAAW,EAAE,MAAM,CAAoB;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAoD;IACjG,gBAAuB,sBAAsB,QAAQ;IAErD,gDAAgD;IAChD,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC;;;;OAIG;IACH,SAEgB,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAQ;IAE5D,yEAAyE;IACzE,SAA4B,IAAI,EAAE,YAAY,CAAS;IAEvD,OAAO,CAAC,qBAAqB,CAAC,CAAkB;IAChD,OAAO,CAAC,YAAY,CAA4E;IAChG,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,MAAM,CAAS;;IAaP,iBAAiB,IAAI,IAAI;IAezB,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;cAkBY,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW9E,OAAO,CAAC,aAAa;cAmBF,aAAa,IAAI,cAAc;cAyB/B,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,oBAAoB,CAAC;KACxC;CACF"}

package/development/datepicker/datepicker/datepicker.component.js

@@ -1,2 +1,2 @@
-import { t as SbbDatepickerElement } from "../../datepicker.component-C8XQVo45.js";
+import { t as SbbDatepickerElement } from "../../datepicker.component-D2DxFng_.js";
 export { SbbDatepickerElement };

package/development/datepicker/datepicker.js

@@ -1,4 +1,4 @@
-import { t as SbbDatepickerElement } from "../datepicker.component-C8XQVo45.js";
+import { t as SbbDatepickerElement } from "../datepicker.component-D2DxFng_.js";
 //#region src/elements/datepicker/datepicker.ts
 /** @entrypoint */
 SbbDatepickerElement.define();

package/development/datepicker-button-CUPeoQgH.js

@@ -0,0 +1,169 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbButtonBaseElement } from "./core/base-elements.js";
+import { idReference } from "./core/decorators.js";
+import { SbbNegativeMixin } from "./core/mixins.js";
+import { SbbLanguageController } from "./core/controllers.js";
+import { i18nToday } from "./core/i18n.js";
+import "./icon.js";
+import { readConfig } from "./core/config.js";
+import { defaultDateAdapter } from "./core/datetime.js";
+import { SbbDateInputElement } from "./date-input.js";
+//#endregion
+//#region src/elements/datepicker/common/datepicker-button.ts
+var datepickerButtonStyle = unsafeCSS(".sbb-action-base {\n  margin: auto;\n  -webkit-tap-highlight-color: transparent;\n}");
+/**
+* Base component for datepicker's buttons.
+*
+* @event {Event} change - The change event is fired on the datepicker's input when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.
+* @event {InputEvent} input - The input event fires on the datepicker's input when the value has been changed as a direct result of a user action.
+*/
+var SbbDatepickerButtonBase = (() => {
+	let _classSuper = SbbNegativeMixin(SbbButtonBaseElement);
+	let _input_decorators;
+	let _input_initializers = [];
+	let _input_extraInitializers = [];
+	return class SbbDatepickerButtonBase extends _classSuper {
+		constructor() {
+			super(...arguments);
+			this.#input_accessor_storage = __runInitializers(this, _input_initializers, null);
+			/** Whether the component is disabled due date-picker's input disabled. */
+			this._inputDisabled = (__runInitializers(this, _input_extraInitializers), true);
+			this.dateAdapter = readConfig().datetime?.dateAdapter ?? defaultDateAdapter;
+			this.language = new SbbLanguageController(this);
+		}
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_input_decorators = [idReference(), property()];
+			__esDecorate(this, null, _input_decorators, {
+				kind: "accessor",
+				name: "input",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "input" in obj,
+					get: (obj) => obj.input,
+					set: (obj, value) => {
+						obj.input = value;
+					}
+				},
+				metadata: _metadata
+			}, _input_initializers, _input_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.sbbDateInputAssociated = true;
+		}
+		#input_accessor_storage;
+		/**
+		* The associated date input element.
+		*
+		* For attribute usage, provide an id reference.
+		*/
+		get input() {
+			return this.#input_accessor_storage;
+		}
+		set input(value) {
+			this.#input_accessor_storage = value;
+		}
+		/** Whether this button is disabled. */
+		get disabled() {
+			return !!this._inputDisabled;
+		}
+		connectedCallback() {
+			super.connectedCallback();
+			this.toggleAttribute("disabled", this.disabled);
+			const formField = this.closest?.("sbb-form-field");
+			if (formField) {
+				customElements.upgrade?.(formField);
+				this.negative = formField.negative;
+				SbbDateInputElement.resolveAssociation(this);
+				this.slot ||= this._findSlotPosition();
+			}
+		}
+		requestUpdate(name, oldValue, options) {
+			super.requestUpdate(name, oldValue, options);
+			if (name === "input" && this.input !== oldValue) {
+				this._inputAbortController?.abort();
+				this._inputDisabled = true;
+				if (this.input) {
+					this._inputAbortController = new AbortController();
+					this.slot = this._findSlotPosition();
+					customElements.upgrade?.(this.input);
+					this._sync();
+					this.input.addEventListener("ɵchange", () => this._sync());
+				}
+				if (this.hasUpdated) this.toggleAttribute("disabled", this.disabled);
+			} else if (!name && this.hasUpdated && this.input) this._sync();
+		}
+		_findSlotPosition() {
+			return !this.input || this.compareDocumentPosition(this.input) & Node.DOCUMENT_POSITION_FOLLOWING ? "prefix" : "suffix";
+		}
+		_sync() {
+			this.syncDateInputState();
+			this.toggleAttribute("disabled", this.disabled);
+			if (this.disabled) this.removeAttribute("tabindex");
+			else this.setAttribute("tabindex", "0");
+		}
+		syncDateInputState() {
+			this._inputDisabled = this.input.disabled || this.input.readOnly;
+		}
+		renderTemplate() {
+			return html`<sbb-icon name=${this.iconName}></sbb-icon>`;
+		}
+	};
+})();
+var SbbDatepickerButton = class extends SbbDatepickerButtonBase {
+	get disabled() {
+		return this._disabled || super.disabled;
+	}
+	constructor() {
+		super();
+		/** Whether the component is disabled due date equals to boundary date. */
+		this._disabled = true;
+		this.addEventListener?.("click", () => this._handleClick());
+	}
+	/** @deprecated Use `getFollowingDate(date: T)` instead. */
+	findAvailableDate(_date) {
+		return this.getFollowingDate(_date);
+	}
+	_handleClick() {
+		if (!this.input || this.disabled) return;
+		const startingDate = this.input.valueAsDate ?? this.dateAdapter.today();
+		const date = this.getFollowingDate(startingDate);
+		if (this.dateAdapter.isValid(date) && this.dateAdapter.compareDate(date, startingDate) !== 0) {
+			this.input.valueAsDate = date;
+			this.input.dispatchEvent(new InputEvent("input", {
+				bubbles: true,
+				composed: true
+			}));
+			this.input.dispatchEvent(new Event("change", {
+				bubbles: true,
+				composed: true
+			}));
+			this.input.dispatchEvent(new Event("blur", { composed: true }));
+		}
+	}
+	syncDateInputState() {
+		super.syncDateInputState();
+		if (!this.dateAdapter.isValid(this.input.valueAsDate)) {
+			this._disabled = true;
+			this.internals.ariaLabel = this.i18nOffBoundaryDay[this.language.current];
+			return;
+		}
+		const date = this.getFollowingDate(this.input.valueAsDate);
+		this._disabled = !this.dateAdapter.isValid(date) || this.dateAdapter.compareDate(date, this.input.valueAsDate) === 0;
+		const currentDateString = this.dateAdapter.compareDate(this.dateAdapter.today(), this.input.valueAsDate) === 0 ? i18nToday[this.language.current].toLowerCase() : this.dateAdapter.getAccessibilityFormatDate(this.input.valueAsDate);
+		this.internals.ariaLabel = this.i18nSelectOffBoundaryDay(currentDateString)[this.language.current];
+	}
+};
+//#endregion
+export { SbbDatepickerButtonBase as n, datepickerButtonStyle as r, SbbDatepickerButton as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci1idXR0b24tQ1VQZW9RZ0guanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2RhdGVwaWNrZXIvY29tbW9uL2RhdGVwaWNrZXItYnV0dG9uLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2RhdGVwaWNrZXIvY29tbW9uL2RhdGVwaWNrZXItYnV0dG9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbi5zYmItYWN0aW9uLWJhc2Uge1xuICBtYXJnaW46IGF1dG87XG4gIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG4iLCJpbXBvcnQgeyBodG1sLCB1bnNhZmVDU1MsIHR5cGUgUHJvcGVydHlEZWNsYXJhdGlvbiwgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiQnV0dG9uQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgcmVhZENvbmZpZyB9IGZyb20gJy4uLy4uL2NvcmUvY29uZmlnLnRzJztcbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMudHMnO1xuaW1wb3J0IHsgdHlwZSBEYXRlQWRhcHRlciwgZGVmYXVsdERhdGVBZGFwdGVyIH0gZnJvbSAnLi4vLi4vY29yZS9kYXRldGltZS50cyc7XG5pbXBvcnQgeyBpZFJlZmVyZW5jZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy50cyc7XG5pbXBvcnQgeyBpMThuVG9kYXkgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4udHMnO1xuaW1wb3J0IHsgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IFNiYkRhdGVJbnB1dEVsZW1lbnQsIHR5cGUgU2JiRGF0ZUlucHV0QXNzb2NpYXRlZCB9IGZyb20gJy4uLy4uL2RhdGUtaW5wdXQudHMnO1xuXG5pbXBvcnQgZGF0ZXBpY2tlckJ1dHRvblN0eWxlU3RyaW5nIGZyb20gJy4vZGF0ZXBpY2tlci1idXR0b24uc2Nzcz9pbmxpbmUnO1xuXG5pbXBvcnQgJy4uLy4uL2ljb24udHMnO1xuXG5leHBvcnQgY29uc3QgZGF0ZXBpY2tlckJ1dHRvblN0eWxlID0gdW5zYWZlQ1NTKGRhdGVwaWNrZXJCdXR0b25TdHlsZVN0cmluZyk7XG5cbi8qKlxuICogQmFzZSBjb21wb25lbnQgZm9yIGRhdGVwaWNrZXIncyBidXR0b25zLlxuICpcbiAqIEBldmVudCB7RXZlbnR9IGNoYW5nZSAtIFRoZSBjaGFuZ2UgZXZlbnQgaXMgZmlyZWQgb24gdGhlIGRhdGVwaWNrZXIncyBpbnB1dCB3aGVuIHRoZSB1c2VyIG1vZGlmaWVzIHRoZSBlbGVtZW50J3MgdmFsdWUuIFVubGlrZSB0aGUgaW5wdXQgZXZlbnQsIHRoZSBjaGFuZ2UgZXZlbnQgaXMgbm90IG5lY2Vzc2FyaWx5IGZpcmVkIGZvciBlYWNoIGFsdGVyYXRpb24gdG8gYW4gZWxlbWVudCdzIHZhbHVlLlxuICogQGV2ZW50IHtJbnB1dEV2ZW50fSBpbnB1dCAtIFRoZSBpbnB1dCBldmVudCBmaXJlcyBvbiB0aGUgZGF0ZXBpY2tlcidzIGlucHV0IHdoZW4gdGhlIHZhbHVlIGhhcyBiZWVuIGNoYW5nZWQgYXMgYSBkaXJlY3QgcmVzdWx0IG9mIGEgdXNlciBhY3Rpb24uXG4gKi9cbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBTYmJEYXRlcGlja2VyQnV0dG9uQmFzZTxUID0gRGF0ZT5cbiAgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluKFNiYkJ1dHRvbkJhc2VFbGVtZW50KVxuICBpbXBsZW1lbnRzIFNiYkRhdGVJbnB1dEFzc29jaWF0ZWQ8VD5cbntcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBzYmJEYXRlSW5wdXRBc3NvY2lhdGVkID0gdHJ1ZTtcblxuICAvKipcbiAgICogVGhlIGFzc29jaWF0ZWQgZGF0ZSBpbnB1dCBlbGVtZW50LlxuICAgKlxuICAgKiBGb3IgYXR0cmlidXRlIHVzYWdlLCBwcm92aWRlIGFuIGlkIHJlZmVyZW5jZS5cbiAgICovXG4gIEBpZFJlZmVyZW5jZSgpXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBhY2Nlc3NvciBpbnB1dDogU2JiRGF0ZUlucHV0RWxlbWVudDxUPiB8IG51bGwgPSBudWxsO1xuXG4gIC8qKiBXaGV0aGVyIHRoaXMgYnV0dG9uIGlzIGRpc2FibGVkLiAqL1xuICBwdWJsaWMgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMuX2lucHV0RGlzYWJsZWQ7XG4gIH1cblxuICAvKiogV2hldGhlciB0aGUgY29tcG9uZW50IGlzIGRpc2FibGVkIGR1ZSBkYXRlLXBpY2tlcidzIGlucHV0IGRpc2FibGVkLiAqL1xuICBwcml2YXRlIF9pbnB1dERpc2FibGVkID0gdHJ1ZTtcblxuICBwcml2YXRlIF9pbnB1dEFib3J0Q29udHJvbGxlcj86IEFib3J0Q29udHJvbGxlcjtcblxuICBwcm90ZWN0ZWQgZGF0ZUFkYXB0ZXI6IERhdGVBZGFwdGVyPFQ+ID0gcmVhZENvbmZpZygpLmRhdGV0aW1lPy5kYXRlQWRhcHRlciA/PyBkZWZhdWx0RGF0ZUFkYXB0ZXI7XG4gIHByb3RlY3RlZCBsYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG4gIHByb3RlY3RlZCBhYnN0cmFjdCBpY29uTmFtZTogc3RyaW5nO1xuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKCdkaXNhYmxlZCcsIHRoaXMuZGlzYWJsZWQpO1xuICAgIGNvbnN0IGZvcm1GaWVsZCA9IHRoaXMuY2xvc2VzdD8uKCdzYmItZm9ybS1maWVsZCcpO1xuICAgIGlmIChmb3JtRmllbGQpIHtcbiAgICAgIGN1c3RvbUVsZW1lbnRzLnVwZ3JhZGU/Lihmb3JtRmllbGQpO1xuICAgICAgdGhpcy5uZWdhdGl2ZSA9IGZvcm1GaWVsZC5uZWdhdGl2ZTtcbiAgICAgIFNiYkRhdGVJbnB1dEVsZW1lbnQucmVzb2x2ZUFzc29jaWF0aW9uKHRoaXMpO1xuICAgICAgdGhpcy5zbG90IHx8PSB0aGlzLl9maW5kU2xvdFBvc2l0aW9uKCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIHJlcXVlc3RVcGRhdGUoXG4gICAgbmFtZT86IFByb3BlcnR5S2V5LFxuICAgIG9sZFZhbHVlPzogdW5rbm93bixcbiAgICBvcHRpb25zPzogUHJvcGVydHlEZWNsYXJhdGlvbixcbiAgKTogdm9pZCB7XG4gICAgc3VwZXIucmVxdWVzdFVwZGF0ZShuYW1lLCBvbGRWYWx1ZSwgb3B0aW9ucyk7XG4gICAgaWYgKG5hbWUgPT09ICdpbnB1dCcgJiYgdGhpcy5pbnB1dCAhPT0gb2xkVmFsdWUpIHtcbiAgICAgIHRoaXMuX2lucHV0QWJvcnRDb250cm9sbGVyPy5hYm9ydCgpO1xuICAgICAgdGhpcy5faW5wdXREaXNhYmxlZCA9IHRydWU7XG4gICAgICBpZiAodGhpcy5pbnB1dCkge1xuICAgICAgICB0aGlzLl9pbnB1dEFib3J0Q29udHJvbGxlciA9IG5ldyBBYm9ydENvbnRyb2xsZXIoKTtcbiAgICAgICAgdGhpcy5zbG90ID0gdGhpcy5fZmluZFNsb3RQb3NpdGlvbigpO1xuICAgICAgICAvLyBUaGUgc2JiLWRhdGUtaW5wdXQgaW5zdGFuY2UgbXVzdCBiZSB1cGdyYWRlZCBpbiBvcmRlclxuICAgICAgICAvLyBmb3IgcHJvcGVydGllcyB0byBiZSBhY2Nlc3NpYmxlLlxuICAgICAgICBjdXN0b21FbGVtZW50cy51cGdyYWRlPy4odGhpcy5pbnB1dCk7XG4gICAgICAgIHRoaXMuX3N5bmMoKTtcbiAgICAgICAgdGhpcy5pbnB1dC5hZGRFdmVudExpc3RlbmVyKCfJtWNoYW5nZScsICgpID0+IHRoaXMuX3N5bmMoKSk7XG4gICAgICB9XG4gICAgICBpZiAodGhpcy5oYXNVcGRhdGVkKSB7XG4gICAgICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKCdkaXNhYmxlZCcsIHRoaXMuZGlzYWJsZWQpO1xuICAgICAgfVxuICAgIH0gZWxzZSBpZiAoIW5hbWUgJiYgdGhpcy5oYXNVcGRhdGVkICYmIHRoaXMuaW5wdXQpIHtcbiAgICAgIC8vIElmIGxhbmd1YWdlIGNoYW5nZXMsIHdlIG5lZWQgdG8gdXBkYXRlIHJlbGF0ZWQgYXJpYSBwcm9wZXJ0aWVzLlxuICAgICAgdGhpcy5fc3luYygpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2ZpbmRTbG90UG9zaXRpb24oKTogc3RyaW5nIHtcbiAgICByZXR1cm4gIXRoaXMuaW5wdXQgfHxcbiAgICAgIHRoaXMuY29tcGFyZURvY3VtZW50UG9zaXRpb24odGhpcy5pbnB1dCkgJiBOb2RlLkRPQ1VNRU5UX1BPU0lUSU9OX0ZPTExPV0lOR1xuICAgICAgPyAncHJlZml4J1xuICAgICAgOiAnc3VmZml4JztcbiAgfVxuXG4gIHByaXZhdGUgX3N5bmMoKTogdm9pZCB7XG4gICAgdGhpcy5zeW5jRGF0ZUlucHV0U3RhdGUoKTtcbiAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGlzYWJsZWQnLCB0aGlzLmRpc2FibGVkKTtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5yZW1vdmVBdHRyaWJ1dGUoJ3RhYmluZGV4Jyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2V0QXR0cmlidXRlKCd0YWJpbmRleCcsICcwJyk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIHN5bmNEYXRlSW5wdXRTdGF0ZSgpOiB2b2lkIHtcbiAgICB0aGlzLl9pbnB1dERpc2FibGVkID0gdGhpcy5pbnB1dCEuZGlzYWJsZWQgfHwgdGhpcy5pbnB1dCEucmVhZE9ubHk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYDxzYmItaWNvbiBuYW1lPSR7dGhpcy5pY29uTmFtZX0+PC9zYmItaWNvbj5gO1xuICB9XG59XG5cbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBTYmJEYXRlcGlja2VyQnV0dG9uPFQgPSBEYXRlPiBleHRlbmRzIFNiYkRhdGVwaWNrZXJCdXR0b25CYXNlPFQ+IHtcbiAgLyoqIFdoZXRoZXIgdGhlIGNvbXBvbmVudCBpcyBkaXNhYmxlZCBkdWUgZGF0ZSBlcXVhbHMgdG8gYm91bmRhcnkgZGF0ZS4gKi9cbiAgcHJpdmF0ZSBfZGlzYWJsZWQgPSB0cnVlO1xuXG4gIHByb3RlY3RlZCBhYnN0cmFjdCBpMThuT2ZmQm91bmRhcnlEYXk6IFJlY29yZDxzdHJpbmcsIHN0cmluZz47XG4gIHByb3RlY3RlZCBhYnN0cmFjdCBpMThuU2VsZWN0T2ZmQm91bmRhcnlEYXk6IChfY3VycmVudERhdGU6IHN0cmluZykgPT4gUmVjb3JkPHN0cmluZywgc3RyaW5nPjtcblxuICBwdWJsaWMgb3ZlcnJpZGUgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9kaXNhYmxlZCB8fCBzdXBlci5kaXNhYmxlZDtcbiAgfVxuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdjbGljaycsICgpID0+IHRoaXMuX2hhbmRsZUNsaWNrKCkpO1xuICB9XG5cbiAgLyoqIEBkZXByZWNhdGVkIFVzZSBgZ2V0Rm9sbG93aW5nRGF0ZShkYXRlOiBUKWAgaW5zdGVhZC4gKi9cbiAgcHJvdGVjdGVkIGZpbmRBdmFpbGFibGVEYXRlKF9kYXRlOiBUKTogVCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLmdldEZvbGxvd2luZ0RhdGUoX2RhdGUpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGFic3RyYWN0IGdldEZvbGxvd2luZ0RhdGUoX2RhdGU6IFQpOiBUIHwgbnVsbDtcblxuICBwcml2YXRlIF9oYW5kbGVDbGljaygpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuaW5wdXQgfHwgdGhpcy5kaXNhYmxlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBzdGFydGluZ0RhdGU6IFQgPSB0aGlzLmlucHV0LnZhbHVlQXNEYXRlID8/IHRoaXMuZGF0ZUFkYXB0ZXIudG9kYXkoKTtcbiAgICBjb25zdCBkYXRlID0gdGhpcy5nZXRGb2xsb3dpbmdEYXRlKHN0YXJ0aW5nRGF0ZSk7XG4gICAgaWYgKHRoaXMuZGF0ZUFkYXB0ZXIuaXNWYWxpZChkYXRlKSAmJiB0aGlzLmRhdGVBZGFwdGVyLmNvbXBhcmVEYXRlKGRhdGUsIHN0YXJ0aW5nRGF0ZSkgIT09IDApIHtcbiAgICAgIHRoaXMuaW5wdXQudmFsdWVBc0RhdGUgPSBkYXRlO1xuICAgICAgdGhpcy5pbnB1dC5kaXNwYXRjaEV2ZW50KG5ldyBJbnB1dEV2ZW50KCdpbnB1dCcsIHsgYnViYmxlczogdHJ1ZSwgY29tcG9zZWQ6IHRydWUgfSkpO1xuICAgICAgdGhpcy5pbnB1dC5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnY2hhbmdlJywgeyBidWJibGVzOiB0cnVlLCBjb21wb3NlZDogdHJ1ZSB9KSk7XG4gICAgICAvLyBFbWl0IGJsdXIgZXZlbnQgd2hlbiB2YWx1ZSBpcyBjaGFuZ2VkIHByb2dyYW1tYXRpY2FsbHkgdG8gbm90aWZ5XG4gICAgICAvLyBmcmFtZXdvcmtzIHRoYXQgcmVseSBvbiB0aGF0IGV2ZW50IHRvIHVwZGF0ZSBmb3JtIHN0YXR1cy5cbiAgICAgIHRoaXMuaW5wdXQuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ2JsdXInLCB7IGNvbXBvc2VkOiB0cnVlIH0pKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgc3luY0RhdGVJbnB1dFN0YXRlKCk6IHZvaWQge1xuICAgIHN1cGVyLnN5bmNEYXRlSW5wdXRTdGF0ZSgpO1xuICAgIGlmICghdGhpcy5kYXRlQWRhcHRlci5pc1ZhbGlkKHRoaXMuaW5wdXQhLnZhbHVlQXNEYXRlKSkge1xuICAgICAgdGhpcy5fZGlzYWJsZWQgPSB0cnVlO1xuICAgICAgdGhpcy5pbnRlcm5hbHMuYXJpYUxhYmVsID0gdGhpcy5pMThuT2ZmQm91bmRhcnlEYXlbdGhpcy5sYW5ndWFnZS5jdXJyZW50XTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBkYXRlID0gdGhpcy5nZXRGb2xsb3dpbmdEYXRlKHRoaXMuaW5wdXQhLnZhbHVlQXNEYXRlKTtcbiAgICB0aGlzLl9kaXNhYmxlZCA9XG4gICAgICAhdGhpcy5kYXRlQWRhcHRlci5pc1ZhbGlkKGRhdGUpIHx8XG4gICAgICB0aGlzLmRhdGVBZGFwdGVyLmNvbXBhcmVEYXRlKGRhdGUsIHRoaXMuaW5wdXQhLnZhbHVlQXNEYXRlKSA9PT0gMDtcbiAgICBjb25zdCBjdXJyZW50RGF0ZVN0cmluZyA9XG4gICAgICB0aGlzLmRhdGVBZGFwdGVyLmNvbXBhcmVEYXRlKHRoaXMuZGF0ZUFkYXB0ZXIudG9kYXkoKSwgdGhpcy5pbnB1dCEudmFsdWVBc0RhdGUpID09PSAwXG4gICAgICAgID8gaTE4blRvZGF5W3RoaXMubGFuZ3VhZ2UuY3VycmVudF0udG9Mb3dlckNhc2UoKVxuICAgICAgICA6IHRoaXMuZGF0ZUFkYXB0ZXIuZ2V0QWNjZXNzaWJpbGl0eUZvcm1hdERhdGUodGhpcy5pbnB1dCEudmFsdWVBc0RhdGUpO1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFMYWJlbCA9XG4gICAgICB0aGlzLmkxOG5TZWxlY3RPZmZCb3VuZGFyeURheShjdXJyZW50RGF0ZVN0cmluZylbdGhpcy5sYW5ndWFnZS5jdXJyZW50XTtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7OztBQ2dCQSxJQUFhLHdCQUF3QixVQUFVLHNGQUE0Qjs7Ozs7OztJQVFyRCxpQ0FBdUI7bUJBQ25DLGlCQUFpQixxQkFBcUI7Ozs7Y0FEMUIs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

package/development/datepicker.component-D2DxFng_.js

@@ -0,0 +1,216 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, isServer, nothing, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { forceType, idReference } from "./core/decorators.js";
+import { SbbUpdateSchedulerMixin } from "./core/mixins.js";
+import { SbbLanguageController } from "./core/controllers.js";
+import { i18nDateChangedTo } from "./core/i18n.js";
+import { readConfig } from "./core/config.js";
+import { defaultDateAdapter } from "./core/datetime.js";
+import { SbbDateInputElement } from "./date-input.js";
+import { SbbPopoverBaseElement } from "./popover.js";
+import "./calendar.js";
+//#region src/elements/datepicker/datepicker/datepicker.scss?inline
+var datepicker_default = "#status-container {\n  border: 0;\n  clip-path: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}";
+//#endregion
+//#region src/elements/datepicker/datepicker/datepicker.component.ts
+var nextId = 0;
+/**
+* A datepicker component that allows users to select a date from a calendar view.
+*
+* @event {CustomEvent<T>} dateselected - Event emitted on date selection.
+* @event {Event} change - The change event is fired on the datepicker's input when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.
+* @event {InputEvent} input - The input event fires  on the datepicker's input when the value has been changed as a direct result of a user action.
+*/
+var SbbDatepickerElement = (() => {
+	let _classSuper = SbbUpdateSchedulerMixin(SbbPopoverBaseElement);
+	let _wide_decorators;
+	let _wide_initializers = [];
+	let _wide_extraInitializers = [];
+	let _input_decorators;
+	let _input_initializers = [];
+	let _input_extraInitializers = [];
+	let _view_decorators;
+	let _view_initializers = [];
+	let _view_extraInitializers = [];
+	return class SbbDatepickerElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_wide_decorators = [forceType(), property({ type: Boolean })];
+			_input_decorators = [idReference(), property()];
+			_view_decorators = [property()];
+			__esDecorate(this, null, _wide_decorators, {
+				kind: "accessor",
+				name: "wide",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "wide" in obj,
+					get: (obj) => obj.wide,
+					set: (obj, value) => {
+						obj.wide = value;
+					}
+				},
+				metadata: _metadata
+			}, _wide_initializers, _wide_extraInitializers);
+			__esDecorate(this, null, _input_decorators, {
+				kind: "accessor",
+				name: "input",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "input" in obj,
+					get: (obj) => obj.input,
+					set: (obj, value) => {
+						obj.input = value;
+					}
+				},
+				metadata: _metadata
+			}, _input_initializers, _input_extraInitializers);
+			__esDecorate(this, null, _view_decorators, {
+				kind: "accessor",
+				name: "view",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "view" in obj,
+					get: (obj) => obj.view,
+					set: (obj, value) => {
+						obj.view = value;
+					}
+				},
+				metadata: _metadata
+			}, _view_initializers, _view_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-datepicker";
+		}
+		static {
+			this.styles = [SbbPopoverBaseElement.styles, unsafeCSS(datepicker_default)];
+		}
+		static {
+			this.sbbDateInputAssociated = true;
+		}
+		#wide_accessor_storage;
+		/** If set to true, two months are displayed. */
+		get wide() {
+			return this.#wide_accessor_storage;
+		}
+		set wide(value) {
+			this.#wide_accessor_storage = value;
+		}
+		#input_accessor_storage;
+		/**
+		* Reference to the sbb-date-input instance or the native input connected to the datepicker.
+		*
+		* For attribute usage, provide an id reference.
+		*/
+		get input() {
+			return this.#input_accessor_storage;
+		}
+		set input(value) {
+			this.#input_accessor_storage = value;
+		}
+		#view_accessor_storage;
+		/** The initial view of calendar which should be displayed on opening. */
+		get view() {
+			return this.#view_accessor_storage;
+		}
+		set view(value) {
+			this.#view_accessor_storage = value;
+		}
+		constructor() {
+			super();
+			this.#wide_accessor_storage = __runInitializers(this, _wide_initializers, false);
+			this.#input_accessor_storage = (__runInitializers(this, _wide_extraInitializers), __runInitializers(this, _input_initializers, null));
+			this.#view_accessor_storage = (__runInitializers(this, _input_extraInitializers), __runInitializers(this, _view_initializers, "day"));
+			this._inputAbortController = __runInitializers(this, _view_extraInitializers);
+			this._dateAdapter = readConfig().datetime?.dateAdapter ?? defaultDateAdapter;
+			this._language = new SbbLanguageController(this);
+			this._ready = false;
+			this.startUpdate();
+			this.addEventListener(SbbPopoverBaseElement.events.beforeopen, () => {
+				this.shadowRoot?.querySelector("sbb-calendar")?.resetPosition?.();
+			});
+			if (!isServer && this.hydrationRequired) this.hydrationComplete.then(() => this.requestUpdate());
+		}
+		connectedCallback() {
+			this.id ||= `sbb-datepicker-${++nextId}`;
+			super.connectedCallback();
+			const formField = this.closest?.("sbb-form-field");
+			if (formField) {
+				SbbDateInputElement.resolveAssociation(this);
+				const toggle = formField.querySelector("sbb-datepicker-toggle");
+				if (toggle && !toggle.hasAttribute("datepicker")) toggle.datepicker ??= this;
+			}
+		}
+		requestUpdate(name, oldValue, options) {
+			super.requestUpdate(name, oldValue, options);
+			if (name === "input" && this.input !== oldValue) {
+				this._inputAbortController?.abort();
+				if (this.input) {
+					const { signal } = this._inputAbortController = new AbortController();
+					this.input?.addEventListener("ɵchange", () => {
+						super.requestUpdate();
+						this._updateStatus();
+					}, { signal });
+				}
+			}
+		}
+		firstUpdated(changedProperties) {
+			super.firstUpdated(changedProperties);
+			setTimeout(() => {
+				this._ready = true;
+				this.requestUpdate();
+				this.completeUpdate();
+			});
+		}
+		_updateStatus() {
+			const status = this.shadowRoot?.getElementById("status-container");
+			if (!status) return;
+			const text = this._dateAdapter.isValid(this.input?.valueAsDate) ? `${i18nDateChangedTo[this._language.current]} ${this._dateAdapter.format(this.input.valueAsDate, { weekdayStyle: "long" })}` : "";
+			if (status.textContent !== text) status.textContent = text;
+		}
+		renderContent() {
+			return html`
+      <p id="status-container" role="status"></p>
+      <sbb-calendar
+        .view=${this.view}
+        .min=${this.input?.min ?? null}
+        .max=${this.input?.max ?? null}
+        .dateFilter=${this.input?.dateFilter ?? null}
+        .selected=${this.input?.valueAsDate ?? null}
+        ?wide=${this.wide}
+        @dateselected=${(d) => {
+				if (this.input) {
+					this.input.valueAsDate = d.detail;
+					this.input.dispatchEvent(new InputEvent("input", {
+						bubbles: true,
+						composed: true
+					}));
+					this.input.dispatchEvent(new Event("change", {
+						bubbles: true,
+						composed: true
+					}));
+					this.input.dispatchEvent(new Event("blur", { composed: true }));
+					this.close();
+				}
+			}}
+      ></sbb-calendar>
+    `;
+		}
+		render() {
+			return isServer || this.hydrationRequired || !this._ready ? html`${nothing}` : super.render();
+		}
+	};
+})();
+//#endregion
+export { SbbDatepickerElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci5jb21wb25lbnQtRDJEeEZuZ18uanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2RhdGVwaWNrZXIvZGF0ZXBpY2tlci9kYXRlcGlja2VyLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2RhdGVwaWNrZXIvZGF0ZXBpY2tlci9kYXRlcGlja2VyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG4jc3RhdHVzLWNvbnRhaW5lciB7XG4gIEBpbmNsdWRlIHNiYi5zY3JlZW4tcmVhZGVyLW9ubHk7XG59XG4iLCJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBpc1NlcnZlcixcbiAgbm90aGluZyxcbiAgdHlwZSBQcm9wZXJ0eURlY2xhcmF0aW9uLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxuICB1bnNhZmVDU1MsXG59IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHR5cGUgeyBDYWxlbmRhclZpZXcgfSBmcm9tICcuLi8uLi9jYWxlbmRhci50cyc7XG5pbXBvcnQgeyByZWFkQ29uZmlnIH0gZnJvbSAnLi4vLi4vY29yZS9jb25maWcudHMnO1xuaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy50cyc7XG5pbXBvcnQgeyB0eXBlIERhdGVBZGFwdGVyLCBkZWZhdWx0RGF0ZUFkYXB0ZXIgfSBmcm9tICcuLi8uLi9jb3JlL2RhdGV0aW1lLnRzJztcbmltcG9ydCB7IGZvcmNlVHlwZSwgaWRSZWZlcmVuY2UgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMudHMnO1xuaW1wb3J0IHsgaTE4bkRhdGVDaGFuZ2VkVG8gfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4udHMnO1xuaW1wb3J0IHsgU2JiVXBkYXRlU2NoZWR1bGVyTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyB0eXBlIFNiYkRhdGVJbnB1dEFzc29jaWF0ZWQsIFNiYkRhdGVJbnB1dEVsZW1lbnQgfSBmcm9tICcuLi8uLi9kYXRlLWlucHV0LnRzJztcbmltcG9ydCB7IFNiYlBvcG92ZXJCYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL3BvcG92ZXIudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJEYXRlcGlja2VyVG9nZ2xlRWxlbWVudCB9IGZyb20gJy4uL2RhdGVwaWNrZXItdG9nZ2xlL2RhdGVwaWNrZXItdG9nZ2xlLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2RhdGVwaWNrZXIuc2Nzcz9pbmxpbmUnO1xuXG5pbXBvcnQgJy4uLy4uL2NhbGVuZGFyLnRzJztcblxubGV0IG5leHRJZCA9IDA7XG5cbi8qKlxuICogQSBkYXRlcGlja2VyIGNvbXBvbmVudCB0aGF0IGFsbG93cyB1c2VycyB0byBzZWxlY3QgYSBkYXRlIGZyb20gYSBjYWxlbmRhciB2aWV3LlxuICpcbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8VD59IGRhdGVzZWxlY3RlZCAtIEV2ZW50IGVtaXR0ZWQgb24gZGF0ZSBzZWxlY3Rpb24uXG4gKiBAZXZlbnQge0V2ZW50fSBjaGFuZ2UgLSBUaGUgY2hhbmdlIGV2ZW50IGlzIGZpcmVkIG9uIHRoZSBkYXRlcGlja2VyJ3MgaW5wdXQgd2hlbiB0aGUgdXNlciBtb2RpZmllcyB0aGUgZWxlbWVudCdzIHZhbHVlLiBVbmxpa2UgdGhlIGlucHV0IGV2ZW50LCB0aGUgY2hhbmdlIGV2ZW50IGlzIG5vdCBuZWNlc3NhcmlseSBmaXJlZCBmb3IgZWFjaCBhbHRlcmF0aW9uIHRvIGFuIGVsZW1lbnQncyB2YWx1ZS5cbiAqIEBldmVudCB7SW5wdXRFdmVudH0gaW5wdXQgLSBUaGUgaW5wdXQgZXZlbnQgZmlyZXMgIG9uIHRoZSBkYXRlcGlja2VyJ3MgaW5wdXQgd2hlbiB0aGUgdmFsdWUgaGFzIGJlZW4gY2hhbmdlZCBhcyBhIGRpcmVjdCByZXN1bHQgb2YgYSB1c2VyIGFjdGlvbi5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYkRhdGVwaWNrZXJFbGVtZW50PFQgPSBEYXRlPlxuICBleHRlbmRzIFNiYlVwZGF0ZVNjaGVkdWxlck1peGluKFNiYlBvcG92ZXJCYXNlRWxlbWVudClcbiAgaW1wbGVtZW50cyBTYmJEYXRlSW5wdXRBc3NvY2lhdGVkPFQ+XG57XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItZGF0ZXBpY2tlcic7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtTYmJQb3BvdmVyQmFzZUVsZW1lbnQuc3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBzYmJEYXRlSW5wdXRBc3NvY2lhdGVkID0gdHJ1ZTtcblxuICAvKiogSWYgc2V0IHRvIHRydWUsIHR3byBtb250aHMgYXJlIGRpc3BsYXllZC4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIHdpZGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogUmVmZXJlbmNlIHRvIHRoZSBzYmItZGF0ZS1pbnB1dCBpbnN0YW5jZSBvciB0aGUgbmF0aXZlIGlucHV0IGNvbm5lY3RlZCB0byB0aGUgZGF0ZXBpY2tlci5cbiAgICpcbiAgICogRm9yIGF0dHJpYnV0ZSB1c2FnZSwgcHJvdmlkZSBhbiBpZCByZWZlcmVuY2UuXG4gICAqL1xuICBAaWRSZWZlcmVuY2UoKVxuICBAcHJvcGVydHkoKVxuICBwdWJsaWMgYWNjZXNzb3IgaW5wdXQ6IFNiYkRhdGVJbnB1dEVsZW1lbnQ8VD4gfCBudWxsID0gbnVsbDtcblxuICAvKiogVGhlIGluaXRpYWwgdmlldyBvZiBjYWxlbmRhciB3aGljaCBzaG91bGQgYmUgZGlzcGxheWVkIG9uIG9wZW5pbmcuICovXG4gIEBwcm9wZXJ0eSgpIHB1YmxpYyBhY2Nlc3NvciB2aWV3OiBDYWxlbmRhclZpZXcgPSAnZGF5JztcblxuICBwcml2YXRlIF9pbnB1dEFib3J0Q29udHJvbGxlcj86IEFib3J0Q29udHJvbGxlcjtcbiAgcHJpdmF0ZSBfZGF0ZUFkYXB0ZXI6IERhdGVBZGFwdGVyPFQ+ID0gcmVhZENvbmZpZygpLmRhdGV0aW1lPy5kYXRlQWRhcHRlciA/PyBkZWZhdWx0RGF0ZUFkYXB0ZXI7XG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcbiAgcHJpdmF0ZSBfcmVhZHkgPSBmYWxzZTtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLnN0YXJ0VXBkYXRlKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyKFNiYlBvcG92ZXJCYXNlRWxlbWVudC5ldmVudHMuYmVmb3Jlb3BlbiwgKCkgPT4ge1xuICAgICAgdGhpcy5zaGFkb3dSb290Py5xdWVyeVNlbGVjdG9yKCdzYmItY2FsZW5kYXInKT8ucmVzZXRQb3NpdGlvbj8uKCk7XG4gICAgfSk7XG4gICAgaWYgKCFpc1NlcnZlciAmJiB0aGlzLmh5ZHJhdGlvblJlcXVpcmVkKSB7XG4gICAgICB0aGlzLmh5ZHJhdGlvbkNvbXBsZXRlLnRoZW4oKCkgPT4gdGhpcy5yZXF1ZXN0VXBkYXRlKCkpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICB0aGlzLmlkIHx8PSBgc2JiLWRhdGVwaWNrZXItJHsrK25leHRJZH1gO1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG5cbiAgICBjb25zdCBmb3JtRmllbGQgPSB0aGlzLmNsb3Nlc3Q/Lignc2JiLWZvcm0tZmllbGQnKTtcbiAgICBpZiAoZm9ybUZpZWxkKSB7XG4gICAgICBTYmJEYXRlSW5wdXRFbGVtZW50LnJlc29sdmVBc3NvY2lhdGlvbih0aGlzKTtcbiAgICAgIGNvbnN0IHRvZ2dsZSA9XG4gICAgICAgIGZvcm1GaWVsZC5xdWVyeVNlbGVjdG9yPFNiYkRhdGVwaWNrZXJUb2dnbGVFbGVtZW50PFQ+Pignc2JiLWRhdGVwaWNrZXItdG9nZ2xlJyk7XG4gICAgICBpZiAodG9nZ2xlICYmICF0b2dnbGUuaGFzQXR0cmlidXRlKCdkYXRlcGlja2VyJykpIHtcbiAgICAgICAgdG9nZ2xlLmRhdGVwaWNrZXIgPz89IHRoaXM7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIHJlcXVlc3RVcGRhdGUoXG4gICAgbmFtZT86IFByb3BlcnR5S2V5LFxuICAgIG9sZFZhbHVlPzogdW5rbm93bixcbiAgICBvcHRpb25zPzogUHJvcGVydHlEZWNsYXJhdGlvbixcbiAgKTogdm9pZCB7XG4gICAgc3VwZXIucmVxdWVzdFVwZGF0ZShuYW1lLCBvbGRWYWx1ZSwgb3B0aW9ucyk7XG4gICAgaWYgKG5hbWUgPT09ICdpbnB1dCcgJiYgdGhpcy5pbnB1dCAhPT0gb2xkVmFsdWUpIHtcbiAgICAgIHRoaXMuX2lucHV0QWJvcnRDb250cm9sbGVyPy5hYm9ydCgpO1xuICAgICAgaWYgKHRoaXMuaW5wdXQpIHtcbiAgICAgICAgY29uc3QgeyBzaWduYWwgfSA9ICh0aGlzLl9pbnB1dEFib3J0Q29udHJvbGxlciA9IG5ldyBBYm9ydENvbnRyb2xsZXIoKSk7XG4gICAgICAgIHRoaXMuaW5wdXQ/LmFkZEV2ZW50TGlzdGVuZXIoXG4gICAgICAgICAgJ8m1Y2hhbmdlJyxcbiAgICAgICAgICAoKSA9PiB7XG4gICAgICAgICAgICBzdXBlci5yZXF1ZXN0VXBkYXRlKCk7XG4gICAgICAgICAgICB0aGlzLl91cGRhdGVTdGF0dXMoKTtcbiAgICAgICAgICB9LFxuICAgICAgICAgIHsgc2lnbmFsIH0sXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgLy8gV2Ugd2FudCB0byBkZWxheSB0aGUgcmVuZGVyaW5nIG9mIHRoZSBjYWxlbmRhciB0byBhdm9pZCBhIHNsb3cgaW5pdGlhbCByZW5kZXIuXG4gICAgICAvLyBUaGUgc2xvdyByZW5kZXIgY2FuIGJlIGEgcHJvYmxlbSBpZiBhIGxhcmdlIGFtb3VudCBvZiBkYXRlcGlja2VycyBhcmUgcmVuZGVyZWQgYXQgb25jZS5cbiAgICAgIHRoaXMuX3JlYWR5ID0gdHJ1ZTtcbiAgICAgIHRoaXMucmVxdWVzdFVwZGF0ZSgpO1xuICAgICAgdGhpcy5jb21wbGV0ZVVwZGF0ZSgpO1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBfdXBkYXRlU3RhdHVzKCk6IHZvaWQge1xuICAgIGNvbnN0IHN0YXR1cyA9IHRoaXMuc2hhZG93Um9vdD8uZ2V0RWxlbWVudEJ5SWQoJ3N0YXR1cy1jb250YWluZXInKTtcbiAgICBpZiAoIXN0YXR1cykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IHRleHQgPSB0aGlzLl9kYXRlQWRhcHRlci5pc1ZhbGlkKHRoaXMuaW5wdXQ/LnZhbHVlQXNEYXRlKVxuICAgICAgPyBgJHtpMThuRGF0ZUNoYW5nZWRUb1t0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX0gJHt0aGlzLl9kYXRlQWRhcHRlci5mb3JtYXQoXG4gICAgICAgICAgdGhpcy5pbnB1dCEudmFsdWVBc0RhdGUsXG4gICAgICAgICAge1xuICAgICAgICAgICAgd2Vla2RheVN0eWxlOiAnbG9uZycsXG4gICAgICAgICAgfSxcbiAgICAgICAgKX1gXG4gICAgICA6ICcnO1xuICAgIGlmIChzdGF0dXMudGV4dENvbnRlbnQgIT09IHRleHQpIHtcbiAgICAgIHN0YXR1cy50ZXh0Q29udGVudCA9IHRleHQ7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlckNvbnRlbnQoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHAgaWQ9XCJzdGF0dXMtY29udGFpbmVyXCIgcm9sZT1cInN0YXR1c1wiPjwvcD5cbiAgICAgIDxzYmItY2FsZW5kYXJcbiAgICAgICAgLnZpZXc9JHt0aGlzLnZpZXd9XG4gICAgICAgIC5taW49JHt0aGlzLmlucHV0Py5taW4gPz8gbnVsbH1cbiAgICAgICAgLm1heD0ke3RoaXMuaW5wdXQ/Lm1heCA/PyBudWxsfVxuICAgICAgICAuZGF0ZUZpbHRlcj0ke3RoaXMuaW5wdXQ/LmRhdGVGaWx0ZXIgPz8gbnVsbH1cbiAgICAgICAgLnNlbGVjdGVkPSR7dGhpcy5pbnB1dD8udmFsdWVBc0RhdGUgPz8gbnVsbH1cbiAgICAgICAgP3dpZGU9JHt0aGlzLndpZGV9XG4gICAgICAgIEBkYXRlc2VsZWN0ZWQ9JHsoZDogQ3VzdG9tRXZlbnQ8VD4pID0+IHtcbiAgICAgICAgICBpZiAodGhpcy5pbnB1dCkge1xuICAgICAgICAgICAgdGhpcy5pbnB1dC52YWx1ZUFzRGF0ZSA9IGQuZGV0YWlsO1xuICAgICAgICAgICAgdGhpcy5pbnB1dC5kaXNwYXRjaEV2ZW50KG5ldyBJbnB1dEV2ZW50KCdpbnB1dCcsIHsgYnViYmxlczogdHJ1ZSwgY29tcG9zZWQ6IHRydWUgfSkpO1xuICAgICAgICAgICAgdGhpcy5pbnB1dC5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnY2hhbmdlJywgeyBidWJibGVzOiB0cnVlLCBjb21wb3NlZDogdHJ1ZSB9KSk7XG4gICAgICAgICAgICAvLyBFbWl0IGJsdXIgZXZlbnQgd2hlbiB2YWx1ZSBpcyBjaGFuZ2VkIHByb2dyYW1tYXRpY2FsbHkgdG8gbm90aWZ5XG4gICAgICAgICAgICAvLyBmcmFtZXdvcmtzIHRoYXQgcmVseSBvbiB0aGF0IGV2ZW50IHRvIHVwZGF0ZSBmb3JtIHN0YXR1cy5cbiAgICAgICAgICAgIHRoaXMuaW5wdXQuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ2JsdXInLCB7IGNvbXBvc2VkOiB0cnVlIH0pKTtcbiAgICAgICAgICAgIHRoaXMuY2xvc2UoKTtcbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+PC9zYmItY2FsZW5kYXI+XG4gICAgYDtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBpc1NlcnZlciB8fCB0aGlzLmh5ZHJhdGlvblJlcXVpcmVkIHx8ICF0aGlzLl9yZWFkeSA/IGh0bWxgJHtub3RoaW5nfWAgOiBzdXBlci5yZW5kZXIoKTtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWRhdGVwaWNrZXInOiBTYmJEYXRlcGlja2VyRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7O0FDMkJBLElBQUksU0FBUzs7Ozs7Ozs7SUFTQSw4QkFBb0I7bUJBQ3ZCLHdCQUF3QixzQkFBc0I7Ozs7Ozs7Ozs7Y0FEM0MsNkJBQ0gsWUFBOEM7Ozt1QkFRckQsV0FBVyxFQUNYLFNBQVMsRUFBRSxNQUFNLFNBQVMsQ0FBQyxDQUFBO3dCQVEzQixhQUFhLEVBQ2IsVUFBVSxDQUFBO3VCQUlWLFVBQVUsQ0FBQTtBQVpYLGdCQUFBLE1BQUEsTUFBQSxrQkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLFVBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FB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

package/development/datepicker.js

@@ -1,8 +1,8 @@
-import { n as SbbDatepickerButtonBase, r as datepickerButtonStyle, t as SbbDatepickerButton } from "./datepicker-button-CANzGO5m.js";
+import { n as SbbDatepickerButtonBase, r as datepickerButtonStyle, t as SbbDatepickerButton } from "./datepicker-button-CUPeoQgH.js";
 import { SbbDatepickerNextDayElement } from "./datepicker/datepicker-next-day/datepicker-next-day.component.js";
 import { SbbDatepickerPreviousDayElement } from "./datepicker/datepicker-previous-day/datepicker-previous-day.component.js";
 import { SbbDatepickerToggleElement } from "./datepicker/datepicker-toggle/datepicker-toggle.component.js";
-import { t as SbbDatepickerElement } from "./datepicker.component-C8XQVo45.js";
+import { t as SbbDatepickerElement } from "./datepicker.component-D2DxFng_.js";
 import "./datepicker.pure.js";
 //#region src/elements/datepicker.ts
 /** @entrypoint */

package/development/datepicker.pure.js

@@ -1,6 +1,6 @@
-import { n as SbbDatepickerButtonBase, r as datepickerButtonStyle, t as SbbDatepickerButton } from "./datepicker-button-CANzGO5m.js";
+import { n as SbbDatepickerButtonBase, r as datepickerButtonStyle, t as SbbDatepickerButton } from "./datepicker-button-CUPeoQgH.js";
 import { SbbDatepickerNextDayElement } from "./datepicker/datepicker-next-day/datepicker-next-day.component.js";
 import { SbbDatepickerPreviousDayElement } from "./datepicker/datepicker-previous-day/datepicker-previous-day.component.js";
 import { SbbDatepickerToggleElement } from "./datepicker/datepicker-toggle/datepicker-toggle.component.js";
-import { t as SbbDatepickerElement } from "./datepicker.component-C8XQVo45.js";
+import { t as SbbDatepickerElement } from "./datepicker.component-D2DxFng_.js";
 export { SbbDatepickerButton, SbbDatepickerButtonBase, SbbDatepickerElement, SbbDatepickerNextDayElement, SbbDatepickerPreviousDayElement, SbbDatepickerToggleElement, datepickerButtonStyle };

package/development/error.component-OBpWoVRL.js

@@ -0,0 +1,55 @@
+import { html, unsafeCSS } from "lit";
+import { SbbElement } from "./core/base-elements.js";
+import { SbbNegativeMixin } from "./core/mixins.js";
+import { boxSizingStyles } from "./core/styles.js";
+//#region src/elements/form-field/error/error.scss?inline
+var error_default = ":host {\n  --_sbb-error-height: calc(var(--sbb-typo-line-height-text) * 1em);\n  --sbb-icon-svg-width: var(--sbb-error-icon-size);\n  --sbb-icon-svg-height: var(--sbb-error-icon-size);\n  display: flex;\n  align-items: flex-start;\n  color: var(--sbb-error-color);\n  min-height: var(--_sbb-error-height);\n  font-size: var(--sbb-error-font-size);\n  line-height: var(--sbb-typo-line-height-text);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n}\n@media (forced-colors: active) {\n  :host {\n    --sbb-error-color: LinkText !important;\n  }\n}\n\n:host([negative]) {\n  --sbb-error-color: var(--sbb-color-red85);\n}\n\n.error__icon {\n  display: flex;\n  align-items: center;\n  height: var(--_sbb-error-height);\n  margin-inline-end: var(--sbb-spacing-fixed-1x);\n}\n\n.error-content {\n  line-height: var(--sbb-typo-line-height-text);\n  vertical-align: text-top;\n}\n\n.error__icon-svg {\n  stroke: currentcolor;\n  height: var(--_sbb-error-height);\n}";
+//#endregion
+//#region src/elements/form-field/error/error.component.ts
+/**
+* It displays an error message in the `sbb-form-field`.
+*
+* @slot - Use this slot to display the error message.
+* @slot icon - Use this slot to override the default error icon.
+*/
+var SbbErrorElement = class extends SbbNegativeMixin(SbbElement) {
+	static {
+		this.elementName = "sbb-error";
+	}
+	static {
+		this.styles = [boxSizingStyles, unsafeCSS(error_default)];
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		const formField = this.closest?.("sbb-form-field");
+		if (formField) this.negative = formField.hasAttribute("negative");
+	}
+	render() {
+		return html`
+      <span class="error__icon">
+        <slot name="icon">
+          <svg
+            class="error__icon-svg"
+            aria-hidden="true"
+            width="14"
+            height="14"
+            viewBox="0 0 14 14"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <line x1="7" y1="3" x2="7" y2="8.5" />
+            <line x1="7" y1="10" x2="7" y2="11" />
+            <circle cx="7" cy="7" r="6.5" />
+          </svg>
+        </slot>
+      </span>
+      <span class="error-content">
+        <slot></slot>
+      </span>
+    `;
+	}
+};
+//#endregion
+export { SbbErrorElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXJyb3IuY29tcG9uZW50LU9CcFdvVlJMLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9mb3JtLWZpZWxkL2Vycm9yL2Vycm9yLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2Zvcm0tZmllbGQvZXJyb3IvZXJyb3IuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLS1fc2JiLWVycm9yLWhlaWdodDogY2FsYyh2YXIoLS1zYmItdHlwby1saW5lLWhlaWdodC10ZXh0KSAqIDFlbSk7XG5cbiAgLy8gT3ZlcnJpZGVzIHNiYiBpY29uXG4gIC0tc2JiLWljb24tc3ZnLXdpZHRoOiB2YXIoLS1zYmItZXJyb3ItaWNvbi1zaXplKTtcbiAgLS1zYmItaWNvbi1zdmctaGVpZ2h0OiB2YXIoLS1zYmItZXJyb3ItaWNvbi1zaXplKTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgY29sb3I6IHZhcigtLXNiYi1lcnJvci1jb2xvcik7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLV9zYmItZXJyb3ItaGVpZ2h0KTtcbiAgZm9udC1zaXplOiB2YXIoLS1zYmItZXJyb3ItZm9udC1zaXplKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LXRleHQpO1xuICBsZXR0ZXItc3BhY2luZzogdmFyKC0tc2JiLXR5cG8tbGV0dGVyLXNwYWNpbmctdGV4dCk7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLWVycm9yLWNvbG9yOiBMaW5rVGV4dCAhaW1wb3J0YW50O1xuICB9XG59XG5cbjpob3N0KFtuZWdhdGl2ZV0pIHtcbiAgLS1zYmItZXJyb3ItY29sb3I6IHZhcigtLXNiYi1jb2xvci1yZWQ4NSk7XG59XG5cbi5lcnJvcl9faWNvbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogdmFyKC0tX3NiYi1lcnJvci1oZWlnaHQpO1xuICBtYXJnaW4taW5saW5lLWVuZDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMXgpO1xufVxuXG4uZXJyb3ItY29udGVudCB7XG4gIC8vIEZpeCBmb3IgbGluZS1oZWlnaHQgdGFraW5nIG1vcmUgdGhhbiByZXNlcnZlZCBzcGFjZVxuICBsaW5lLWhlaWdodDogdmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtdGV4dCk7XG4gIHZlcnRpY2FsLWFsaWduOiB0ZXh0LXRvcDtcbn1cblxuLmVycm9yX19pY29uLXN2ZyB7XG4gIHN0cm9rZTogY3VycmVudGNvbG9yO1xuICBoZWlnaHQ6IHZhcigtLV9zYmItZXJyb3ItaGVpZ2h0KTtcbn1cbiIsImltcG9ydCB7IGh0bWwsIHVuc2FmZUNTUywgdHlwZSBDU1NSZXN1bHRHcm91cCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZXJyb3Iuc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGFuIGVycm9yIG1lc3NhZ2UgaW4gdGhlIGBzYmItZm9ybS1maWVsZGAuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhpcyBzbG90IHRvIGRpc3BsYXkgdGhlIGVycm9yIG1lc3NhZ2UuXG4gKiBAc2xvdCBpY29uIC0gVXNlIHRoaXMgc2xvdCB0byBvdmVycmlkZSB0aGUgZGVmYXVsdCBlcnJvciBpY29uLlxuICovXG5leHBvcnQgY2xhc3MgU2JiRXJyb3JFbGVtZW50IGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihTYmJFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItZXJyb3InO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICBjb25zdCBmb3JtRmllbGQgPSB0aGlzLmNsb3Nlc3Q/Lignc2JiLWZvcm0tZmllbGQnKTtcbiAgICBpZiAoZm9ybUZpZWxkKSB7XG4gICAgICB0aGlzLm5lZ2F0aXZlID0gZm9ybUZpZWxkLmhhc0F0dHJpYnV0ZSgnbmVnYXRpdmUnKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwiZXJyb3JfX2ljb25cIj5cbiAgICAgICAgPHNsb3QgbmFtZT1cImljb25cIj5cbiAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICBjbGFzcz1cImVycm9yX19pY29uLXN2Z1wiXG4gICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgICAgd2lkdGg9XCIxNFwiXG4gICAgICAgICAgICBoZWlnaHQ9XCIxNFwiXG4gICAgICAgICAgICB2aWV3Qm94PVwiMCAwIDE0IDE0XCJcbiAgICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxsaW5lIHgxPVwiN1wiIHkxPVwiM1wiIHgyPVwiN1wiIHkyPVwiOC41XCIgLz5cbiAgICAgICAgICAgIDxsaW5lIHgxPVwiN1wiIHkxPVwiMTBcIiB4Mj1cIjdcIiB5Mj1cIjExXCIgLz5cbiAgICAgICAgICAgIDxjaXJjbGUgY3g9XCI3XCIgY3k9XCI3XCIgcj1cIjYuNVwiIC8+XG4gICAgICAgICAgPC9zdmc+XG4gICAgICAgIDwvc2xvdD5cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwiZXJyb3ItY29udGVudFwiPlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWVycm9yJzogU2JiRXJyb3JFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FDY0EsSUFBYSxrQkFBYixjQUFxQyxpQkFBaUIsV0FBVyxDQUFBOztBQUMvQixPQUFBLGNBQXNCOzs7QUFDL0IsT0FBQSxTQUF5QixDQUFDLGlCQUFpQixVQUFVLGNBQU0sQ0FBQzs7Q0FFbkUsb0JBQWlCO0FBQy9CLFFBQU0sbUJBQW1CO0VBQ3pCLE1BQU0sWUFBWSxLQUFLLFVBQVUsaUJBQWlCO0FBQ2xELE1BQUksVUFDRixNQUFLLFdBQVcsVUFBVSxhQUFhLFdBQVc7O0NBSW5DLFNBQU07QUFDdkIsU0FBTyxJQUFJIn0=

package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js

@@ -1,2 +1,2 @@
-import { t as SbbExpansionPanelHeaderElement } from "../../expansion-panel-header.component-Bw4uROTe.js";
+import { t as SbbExpansionPanelHeaderElement } from "../../expansion-panel-header.component-C1xRGcAN.js";
 export { SbbExpansionPanelHeaderElement };

package/development/expansion-panel/expansion-panel-header.js

@@ -1,4 +1,4 @@
-import { t as SbbExpansionPanelHeaderElement } from "../expansion-panel-header.component-Bw4uROTe.js";
+import { t as SbbExpansionPanelHeaderElement } from "../expansion-panel-header.component-C1xRGcAN.js";
 //#region src/elements/expansion-panel/expansion-panel-header.ts
 /** @entrypoint */
 SbbExpansionPanelHeaderElement.define();