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

package/development/footer/footer.component.d.ts

@@ -0,0 +1,36 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbElement } from '../core/base-elements.ts';
+import { SbbTitleLevel } from '../title.ts';
+declare const SbbFooterElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbNegativeMixinType> & typeof SbbElement;
+/**
+ * It displays a footer section for the page.
+ *
+ * @slot - Use the unnamed slot to add elements like `sbb-block-link`, `sbb-link-list`, `sbb-divider` and so on.
+ */
+export declare class SbbFooterElement extends SbbFooterElement_base {
+    static readonly elementName: string;
+    static styles: CSSResultGroup;
+    /**
+     * Variants to display the footer. The default, displays the content in regular block element
+     * approach. The clock-columns, used a CSS-grid for displaying the content over different
+     * breakpoints.
+     */
+    accessor variant: 'default' | 'clock-columns';
+    /**
+     * Whether to allow the footer content to stretch to full width.
+     * By default, the content has the appropriate page size.
+     */
+    accessor expanded: boolean;
+    /** Footer title text, visually hidden, necessary for screen readers. */
+    accessor accessibilityTitle: string;
+    /** Level of the accessibility title, will be rendered as heading tag (e.g. h1). Defaults to level 1. */
+    accessor accessibilityTitleLevel: SbbTitleLevel;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-footer': SbbFooterElement;
+    }
+}
+export {};
+//# sourceMappingURL=footer.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/footer/footer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAInF,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAItD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;;AAIjD;;;;GAIG;AACH,qBAAa,gBAAiB,SAAQ,qBAA4B;IAChE,gBAAgC,WAAW,EAAE,MAAM,CAAgB;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF;;;;OAIG;IACH,SAA6C,OAAO,EAAE,SAAS,GAAG,eAAe,CAAa;IAE9F;;;OAGG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,wEAAwE;IACxE,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,wGAAwG;IACxG,SACgB,uBAAuB,EAAE,aAAa,CAAO;cAE1C,MAAM,IAAI,cAAc;CAiB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/development/footer/footer.component.js

@@ -0,0 +1,2 @@
+import { t as SbbFooterElement } from "../footer.component-BblB5218.js";
+export { SbbFooterElement };

package/development/footer.component-BblB5218.js

