@sbb-esta/lyne-elements-dev 0.0.0 → 4.0.0-dev.1775551720

package/development/core/base-elements/button-base-element.js

@@ -0,0 +1,254 @@
+import { SbbActionBaseElement } from "./action-base-element.js";
+import { __esDecorate, __runInitializers } from "tslib";
+import { isServer } from "lit";
+import { property } from "lit/decorators.js";
+import { forceType, hostAttributes } from "../decorators.js";
+import { isEventPrevented } from "../eventing.js";
+import { SbbFormAssociatedMixin } from "../mixins.js";
+//#region src/elements/core/base-elements/button-base-element.ts
+/** Button base class. */
+var SbbButtonLikeBaseElement = (() => {
+	let _classDecorators = [hostAttributes({ tabindex: "0" })];
+	let _classDescriptor;
+	let _classExtraInitializers = [];
+	let _classThis;
+	let _classSuper = SbbFormAssociatedMixin(SbbActionBaseElement);
+	var SbbButtonLikeBaseElement = class extends _classSuper {
+		static {
+			_classThis = this;
+		}
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, {
+				kind: "class",
+				name: _classThis.name,
+				metadata: _metadata
+			}, null, _classExtraInitializers);
+			SbbButtonLikeBaseElement = _classThis = _classDescriptor.value;
+			if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.role = "button";
+		}
+		constructor() {
+			super();
+			/**
+			* Prevents scrolling from pressing Space, when the event target is an action element.
+			* Also sets active state.
+			* @param event The origin event.
+			*/
+			this._preventScrollOnSpaceKeydown = (event) => {
+				if (event.key === " ") {
+					event.preventDefault();
+					this.internals.states.add("active");
+				}
+			};
+			this._removeActiveMarker = () => {
+				this.internals.states.delete("active");
+			};
+			/**
+			* Dispatches a 'click' PointerEvent if the original keyboard event is a 'Space' press.
+			* As verified with the native button, when 'Space' is pressed, a 'click' event is dispatched
+			* after the 'keyup' event.
+			* @param event The origin event.
+			*/
+			this._dispatchClickEventOnSpaceKeyup = (event) => {
+				if (event.key === " ") {
+					this._removeActiveMarker();
+					this._dispatchClickEvent(event);
+				}
+			};
+			this._dispatchClickEvent = (event) => {
+				const { altKey, ctrlKey, metaKey, shiftKey } = event;
+				event.target.dispatchEvent(new PointerEvent("click", {
+					bubbles: true,
+					cancelable: true,
+					composed: true,
+					pointerId: -1,
+					pointerType: "",
+					altKey,
+					ctrlKey,
+					metaKey,
+					shiftKey
+				}));
+			};
+			this.internals.states.add("button");
+			if (!isServer) {
+				this.setupBaseEventHandlers();
+				const passiveOptions = { passive: true };
+				this.addEventListener("keydown", this._preventScrollOnSpaceKeydown);
+				this.addEventListener("keyup", this._dispatchClickEventOnSpaceKeyup, passiveOptions);
+				this.addEventListener("blur", this._removeActiveMarker, passiveOptions);
+				this.addEventListener("keypress", (event) => {
+					if (event.key === "Enter" || event.key === "\n") this._dispatchClickEvent(event);
+				}, passiveOptions);
+			}
+		}
+		attributeChangedCallback(name, old, value) {
+			if (!["name", "value"].includes(name) || old !== value) super.attributeChangedCallback(name, old, value);
+		}
+		static {
+			__runInitializers(_classThis, _classExtraInitializers);
+		}
+	};
+	return _classThis;
+})();
+/** Button base class. */
+var SbbButtonBaseElement = (() => {
+	let _classSuper = SbbButtonLikeBaseElement;
+	let _instanceExtraInitializers = [];
+	let _value_decorators;
+	let _value_initializers = [];
+	let _value_extraInitializers = [];
+	let _set_type_decorators;
+	let _set_form_decorators;
+	return class SbbButtonBaseElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_value_decorators = [forceType(), property()];
+			_set_type_decorators = [property()];
+			_set_form_decorators = [property()];
+			__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, _set_type_decorators, {
+				kind: "setter",
+				name: "type",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "type" in obj,
+					set: (obj, value) => {
+						obj.type = value;
+					}
+				},
+				metadata: _metadata
+			}, null, _instanceExtraInitializers);
+			__esDecorate(this, null, _set_form_decorators, {
+				kind: "setter",
+				name: "form",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "form" in obj,
+					set: (obj, value) => {
+						obj.form = value;
+					}
+				},
+				metadata: _metadata
+			}, null, _instanceExtraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		#value_accessor_storage;
+		/** Value of the form element. */
+		get value() {
+			return this.#value_accessor_storage;
+		}
+		set value(value) {
+			this.#value_accessor_storage = value;
+		}
+		/**
+		* The type attribute to use for the button.
+		* @default 'button'
+		*/
+		set type(name) {
+			this.setAttribute("type", `${name}`);
+		}
+		get type() {
+			return this.getAttribute("type") ?? "button";
+		}
+		/** The `<form>` element to associate the button with. */
+		set form(value) {
+			this._formId = value;
+			this.form?.addEventListener("keydown", this._formKeyDown, { capture: true });
+		}
+		get form() {
+			return this._formId ? this.getRootNode?.()?.getElementById?.(this._formId) ?? null : this.internals.form;
+		}
+		constructor() {
+			super();
+			this._elementsOnWhichEnterPressTriggersSubmit = (__runInitializers(this, _instanceExtraInitializers), [
+				"input",
+				"sbb-date-input",
+				"sbb-time-input"
+			]);
+			this.#value_accessor_storage = __runInitializers(this, _value_initializers, "");
+			this._formId = (__runInitializers(this, _value_extraInitializers), "");
+			this._handleButtonClick = async (event) => {
+				if (this.type === "button" || await isEventPrevented(event)) return;
+				const form = this.form;
+				if (!form) return;
+				else if (this.type === "submit") this._requestSubmit(form);
+				else if (this.type === "reset") form.reset();
+			};
+			this._formKeyDown = (event) => {
+				const form = this.form;
+				if (this.type === "submit" && form && (event.key === "Enter" || event.key === "\n") && this._elementsOnWhichEnterPressTriggersSubmit.includes(event.target?.localName) && event.isTrusted) {
+					event.stopImmediatePropagation();
+					event.preventDefault();
+					if (event.composedPath()[0].dispatchEvent(new KeyboardEvent(event.type, event)) && !this.matches(":disabled")) this._requestSubmit(form);
+				}
+			};
+			this.addEventListener("click", this._handleButtonClick);
+		}
+		connectedCallback() {
+			super.connectedCallback();
+			this.form?.addEventListener("keydown", this._formKeyDown, { capture: true });
+		}
+		disconnectedCallback() {
+			super.disconnectedCallback();
+			this.form?.removeEventListener("keydown", this._formKeyDown, { capture: true });
+		}
+		_requestSubmit(form) {
+			const submitButtonClone = document.createElement("button");
+			submitButtonClone.inert = true;
+			submitButtonClone.hidden = true;
+			submitButtonClone.name = this.name;
+			submitButtonClone.value = this.value ?? "";
+			form.append(submitButtonClone);
+			form.requestSubmit(submitButtonClone);
+			submitButtonClone.remove();
+		}
+		/**
+		* Intentionally empty, as buttons are not targeted by form reset
+		* @internal
+		*/
+		formResetCallback() {}
+		/**
+		* Intentionally empty, as buttons are not targeted by form restore
+		* @internal
+		*/
+		formStateRestoreCallback(_state, _reason) {}
+		/**
+		* Intentionally empty, as button does not write its data in form.
+		* The data is only applied on submit button click as submitter of requestSubmit();
+		* @internal
+		*/
+		updateFormValue() {}
+	};
+})();
+//#endregion
+export { SbbButtonBaseElement, SbbButtonLikeBaseElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWJhc2UtZWxlbWVudC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvY29yZS9iYXNlLWVsZW1lbnRzL2J1dHRvbi1iYXNlLWVsZW1lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaXNTZXJ2ZXIgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGZvcmNlVHlwZSwgaG9zdEF0dHJpYnV0ZXMgfSBmcm9tICcuLi9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB7IGlzRXZlbnRQcmV2ZW50ZWQgfSBmcm9tICcuLi9ldmVudGluZy50cyc7XG5pbXBvcnQge1xuICB0eXBlIEZvcm1SZXN0b3JlUmVhc29uLFxuICB0eXBlIEZvcm1SZXN0b3JlU3RhdGUsXG4gIFNiYkZvcm1Bc3NvY2lhdGVkTWl4aW4sXG59IGZyb20gJy4uL21peGlucy50cyc7XG5cbmltcG9ydCB7IFNiYkFjdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi9hY3Rpb24tYmFzZS1lbGVtZW50LnRzJztcblxuLyoqIEVudW1lcmF0aW9uIGZvciB0eXBlIGF0dHJpYnV0ZSBpbiA8YnV0dG9uPiBIVE1MIHRhZy4gKi9cbmV4cG9ydCB0eXBlIFNiYkJ1dHRvblR5cGUgPSAnYnV0dG9uJyB8ICdyZXNldCcgfCAnc3VibWl0JztcblxuLyoqIEJ1dHRvbiBiYXNlIGNsYXNzLiAqL1xuZXhwb3J0XG5AaG9zdEF0dHJpYnV0ZXMoe1xuICB0YWJpbmRleDogJzAnLFxufSlcbmFic3RyYWN0IGNsYXNzIFNiYkJ1dHRvbkxpa2VCYXNlRWxlbWVudCBleHRlbmRzIFNiYkZvcm1Bc3NvY2lhdGVkTWl4aW4oU2JiQWN0aW9uQmFzZUVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSByb2xlOiBFbGVtZW50SW50ZXJuYWxzWydyb2xlJ10gPSAnYnV0dG9uJztcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKCdidXR0b24nKTtcblxuICAgIGlmICghaXNTZXJ2ZXIpIHtcbiAgICAgIHRoaXMuc2V0dXBCYXNlRXZlbnRIYW5kbGVycygpO1xuXG4gICAgICBjb25zdCBwYXNzaXZlT3B0aW9ucyA9IHsgcGFzc2l2ZTogdHJ1ZSB9O1xuICAgICAgdGhpcy5hZGRFdmVudExpc3RlbmVyKCdrZXlkb3duJywgdGhpcy5fcHJldmVudFNjcm9sbE9uU3BhY2VLZXlkb3duKTtcbiAgICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcigna2V5dXAnLCB0aGlzLl9kaXNwYXRjaENsaWNrRXZlbnRPblNwYWNlS2V5dXAsIHBhc3NpdmVPcHRpb25zKTtcbiAgICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcignYmx1cicsIHRoaXMuX3JlbW92ZUFjdGl2ZU1hcmtlciwgcGFzc2l2ZU9wdGlvbnMpO1xuICAgICAgdGhpcy5hZGRFdmVudExpc3RlbmVyKFxuICAgICAgICAna2V5cHJlc3MnLFxuICAgICAgICAoZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkID0+IHtcbiAgICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnRW50ZXInIHx8IGV2ZW50LmtleSA9PT0gJ1xcbicpIHtcbiAgICAgICAgICAgIHRoaXMuX2Rpc3BhdGNoQ2xpY2tFdmVudChldmVudCk7XG4gICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBwYXNzaXZlT3B0aW9ucyxcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIFByZXZlbnRzIHNjcm9sbGluZyBmcm9tIHByZXNzaW5nIFNwYWNlLCB3aGVuIHRoZSBldmVudCB0YXJnZXQgaXMgYW4gYWN0aW9uIGVsZW1lbnQuXG4gICAqIEFsc28gc2V0cyBhY3RpdmUgc3RhdGUuXG4gICAqIEBwYXJhbSBldmVudCBUaGUgb3JpZ2luIGV2ZW50LlxuICAgKi9cbiAgcHJpdmF0ZSBfcHJldmVudFNjcm9sbE9uU3BhY2VLZXlkb3duID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCA9PiB7XG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJyAnKSB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZCgnYWN0aXZlJyk7XG4gICAgfVxuICB9O1xuXG4gIHByaXZhdGUgX3JlbW92ZUFjdGl2ZU1hcmtlciA9ICgpOiB2b2lkID0+IHtcbiAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKCdhY3RpdmUnKTtcbiAgfTtcblxuICAvKipcbiAgICogRGlzcGF0Y2hlcyBhICdjbGljaycgUG9pbnRlckV2ZW50IGlmIHRoZSBvcmlnaW5hbCBrZXlib2FyZCBldmVudCBpcyBhICdTcGFjZScgcHJlc3MuXG4gICAqIEFzIHZlcmlmaWVkIHdpdGggdGhlIG5hdGl2ZSBidXR0b24sIHdoZW4gJ1NwYWNlJyBpcyBwcmVzc2VkLCBhICdjbGljaycgZXZlbnQgaXMgZGlzcGF0Y2hlZFxuICAgKiBhZnRlciB0aGUgJ2tleXVwJyBldmVudC5cbiAgICogQHBhcmFtIGV2ZW50IFRoZSBvcmlnaW4gZXZlbnQuXG4gICAqL1xuICBwcml2YXRlIF9kaXNwYXRjaENsaWNrRXZlbnRPblNwYWNlS2V5dXAgPSAoZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkID0+IHtcbiAgICBpZiAoZXZlbnQua2V5ID09PSAnICcpIHtcbiAgICAgIHRoaXMuX3JlbW92ZUFjdGl2ZU1hcmtlcigpO1xuICAgICAgdGhpcy5fZGlzcGF0Y2hDbGlja0V2ZW50KGV2ZW50KTtcbiAgICB9XG4gIH07XG5cbiAgcHJpdmF0ZSBfZGlzcGF0Y2hDbGlja0V2ZW50ID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCA9PiB7XG4gICAgY29uc3QgeyBhbHRLZXksIGN0cmxLZXksIG1ldGFLZXksIHNoaWZ0S2V5IH0gPSBldmVudDtcbiAgICAoZXZlbnQudGFyZ2V0IGFzIEVsZW1lbnQpLmRpc3BhdGNoRXZlbnQoXG4gICAgICBuZXcgUG9pbnRlckV2ZW50KCdjbGljaycsIHtcbiAgICAgICAgYnViYmxlczogdHJ1ZSxcbiAgICAgICAgY2FuY2VsYWJsZTogdHJ1ZSxcbiAgICAgICAgY29tcG9zZWQ6IHRydWUsXG4gICAgICAgIHBvaW50ZXJJZDogLTEsXG4gICAgICAgIHBvaW50ZXJUeXBlOiAnJyxcbiAgICAgICAgYWx0S2V5LFxuICAgICAgICBjdHJsS2V5LFxuICAgICAgICBtZXRhS2V5LFxuICAgICAgICBzaGlmdEtleSxcbiAgICAgIH0pLFxuICAgICk7XG4gIH07XG5cbiAgcHVibGljIG92ZXJyaWRlIGF0dHJpYnV0ZUNoYW5nZWRDYWxsYmFjayhcbiAgICBuYW1lOiBzdHJpbmcsXG4gICAgb2xkOiBzdHJpbmcgfCBudWxsLFxuICAgIHZhbHVlOiBzdHJpbmcgfCBudWxsLFxuICApOiB2b2lkIHtcbiAgICBpZiAoIVsnbmFtZScsICd2YWx1ZSddLmluY2x1ZGVzKG5hbWUpIHx8IG9sZCAhPT0gdmFsdWUpIHtcbiAgICAgIHN1cGVyLmF0dHJpYnV0ZUNoYW5nZWRDYWxsYmFjayhuYW1lLCBvbGQsIHZhbHVlKTtcbiAgICB9XG4gIH1cbn1cblxuLyoqIEJ1dHRvbiBiYXNlIGNsYXNzLiAqL1xuZXhwb3J0IGFic3RyYWN0IGNsYXNzIFNiYkJ1dHRvbkJhc2VFbGVtZW50IGV4dGVuZHMgU2JiQnV0dG9uTGlrZUJhc2VFbGVtZW50IHtcbiAgcHJpdmF0ZSByZWFkb25seSBfZWxlbWVudHNPbldoaWNoRW50ZXJQcmVzc1RyaWdnZXJzU3VibWl0ID0gW1xuICAgICdpbnB1dCcsXG4gICAgJ3NiYi1kYXRlLWlucHV0JyxcbiAgICAnc2JiLXRpbWUtaW5wdXQnLFxuICBdO1xuXG4gIC8qKiBWYWx1ZSBvZiB0aGUgZm9ybSBlbGVtZW50LiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KClcbiAgcHVibGljIGFjY2Vzc29yIHZhbHVlOiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgICogVGhlIHR5cGUgYXR0cmlidXRlIHRvIHVzZSBmb3IgdGhlIGJ1dHRvbi5cbiAgICogQGRlZmF1bHQgJ2J1dHRvbidcbiAgICovXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBvdmVycmlkZSBzZXQgdHlwZShuYW1lOiBTYmJCdXR0b25UeXBlKSB7XG4gICAgdGhpcy5zZXRBdHRyaWJ1dGUoJ3R5cGUnLCBgJHtuYW1lfWApO1xuICB9XG4gIHB1YmxpYyBvdmVycmlkZSBnZXQgdHlwZSgpOiBTYmJCdXR0b25UeXBlIHtcbiAgICByZXR1cm4gKHRoaXMuZ2V0QXR0cmlidXRlKCd0eXBlJykgYXMgU2JiQnV0dG9uVHlwZSkgPz8gJ2J1dHRvbic7XG4gIH1cblxuICAvKiogVGhlIGA8Zm9ybT5gIGVsZW1lbnQgdG8gYXNzb2NpYXRlIHRoZSBidXR0b24gd2l0aC4gKi9cbiAgQHByb3BlcnR5KClcbiAgcHVibGljIG92ZXJyaWRlIHNldCBmb3JtKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9mb3JtSWQgPSB2YWx1ZTtcbiAgICB0aGlzLmZvcm0/LmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCB0aGlzLl9mb3JtS2V5RG93biwgeyBjYXB0dXJlOiB0cnVlIH0pO1xuICB9XG4gIHB1YmxpYyBvdmVycmlkZSBnZXQgZm9ybSgpOiBIVE1MRm9ybUVsZW1lbnQgfCBudWxsIHtcbiAgICAvLyBVc2UgcXVlcnlTZWxlY3RvciB3aXRoIGZvcm0gYW5kIGlkIHNlbGVjdG9yLCBhcyB0aGUgZm9ybSBwcm9wZXJ0eSBtdXN0XG4gICAgLy8gcmVmZXJlbmNlIGEgdmFsaWQgPGZvcm0+IGVsZW1lbnRcbiAgICByZXR1cm4gdGhpcy5fZm9ybUlkXG4gICAgICA/ICgoKHRoaXMuZ2V0Um9vdE5vZGU/LigpIGFzIERvY3VtZW50RnJhZ21lbnQgfCBudWxsKT8uZ2V0RWxlbWVudEJ5SWQ/LihcbiAgICAgICAgICB0aGlzLl9mb3JtSWQsXG4gICAgICAgICkgYXMgSFRNTEZvcm1FbGVtZW50KSA/PyBudWxsKVxuICAgICAgOiB0aGlzLmludGVybmFscy5mb3JtO1xuICB9XG4gIHByaXZhdGUgX2Zvcm1JZDogc3RyaW5nID0gJyc7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG5cbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgdGhpcy5faGFuZGxlQnV0dG9uQ2xpY2spO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG5cbiAgICB0aGlzLmZvcm0/LmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCB0aGlzLl9mb3JtS2V5RG93biwgeyBjYXB0dXJlOiB0cnVlIH0pO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGRpc2Nvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmRpc2Nvbm5lY3RlZENhbGxiYWNrKCk7XG5cbiAgICB0aGlzLmZvcm0/LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCB0aGlzLl9mb3JtS2V5RG93biwgeyBjYXB0dXJlOiB0cnVlIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBfaGFuZGxlQnV0dG9uQ2xpY2sgPSBhc3luYyAoZXZlbnQ6IE1vdXNlRXZlbnQpOiBQcm9taXNlPHZvaWQ+ID0+IHtcbiAgICBpZiAodGhpcy50eXBlID09PSAnYnV0dG9uJyB8fCAoYXdhaXQgaXNFdmVudFByZXZlbnRlZChldmVudCkpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgZm9ybSA9IHRoaXMuZm9ybTtcbiAgICBpZiAoIWZvcm0pIHtcbiAgICAgIHJldHVybjtcbiAgICB9IGVsc2UgaWYgKHRoaXMudHlwZSA9PT0gJ3N1Ym1pdCcpIHtcbiAgICAgIHRoaXMuX3JlcXVlc3RTdWJtaXQoZm9ybSk7XG4gICAgfSBlbHNlIGlmICh0aGlzLnR5cGUgPT09ICdyZXNldCcpIHtcbiAgICAgIGZvcm0ucmVzZXQoKTtcbiAgICB9XG4gIH07XG5cbiAgcHJpdmF0ZSBfcmVxdWVzdFN1Ym1pdChmb3JtOiBIVE1MRm9ybUVsZW1lbnQpOiB2b2lkIHtcbiAgICAvLyBgZm9ybS5yZXF1ZXN0U3VibWl0KGVsZW1lbnQpO2Agc2VlbXMgbm90IHRvIHdvcmsgZm9yIEN1c3RvbUVsZW1lbnRzLCBzbyB0aGUgYGVsZW1lbnRgIHBhcmFtZXRlciBoYXMgYmVlbiByZW1vdmVkO1xuICAgIC8vIFRPRE86IENoZWNrIGlmIHNvbHZlZCBpbiBhbnkgd2F5LCBzZWUgaHR0cHM6Ly9naXRodWIuY29tL1dJQ0cvd2ViY29tcG9uZW50cy9pc3N1ZXMvODE0I2lzc3VlY29tbWVudC0xMjE4NDUyMTM3XG4gICAgLy8gV2UgdXNlIHRoZSB3b3JrYXJvdW5kIGRlc2NyaWJlZCBpbiB0aGUgZ2l0aHViIGlzc3VlIGJ5IGNsb25pbmcgdGhlIHN1Ym1pdCBidXR0b24gYW5kIHBhc3MgdGhpcyBvbmUgYXMgYW4gYXJndW1lbnQuXG5cbiAgICBjb25zdCBzdWJtaXRCdXR0b25DbG9uZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2J1dHRvbicpO1xuICAgIHN1Ym1pdEJ1dHRvbkNsb25lLmluZXJ0ID0gdHJ1ZTtcbiAgICBzdWJtaXRCdXR0b25DbG9uZS5oaWRkZW4gPSB0cnVlO1xuICAgIHN1Ym1pdEJ1dHRvbkNsb25lLm5hbWUgPSB0aGlzLm5hbWU7XG4gICAgc3VibWl0QnV0dG9uQ2xvbmUudmFsdWUgPSB0aGlzLnZhbHVlID8/ICcnO1xuXG4gICAgZm9ybS5hcHBlbmQoc3VibWl0QnV0dG9uQ2xvbmUpO1xuICAgIGZvcm0ucmVxdWVzdFN1Ym1pdChzdWJtaXRCdXR0b25DbG9uZSk7XG4gICAgc3VibWl0QnV0dG9uQ2xvbmUucmVtb3ZlKCk7XG4gIH1cblxuICBwcml2YXRlIF9mb3JtS2V5RG93biA9IChldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQgPT4ge1xuICAgIGNvbnN0IGZvcm0gPSB0aGlzLmZvcm07XG4gICAgaWYgKFxuICAgICAgdGhpcy50eXBlID09PSAnc3VibWl0JyAmJlxuICAgICAgZm9ybSAmJlxuICAgICAgKGV2ZW50LmtleSA9PT0gJ0VudGVyJyB8fCBldmVudC5rZXkgPT09ICdcXG4nKSAmJlxuICAgICAgdGhpcy5fZWxlbWVudHNPbldoaWNoRW50ZXJQcmVzc1RyaWdnZXJzU3VibWl0LmluY2x1ZGVzKFxuICAgICAgICAoZXZlbnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50KT8ubG9jYWxOYW1lLFxuICAgICAgKSAmJlxuICAgICAgZXZlbnQuaXNUcnVzdGVkXG4gICAgKSB7XG4gICAgICAvLyBJbiB0aGUgY2FzZSB3aGVyZSB0aGVyZSBpcyBvbmx5IG9uZSBmb3JtIGVsZW1lbnQsIGFuIGVudGVyIHByZXNzIHN1Ym1pdHMgdGhlIGZvcm0uXG4gICAgICAvLyBJbiB0aGUgY2FzZSB3aGVyZSB3ZSBvbmx5IGhhdmUgb25lIGlucHV0IGFuZCB0aGlzIGJ1dHRvbiBhcyBhIHN1Ym1pdCBidXR0b24sXG4gICAgICAvLyB3ZSBuZWVkIHRvIHByZXZlbnQgdGhlIGRlZmF1bHQgZnVuY3Rpb25hbGl0eSBvZiBzdWJtaXR0aW5nIHRoZSBmb3JtIGJlY2F1c2VcbiAgICAgIC8vIHdoaWxlIHRoaXMgYnV0dG9uIHNob3VsZCBiZSByZWNvZ25pemVkIGFzIGEgc3VibWl0IGVsZW1lbnQsIHRoYXQgaXMgbm90IG5hdGl2ZWx5IHRoZSBjYXNlLFxuICAgICAgLy8gYW5kIHRoZXJlZm9yZSB3ZSBtYW51YWxseSBoYW5kbGUgdGhpcyBjYXNlIGhlcmUuXG4gICAgICAvLyBJZiB0aGlzIGJ1dHRvbiBpcyBub3QgZGlzYWJsZWQgd2Ugd2lsbCB0aGVuIHJlcXVlc3QgYSBzdWJtaXQgZnVydGhlciBkb3duIGJlbG93LlxuICAgICAgZXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgICBjb25zdCBldmVudE9yaWdpbiA9IGV2ZW50LmNvbXBvc2VkUGF0aCgpWzBdO1xuXG4gICAgICBpZiAoXG4gICAgICAgIGV2ZW50T3JpZ2luLmRpc3BhdGNoRXZlbnQobmV3IEtleWJvYXJkRXZlbnQoZXZlbnQudHlwZSwgZXZlbnQpKSAmJlxuICAgICAgICAhdGhpcy5tYXRjaGVzKCc6ZGlzYWJsZWQnKVxuICAgICAgKSB7XG4gICAgICAgIHRoaXMuX3JlcXVlc3RTdWJtaXQoZm9ybSk7XG4gICAgICB9XG4gICAgfVxuICB9O1xuXG4gIC8qKlxuICAgKiBJbnRlbnRpb25hbGx5IGVtcHR5LCBhcyBidXR0b25zIGFyZSBub3QgdGFyZ2V0ZWQgYnkgZm9ybSByZXNldFxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIHB1YmxpYyBvdmVycmlkZSBmb3JtUmVzZXRDYWxsYmFjaygpOiB2b2lkIHt9XG5cbiAgLyoqXG4gICAqIEludGVudGlvbmFsbHkgZW1wdHksIGFzIGJ1dHRvbnMgYXJlIG5vdCB0YXJnZXRlZCBieSBmb3JtIHJlc3RvcmVcbiAgICogQGludGVybmFsXG4gICAqL1xuICBwdWJsaWMgb3ZlcnJpZGUgZm9ybVN0YXRlUmVzdG9yZUNhbGxiYWNrKFxuICAgIF9zdGF0ZTogRm9ybVJlc3RvcmVTdGF0ZSB8IG51bGwsXG4gICAgX3JlYXNvbjogRm9ybVJlc3RvcmVSZWFzb24sXG4gICk6IHZvaWQge31cblxuICAvKipcbiAgICogSW50ZW50aW9uYWxseSBlbXB0eSwgYXMgYnV0dG9uIGRvZXMgbm90IHdyaXRlIGl0cyBkYXRhIGluIGZvcm0uXG4gICAqIFRoZSBkYXRhIGlzIG9ubHkgYXBwbGllZCBvbiBzdWJtaXQgYnV0dG9uIGNsaWNrIGFzIHN1Ym1pdHRlciBvZiByZXF1ZXN0U3VibWl0KCk7XG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHVwZGF0ZUZvcm1WYWx1ZSgpOiB2b2lkIHt9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztJQXFCZSxrQ0FBd0I7eUJBSHRDLGVBQWUsRUFDZCxVQUFV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

package/development/core/base-elements/element.d.ts

@@ -0,0 +1,59 @@
+import { LitElement, PropertyDeclaration, ReactiveController } from 'lit';
+export interface SbbPropertyValues {
+    oldValue?: unknown;
+    value?: unknown;
+}
+export interface SbbReactiveController extends ReactiveController {
+    hostPropertyUpdate?(name: PropertyKey, values?: SbbPropertyValues, options?: PropertyDeclaration): void;
+}
+declare const SbbElement_base: import('../mixins.ts').AbstractConstructor<import('../mixins/hydration-mixin.ts').SbbHydrationMixinType> & import('../mixins.ts').AbstractConstructor<import('../mixins/element-internals-mixin.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../mixins/element-internals-mixin.ts').SbbElementInternalsConstructor;
+/**
+ * A base class for all SBB elements.
+ */
+export declare class SbbElement extends SbbElement_base {
+    static ['_$sbbElement$']: boolean;
+    static readonly elementName: string;
+    private _controllers?;
+    /**
+     * Register the custom element to the specified CustomElementRegistry.
+     * If none is provided, defaults to the global `customElements` registry.
+     * @param customElementRegistry Optional CustomElementRegistry to register this element to.
+     *   Defaults to the global `customElements` instance.
+     */
+    static define(customElementRegistry?: CustomElementRegistry): void;
+    /**
+     * Registers a `ReactiveController` to participate in the element's reactive
+     * update cycle. The element automatically calls into any registered
+     * controllers during its lifecycle callbacks.
+     *
+     * If the element is connected when `addController()` is called, the
+     * controller's `hostConnected()` callback will be immediately called.
+     */
+    addController(controller: SbbReactiveController): void;
+    /**
+     * Removes a `ReactiveController` from the element.
+     */
+    removeController(controller: SbbReactiveController): void;
+    /**
+     * Requests an update which is processed asynchronously. This should be called
+     * when an element should update based on some state not triggered by setting
+     * a reactive property. In this case, pass no arguments. It should also be
+     * called when manually implementing a property setter. In this case, pass the
+     * property `name` and `oldValue` to ensure that any configured property
+     * options are honored.
+     *
+     * @param name name of requesting property
+     * @param oldValue old value of requesting property
+     * @param options property options to use instead of the previously
+     *     configured options
+     * @param useNewValue if true, the newValue argument is used instead of
+     *     reading the property value. This is important to use if the reactive
+     *     property is a standard private accessor, as opposed to a plain
+     *     property, since private members can't be dynamically read by name.
+     * @param newValue the new value of the property. This is only used if
+     *     `useNewValue` is true.
+     */
+    requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration, useNewValue?: boolean, newValue?: unknown): void;
+}
+export {};
+//# sourceMappingURL=element.d.ts.map

