@sbb-esta/lyne-elements 4.8.1 → 4.10.0

package/development/flip-card.pure.js

@@ -1,4 +1,4 @@
-import { t as SbbFlipCardDetailsElement } from "./flip-card-details.component-DZqd1icn.js";
-import { t as SbbFlipCardSummaryElement } from "./flip-card-summary.component-CTvT-hNh.js";
-import { t as SbbFlipCardElement } from "./flip-card.component-CUQYeHRg.js";
+import { t as SbbFlipCardDetailsElement } from "./flip-card-details.component-iMm7NrgQ.js";
+import { t as SbbFlipCardSummaryElement } from "./flip-card-summary.component-HQ_VAn2j.js";
+import { t as SbbFlipCardElement } from "./flip-card.component-CJanLtkJ.js";
 export { SbbFlipCardDetailsElement, SbbFlipCardElement, SbbFlipCardSummaryElement };

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

@@ -1 +1 @@
-{"version":3,"file":"footer.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/footer/footer.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1D,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,CAA4B;IAEzE;;;;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"}
+{"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

@@ -1,2 +1,2 @@
-import { t as SbbFooterElement } from "../footer.component-CLU7iVUY.js";
+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.js

@@ -1,4 +1,4 @@
-import { t as SbbFooterElement } from "./footer.component-CLU7iVUY.js";
+import { t as SbbFooterElement } from "./footer.component-BblB5218.js";
 import "./footer.pure.js";
 //#region src/elements/footer.ts
 /** @entrypoint */

package/development/footer.pure.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"error.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/form-field/error/error.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;;AAQzD;;;;;GAKG;AACH,qBAAa,eAAgB,SAAQ,oBAA4B;IAC/D,gBAAgC,WAAW,EAAE,MAAM,CAAe;IAClE,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzD,iBAAiB,IAAI,IAAI;cAStB,MAAM,IAAI,cAAc;CAwB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}
+{"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

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

package/development/form-field/error.js

@@ -1,4 +1,4 @@
-import { t as SbbErrorElement } from "../error.component-DCeTb_sQ.js";
+import { t as SbbErrorElement } from "../error.component-xD_c9IBA.js";
 //#region src/elements/form-field/error.ts
 /** @entrypoint */
 SbbErrorElement.define();

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

@@ -30,6 +30,7 @@ declare const SbbFormFieldElement_base: import('../../core/mixins.ts').AbstractC
  * @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,
@@ -41,12 +42,15 @@ export declare class SbbFormFieldElement extends SbbFormFieldElement_base {
     private readonly _floatingLabelSupportedInputElements;
     private readonly _floatingLabelSupportedInputTypes;
     /**
-     * Whether to reserve space for an error message.
+     * 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. */
+    /**
+     * 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.
@@ -65,6 +69,8 @@ export declare class SbbFormFieldElement extends SbbFormFieldElement_base {
     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. */
@@ -106,7 +112,11 @@ export declare class SbbFormFieldElement extends SbbFormFieldElement_base {
      * It is used internally to set the aria-describedby attribute for the slotted input referencing available <sbb-error> instances.
      */
     private _onSlotErrorChange;
-    private _assignErrorMessageElements;
+    /**
+     * 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. */

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

@@ -1 +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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"}
+{"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

@@ -1,2 +1,2 @@
-import { n as SbbFormFieldElement, t as SbbFormFieldControlEvent } from "../../form-field.component-DoPHu1Yf.js";
+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.map

@@ -1 +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,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,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"}
+{"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

@@ -2,10 +2,10 @@ 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";
-import { miniButtonStyle } from "../../button/common.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.
@@ -52,4 +52,4 @@ var SbbFormFieldClearElement = class extends SbbNegativeMixin(SbbButtonBaseEleme
 //#endregion
 export { SbbFormFieldClearElement };
 
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC1jbGVhci5jb21wb25lbnQuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2Zvcm0tZmllbGQvZm9ybS1maWVsZC1jbGVhci9mb3JtLWZpZWxkLWNsZWFyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdCc7XG5cbmltcG9ydCB7IG1pbmlCdXR0b25TdHlsZSB9IGZyb20gJy4uLy4uL2J1dHRvbi9jb21tb24udHMnO1xuaW1wb3J0IHsgU2JiQnV0dG9uQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy50cyc7XG5pbXBvcnQgeyBpMThuQ2xlYXJJbnB1dCB9IGZyb20gJy4uLy4uL2NvcmUvaTE4bi50cyc7XG5pbXBvcnQgeyBTYmJOZWdhdGl2ZU1peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJGb3JtRmllbGRFbGVtZW50IH0gZnJvbSAnLi4vZm9ybS1maWVsZC9mb3JtLWZpZWxkLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCAnLi4vLi4vaWNvbi50cyc7XG5cbi8qKlxuICogQ29tYmluZWQgd2l0aCBgc2JiLWZvcm0tZmllbGRgLCBpdCBkaXNwbGF5cyBhIGJ1dHRvbiB3aGljaCBjbGVhcnMgdGhlIGlucHV0IHZhbHVlLlxuICovXG5leHBvcnQgY2xhc3MgU2JiRm9ybUZpZWxkQ2xlYXJFbGVtZW50IGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihTYmJCdXR0b25CYXNlRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLWZvcm0tZmllbGQtY2xlYXInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBtaW5pQnV0dG9uU3R5bGVdO1xuXG4gIHByaXZhdGUgX2Zvcm1GaWVsZD86IFNiYkZvcm1GaWVsZEVsZW1lbnQgfCBudWxsO1xuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2NsaWNrJywgKCkgPT4gdGhpcy5faGFuZGxlQ2xpY2soKSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLl9mb3JtRmllbGQgPSB0aGlzLmNsb3Nlc3Q8U2JiRm9ybUZpZWxkRWxlbWVudD4oJ3NiYi1mb3JtLWZpZWxkJyk7XG5cbiAgICBpZiAodGhpcy5fZm9ybUZpZWxkKSB7XG4gICAgICB0aGlzLnNsb3QgfHw9ICdzdWZmaXgnO1xuICAgICAgdGhpcy5uZWdhdGl2ZSA9IHRoaXMuX2Zvcm1GaWVsZC5oYXNBdHRyaWJ1dGUoJ25lZ2F0aXZlJyk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBhc3luYyBfaGFuZGxlQ2xpY2soKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgY29uc3QgaW5wdXQgPSB0aGlzLl9mb3JtRmllbGQ/LmlucHV0RWxlbWVudDtcbiAgICBpZiAoIWlucHV0IHx8IGlucHV0LmxvY2FsTmFtZSAhPT0gJ2lucHV0Jykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLl9mb3JtRmllbGQ/LmNsZWFyKCk7XG4gICAgaW5wdXQuZm9jdXMoKTtcbiAgICBpbnB1dC5kaXNwYXRjaEV2ZW50KG5ldyBJbnB1dEV2ZW50KCdpbnB1dCcsIHsgYnViYmxlczogdHJ1ZSwgY29tcG9zZWQ6IHRydWUgfSkpO1xuICAgIGlucHV0LmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdjaGFuZ2UnLCB7IGJ1YmJsZXM6IHRydWUgfSkpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYUxhYmVsID0gaTE4bkNsZWFySW5wdXRbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF07XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYDxzYmItaWNvbiBuYW1lPVwiY3Jvc3Mtc21hbGxcIj48L3NiYi1pY29uPmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1mb3JtLWZpZWxkLWNsZWFyJzogU2JiRm9ybUZpZWxkQ2xlYXJFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQWdCQSxJQUFhLDJCQUFiLGNBQThDLGlCQUFpQixxQkFBcUIsQ0FBQTs7QUFDbEQsT0FBQSxjQUFzQjs7O0FBQy9CLE9BQUEsU0FBeUIsQ0FBQyxpQkFBaUIsZ0JBQWdCOztDQUtsRixjQUFBO0FBQ0UsU0FBTztBQUhELE9BQUEsWUFBWSxJQUFJLHNCQUFzQixLQUFLO0FBSWpELE9BQUssbUJBQW1CLGVBQWUsS0FBSyxjQUFjLENBQUM7O0NBRzdDLG9CQUFpQjtBQUMvQixRQUFNLG1CQUFtQjtBQUN6QixPQUFLLGFBQWEsS0FBSyxRQUE2QixpQkFBaUI7QUFFckUsTUFBSSxLQUFLLFlBQVk7QUFDbkIsUUFBSyxTQUFTO0FBQ2QsUUFBSyxXQUFXLEtBQUssV0FBVyxhQUFhLFdBQVc7OztDQUlwRCxNQUFNLGVBQVk7RUFDeEIsTUFBTSxRQUFRLEtBQUssWUFBWTtBQUMvQixNQUFJLENBQUMsU0FBUyxNQUFNLGNBQWMsUUFDaEM7QUFFRixPQUFLLFlBQVksT0FBTztBQUN4QixRQUFNLE9BQU87QUFDYixRQUFNLGNBQWMsSUFBSSxXQUFXLFNBQVM7R0FBRSxTQUFTO0dBQU0sVUFBVTtHQUFNLENBQUMsQ0FBQztBQUMvRSxRQUFNLGNBQWMsSUFBSSxNQUFNLFVBQVUsRUFBRSxTQUFTLE1BQU0sQ0FBQyxDQUFDOztDQUcxQyxXQUFXLG1CQUF1QztBQUNuRSxRQUFNLFdBQVcsa0JBQWtCO0FBQ25DLE9BQUssVUFBVSxZQUFZLGVBQWUsS0FBSyxVQUFVOztDQUd4QyxpQkFBYztBQUMvQixTQUFPLElBQUkifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC1jbGVhci5jb21wb25lbnQuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2Zvcm0tZmllbGQvZm9ybS1maWVsZC1jbGVhci9mb3JtLWZpZWxkLWNsZWFyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBodG1sLCB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFByb3BlcnR5VmFsdWVzLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHsgbWluaUJ1dHRvblN0eWxlIH0gZnJvbSAnLi4vLi4vYnV0dG9uLnB1cmUudHMnO1xuaW1wb3J0IHsgU2JiQnV0dG9uQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy50cyc7XG5pbXBvcnQgeyBpMThuQ2xlYXJJbnB1dCB9IGZyb20gJy4uLy4uL2NvcmUvaTE4bi50cyc7XG5pbXBvcnQgeyBTYmJOZWdhdGl2ZU1peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJGb3JtRmllbGRFbGVtZW50IH0gZnJvbSAnLi4vZm9ybS1maWVsZC9mb3JtLWZpZWxkLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCAnLi4vLi4vaWNvbi50cyc7XG5cbi8qKlxuICogQ29tYmluZWQgd2l0aCBgc2JiLWZvcm0tZmllbGRgLCBpdCBkaXNwbGF5cyBhIGJ1dHRvbiB3aGljaCBjbGVhcnMgdGhlIGlucHV0IHZhbHVlLlxuICovXG5leHBvcnQgY2xhc3MgU2JiRm9ybUZpZWxkQ2xlYXJFbGVtZW50IGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihTYmJCdXR0b25CYXNlRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLWZvcm0tZmllbGQtY2xlYXInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBtaW5pQnV0dG9uU3R5bGVdO1xuXG4gIHByaXZhdGUgX2Zvcm1GaWVsZD86IFNiYkZvcm1GaWVsZEVsZW1lbnQgfCBudWxsO1xuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2NsaWNrJywgKCkgPT4gdGhpcy5faGFuZGxlQ2xpY2soKSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLl9mb3JtRmllbGQgPSB0aGlzLmNsb3Nlc3Q8U2JiRm9ybUZpZWxkRWxlbWVudD4oJ3NiYi1mb3JtLWZpZWxkJyk7XG5cbiAgICBpZiAodGhpcy5fZm9ybUZpZWxkKSB7XG4gICAgICB0aGlzLnNsb3QgfHw9ICdzdWZmaXgnO1xuICAgICAgdGhpcy5uZWdhdGl2ZSA9IHRoaXMuX2Zvcm1GaWVsZC5oYXNBdHRyaWJ1dGUoJ25lZ2F0aXZlJyk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBhc3luYyBfaGFuZGxlQ2xpY2soKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgY29uc3QgaW5wdXQgPSB0aGlzLl9mb3JtRmllbGQ/LmlucHV0RWxlbWVudDtcbiAgICBpZiAoIWlucHV0IHx8IGlucHV0LmxvY2FsTmFtZSAhPT0gJ2lucHV0Jykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLl9mb3JtRmllbGQ/LmNsZWFyKCk7XG4gICAgaW5wdXQuZm9jdXMoKTtcbiAgICBpbnB1dC5kaXNwYXRjaEV2ZW50KG5ldyBJbnB1dEV2ZW50KCdpbnB1dCcsIHsgYnViYmxlczogdHJ1ZSwgY29tcG9zZWQ6IHRydWUgfSkpO1xuICAgIGlucHV0LmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdjaGFuZ2UnLCB7IGJ1YmJsZXM6IHRydWUgfSkpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYUxhYmVsID0gaTE4bkNsZWFySW5wdXRbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF07XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYDxzYmItaWNvbiBuYW1lPVwiY3Jvc3Mtc21hbGxcIj48L3NiYi1pY29uPmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1mb3JtLWZpZWxkLWNsZWFyJzogU2JiRm9ybUZpZWxkQ2xlYXJFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQWVBLElBQWEsMkJBQWIsY0FBOEMsaUJBQWlCLHFCQUFxQixDQUFBOztBQUNsRCxPQUFBLGNBQXNCOzs7QUFDL0IsT0FBQSxTQUF5QixDQUFDLGlCQUFpQixnQkFBZ0I7O0NBS2xGLGNBQUE7QUFDRSxTQUFPO0FBSEQsT0FBQSxZQUFZLElBQUksc0JBQXNCLEtBQUs7QUFJakQsT0FBSyxtQkFBbUIsZUFBZSxLQUFLLGNBQWMsQ0FBQzs7Q0FHN0Msb0JBQWlCO0FBQy9CLFFBQU0sbUJBQW1CO0FBQ3pCLE9BQUssYUFBYSxLQUFLLFFBQTZCLGlCQUFpQjtBQUVyRSxNQUFJLEtBQUssWUFBWTtBQUNuQixRQUFLLFNBQVM7QUFDZCxRQUFLLFdBQVcsS0FBSyxXQUFXLGFBQWEsV0FBVzs7O0NBSXBELE1BQU0sZUFBWTtFQUN4QixNQUFNLFFBQVEsS0FBSyxZQUFZO0FBQy9CLE1BQUksQ0FBQyxTQUFTLE1BQU0sY0FBYyxRQUNoQztBQUVGLE9BQUssWUFBWSxPQUFPO0FBQ3hCLFFBQU0sT0FBTztBQUNiLFFBQU0sY0FBYyxJQUFJLFdBQVcsU0FBUztHQUFFLFNBQVM7R0FBTSxVQUFVO0dBQU0sQ0FBQyxDQUFDO0FBQy9FLFFBQU0sY0FBYyxJQUFJLE1BQU0sVUFBVSxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUM7O0NBRzFDLFdBQVcsbUJBQXVDO0FBQ25FLFFBQU0sV0FBVyxrQkFBa0I7QUFDbkMsT0FBSyxVQUFVLFlBQVksZUFBZSxLQUFLLFVBQVU7O0NBR3hDLGlCQUFjO0FBQy9CLFNBQU8sSUFBSSJ9

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"}

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

@@ -0,0 +1,113 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html } from "lit";
+import { state } from "lit/decorators.js";
+import { SbbLanguageController } from "../../core/controllers.js";
+import { i18nRemainingCharacters } from "../../core/i18n.js";
+import "../../screen-reader-only.js";
+import { sbbLiveAnnouncer } from "../../core/a11y/live-announcer.js";
+import { SbbHintElement } from "../hint/hint.component.js";
+//#region src/elements/form-field/form-field-text-counter/form-field-text-counter.component.ts
+var percentagesToRead = [
+	100,
+	50,
+	25,
+	10,
+	0
+];
+/**
+* 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.
+*/
+var SbbFormFieldTextCounterElement = (() => {
+	let _classSuper = SbbHintElement;
+	let __remainingCharacters_decorators;
+	let __remainingCharacters_initializers = [];
+	let __remainingCharacters_extraInitializers = [];
+	return class SbbFormFieldTextCounterElement extends _classSuper {
+		constructor() {
+			super(...arguments);
+			this.#_remainingCharacters_accessor_storage = __runInitializers(this, __remainingCharacters_initializers, 0);
+			this._language = (__runInitializers(this, __remainingCharacters_extraInitializers), new SbbLanguageController(this));
+			this._abortController = null;
+		}
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			__remainingCharacters_decorators = [state()];
+			__esDecorate(this, null, __remainingCharacters_decorators, {
+				kind: "accessor",
+				name: "_remainingCharacters",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "_remainingCharacters" in obj,
+					get: (obj) => obj._remainingCharacters,
+					set: (obj, value) => {
+						obj._remainingCharacters = value;
+					}
+				},
+				metadata: _metadata
+			}, __remainingCharacters_initializers, __remainingCharacters_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-form-field-text-counter";
+		}
+		static {
+			this.styles = [SbbHintElement.styles];
+		}
+		#_remainingCharacters_accessor_storage;
+		get _remainingCharacters() {
+			return this.#_remainingCharacters_accessor_storage;
+		}
+		set _remainingCharacters(value) {
+			this.#_remainingCharacters_accessor_storage = value;
+		}
+		connectedCallback() {
+			super.connectedCallback();
+			this.internals.ariaHidden = "true";
+			this._abortController?.abort();
+			this._abortController = new AbortController();
+			if (this.formField) {
+				this.formField.addEventListener("ɵinput", () => this._onInputUpdate(), { signal: this._abortController.signal });
+				this.formField.addEventListener("input", () => this._onInputUpdate(), { signal: this._abortController.signal });
+				this.formField.addEventListener("ɵinputattributechange", () => this._onInputUpdate(), { signal: this._abortController.signal });
+				this.formField.addEventListener("focusin", (event) => {
+					if (event.target === this.formField?.inputElement) this.internals.ariaLabel = this._infoText();
+				}, { signal: this._abortController.signal });
+				this._onInputUpdate();
+			}
+		}
+		disconnectedCallback() {
+			super.disconnectedCallback();
+			this._abortController?.abort();
+		}
+		_onInputUpdate() {
+			const inputElement = this.formField?.inputElement;
+			if (!inputElement) return;
+			const maxLength = inputElement.maxLength ?? 0;
+			const currentLength = inputElement.value?.length ?? 0;
+			this._remainingCharacters = Math.max(maxLength - currentLength, 0);
+			if ([...percentagesToRead.map((e) => Math.round(e / 100 * maxLength))].includes(this._remainingCharacters)) sbbLiveAnnouncer.announce(this._infoText());
+		}
+		_infoText() {
+			return `${this._remainingCharacters} ${i18nRemainingCharacters[this._language.current]}`;
+		}
+		render() {
+			return html`${this._remainingCharacters}<slot>
+        ${i18nRemainingCharacters[this._language.current]}</slot
+      >`;
+		}
+	};
+})();
+//#endregion
+export { SbbFormFieldTextCounterElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC10ZXh0LWNvdW50ZXIuY29tcG9uZW50LmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9mb3JtLWZpZWxkL2Zvcm0tZmllbGQtdGV4dC1jb3VudGVyL2Zvcm0tZmllbGQtdGV4dC1jb3VudGVyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHN0YXRlIH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBzYmJMaXZlQW5ub3VuY2VyIH0gZnJvbSAnLi4vLi4vY29yZS9hMTF5L2xpdmUtYW5ub3VuY2VyLnRzJztcbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMudHMnO1xuaW1wb3J0IHsgaTE4blJlbWFpbmluZ0NoYXJhY3RlcnMgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4udHMnO1xuaW1wb3J0IHsgU2JiSGludEVsZW1lbnQgfSBmcm9tICcuLi9oaW50L2hpbnQuY29tcG9uZW50LnRzJztcblxuaW1wb3J0ICcuLi8uLi9zY3JlZW4tcmVhZGVyLW9ubHkudHMnO1xuXG5jb25zdCBwZXJjZW50YWdlc1RvUmVhZCA9IFsxMDAsIDUwLCAyNSwgMTAsIDBdO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIHRoZSByZW1haW5pbmcgY2hhcmFjdGVycyBjb3VudCBmb3IgaW5wdXQvdGV4dGFyZWEgZWxlbWVudHMgd2l0aCBhIGNvbmZpZ3VyZWRcbiAqIG1heGxlbmd0aCBwcm9wZXJ0eSBpbiB0aGUgYHNiYi1mb3JtLWZpZWxkYC5cbiAqIFRoZSBjb21wb25lbnQgYXV0b21hdGljYWxseSB1c2VzIHRoZSBmb3JtIGZpZWxkJ3MgaW5wdXRFbGVtZW50IGFuZCBkaXNwbGF5cyB0aGUgcmVtYWluaW5nIGNoYXJhY3RlciBjb3VudC5cbiAqIElmIHRoZSBpbnB1dCBpcyBkaXNhYmxlZCwgcmVhZG9ubHkgb3IgYW4gYHNiYi1lcnJvcmAgaXMgcHJlc2VudCwgdGhlIG91dHB1dCBpcyBzdXBwcmVzc2VkLlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBkaXNwbGF5IGEgY3VzdG9tIGRlc2NyaXB0aW9uIHRleHQgYWZ0ZXIgdGhlIGNvdW50ZXIuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJGb3JtRmllbGRUZXh0Q291bnRlckVsZW1lbnQgZXh0ZW5kcyBTYmJIaW50RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItZm9ybS1maWVsZC10ZXh0LWNvdW50ZXInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbU2JiSGludEVsZW1lbnQuc3R5bGVzXTtcblxuICBAc3RhdGUoKSBwcml2YXRlIGFjY2Vzc29yIF9yZW1haW5pbmdDaGFyYWN0ZXJzOiBudW1iZXIgPSAwO1xuXG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcbiAgcHJpdmF0ZSBfYWJvcnRDb250cm9sbGVyOiBBYm9ydENvbnRyb2xsZXIgfCBudWxsID0gbnVsbDtcblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFIaWRkZW4gPSAndHJ1ZSc7XG5cbiAgICB0aGlzLl9hYm9ydENvbnRyb2xsZXI/LmFib3J0KCk7XG4gICAgdGhpcy5fYWJvcnRDb250cm9sbGVyID0gbmV3IEFib3J0Q29udHJvbGxlcigpO1xuXG4gICAgaWYgKHRoaXMuZm9ybUZpZWxkKSB7XG4gICAgICB0aGlzLmZvcm1GaWVsZC5hZGRFdmVudExpc3RlbmVyKCfJtWlucHV0JywgKCkgPT4gdGhpcy5fb25JbnB1dFVwZGF0ZSgpLCB7XG4gICAgICAgIHNpZ25hbDogdGhpcy5fYWJvcnRDb250cm9sbGVyLnNpZ25hbCxcbiAgICAgIH0pO1xuICAgICAgdGhpcy5mb3JtRmllbGQuYWRkRXZlbnRMaXN0ZW5lcignaW5wdXQnLCAoKSA9PiB0aGlzLl9vbklucHV0VXBkYXRlKCksIHtcbiAgICAgICAgc2lnbmFsOiB0aGlzLl9hYm9ydENvbnRyb2xsZXIuc2lnbmFsLFxuICAgICAgfSk7XG4gICAgICB0aGlzLmZvcm1GaWVsZC5hZGRFdmVudExpc3RlbmVyKCfJtWlucHV0YXR0cmlidXRlY2hhbmdlJywgKCkgPT4gdGhpcy5fb25JbnB1dFVwZGF0ZSgpLCB7XG4gICAgICAgIHNpZ25hbDogdGhpcy5fYWJvcnRDb250cm9sbGVyLnNpZ25hbCxcbiAgICAgIH0pO1xuICAgICAgdGhpcy5mb3JtRmllbGQuYWRkRXZlbnRMaXN0ZW5lcihcbiAgICAgICAgJ2ZvY3VzaW4nLFxuICAgICAgICAoZXZlbnQpID0+IHtcbiAgICAgICAgICAvLyBXZSB1cGRhdGUgdGhlIGFyaWEtbGFiZWwgb24gZm9jdXMgdG8gZW5zdXJlIHRoYXQgc2NyZWVuIHJlYWRlcnMgYW5ub3VuY2UgdGhlIHJlbWFpbmluZyBjaGFyYWN0ZXJzIHdoZW4gdGhlIHVzZXIgZm9jdXNlcyB0aGUgaW5wdXQuXG4gICAgICAgICAgaWYgKGV2ZW50LnRhcmdldCA9PT0gdGhpcy5mb3JtRmllbGQ/LmlucHV0RWxlbWVudCkge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuYXJpYUxhYmVsID0gdGhpcy5faW5mb1RleHQoKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICBzaWduYWw6IHRoaXMuX2Fib3J0Q29udHJvbGxlci5zaWduYWwsXG4gICAgICAgIH0sXG4gICAgICApO1xuXG4gICAgICB0aGlzLl9vbklucHV0VXBkYXRlKCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGRpc2Nvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmRpc2Nvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5fYWJvcnRDb250cm9sbGVyPy5hYm9ydCgpO1xuICB9XG5cbiAgcHJpdmF0ZSBfb25JbnB1dFVwZGF0ZSgpOiB2b2lkIHtcbiAgICBjb25zdCBpbnB1dEVsZW1lbnQgPSB0aGlzLmZvcm1GaWVsZD8uaW5wdXRFbGVtZW50IGFzXG4gICAgICB8IHtcbiAgICAgICAgICBtYXhMZW5ndGg/OiBudW1iZXI7XG4gICAgICAgICAgdmFsdWU/OiBzdHJpbmc7XG4gICAgICAgIH1cbiAgICAgIHwgdW5kZWZpbmVkO1xuXG4gICAgaWYgKCFpbnB1dEVsZW1lbnQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBtYXhMZW5ndGggPSBpbnB1dEVsZW1lbnQubWF4TGVuZ3RoID8/IDA7XG4gICAgY29uc3QgY3VycmVudExlbmd0aCA9IGlucHV0RWxlbWVudC52YWx1ZT8ubGVuZ3RoID8/IDA7XG4gICAgdGhpcy5fcmVtYWluaW5nQ2hhcmFjdGVycyA9IE1hdGgubWF4KG1heExlbmd0aCAtIGN1cnJlbnRMZW5ndGgsIDApO1xuXG4gICAgaWYgKFxuICAgICAgWy4uLnBlcmNlbnRhZ2VzVG9SZWFkLm1hcCgoZSkgPT4gTWF0aC5yb3VuZCgoZSAvIDEwMCkgKiBtYXhMZW5ndGgpKV0uaW5jbHVkZXMoXG4gICAgICAgIHRoaXMuX3JlbWFpbmluZ0NoYXJhY3RlcnMsXG4gICAgICApXG4gICAgKSB7XG4gICAgICBzYmJMaXZlQW5ub3VuY2VyLmFubm91bmNlKHRoaXMuX2luZm9UZXh0KCkpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2luZm9UZXh0KCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke3RoaXMuX3JlbWFpbmluZ0NoYXJhY3RlcnN9ICR7aTE4blJlbWFpbmluZ0NoYXJhY3RlcnNbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19YDtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYCR7dGhpcy5fcmVtYWluaW5nQ2hhcmFjdGVyc308c2xvdD5cbiAgICAgICAgJHtpMThuUmVtYWluaW5nQ2hhcmFjdGVyc1t0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX08L3Nsb3RcbiAgICAgID5gO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZm9ybS1maWVsZC10ZXh0LWNvdW50ZXInOiBTYmJGb3JtRmllbGRUZXh0Q291bnRlckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBV0EsSUFBTSxvQkFBb0I7Q0FBQztDQUFLO0NBQUk7Q0FBSTtDQUFJO0NBQUU7Ozs7Ozs7O0lBU2pDLHdDQUE4QjttQkFBUzs7OztjQUF2Qyx1Q0FBdUMsWUFBYzs7O0FBSXRDLFNBQUEsd0NBQUEsa0JBQUEsTUFBQSxvQ0FBK0IsRUFBQztBQUVsRCxRQUFBLGFBQVMsa0JBQUEsTUFBQSx3Q0FBQSxFQUFHLElBQUksc0JBQXNCLEtBQUs7QUFDM0MsUUFBQSxtQkFBMkM7Ozs7dUNBSGxELE9BQU8sQ0FBQTtBQUFDLGdCQUFBLE1BQUEsTUFBQSxrQ0FBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLDBCQUFBO0tBQUEsTUFBQSxRQUFBLElBQWlCO0tBQW9CLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBcEIsdUJBQW9COztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsb0NBQUEsd0NBQUE7Ozs7Ozs7OztBQUhkLFFBQUEsY0FBc0I7OztBQUMvQixRQUFBLFNBQXlCLENBQUMsZUFBZSxPQUFPOztFQUU5RDtFQUFBLElBQWlCLHVCQUFvQjtBQUFBLFVBQUEsTUFBQTs7RUFBckMsSUFBaUIscUJBQW9CLE9BQUE7QUFBQSxTQUFBLHdDQUFBOztFQUs5QixvQkFBaUI7QUFDL0IsU0FBTSxtQkFBbUI7QUFFekIsUUFBSyxVQUFVLGFBQWE7QUFFNUIsUUFBSyxrQkFBa0IsT0FBTztBQUM5QixRQUFLLG1CQUFtQixJQUFJLGlCQUFpQjtBQUU3QyxPQUFJLEtBQUssV0FBVztBQUNsQixTQUFLLFVBQVUsaUJBQWlCLGdCQUFnQixLQUFLLGdCQUFnQixFQUFFLEVBQ3JFLFFBQVEsS0FBSyxpQkFBaUIsUUFDL0IsQ0FBQztBQUNGLFNBQUssVUFBVSxpQkFBaUIsZUFBZSxLQUFLLGdCQUFnQixFQUFFLEVBQ3BFLFFBQVEsS0FBSyxpQkFBaUIsUUFDL0IsQ0FBQztBQUNGLFNBQUssVUFBVSxpQkFBaUIsK0JBQStCLEtBQUssZ0JBQWdCLEVBQUUsRUFDcEYsUUFBUSxLQUFLLGlCQUFpQixRQUMvQixDQUFDO0FBQ0YsU0FBSyxVQUFVLGlCQUNiLFlBQ0MsVUFBUztBQUVSLFNBQUksTUFBTSxXQUFXLEtBQUssV0FBVyxhQUNuQyxNQUFLLFVBQVUsWUFBWSxLQUFLLFdBQVc7T0FHL0MsRUFDRSxRQUFRLEtBQUssaUJBQWlCLFFBQy9CLENBQ0Y7QUFFRCxTQUFLLGdCQUFnQjs7O0VBSVQsdUJBQW9CO0FBQ2xDLFNBQU0sc0JBQXNCO0FBQzVCLFFBQUssa0JBQWtCLE9BQU87O0VBR3hCLGlCQUFjO0dBQ3BCLE1BQU0sZUFBZSxLQUFLLFdBQVc7QUFPckMsT0FBSSxDQUFDLGFBQ0g7R0FHRixNQUFNLFlBQVksYUFBYSxhQUFhO0dBQzVDLE1BQU0sZ0JBQWdCLGFBQWEsT0FBTyxVQUFVO0FBQ3BELFFBQUssdUJBQXVCLEtBQUssSUFBSSxZQUFZLGVBQWUsRUFBRTtBQUVsRSxPQUNFLENBQUMsR0FBRyxrQkFBa0IsS0FBSyxNQUFNLEtBQUssTUFBTyxJQUFJLE1BQU8sVUFBVSxDQUFDLENBQUMsQ0FBQyxTQUNuRSxLQUFLLHFCQUNOLENBRUQsa0JBQWlCLFNBQVMsS0FBSyxXQUFXLENBQUM7O0VBSXZDLFlBQVM7QUFDZixVQUFPLEdBQUcsS0FBSyxxQkFBb0IsR0FBSSx3QkFBd0IsS0FBSyxVQUFVOztFQUc3RCxTQUFNO0FBQ3ZCLFVBQU8sSUFBSSxHQUFHLEtBQUsscUJBQW9CO1VBQ2pDLHdCQUF3QixLQUFLLFVBQVUsU0FBUSJ9

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

@@ -1,4 +1,4 @@
-import { n as SbbFormFieldElement, t as SbbFormFieldControlEvent } from "../form-field.component-DoPHu1Yf.js";
+import { n as SbbFormFieldElement, t as SbbFormFieldControlEvent } from "../form-field.component-BEXX0OcL.js";
 //#region src/elements/form-field/form-field.ts
 /** @entrypoint */
 SbbFormFieldElement.define();

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

@@ -0,0 +1,23 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbElement } from '../../core/base-elements.ts';
+import { SbbFormFieldElement } from '../form-field/form-field.component.ts';
+declare const SbbHintElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & typeof SbbElement;
+/**
+ * It displays a hint message in the `sbb-form-field`.
+ *
+ * @slot - Use the unnamed slot to display the hint message.
+ */
+export declare class SbbHintElement extends SbbHintElement_base {
+    static readonly elementName: string;
+    static styles: CSSResultGroup;
+    protected formField: SbbFormFieldElement | null;
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-hint': SbbHintElement;
+    }
+}
+export {};
+//# sourceMappingURL=hint.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hint.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/form-field/hint/hint.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG1E,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;;AAIjF;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,mBAA4B;IAC9D,gBAAgC,WAAW,EAAE,MAAM,CAAc;IACjE,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF,SAAS,CAAC,SAAS,EAAE,mBAAmB,GAAG,IAAI,CAAQ;IAEvC,iBAAiB,IAAI,IAAI;cAQtB,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

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

@@ -0,0 +1,2 @@
+import { t as SbbHintElement } from "../../hint.component-BsIzdUOV.js";
+export { SbbHintElement };