@@ -0,0 +1,172 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { nothing, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement } from "./core/base-elements.js";
+import { forceType } from "./core/decorators.js";
+import { SbbNegativeMixin } from "./core/mixins.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { html as html$1, unsafeStatic } from "lit/static-html.js";
+//#region src/elements/footer/footer.scss?inline
+var footer_default = ":host {\n  --sbb-link-text-decoration-line: none;\n  display: block;\n}\n\n:host([negative]) {\n  --sbb-footer-background-color: var(--sbb-background-color-2-negative);\n  --sbb-footer-color: var(--sbb-color-1-negative);\n  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);\n}\n\n.sbb-footer {\n  font-size: var(--sbb-footer-font-size);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  color: var(--sbb-footer-color);\n  padding-block: var(--sbb-footer-padding-block);\n  background-color: var(--sbb-footer-background-color);\n}\n@media (forced-colors: active) {\n  .sbb-footer {\n    border-block-start: var(--sbb-border-width-1x) solid CanvasText;\n  }\n}\n\n:host(:not([expanded])) .sbb-footer-wrapper {\n  padding-inline: var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));\n  margin-inline: auto;\n  width: 100%;\n}\n@media (min-width: calc(90rem)) {\n  :host(:not([expanded])) .sbb-footer-wrapper {\n    max-width: var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)));\n  }\n}\n:host([expanded]) .sbb-footer-wrapper {\n  padding-inline: var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs));\n}\n\n.sbb-footer__title {\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}\n\n::slotted(.sbb-link-list-button-group) {\n  display: flex;\n  flex-direction: column;\n  gap: var(--sbb-spacing-fixed-6x);\n  align-items: flex-start;\n}\n\n:host([variant=clock-columns]) slot {\n  display: grid;\n  grid-template-columns: auto;\n  grid-template-rows: auto;\n  column-gap: var(--sbb-footer-gap-horizontal);\n}\n@media (min-width: calc(37.5rem)) {\n  :host([variant=clock-columns]) slot {\n    grid-template-columns: calc(50% - var(--sbb-footer-gap-horizontal) / 2);\n  }\n}\n@media (min-width: calc(90rem)) {\n  :host([variant=clock-columns]) slot {\n    max-width: var(--sbb-footer-content-max-width);\n    margin-inline: auto;\n    grid-template-columns: repeat(4, 1fr);\n  }\n}\n:host([variant=clock-columns]) ::slotted(*:not(:last-child, sbb-divider)) {\n  margin-block-end: var(--sbb-footer-gap-vertical);\n}\n:host([variant=clock-columns]) ::slotted(sbb-clock) {\n  width: var(--sbb-footer-clock-width);\n  grid-row: 1;\n}\n@media (min-width: calc(37.5rem)) {\n  :host([variant=clock-columns]) ::slotted(sbb-clock) {\n    align-self: start;\n    grid-row: 2;\n  }\n}\n@media (min-width: calc(90rem)) {\n  :host([variant=clock-columns]) ::slotted(sbb-clock) {\n    grid-row: 1;\n    grid-column: 4/5;\n    justify-self: end;\n  }\n}\n:host([variant=clock-columns]) ::slotted(sbb-divider) {\n  margin-block: calc(var(--sbb-spacing-responsive-xl) - var(--sbb-footer-gap-vertical)) var(--sbb-spacing-responsive-s);\n}\n@media (min-width: calc(37.5rem)) {\n  :host([variant=clock-columns]) ::slotted(sbb-divider) {\n    grid-row: 3;\n    grid-column: 1/4;\n    width: 100%;\n  }\n}\n@media (min-width: calc(90rem)) {\n  :host([variant=clock-columns]) ::slotted(sbb-divider) {\n    grid-row: 2;\n  }\n}\n@media (min-width: calc(37.5rem)) {\n  :host([variant=clock-columns]) ::slotted(:nth-child(-n+2)) {\n    grid-row: 1;\n  }\n  :host([variant=clock-columns]) ::slotted(:nth-child(3)),\n  :host([variant=clock-columns]) ::slotted(:nth-child(4)) {\n    grid-row: 2;\n  }\n  :host([variant=clock-columns]) ::slotted(*:last-child) {\n    grid-row: 4;\n  }\n}\n@media (min-width: calc(64rem)) {\n  :host([variant=clock-columns]) ::slotted(*:last-child) {\n    grid-column: 1/4;\n  }\n}\n@media (min-width: calc(90rem)) {\n  :host([variant=clock-columns]) ::slotted(:nth-child(-n+4)) {\n    grid-row: 1;\n  }\n  :host([variant=clock-columns]) ::slotted(*:last-child) {\n    grid-row: 3;\n  }\n  :host([variant=clock-columns]) ::slotted(sbb-divider),\n  :host([variant=clock-columns]) ::slotted(*:last-child) {\n    grid-column: 1/5;\n  }\n}";
+//#endregion
+//#region src/elements/footer/footer.component.ts
+/**
+* It displays a footer section for the page.
+*
+* @slot - Use the unnamed slot to add elements like `sbb-block-link`, `sbb-link-list`, `sbb-divider` and so on.
+*/
+var SbbFooterElement = (() => {
+	let _classSuper = SbbNegativeMixin(SbbElement);
+	let _variant_decorators;
+	let _variant_initializers = [];
+	let _variant_extraInitializers = [];
+	let _expanded_decorators;
+	let _expanded_initializers = [];
+	let _expanded_extraInitializers = [];
+	let _accessibilityTitle_decorators;
+	let _accessibilityTitle_initializers = [];
+	let _accessibilityTitle_extraInitializers = [];
+	let _accessibilityTitleLevel_decorators;
+	let _accessibilityTitleLevel_initializers = [];
+	let _accessibilityTitleLevel_extraInitializers = [];
+	return class SbbFooterElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_variant_decorators = [property({ reflect: true })];
+			_expanded_decorators = [forceType(), property({
+				reflect: true,
+				type: Boolean
+			})];
+			_accessibilityTitle_decorators = [forceType(), property({ attribute: "accessibility-title" })];
+			_accessibilityTitleLevel_decorators = [property({ attribute: "accessibility-title-level" })];
+			__esDecorate(this, null, _variant_decorators, {
+				kind: "accessor",
+				name: "variant",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "variant" in obj,
+					get: (obj) => obj.variant,
+					set: (obj, value) => {
+						obj.variant = value;
+					}
+				},
+				metadata: _metadata
+			}, _variant_initializers, _variant_extraInitializers);
+			__esDecorate(this, null, _expanded_decorators, {
+				kind: "accessor",
+				name: "expanded",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "expanded" in obj,
+					get: (obj) => obj.expanded,
+					set: (obj, value) => {
+						obj.expanded = value;
+					}
+				},
+				metadata: _metadata
+			}, _expanded_initializers, _expanded_extraInitializers);
+			__esDecorate(this, null, _accessibilityTitle_decorators, {
+				kind: "accessor",
+				name: "accessibilityTitle",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "accessibilityTitle" in obj,
+					get: (obj) => obj.accessibilityTitle,
+					set: (obj, value) => {
+						obj.accessibilityTitle = value;
+					}
+				},
+				metadata: _metadata
+			}, _accessibilityTitle_initializers, _accessibilityTitle_extraInitializers);
+			__esDecorate(this, null, _accessibilityTitleLevel_decorators, {
+				kind: "accessor",
+				name: "accessibilityTitleLevel",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "accessibilityTitleLevel" in obj,
+					get: (obj) => obj.accessibilityTitleLevel,
+					set: (obj, value) => {
+						obj.accessibilityTitleLevel = value;
+					}
+				},
+				metadata: _metadata
+			}, _accessibilityTitleLevel_initializers, _accessibilityTitleLevel_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-footer";
+		}
+		static {
+			this.styles = [boxSizingStyles, unsafeCSS(footer_default)];
+		}
+		#variant_accessor_storage = __runInitializers(this, _variant_initializers, "default");
+		/**
+		* Variants to display the footer. The default, displays the content in regular block element
+		* approach. The clock-columns, used a CSS-grid for displaying the content over different
+		* breakpoints.
+		*/
+		get variant() {
+			return this.#variant_accessor_storage;
+		}
+		set variant(value) {
+			this.#variant_accessor_storage = value;
+		}
+		#expanded_accessor_storage = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _expanded_initializers, false));
+		/**
+		* Whether to allow the footer content to stretch to full width.
+		* By default, the content has the appropriate page size.
+		*/
+		get expanded() {
+			return this.#expanded_accessor_storage;
+		}
+		set expanded(value) {
+			this.#expanded_accessor_storage = value;
+		}
+		#accessibilityTitle_accessor_storage = (__runInitializers(this, _expanded_extraInitializers), __runInitializers(this, _accessibilityTitle_initializers, ""));
+		/** Footer title text, visually hidden, necessary for screen readers. */
+		get accessibilityTitle() {
+			return this.#accessibilityTitle_accessor_storage;
+		}
+		set accessibilityTitle(value) {
+			this.#accessibilityTitle_accessor_storage = value;
+		}
+		#accessibilityTitleLevel_accessor_storage = (__runInitializers(this, _accessibilityTitle_extraInitializers), __runInitializers(this, _accessibilityTitleLevel_initializers, "1"));
+		/** Level of the accessibility title, will be rendered as heading tag (e.g. h1). Defaults to level 1. */
+		get accessibilityTitleLevel() {
+			return this.#accessibilityTitleLevel_accessor_storage;
+		}
+		set accessibilityTitleLevel(value) {
+			this.#accessibilityTitleLevel_accessor_storage = value;
+		}
+		render() {
+			const TITLE_TAG_NAME = `h${this.accessibilityTitleLevel}`;
+			const accessibilityTitle = html$1`<${unsafeStatic(TITLE_TAG_NAME)} class="sbb-footer__title"
+        >${this.accessibilityTitle}</${unsafeStatic(TITLE_TAG_NAME)}>`;
+			return html$1`
+      <footer class="sbb-footer">
+        <div class="sbb-footer-wrapper">
+          ${this.accessibilityTitle ? accessibilityTitle : nothing}
+          <slot></slot>
+        </div>
+      </footer>
+    `;
+		}
+		constructor() {
+			super(...arguments);
+			__runInitializers(this, _accessibilityTitleLevel_extraInitializers);
+		}
+	};
+})();
+//#endregion
+export { SbbFooterElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmNvbXBvbmVudC1CYmxCNTIxOC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvZm9vdGVyL2Zvb3Rlci5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9mb290ZXIvZm9vdGVyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tc2JiLWxpbmstdGV4dC1kZWNvcmF0aW9uLWxpbmU6IG5vbmU7XG5cbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbjpob3N0KFtuZWdhdGl2ZV0pIHtcbiAgLS1zYmItZm9vdGVyLWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTItbmVnYXRpdmUpO1xuICAtLXNiYi1mb290ZXItY29sb3I6IHZhcigtLXNiYi1jb2xvci0xLW5lZ2F0aXZlKTtcbiAgLS1zYmItZm9jdXMtb3V0bGluZS1jb2xvcjogdmFyKC0tc2JiLWZvY3VzLW91dGxpbmUtY29sb3ItZGFyayk7XG59XG5cbi5zYmItZm9vdGVyIHtcbiAgLy8gSW5jbHVkZSB0ZXh0IHN0eWxlIGFuZCBjb2xvciBhcyBmYWxsYmFjayBmb3IgcGFyYWdyYXBoIHRleHRzIGluc2lkZSB0aGUgZm9vdGVyLlxuICBmb250LXNpemU6IHZhcigtLXNiYi1mb290ZXItZm9udC1zaXplKTtcbiAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXNiYi10eXBvLWxldHRlci1zcGFjaW5nLXRleHQpO1xuICBjb2xvcjogdmFyKC0tc2JiLWZvb3Rlci1jb2xvcik7XG4gIHBhZGRpbmctYmxvY2s6IHZhcigtLXNiYi1mb290ZXItcGFkZGluZy1ibG9jayk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1mb290ZXItYmFja2dyb3VuZC1jb2xvcik7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIGJvcmRlci1ibG9jay1zdGFydDogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0xeCkgc29saWQgQ2FudmFzVGV4dDtcbiAgfVxufVxuXG4uc2JiLWZvb3Rlci13cmFwcGVyIHtcbiAgOmhvc3QoOm5vdChbZXhwYW5kZWRdKSkgJiB7XG4gICAgQGluY2x1ZGUgc2JiLnBhZ2Utc3BhY2luZztcbiAgfVxuXG4gIDpob3N0KFtleHBhbmRlZF0pICYge1xuICAgIEBpbmNsdWRlIHNiYi5wYWdlLXNwYWNpbmctZXhwYW5kZWQ7XG4gIH1cbn1cblxuLnNiYi1mb290ZXJfX3RpdGxlIHtcbiAgQGluY2x1ZGUgc2JiLnNjcmVlbi1yZWFkZXItb25seTtcbn1cblxuOjpzbG90dGVkKC5zYmItbGluay1saXN0LWJ1dHRvbi1ncm91cCkge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTZ4KTtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG59XG5cbjpob3N0KFt2YXJpYW50PSdjbG9jay1jb2x1bW5zJ10pIHtcbiAgLy8gQ29udGVudFxuICBzbG90IHtcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0bztcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG87XG4gICAgY29sdW1uLWdhcDogdmFyKC0tc2JiLWZvb3Rlci1nYXAtaG9yaXpvbnRhbCk7XG5cbiAgICBAaW5jbHVkZSBzYmIubXEoJGZyb206IHNtYWxsKSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGNhbGMoNTAlIC0gKHZhcigtLXNiYi1mb290ZXItZ2FwLWhvcml6b250YWwpIC8gMikpO1xuICAgIH1cblxuICAgIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogdWx0cmEpIHtcbiAgICAgIG1heC13aWR0aDogdmFyKC0tc2JiLWZvb3Rlci1jb250ZW50LW1heC13aWR0aCk7XG4gICAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoNCwgMWZyKTtcbiAgICB9XG4gIH1cblxuICA6OnNsb3R0ZWQoKjpub3QoOmxhc3QtY2hpbGQsIHNiYi1kaXZpZGVyKSkge1xuICAgIG1hcmdpbi1ibG9jay1lbmQ6IHZhcigtLXNiYi1mb290ZXItZ2FwLXZlcnRpY2FsKTtcbiAgfVxuXG4gIDo6c2xvdHRlZChzYmItY2xvY2spIHtcbiAgICB3aWR0aDogdmFyKC0tc2JiLWZvb3Rlci1jbG9jay13aWR0aCk7XG4gICAgZ3JpZC1yb3c6IDE7XG5cbiAgICBAaW5jbHVkZSBzYmIubXEoJGZyb206IHNtYWxsKSB7XG4gICAgICBhbGlnbi1zZWxmOiBzdGFydDtcbiAgICAgIGdyaWQtcm93OiAyO1xuICAgIH1cblxuICAgIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogdWx0cmEpIHtcbiAgICAgIGdyaWQtcm93OiAxO1xuICAgICAgZ3JpZC1jb2x1bW46IDQgLyA1O1xuICAgICAganVzdGlmeS1zZWxmOiBlbmQ7XG4gICAgfVxuICB9XG5cbiAgOjpzbG90dGVkKHNiYi1kaXZpZGVyKSB7XG4gICAgbWFyZ2luLWJsb2NrOiBjYWxjKHZhcigtLXNiYi1zcGFjaW5nLXJlc3BvbnNpdmUteGwpIC0gdmFyKC0tc2JiLWZvb3Rlci1nYXAtdmVydGljYWwpKVxuICAgICAgdmFyKC0tc2JiLXNwYWNpbmctcmVzcG9uc2l2ZS1zKTtcblxuICAgIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogc21hbGwpIHtcbiAgICAgIGdyaWQtcm93OiAzO1xuICAgICAgZ3JpZC1jb2x1bW46IDEgLyA0O1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuXG4gICAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiB1bHRyYSkge1xuICAgICAgZ3JpZC1yb3c6IDI7XG4gICAgfVxuICB9XG5cbiAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBzbWFsbCkge1xuICAgIDo6c2xvdHRlZCg6bnRoLWNoaWxkKC1uICsgMikpIHtcbiAgICAgIGdyaWQtcm93OiAxO1xuICAgIH1cblxuICAgIDo6c2xvdHRlZCg6bnRoLWNoaWxkKDMpKSxcbiAgICA6OnNsb3R0ZWQoOm50aC1jaGlsZCg0KSkge1xuICAgICAgZ3JpZC1yb3c6IDI7XG4gICAgfVxuXG4gICAgOjpzbG90dGVkKCo6bGFzdC1jaGlsZCkge1xuICAgICAgZ3JpZC1yb3c6IDQ7XG4gICAgfVxuICB9XG5cbiAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBsYXJnZSkge1xuICAgIDo6c2xvdHRlZCgqOmxhc3QtY2hpbGQpIHtcbiAgICAgIGdyaWQtY29sdW1uOiAxIC8gNDtcbiAgICB9XG4gIH1cblxuICBAaW5jbHVkZSBzYmIubXEoJGZyb206IHVsdHJhKSB7XG4gICAgOjpzbG90dGVkKDpudGgtY2hpbGQoLW4gKyA0KSkge1xuICAgICAgZ3JpZC1yb3c6IDE7XG4gICAgfVxuXG4gICAgOjpzbG90dGVkKCo6bGFzdC1jaGlsZCkge1xuICAgICAgZ3JpZC1yb3c6IDM7XG4gICAgfVxuXG4gICAgOjpzbG90dGVkKHNiYi1kaXZpZGVyKSxcbiAgICA6OnNsb3R0ZWQoKjpsYXN0LWNoaWxkKSB7XG4gICAgICBncmlkLWNvbHVtbjogMSAvIDU7XG4gICAgfVxuICB9XG59XG4iLCJpbXBvcnQgeyBub3RoaW5nLCB1bnNhZmVDU1MsIHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVTdGF0aWMgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJy4uL2NvcmUvZGVjb3JhdG9ycy50cyc7XG5pbXBvcnQgeyBTYmJOZWdhdGl2ZU1peGluIH0gZnJvbSAnLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUaXRsZUxldmVsIH0gZnJvbSAnLi4vdGl0bGUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9mb290ZXIuc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgZm9vdGVyIHNlY3Rpb24gZm9yIHRoZSBwYWdlLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGVsZW1lbnRzIGxpa2UgYHNiYi1ibG9jay1saW5rYCwgYHNiYi1saW5rLWxpc3RgLCBgc2JiLWRpdmlkZXJgIGFuZCBzbyBvbi5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYkZvb3RlckVsZW1lbnQgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluKFNiYkVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1mb290ZXInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcblxuICAvKipcbiAgICogVmFyaWFudHMgdG8gZGlzcGxheSB0aGUgZm9vdGVyLiBUaGUgZGVmYXVsdCwgZGlzcGxheXMgdGhlIGNvbnRlbnQgaW4gcmVndWxhciBibG9jayBlbGVtZW50XG4gICAqIGFwcHJvYWNoLiBUaGUgY2xvY2stY29sdW1ucywgdXNlZCBhIENTUy1ncmlkIGZvciBkaXNwbGF5aW5nIHRoZSBjb250ZW50IG92ZXIgZGlmZmVyZW50XG4gICAqIGJyZWFrcG9pbnRzLlxuICAgKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYWNjZXNzb3IgdmFyaWFudDogJ2RlZmF1bHQnIHwgJ2Nsb2NrLWNvbHVtbnMnID0gJ2RlZmF1bHQnO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRvIGFsbG93IHRoZSBmb290ZXIgY29udGVudCB0byBzdHJldGNoIHRvIGZ1bGwgd2lkdGguXG4gICAqIEJ5IGRlZmF1bHQsIHRoZSBjb250ZW50IGhhcyB0aGUgYXBwcm9wcmlhdGUgcGFnZSBzaXplLlxuICAgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIGV4cGFuZGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqIEZvb3RlciB0aXRsZSB0ZXh0LCB2aXN1YWxseSBoaWRkZW4sIG5lY2Vzc2FyeSBmb3Igc2NyZWVuIHJlYWRlcnMuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdhY2Nlc3NpYmlsaXR5LXRpdGxlJyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgYWNjZXNzaWJpbGl0eVRpdGxlOiBzdHJpbmcgPSAnJztcblxuICAvKiogTGV2ZWwgb2YgdGhlIGFjY2Vzc2liaWxpdHkgdGl0bGUsIHdpbGwgYmUgcmVuZGVyZWQgYXMgaGVhZGluZyB0YWcgKGUuZy4gaDEpLiBEZWZhdWx0cyB0byBsZXZlbCAxLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdhY2Nlc3NpYmlsaXR5LXRpdGxlLWxldmVsJyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgYWNjZXNzaWJpbGl0eVRpdGxlTGV2ZWw6IFNiYlRpdGxlTGV2ZWwgPSAnMSc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgY29uc3QgVElUTEVfVEFHX05BTUUgPSBgaCR7dGhpcy5hY2Nlc3NpYmlsaXR5VGl0bGVMZXZlbH1gO1xuXG4gICAgLyogZXNsaW50LWRpc2FibGUgbGl0L2JpbmRpbmctcG9zaXRpb25zICovXG4gICAgY29uc3QgYWNjZXNzaWJpbGl0eVRpdGxlID0gaHRtbGA8JHt1bnNhZmVTdGF0aWMoVElUTEVfVEFHX05BTUUpfSBjbGFzcz1cInNiYi1mb290ZXJfX3RpdGxlXCJcbiAgICAgICAgPiR7dGhpcy5hY2Nlc3NpYmlsaXR5VGl0bGV9PC8ke3Vuc2FmZVN0YXRpYyhUSVRMRV9UQUdfTkFNRSl9PmA7XG4gICAgLyogZXNsaW50LWVuYWJsZSBsaXQvYmluZGluZy1wb3NpdGlvbnMgKi9cblxuICAgIHJldHVybiBodG1sYFxuICAgICAgPGZvb3RlciBjbGFzcz1cInNiYi1mb290ZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1mb290ZXItd3JhcHBlclwiPlxuICAgICAgICAgICR7dGhpcy5hY2Nlc3NpYmlsaXR5VGl0bGUgPyBhY2Nlc3NpYmlsaXR5VGl0bGUgOiBub3RoaW5nfVxuICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Zvb3Rlcj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZm9vdGVyJzogU2JiRm9vdGVyRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztJQ2lCYSwwQkFBZ0I7bUJBQVMsaUJBQWlCLFdBQVc7Ozs7Ozs7Ozs7Ozs7Y0FBckQseUJBQXlCLFlBQTRCOzs7MEJBUy9ELFNBQVMsRUFBRSxTQUFTLE1BQU0sQ0FBQyxDQUFBOzJCQU0zQixXQUFXLEVBQ1gsU0FBUztJQUFFLFNBQVM7SUFBTSxNQUFNO0lBQVMsQ0FBQyxDQUFBO3FDQUkxQyxXQUFXLEVBQ1gsU0FBUyxFQUFFLFdBQVcsdUJBQXVCLENBQUMsQ0FBQTswQ0FJOUMsU0FBUyxFQUFFLFdBQVcsNkJBQTZCLENBQUMsQ0FBQTtBQWhCeEIsZ0JBQUEsTUFBQSxNQUFBLHFCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsYUFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFPLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBUCxVQUFPOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsdUJBQUEsMkJBQUE7QUFRcEQsZ0JBQUEsTUFBQSxNQUFBLHNCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsY0FBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFRLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBUixXQUFROztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsd0JBQUEsNEJBQUE7QUFLeEIsZ0JBQUEsTUFBQSxNQUFBLGdDQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsd0JBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBa0IsTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFsQixxQkFBa0I7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxrQ0FBQSxzQ0FBQTtBQUlsQyxnQkFBQSxNQUFBLE1BQUEscUNBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSw2QkFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUF1QixNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQXZCLDBCQUF1Qjs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLHVDQUFBLDJDQUFBOzs7Ozs7Ozs7QUF6QlAsUUFBQSxjQUFzQjs7O0FBQy9CLFFBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsVUFBVSxlQUFNLENBQUM7O0VBT3RELDRCQUFBLGtCQUFBLE1BQUEsdUJBQXVELFVBQVM7Ozs7OztFQUFoRSxJQUFnQixVQUFPO0FBQUEsVUFBQSxNQUFBOztFQUF2QixJQUFnQixRQUFPLE9BQUE7QUFBQSxTQUFBLDJCQUFBOztFQVFwRCw4QkFBQSxrQkFBQSxNQUFBLDJCQUFBLEVBQUEsa0JBQUEsTUFBQSx3QkFBb0MsTUFBSzs7Ozs7RUFBekMsSUFBZ0IsV0FBUTtBQUFBLFVBQUEsTUFBQTs7RUFBeEIsSUFBZ0IsU0FBUSxPQUFBO0FBQUEsU0FBQSw0QkFBQTs7RUFLeEIsd0NBQUEsa0JBQUEsTUFBQSw0QkFBQSxFQUFBLGtCQUFBLE1BQUEsa0NBQTZDLEdBQUU7O0VBQS9DLElBQWdCLHFCQUFrQjtBQUFBLFVBQUEsTUFBQTs7RUFBbEMsSUFBZ0IsbUJBQWtCLE9BQUE7QUFBQSxTQUFBLHNDQUFBOztFQUlsQyw2Q0FBQSxrQkFBQSxNQUFBLHNDQUFBLEVBQUEsa0JBQUEsTUFBQSx1Q0FBeUQsSUFBRzs7RUFBNUQsSUFBZ0IsMEJBQXVCO0FBQUEsVUFBQSxNQUFBOztFQUF2QyxJQUFnQix3QkFBdUIsT0FBQTtBQUFBLFNBQUEsMkNBQUE7O0VBRXBCLFNBQU07R0FDdkIsTUFBTSxpQkFBaUIsSUFBSSxLQUFLO0dBR2hDLE1BQU0scUJBQXFCLE1BQUksSUFBSSxhQUFhLGVBQWUsQ0FBQTtXQUN4RCxLQUFLLG1CQUFrQixJQUFLLGFBQWEsZUFBZSxDQUFBO0FBRy9ELFVBQU8sTUFBSTs7O1lBR0gsS0FBSyxxQkFBcUIscUJBQXFCLFFBQUEifQ==

package/development/footer.d.ts

@@ -0,0 +1,2 @@
+export * from './footer.pure.ts';
+//# sourceMappingURL=footer.d.ts.map

package/development/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/elements/footer.ts"],"names":[],"mappings":"AAGA,cAAc,kBAAkB,CAAC"}

package/development/footer.js

@@ -0,0 +1,9 @@
+import { t as SbbFooterElement } from "./footer.component-BblB5218.js";
+import "./footer.pure.js";
+//#region src/elements/footer.ts
+/** @entrypoint */
+SbbFooterElement.define();
+//#endregion
+export { SbbFooterElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9mb290ZXIudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBlbnRyeXBvaW50ICovXG5pbXBvcnQgeyBTYmJGb290ZXJFbGVtZW50IH0gZnJvbSAnLi9mb290ZXIucHVyZS50cyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZm9vdGVyLnB1cmUudHMnO1xuXG5TYmJGb290ZXJFbGVtZW50LmRlZmluZSgpO1xuIl0sIm1hcHBpbmdzIjoiOzs7O0FBS0EsaUJBQWlCLFFBQVEifQ==

package/development/footer.pure.d.ts

@@ -0,0 +1,3 @@
+/** @entrypoint */
+export * from './footer/footer.component.ts';
+//# sourceMappingURL=footer.pure.d.ts.map

package/development/footer.pure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.pure.d.ts","sourceRoot":"","sources":["../../../src/elements/footer.pure.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,cAAc,8BAA8B,CAAC"}

package/development/footer.pure.js

@@ -0,0 +1,2 @@
+import { t as SbbFooterElement } from "./footer.component-BblB5218.js";
+export { SbbFooterElement };

package/development/form-field/error/error.component.d.ts

@@ -0,0 +1,22 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbElement } from '../../core/base-elements.ts';
+declare const SbbErrorElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & typeof SbbElement;
+/**
+ * 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.
+ */
+export declare class SbbErrorElement extends SbbErrorElement_base {
+    static readonly elementName: string;
+    static styles: CSSResultGroup;
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-error': SbbErrorElement;
+    }
+}
+export {};
+//# sourceMappingURL=error.component.d.ts.map