package/development/core/base-elements/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/base-elements/element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAKpF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;IAC/D,kBAAkB,CAAC,CACjB,IAAI,EAAE,WAAW,EACjB,MAAM,CAAC,EAAE,iBAAiB,EAC1B,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI,CAAC;CACT;;AAED;;GAEG;AAEH,qBAAa,UAAW,SAAQ,eAAuD;IACrF,OAAc,CAAC,eAAe,CAAC,UAAQ;IACvC,gBAAuB,WAAW,EAAE,MAAM,CAAC;IAE3C,OAAO,CAAC,YAAY,CAAC,CAA6B;IAElD;;;;;OAKG;WACW,MAAM,CAAC,qBAAqB,GAAE,qBAAsC,GAAG,IAAI;IAoBzF;;;;;;;OAOG;IACa,aAAa,CAAC,UAAU,EAAE,qBAAqB,GAAG,IAAI;IAKtE;;OAEG;IACa,gBAAgB,CAAC,UAAU,EAAE,qBAAqB,GAAG,IAAI;IAKzE;;;;;;;;;;;;;;;;;;OAkBG;IACa,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,EAC7B,WAAW,CAAC,EAAE,OAAO,EACrB,QAAQ,CAAC,EAAE,OAAO,GACjB,IAAI;CAYR"}

