@sbb-esta/lyne-elements-dev 4.9.0-dev.1775054429 → 4.9.0-dev.1775058583

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-DnUA6Uds.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 };