package/development/form-field/error/error.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/form-field/error/error.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;;AAMzD;;;;;GAKG;AACH,qBAAa,eAAgB,SAAQ,oBAA4B;IAC/D,gBAAgC,WAAW,EAAE,MAAM,CAAe;IAClE,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpE,iBAAiB,IAAI,IAAI;cAQtB,MAAM,IAAI,cAAc;CAwB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}

package/development/form-field/error/error.component.js

@@ -0,0 +1,2 @@
+import { t as SbbErrorElement } from "../../error.component-xD_c9IBA.js";
+export { SbbErrorElement };

package/development/form-field/error.d.ts

@@ -0,0 +1,2 @@
+export * from './error/error.component.ts';
+//# sourceMappingURL=error.d.ts.map

package/development/form-field/error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../../../src/elements/form-field/error.ts"],"names":[],"mappings":"AAGA,cAAc,4BAA4B,CAAC"}

package/development/form-field/error.js

@@ -0,0 +1,10 @@
+import { t as SbbErrorElement } from "../error.component-xD_c9IBA.js";
+//#region src/elements/form-field/error.ts
+/** @entrypoint */
+SbbErrorElement.define();
+console.warn(`The entrypoint '@sbb-esta/elements/form-field/error.js' has been deprecated.
+Use either '@sbb-esta/elements/form-field.js' or '@sbb-esta/elements/form-field.pure.js' instead.`);
+//#endregion
+export { SbbErrorElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXJyb3IuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2Zvcm0tZmllbGQvZXJyb3IudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBlbnRyeXBvaW50ICovXG5pbXBvcnQgeyBTYmJFcnJvckVsZW1lbnQgfSBmcm9tICcuL2Vycm9yL2Vycm9yLmNvbXBvbmVudC50cyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZXJyb3IvZXJyb3IuY29tcG9uZW50LnRzJztcblxuU2JiRXJyb3JFbGVtZW50LmRlZmluZSgpO1xuXG5jb25zb2xlLndhcm4oYFRoZSBlbnRyeXBvaW50ICdAc2JiLWVzdGEvZWxlbWVudHMvZm9ybS1maWVsZC9lcnJvci5qcycgaGFzIGJlZW4gZGVwcmVjYXRlZC5cblVzZSBlaXRoZXIgJ0BzYmItZXN0YS9lbGVtZW50cy9mb3JtLWZpZWxkLmpzJyBvciAnQHNiYi1lc3RhL2VsZW1lbnRzL2Zvcm0tZmllbGQucHVyZS5qcycgaW5zdGVhZC5gKTtcbiJdLCJtYXBwaW5ncyI6Ijs7O0FBS0EsZ0JBQWdCLFFBQVE7QUFFeEIsUUFBUSxLQUFLO21HQUNzRiJ9

package/development/form-field/form-field/form-field.component.d.ts

@@ -0,0 +1,137 @@
+import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
+import { SbbElement } from '../../core/base-elements.ts';
+/** An interface which allows a control to work inside a `SbbFormField`. */
+export interface SbbFormFieldElementControl {
+    /** The id of the form field control. */
+    readonly id: string;
+    /** Whether the control is empty. */
+    readonly empty: boolean;
+    /** Whether the control is readonly. */
+    readonly readOnly?: boolean;
+    /** Whether the control is disabled. */
+    readonly disabled: boolean;
+    /**
+     * Handles a click on the control's container.
+     * If not implemented, focus() of the element is called.
+     */
+    onContainerClick?(event: MouseEvent): void;
+}
+export declare class SbbFormFieldControlEvent extends Event {
+    private _control;
+    get control(): SbbFormFieldElementControl | null;
+    constructor(control: SbbFormFieldElementControl | null);
+}
+declare const SbbFormFieldElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & typeof SbbElement;
+/**
+ * It wraps an input element adding label, errors, icon, etc.
+ *
+ * @slot - Use this slot to render an input/select or a supported non-native element.
+ * @slot label - Use this slot to render a label.
+ * @slot prefix - Use this slot to render an icon on the left side of the input.
+ * @slot suffix - Use this slot to render an icon on the right side of the input.
+ * @slot error - Use this slot to render an error.
+ * @slot hint - Use this slot to render an `<sbb-hint>` or an `<sbb-form-field-text-counter>` element.
+ *
+ * @cssprop [--sbb-form-field-outline-offset] - To override the focus outline offset,
+ * @cssprop [--sbb-form-field-focus-underline-z-index] - To override the z-index of the focus underline effect,
+ */
+export declare class SbbFormFieldElement extends SbbFormFieldElement_base {
+    static readonly elementName: string;
+    static styles: CSSResultGroup;
+    private readonly _excludedFocusElements;
+    private readonly _floatingLabelSupportedInputElements;
+    private readonly _floatingLabelSupportedInputTypes;
+    /**
+     * Whether to reserve space for an error message, hint or text-counter.
+     * `none` does not reserve any space.
+     * `reserve` does reserve one row for an error message.
+     */
+    accessor errorSpace: 'none' | 'reserve';
+    /**
+     * Indicates whether the input is optional.
+     * @deprecated Set the (optional) label text manually. Will be removed with next major version.
+     */
+    accessor optional: boolean;
+    /**
+     * Size variant, either l, m or s.
+     * @default 'm' / 's' (lean)
+     */
+    accessor size: 'l' | 'm' | 's';
+    /** Whether to display the form field without a border. */
+    accessor borderless: boolean;
+    /** Defines the width of the component:
+     * - `default`: the component has defined width and min-width;
+     * - `collapse`: the component adapts itself to its inner input content. */
+    accessor width: 'default' | 'collapse';
+    /** Whether to visually hide the label. If hidden, screen readers will still read it. */
+    accessor hiddenLabel: boolean;
+    /** Whether the label should float. If activated, the placeholder of the input is hidden. */
+    accessor floatingLabel: boolean;
+    /** It is used internally to get the `error` slot. */
+    private accessor _errorElements;
+    /** It is used internally to get the `hint` slot. */
+    private accessor _hintElements;
+    /** Reference to the slotted input element. */
+    private accessor _input;
+    /** Reference to the slotted label elements. */
+    private accessor _label;
+    /** Returns the input element. */
+    get inputElement(): HTMLInputElement | HTMLSelectElement | HTMLElement | null;
+    /** Reference to the slotted label. */
+    get label(): HTMLLabelElement | null;
+    private _language;
+    /**
+     * Listens to the changes on `readonly` and `disabled` attributes of `<input>`.
+     */
+    private _formFieldAttributeObserver;
+    private _inputFormAbortController;
+    private _control;
+    constructor();
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+    private _handleWrapperClick;
+    private _isElementFocusExcluded;
+    private _onSlotLabelChange;
+    /**
+     * It is used internally to assign the attributes of `<input>` to `_id` and `_input` and to observe the native readonly and disabled attributes.
+     */
+    private _onSlotInputChange;
+    private _assignSlots;
+    private _connectInputElement;
+    private _syncLabelInputReferences;
+    private _isInputElement;
+    private _readInputState;
+    private _registerInputFormListener;
+    private _patchInputValue;
+    private _unpatchInputValue;
+    private _checkAndUpdateInputEmpty;
+    private _isInputEmpty;
+    private _isInputValueEmpty;
+    /**
+     * It is used internally to set the aria-describedby attribute for the slotted input referencing available <sbb-error> instances.
+     */
+    private _onSlotErrorChange;
+    /**
+     * It is used internally to set the aria-describedby attribute for the slotted input referencing available <sbb-hint> instances.
+     */
+    private _onSlotHintChange;
+    private _assignAriaDescribedByElements;
+    /** Manually reset the form field. Currently, this only resets the floating label. */
+    reset(): void;
+    /** Manually clears the input value. It only works for inputs, selects are not supported. */
+    clear(): void;
+    private _syncNegative;
+    private _syncSize;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-form-field': SbbFormFieldElement;
+    }
+    interface HTMLElementEventMap {
+        formfieldcontrol: SbbFormFieldControlEvent;
+    }
+}
+export {};
+//# sourceMappingURL=form-field.component.d.ts.map