package/development/core/base-elements/element.js

@@ -0,0 +1,77 @@
+import { LitElement } from "lit";
+import { SbbElementInternalsMixin } from "../mixins/element-internals-mixin.js";
+import { SbbHydrationMixin } from "../mixins/hydration-mixin.js";
+//#region src/elements/core/base-elements/element.ts
+/**
+* A base class for all SBB elements.
+*/
+var SbbElement = class extends SbbHydrationMixin(SbbElementInternalsMixin(LitElement)) {
+	static {
+		this["_$sbbElement$"] = true;
+	}
+	/**
+	* Register the custom element to the specified CustomElementRegistry.
+	* If none is provided, defaults to the global `customElements` registry.
+	* @param customElementRegistry Optional CustomElementRegistry to register this element to.
+	*   Defaults to the global `customElements` instance.
+	*/
+	static define(customElementRegistry = customElements) {
+		if (!this.elementName) throw new Error(`The static property "elementName" is not defined on ${this.name}. Please define it to register the custom element.`);
+		if (!customElementRegistry.get(this.elementName)) {
+			customElementRegistry.define(this.elementName, this);
+			this.finalize();
+		}
+	}
+	/**
+	* Registers a `ReactiveController` to participate in the element's reactive
+	* update cycle. The element automatically calls into any registered
+	* controllers during its lifecycle callbacks.
+	*
+	* If the element is connected when `addController()` is called, the
+	* controller's `hostConnected()` callback will be immediately called.
+	*/
+	addController(controller) {
+		super.addController(controller);
+		(this._controllers ??= /* @__PURE__ */ new Set()).add(controller);
+	}
+	/**
+	* Removes a `ReactiveController` from the element.
+	*/
+	removeController(controller) {
+		super.removeController(controller);
+		this._controllers?.delete(controller);
+	}
+	/**
+	* Requests an update which is processed asynchronously. This should be called
+	* when an element should update based on some state not triggered by setting
+	* a reactive property. In this case, pass no arguments. It should also be
+	* called when manually implementing a property setter. In this case, pass the
+	* property `name` and `oldValue` to ensure that any configured property
+	* options are honored.
+	*
+	* @param name name of requesting property
+	* @param oldValue old value of requesting property
+	* @param options property options to use instead of the previously
+	*     configured options
+	* @param useNewValue if true, the newValue argument is used instead of
+	*     reading the property value. This is important to use if the reactive
+	*     property is a standard private accessor, as opposed to a plain
+	*     property, since private members can't be dynamically read by name.
+	* @param newValue the new value of the property. This is only used if
+	*     `useNewValue` is true.
+	*/
+	requestUpdate(name, oldValue, options, useNewValue, newValue) {
+		super.requestUpdate(name, oldValue, options, useNewValue, newValue);
+		if (name) {
+			const values = {
+				oldValue,
+				value: useNewValue ? newValue : this[name]
+			};
+			this._controllers?.forEach((controller) => controller.hostPropertyUpdate?.(name, values, options));
+		}
+	}
+};
+//#endregion
+export { SbbElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvY29yZS9iYXNlLWVsZW1lbnRzL2VsZW1lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTGl0RWxlbWVudCwgdHlwZSBQcm9wZXJ0eURlY2xhcmF0aW9uLCB0eXBlIFJlYWN0aXZlQ29udHJvbGxlciB9IGZyb20gJ2xpdCc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpbiB9IGZyb20gJy4uL21peGlucy9lbGVtZW50LWludGVybmFscy1taXhpbi50cyc7XG5pbXBvcnQgeyBTYmJIeWRyYXRpb25NaXhpbiB9IGZyb20gJy4uL21peGlucy9oeWRyYXRpb24tbWl4aW4udHMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNiYlByb3BlcnR5VmFsdWVzIHtcbiAgb2xkVmFsdWU/OiB1bmtub3duO1xuICB2YWx1ZT86IHVua25vd247XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2JiUmVhY3RpdmVDb250cm9sbGVyIGV4dGVuZHMgUmVhY3RpdmVDb250cm9sbGVyIHtcbiAgaG9zdFByb3BlcnR5VXBkYXRlPyhcbiAgICBuYW1lOiBQcm9wZXJ0eUtleSxcbiAgICB2YWx1ZXM/OiBTYmJQcm9wZXJ0eVZhbHVlcyxcbiAgICBvcHRpb25zPzogUHJvcGVydHlEZWNsYXJhdGlvbixcbiAgKTogdm9pZDtcbn1cblxuLyoqXG4gKiBBIGJhc2UgY2xhc3MgZm9yIGFsbCBTQkIgZWxlbWVudHMuXG4gKi9cbi8vIFRPRE8oYnJlYWtpbmctY2hhbmdlKTogSW5saW5lIGFuZCByZW1vdmUgU2JiRWxlbWVudEludGVybmFsc01peGluIGFuZCBTYmJIeWRyYXRpb25NaXhpbiBhcyBhIGJyZWFraW5nIGNoYW5nZVxuZXhwb3J0IGNsYXNzIFNiYkVsZW1lbnQgZXh0ZW5kcyBTYmJIeWRyYXRpb25NaXhpbihTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW4oTGl0RWxlbWVudCkpIHtcbiAgcHVibGljIHN0YXRpYyBbJ18kc2JiRWxlbWVudCQnXSA9IHRydWU7XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZztcblxuICBwcml2YXRlIF9jb250cm9sbGVycz86IFNldDxTYmJSZWFjdGl2ZUNvbnRyb2xsZXI+O1xuXG4gIC8qKlxuICAgKiBSZWdpc3RlciB0aGUgY3VzdG9tIGVsZW1lbnQgdG8gdGhlIHNwZWNpZmllZCBDdXN0b21FbGVtZW50UmVnaXN0cnkuXG4gICAqIElmIG5vbmUgaXMgcHJvdmlkZWQsIGRlZmF1bHRzIHRvIHRoZSBnbG9iYWwgYGN1c3RvbUVsZW1lbnRzYCByZWdpc3RyeS5cbiAgICogQHBhcmFtIGN1c3RvbUVsZW1lbnRSZWdpc3RyeSBPcHRpb25hbCBDdXN0b21FbGVtZW50UmVnaXN0cnkgdG8gcmVnaXN0ZXIgdGhpcyBlbGVtZW50IHRvLlxuICAgKiAgIERlZmF1bHRzIHRvIHRoZSBnbG9iYWwgYGN1c3RvbUVsZW1lbnRzYCBpbnN0YW5jZS5cbiAgICovXG4gIHB1YmxpYyBzdGF0aWMgZGVmaW5lKGN1c3RvbUVsZW1lbnRSZWdpc3RyeTogQ3VzdG9tRWxlbWVudFJlZ2lzdHJ5ID0gY3VzdG9tRWxlbWVudHMpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuZWxlbWVudE5hbWUpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICAgYFRoZSBzdGF0aWMgcHJvcGVydHkgXCJlbGVtZW50TmFtZVwiIGlzIG5vdCBkZWZpbmVkIG9uICR7dGhpcy5uYW1lfS4gUGxlYXNlIGRlZmluZSBpdCB0byByZWdpc3RlciB0aGUgY3VzdG9tIGVsZW1lbnQuYCxcbiAgICAgICk7XG4gICAgfVxuXG4gICAgY29uc3QgZWxlbWVudENsYXNzID0gY3VzdG9tRWxlbWVudFJlZ2lzdHJ5LmdldCh0aGlzLmVsZW1lbnROYW1lKTtcbiAgICBpZiAoIWVsZW1lbnRDbGFzcykge1xuICAgICAgY3VzdG9tRWxlbWVudFJlZ2lzdHJ5LmRlZmluZSh0aGlzLmVsZW1lbnROYW1lLCB0aGlzIGFzIHVua25vd24gYXMgQ3VzdG9tRWxlbWVudENvbnN0cnVjdG9yKTtcbiAgICAgIC8vIE5leHQuanMgcmUtcmVuZGVyaW5nIHNvbWVob3cgZmFpbHMsIGJlY2F1c2UgdGhlIGZpbmFsaXphdGlvbiBjYWxjdWxhdGlvblxuICAgICAgLy8gaXMgYnJva2VuIGluIFNTUi4gV2UgY2FsbCBgZmluYWxpemUoKWAgaGVyZSBleHBsaWNpdGx5IHRvIGF2b2lkIHRoYXQuXG4gICAgICB0aGlzLmZpbmFsaXplKCk7XG4gICAgfSBlbHNlIGlmIChpbXBvcnQubWV0YS5lbnYuREVWICYmIGVsZW1lbnRDbGFzcyAhPT0gdGhpcykge1xuICAgICAgY29uc29sZS53YXJuKFxuICAgICAgICBgVGhlIGN1c3RvbSBlbGVtZW50IHdpdGggbmFtZSBcIiR7dGhpcy5lbGVtZW50TmFtZX1cIiBpcyBhbHJlYWR5IGRlZmluZWQuIFNraXBwaW5nLmAsXG4gICAgICApO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBSZWdpc3RlcnMgYSBgUmVhY3RpdmVDb250cm9sbGVyYCB0byBwYXJ0aWNpcGF0ZSBpbiB0aGUgZWxlbWVudCdzIHJlYWN0aXZlXG4gICAqIHVwZGF0ZSBjeWNsZS4gVGhlIGVsZW1lbnQgYXV0b21hdGljYWxseSBjYWxscyBpbnRvIGFueSByZWdpc3RlcmVkXG4gICAqIGNvbnRyb2xsZXJzIGR1cmluZyBpdHMgbGlmZWN5Y2xlIGNhbGxiYWNrcy5cbiAgICpcbiAgICogSWYgdGhlIGVsZW1lbnQgaXMgY29ubmVjdGVkIHdoZW4gYGFkZENvbnRyb2xsZXIoKWAgaXMgY2FsbGVkLCB0aGVcbiAgICogY29udHJvbGxlcidzIGBob3N0Q29ubmVjdGVkKClgIGNhbGxiYWNrIHdpbGwgYmUgaW1tZWRpYXRlbHkgY2FsbGVkLlxuICAgKi9cbiAgcHVibGljIG92ZXJyaWRlIGFkZENvbnRyb2xsZXIoY29udHJvbGxlcjogU2JiUmVhY3RpdmVDb250cm9sbGVyKTogdm9pZCB7XG4gICAgc3VwZXIuYWRkQ29udHJvbGxlcihjb250cm9sbGVyKTtcbiAgICAodGhpcy5fY29udHJvbGxlcnMgPz89IG5ldyBTZXQoKSkuYWRkKGNvbnRyb2xsZXIpO1xuICB9XG5cbiAgLyoqXG4gICAqIFJlbW92ZXMgYSBgUmVhY3RpdmVDb250cm9sbGVyYCBmcm9tIHRoZSBlbGVtZW50LlxuICAgKi9cbiAgcHVibGljIG92ZXJyaWRlIHJlbW92ZUNvbnRyb2xsZXIoY29udHJvbGxlcjogU2JiUmVhY3RpdmVDb250cm9sbGVyKTogdm9pZCB7XG4gICAgc3VwZXIucmVtb3ZlQ29udHJvbGxlcihjb250cm9sbGVyKTtcbiAgICB0aGlzLl9jb250cm9sbGVycz8uZGVsZXRlKGNvbnRyb2xsZXIpO1xuICB9XG5cbiAgLyoqXG4gICAqIFJlcXVlc3RzIGFuIHVwZGF0ZSB3aGljaCBpcyBwcm9jZXNzZWQgYXN5bmNocm9ub3VzbHkuIFRoaXMgc2hvdWxkIGJlIGNhbGxlZFxuICAgKiB3aGVuIGFuIGVsZW1lbnQgc2hvdWxkIHVwZGF0ZSBiYXNlZCBvbiBzb21lIHN0YXRlIG5vdCB0cmlnZ2VyZWQgYnkgc2V0dGluZ1xuICAgKiBhIHJlYWN0aXZlIHByb3BlcnR5LiBJbiB0aGlzIGNhc2UsIHBhc3Mgbm8gYXJndW1lbnRzLiBJdCBzaG91bGQgYWxzbyBiZVxuICAgKiBjYWxsZWQgd2hlbiBtYW51YWxseSBpbXBsZW1lbnRpbmcgYSBwcm9wZXJ0eSBzZXR0ZXIuIEluIHRoaXMgY2FzZSwgcGFzcyB0aGVcbiAgICogcHJvcGVydHkgYG5hbWVgIGFuZCBgb2xkVmFsdWVgIHRvIGVuc3VyZSB0aGF0IGFueSBjb25maWd1cmVkIHByb3BlcnR5XG4gICAqIG9wdGlvbnMgYXJlIGhvbm9yZWQuXG4gICAqXG4gICAqIEBwYXJhbSBuYW1lIG5hbWUgb2YgcmVxdWVzdGluZyBwcm9wZXJ0eVxuICAgKiBAcGFyYW0gb2xkVmFsdWUgb2xkIHZhbHVlIG9mIHJlcXVlc3RpbmcgcHJvcGVydHlcbiAgICogQHBhcmFtIG9wdGlvbnMgcHJvcGVydHkgb3B0aW9ucyB0byB1c2UgaW5zdGVhZCBvZiB0aGUgcHJldmlvdXNseVxuICAgKiAgICAgY29uZmlndXJlZCBvcHRpb25zXG4gICAqIEBwYXJhbSB1c2VOZXdWYWx1ZSBpZiB0cnVlLCB0aGUgbmV3VmFsdWUgYXJndW1lbnQgaXMgdXNlZCBpbnN0ZWFkIG9mXG4gICAqICAgICByZWFkaW5nIHRoZSBwcm9wZXJ0eSB2YWx1ZS4gVGhpcyBpcyBpbXBvcnRhbnQgdG8gdXNlIGlmIHRoZSByZWFjdGl2ZVxuICAgKiAgICAgcHJvcGVydHkgaXMgYSBzdGFuZGFyZCBwcml2YXRlIGFjY2Vzc29yLCBhcyBvcHBvc2VkIHRvIGEgcGxhaW5cbiAgICogICAgIHByb3BlcnR5LCBzaW5jZSBwcml2YXRlIG1lbWJlcnMgY2FuJ3QgYmUgZHluYW1pY2FsbHkgcmVhZCBieSBuYW1lLlxuICAgKiBAcGFyYW0gbmV3VmFsdWUgdGhlIG5ldyB2YWx1ZSBvZiB0aGUgcHJvcGVydHkuIFRoaXMgaXMgb25seSB1c2VkIGlmXG4gICAqICAgICBgdXNlTmV3VmFsdWVgIGlzIHRydWUuXG4gICAqL1xuICBwdWJsaWMgb3ZlcnJpZGUgcmVxdWVzdFVwZGF0ZShcbiAgICBuYW1lPzogUHJvcGVydHlLZXksXG4gICAgb2xkVmFsdWU/OiB1bmtub3duLFxuICAgIG9wdGlvbnM/OiBQcm9wZXJ0eURlY2xhcmF0aW9uLFxuICAgIHVzZU5ld1ZhbHVlPzogYm9vbGVhbixcbiAgICBuZXdWYWx1ZT86IHVua25vd24sXG4gICk6IHZvaWQge1xuICAgIHN1cGVyLnJlcXVlc3RVcGRhdGUobmFtZSwgb2xkVmFsdWUsIG9wdGlvbnMsIHVzZU5ld1ZhbHVlLCBuZXdWYWx1ZSk7XG4gICAgaWYgKG5hbWUpIHtcbiAgICAgIGNvbnN0IHZhbHVlczogU2JiUHJvcGVydHlWYWx1ZXMgPSB7XG4gICAgICAgIG9sZFZhbHVlLFxuICAgICAgICB2YWx1ZTogdXNlTmV3VmFsdWUgPyBuZXdWYWx1ZSA6IHRoaXNbbmFtZSBhcyBrZXlvZiB0aGlzXSxcbiAgICAgIH07XG4gICAgICB0aGlzLl9jb250cm9sbGVycz8uZm9yRWFjaCgoY29udHJvbGxlcikgPT5cbiAgICAgICAgY29udHJvbGxlci5ob3N0UHJvcGVydHlVcGRhdGU/LihuYW1lLCB2YWx1ZXMsIG9wdGlvbnMpLFxuICAgICAgKTtcbiAgICB9XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQXNCQSxJQUFhLGFBQWIsY0FBZ0Msa0JBQWtCLHlCQUF5QixXQUFXLENBQUMsQ0FBQTs7QUFDdkUsT0FBQyxtQkFBbUI7Ozs7Ozs7O0NBVzNCLE9BQU8sT0FBTyx3QkFBK0MsZ0JBQWM7QUFDaEYsTUFBSSxDQUFDLEtBQUssWUFDUixPQUFNLElBQUksTUFDUix1REFBdUQsS0FBSyxLQUFJLG9EQUNqRTtBQUlILE1BQUksQ0FEaUIsc0JBQXNCLElBQUksS0FBSyxZQUFZLEVBQzdDO0FBQ2pCLHlCQUFzQixPQUFPLEtBQUssYUFBYSxLQUE0QztBQUczRixRQUFLLFVBQVU7Ozs7Ozs7Ozs7O0NBZ0JILGNBQWMsWUFBaUM7QUFDN0QsUUFBTSxjQUFjLFdBQVc7QUFDL0IsR0FBQyxLQUFLLGlDQUFpQixJQUFJLEtBQUssRUFBRSxJQUFJLFdBQVc7Ozs7O0NBTW5DLGlCQUFpQixZQUFpQztBQUNoRSxRQUFNLGlCQUFpQixXQUFXO0FBQ2xDLE9BQUssY0FBYyxPQUFPLFdBQVc7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQXNCdkIsY0FDZCxNQUNBLFVBQ0EsU0FDQSxhQUNBLFVBQWtCO0FBRWxCLFFBQU0sY0FBYyxNQUFNLFVBQVUsU0FBUyxhQUFhLFNBQVM7QUFDbkUsTUFBSSxNQUFNO0dBQ1IsTUFBTSxTQUE0QjtJQUNoQztJQUNBLE9BQU8sY0FBYyxXQUFXLEtBQUs7SUFDdEM7QUFDRCxRQUFLLGNBQWMsU0FBUyxlQUMxQixXQUFXLHFCQUFxQixNQUFNLFFBQVEsUUFBUSxDQUN2RCJ9

package/development/core/base-elements/link-base-element.d.ts

@@ -0,0 +1,34 @@
+import { TemplateResult } from 'lit';
+import { SbbLanguageController } from '../controllers.ts';
+import { SbbActionBaseElement } from './action-base-element.ts';
+/** Enumeration for 'target' attribute in <a> HTML tag. */
+export type LinkTargetType = '_blank' | '_self' | '_parent' | '_top';
+/** Link base class. */
+export declare abstract class SbbLinkBaseElement extends SbbActionBaseElement {
+    /** The href value you want to link to. */
+    accessor href: string;
+    /** Where to display the linked URL. */
+    accessor target: LinkTargetType | string;
+    /** The relationship of the linked URL as space-separated link types. */
+    accessor rel: string;
+    /** Whether the browser will show the download dialog on click. */
+    accessor download: boolean;
+    /** This will be forwarded as aria-label to the inner anchor element. */
+    accessor accessibilityLabel: string;
+    /** This will be forwarded as aria-current to the inner anchor element. */
+    accessor accessibilityCurrent: string;
+    protected language: SbbLanguageController;
+    protected readonly anchorRole: string | null;
+    constructor();
+    /** @internal */
+    focus(options?: FocusOptions | undefined): void;
+    /** @internal */
+    blur(): void;
+    /** @internal */
+    click(): void;
+    private _evaluateRelAttribute;
+    /** Default render method for link-like components. Can be overridden if the LinkRenderVariables are not needed. */
+    protected render(): TemplateResult;
+    protected renderLink(renderContent: TemplateResult): TemplateResult;
+}
+//# sourceMappingURL=link-base-element.d.ts.map

package/development/core/base-elements/link-base-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-base-element.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/base-elements/link-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAI1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,0DAA0D;AAC1D,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAErE,uBAAuB;AACvB,8BAAsB,kBAAmB,SAAQ,oBAAoB;IACnE,0CAA0C;IAC1C,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,uCAAuC;IACvC,SAEgB,MAAM,EAAE,cAAc,GAAG,MAAM,CAAM;IAErD,wEAAwE;IACxE,SAEgB,GAAG,EAAE,MAAM,CAAM;IAEjC,kEAAkE;IAClE,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,wEAAwE;IACxE,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,0EAA0E;IAC1E,SAEgB,oBAAoB,EAAE,MAAM,CAAM;IAElD,SAAS,CAAC,QAAQ,wBAAmC;IACrD,SAAS,CAAC,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;;IAUpD,gBAAgB;IACA,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,GAAG,IAAI;IAI/D,gBAAgB;IACA,IAAI,IAAI,IAAI;IAI5B,gBAAgB;IACA,KAAK,IAAI,IAAI;IAI7B,OAAO,CAAC,qBAAqB,CAE3B;IAEF,mHAAmH;cAChG,MAAM,IAAI,cAAc;IAI3C,SAAS,CAAC,UAAU,CAAC,aAAa,EAAE,cAAc,GAAG,cAAc;CAyBpE"}