package/development/form-field/form-field/form-field.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/form-field/form-field/form-field.component.ts"],"names":[],"mappings":"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"}

package/development/form-field/form-field/form-field.component.js

@@ -0,0 +1,2 @@
+import { n as SbbFormFieldElement, t as SbbFormFieldControlEvent } from "../../form-field.component-BEXX0OcL.js";
+export { SbbFormFieldControlEvent, SbbFormFieldElement };

package/development/form-field/form-field-clear/form-field-clear.component.d.ts

@@ -0,0 +1,24 @@
+import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
+import { SbbButtonBaseElement } from '../../core/base-elements.ts';
+declare const SbbFormFieldClearElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & typeof SbbButtonBaseElement;
+/**
+ * Combined with `sbb-form-field`, it displays a button which clears the input value.
+ */
+export declare class SbbFormFieldClearElement extends SbbFormFieldClearElement_base {
+    static readonly elementName: string;
+    static styles: CSSResultGroup;
+    private _formField?;
+    private _language;
+    constructor();
+    connectedCallback(): void;
+    private _handleClick;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected renderTemplate(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-form-field-clear': SbbFormFieldClearElement;
+    }
+}
+export {};
+//# sourceMappingURL=form-field-clear.component.d.ts.map

package/development/form-field/form-field-clear/form-field-clear.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-clear.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/form-field/form-field-clear/form-field-clear.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1F,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAOnE,OAAO,eAAe,CAAC;;AAEvB;;GAEG;AACH,qBAAa,wBAAyB,SAAQ,6BAAsC;IAClF,gBAAgC,WAAW,EAAE,MAAM,CAA0B;IAC7E,OAAuB,MAAM,EAAE,cAAc,CAAsC;IAEnF,OAAO,CAAC,UAAU,CAAC,CAA6B;IAChD,OAAO,CAAC,SAAS,CAAmC;;IAOpC,iBAAiB,IAAI,IAAI;YAU3B,YAAY;cAWP,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAKzD,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,wBAAwB,CAAC;KAClD;CACF"}

package/development/form-field/form-field-clear/form-field-clear.component.js

@@ -0,0 +1,55 @@
+import { html } from "lit";
+import { SbbButtonBaseElement } from "../../core/base-elements.js";
+import { SbbNegativeMixin } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+import { miniButtonStyle } from "../../button.pure.js";
+import { SbbLanguageController } from "../../core/controllers.js";
+import { i18nClearInput } from "../../core/i18n.js";
+import "../../icon.js";
+//#region src/elements/form-field/form-field-clear/form-field-clear.component.ts
+/**
+* Combined with `sbb-form-field`, it displays a button which clears the input value.
+*/
+var SbbFormFieldClearElement = class extends SbbNegativeMixin(SbbButtonBaseElement) {
+	static {
+		this.elementName = "sbb-form-field-clear";
+	}
+	static {
+		this.styles = [boxSizingStyles, miniButtonStyle];
+	}
+	constructor() {
+		super();
+		this._language = new SbbLanguageController(this);
+		this.addEventListener?.("click", () => this._handleClick());
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this._formField = this.closest("sbb-form-field");
+		if (this._formField) {
+			this.slot ||= "suffix";
+			this.negative = this._formField.hasAttribute("negative");
+		}
+	}
+	async _handleClick() {
+		const input = this._formField?.inputElement;
+		if (!input || input.localName !== "input") return;
+		this._formField?.clear();
+		input.focus();
+		input.dispatchEvent(new InputEvent("input", {
+			bubbles: true,
+			composed: true
+		}));
+		input.dispatchEvent(new Event("change", { bubbles: true }));
+	}
+	willUpdate(changedProperties) {
+		super.willUpdate(changedProperties);
+		this.internals.ariaLabel = i18nClearInput[this._language.current];
+	}
+	renderTemplate() {
+		return html`<sbb-icon name="cross-small"></sbb-icon>`;
+	}
+};
+//#endregion
+export { SbbFormFieldClearElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC1jbGVhci5jb21wb25lbnQuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2Zvcm0tZmllbGQvZm9ybS1maWVsZC1jbGVhci9mb3JtLWZpZWxkLWNsZWFyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBodG1sLCB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFByb3BlcnR5VmFsdWVzLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHsgbWluaUJ1dHRvblN0eWxlIH0gZnJvbSAnLi4vLi4vYnV0dG9uLnB1cmUudHMnO1xuaW1wb3J0IHsgU2JiQnV0dG9uQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy50cyc7XG5pbXBvcnQgeyBpMThuQ2xlYXJJbnB1dCB9IGZyb20gJy4uLy4uL2NvcmUvaTE4bi50cyc7XG5pbXBvcnQgeyBTYmJOZWdhdGl2ZU1peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJGb3JtRmllbGRFbGVtZW50IH0gZnJvbSAnLi4vZm9ybS1maWVsZC9mb3JtLWZpZWxkLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCAnLi4vLi4vaWNvbi50cyc7XG5cbi8qKlxuICogQ29tYmluZWQgd2l0aCBgc2JiLWZvcm0tZmllbGRgLCBpdCBkaXNwbGF5cyBhIGJ1dHRvbiB3aGljaCBjbGVhcnMgdGhlIGlucHV0IHZhbHVlLlxuICovXG5leHBvcnQgY2xhc3MgU2JiRm9ybUZpZWxkQ2xlYXJFbGVtZW50IGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihTYmJCdXR0b25CYXNlRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLWZvcm0tZmllbGQtY2xlYXInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBtaW5pQnV0dG9uU3R5bGVdO1xuXG4gIHByaXZhdGUgX2Zvcm1GaWVsZD86IFNiYkZvcm1GaWVsZEVsZW1lbnQgfCBudWxsO1xuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2NsaWNrJywgKCkgPT4gdGhpcy5faGFuZGxlQ2xpY2soKSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLl9mb3JtRmllbGQgPSB0aGlzLmNsb3Nlc3Q8U2JiRm9ybUZpZWxkRWxlbWVudD4oJ3NiYi1mb3JtLWZpZWxkJyk7XG5cbiAgICBpZiAodGhpcy5fZm9ybUZpZWxkKSB7XG4gICAgICB0aGlzLnNsb3QgfHw9ICdzdWZmaXgnO1xuICAgICAgdGhpcy5uZWdhdGl2ZSA9IHRoaXMuX2Zvcm1GaWVsZC5oYXNBdHRyaWJ1dGUoJ25lZ2F0aXZlJyk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBhc3luYyBfaGFuZGxlQ2xpY2soKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgY29uc3QgaW5wdXQgPSB0aGlzLl9mb3JtRmllbGQ/LmlucHV0RWxlbWVudDtcbiAgICBpZiAoIWlucHV0IHx8IGlucHV0LmxvY2FsTmFtZSAhPT0gJ2lucHV0Jykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLl9mb3JtRmllbGQ/LmNsZWFyKCk7XG4gICAgaW5wdXQuZm9jdXMoKTtcbiAgICBpbnB1dC5kaXNwYXRjaEV2ZW50KG5ldyBJbnB1dEV2ZW50KCdpbnB1dCcsIHsgYnViYmxlczogdHJ1ZSwgY29tcG9zZWQ6IHRydWUgfSkpO1xuICAgIGlucHV0LmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdjaGFuZ2UnLCB7IGJ1YmJsZXM6IHRydWUgfSkpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYUxhYmVsID0gaTE4bkNsZWFySW5wdXRbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF07XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYDxzYmItaWNvbiBuYW1lPVwiY3Jvc3Mtc21hbGxcIj48L3NiYi1pY29uPmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1mb3JtLWZpZWxkLWNsZWFyJzogU2JiRm9ybUZpZWxkQ2xlYXJFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQWVBLElBQWEsMkJBQWIsY0FBOEMsaUJBQWlCLHFCQUFxQixDQUFBOztBQUNsRCxPQUFBLGNBQXNCOzs7QUFDL0IsT0FBQSxTQUF5QixDQUFDLGlCQUFpQixnQkFBZ0I7O0NBS2xGLGNBQUE7QUFDRSxTQUFPO0FBSEQsT0FBQSxZQUFZLElBQUksc0JBQXNCLEtBQUs7QUFJakQsT0FBSyxtQkFBbUIsZUFBZSxLQUFLLGNBQWMsQ0FBQzs7Q0FHN0Msb0JBQWlCO0FBQy9CLFFBQU0sbUJBQW1CO0FBQ3pCLE9BQUssYUFBYSxLQUFLLFFBQTZCLGlCQUFpQjtBQUVyRSxNQUFJLEtBQUssWUFBWTtBQUNuQixRQUFLLFNBQVM7QUFDZCxRQUFLLFdBQVcsS0FBSyxXQUFXLGFBQWEsV0FBVzs7O0NBSXBELE1BQU0sZUFBWTtFQUN4QixNQUFNLFFBQVEsS0FBSyxZQUFZO0FBQy9CLE1BQUksQ0FBQyxTQUFTLE1BQU0sY0FBYyxRQUNoQztBQUVGLE9BQUssWUFBWSxPQUFPO0FBQ3hCLFFBQU0sT0FBTztBQUNiLFFBQU0sY0FBYyxJQUFJLFdBQVcsU0FBUztHQUFFLFNBQVM7R0FBTSxVQUFVO0dBQU0sQ0FBQyxDQUFDO0FBQy9FLFFBQU0sY0FBYyxJQUFJLE1BQU0sVUFBVSxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUM7O0NBRzFDLFdBQVcsbUJBQXVDO0FBQ25FLFFBQU0sV0FBVyxrQkFBa0I7QUFDbkMsT0FBSyxVQUFVLFlBQVksZUFBZSxLQUFLLFVBQVU7O0NBR3hDLGlCQUFjO0FBQy9CLFNBQU8sSUFBSSJ9

package/development/form-field/form-field-clear.d.ts

@@ -0,0 +1,2 @@
+export * from './form-field-clear/form-field-clear.component.ts';
+//# sourceMappingURL=form-field-clear.d.ts.map

package/development/form-field/form-field-clear.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-clear.d.ts","sourceRoot":"","sources":["../../../../src/elements/form-field/form-field-clear.ts"],"names":[],"mappings":"AAGA,cAAc,kDAAkD,CAAC"}

package/development/form-field/form-field-clear.js

@@ -0,0 +1,10 @@
+import { SbbFormFieldClearElement } from "./form-field-clear/form-field-clear.component.js";
+//#region src/elements/form-field/form-field-clear.ts
+/** @entrypoint */
+SbbFormFieldClearElement.define();
+console.warn(`The entrypoint '@sbb-esta/elements/form-field/form-field-clear.js' has been deprecated.
+Use either '@sbb-esta/elements/form-field.js' or '@sbb-esta/elements/form-field.pure.js' instead.`);
+//#endregion
+export { SbbFormFieldClearElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC1jbGVhci5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZm9ybS1maWVsZC9mb3JtLWZpZWxkLWNsZWFyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKiBAZW50cnlwb2ludCAqL1xuaW1wb3J0IHsgU2JiRm9ybUZpZWxkQ2xlYXJFbGVtZW50IH0gZnJvbSAnLi9mb3JtLWZpZWxkLWNsZWFyL2Zvcm0tZmllbGQtY2xlYXIuY29tcG9uZW50LnRzJztcblxuZXhwb3J0ICogZnJvbSAnLi9mb3JtLWZpZWxkLWNsZWFyL2Zvcm0tZmllbGQtY2xlYXIuY29tcG9uZW50LnRzJztcblxuU2JiRm9ybUZpZWxkQ2xlYXJFbGVtZW50LmRlZmluZSgpO1xuXG5jb25zb2xlLndhcm4oYFRoZSBlbnRyeXBvaW50ICdAc2JiLWVzdGEvZWxlbWVudHMvZm9ybS1maWVsZC9mb3JtLWZpZWxkLWNsZWFyLmpzJyBoYXMgYmVlbiBkZXByZWNhdGVkLlxuVXNlIGVpdGhlciAnQHNiYi1lc3RhL2VsZW1lbnRzL2Zvcm0tZmllbGQuanMnIG9yICdAc2JiLWVzdGEvZWxlbWVudHMvZm9ybS1maWVsZC5wdXJlLmpzJyBpbnN0ZWFkLmApO1xuIl0sIm1hcHBpbmdzIjoiOzs7QUFLQSx5QkFBeUIsUUFBUTtBQUVqQyxRQUFRLEtBQUs7bUdBQ3NGIn0=

package/development/form-field/form-field-text-counter/form-field-text-counter.component.d.ts

@@ -0,0 +1,27 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbHintElement } from '../hint/hint.component.ts';
+/**
+ * It displays the remaining characters count for input/textarea elements with a configured
+ * maxlength property in the `sbb-form-field`.
+ * The component automatically uses the form field's inputElement and displays the remaining character count.
+ * If the input is disabled, readonly or an `sbb-error` is present, the output is suppressed.
+ * @slot - Use the unnamed slot to display a custom description text after the counter.
+ */
+export declare class SbbFormFieldTextCounterElement extends SbbHintElement {
+    static readonly elementName: string;
+    static styles: CSSResultGroup;
+    private accessor _remainingCharacters;
+    private _language;
+    private _abortController;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _onInputUpdate;
+    private _infoText;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-form-field-text-counter': SbbFormFieldTextCounterElement;
+    }
+}
+//# sourceMappingURL=form-field-text-counter.component.d.ts.map

package/development/form-field/form-field-text-counter/form-field-text-counter.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-text-counter.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/form-field/form-field-text-counter/form-field-text-counter.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAO1D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,6BAA6B,CAAC;AAIrC;;;;;;GAMG;AACH,qBAAa,8BAA+B,SAAQ,cAAc;IAChE,gBAAgC,WAAW,EAAE,MAAM,CAAiC;IACpF,OAAuB,MAAM,EAAE,cAAc,CAA2B;IAE/D,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAa;IAE3D,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,gBAAgB,CAAgC;IAExC,iBAAiB,IAAI,IAAI;IAmCzB,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,cAAc;IAyBtB,OAAO,CAAC,SAAS;cAIE,MAAM,IAAI,cAAc;CAK5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,6BAA6B,EAAE,8BAA8B,CAAC;KAC/D;CACF"}