@qualcomm-ui/angular 1.0.0

package/esm2022/tag/tag.directive.js

@@ -0,0 +1,183 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { booleanAttribute, Component, computed, inject, input, signal, } from "@angular/core";
+import { X } from "lucide-angular";
+import { END_ICON_CONTEXT_TOKEN, EndIconDirective, IconDirective, START_ICON_CONTEXT_TOKEN, StartIconDirective, } from "@qualcomm-ui/angular/icon";
+import { provideIcons, } from "@qualcomm-ui/angular-core/lucide";
+import { normalizeProps, QBindDirective, useTrackBindings, } from "@qualcomm-ui/angular-core/machine";
+import { createQdsTagApi, } from "@qualcomm-ui/qds-core/tag";
+import { mergeProps } from "@qualcomm-ui/utils/merge-props";
+import { QdsTagContextService } from "./qds-tag-context.service";
+import * as i0 from "@angular/core";
+export class TagDirective {
+    /**
+     * Controls the component's interactivity. If `true`, the component becomes
+     * unresponsive to input and is visually dimmed to indicate its disabled state.
+     */
+    disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * {@link https://lucide.dev/icons lucide-angular} icon, positioned after the label.
+     * Note that this property is ignored if {@link variant} is `dismissable`, as it
+     * is reserved for the dismiss icon.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     * ```angular-html
+     * <svg q-end-icon icon="..."></svg>
+     * ```
+     */
+    endIcon = input(...(ngDevMode ? [undefined, { debugName: "endIcon" }] : []));
+    /**
+     * Governs the color of the tag.
+     * @default 'brand'
+     */
+    emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : []));
+    /**
+     * Governs the shape of the tag.
+     *
+     * @default 'square'
+     */
+    radius = input(...(ngDevMode ? [undefined, { debugName: "radius" }] : []));
+    /**
+     * Governs the size of the text, icons, spacing, and padding.
+     * @default 'md'
+     */
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    /**
+     * {@link https://lucide.dev/icons lucide-angular} icon, positioned before the label.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     * ```angular-html
+     * <svg q-start-icon icon="..."></svg>
+     * ```
+     */
+    startIcon = input(...(ngDevMode ? [undefined, { debugName: "startIcon" }] : []));
+    /**
+     * Governs the interactive style of the tag.
+     */
+    variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
+    selected = signal(false, ...(ngDevMode ? [{ debugName: "selected" }] : []));
+    trackBindings = useTrackBindings(() => mergeProps(this.qdsTagApi.context().getRootBindings(), {
+        onclick: () => {
+            if (this.variant() === "selectable") {
+                this.selected.update((prev) => !prev);
+            }
+        },
+    }));
+    qdsTagApi = inject(QdsTagContextService);
+    ngOnInit() {
+        this.qdsTagApi.init(computed(() => createQdsTagApi({
+            disabled: this.disabled(),
+            emphasis: this.emphasis(),
+            radius: this.radius(),
+            selected: this.selected(),
+            size: this.size(),
+            variant: this.variant(),
+        }, normalizeProps)));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TagDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: TagDirective, isStandalone: true, selector: "[q-tag]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, endIcon: { classPropertyName: "endIcon", publicName: "endIcon", isSignal: true, isRequired: false, transformFunction: null }, emphasis: { classPropertyName: "emphasis", publicName: "emphasis", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, startIcon: { classPropertyName: "startIcon", publicName: "startIcon", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            QdsTagContextService,
+            provideIcons({ X }),
+            {
+                provide: START_ICON_CONTEXT_TOKEN,
+                useFactory: () => {
+                    const tag = inject(TagDirective);
+                    return {
+                        getBindings: computed(() => tag.qdsTagApi.context().getStartIconBindings()),
+                    };
+                },
+            },
+            {
+                provide: END_ICON_CONTEXT_TOKEN,
+                useFactory: () => {
+                    const tag = inject(TagDirective);
+                    return {
+                        getBindings: computed(() => tag.qdsTagApi.context().getEndIconBindings()),
+                    };
+                },
+            },
+        ], ngImport: i0, template: `
+    <ng-content select="[q-start-icon]">
+      @if (startIcon()) {
+        <svg q-start-icon [icon]="startIcon()!"></svg>
+      }
+    </ng-content>
+
+    <ng-content />
+
+    @if (variant() === "dismissable") {
+      <svg
+        qIcon="X"
+        [q-bind]="qdsTagApi.context().getDismissButtonBindings()"
+      />
+    } @else {
+      <ng-content select="[q-end-icon]">
+        @if (endIcon()) {
+          <svg q-end-icon [icon]="endIcon()!"></svg>
+        }
+      </ng-content>
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: EndIconDirective, selector: "div[q-end-icon],span[q-end-icon],svg[q-end-icon]", inputs: ["icon"] }, { kind: "directive", type: StartIconDirective, selector: "div[q-start-icon],span[q-start-icon],svg[q-start-icon]", inputs: ["icon"] }, { kind: "directive", type: QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }, { kind: "directive", type: IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TagDirective, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [
+                        EndIconDirective,
+                        StartIconDirective,
+                        QBindDirective,
+                        IconDirective,
+                    ],
+                    providers: [
+                        QdsTagContextService,
+                        provideIcons({ X }),
+                        {
+                            provide: START_ICON_CONTEXT_TOKEN,
+                            useFactory: () => {
+                                const tag = inject(TagDirective);
+                                return {
+                                    getBindings: computed(() => tag.qdsTagApi.context().getStartIconBindings()),
+                                };
+                            },
+                        },
+                        {
+                            provide: END_ICON_CONTEXT_TOKEN,
+                            useFactory: () => {
+                                const tag = inject(TagDirective);
+                                return {
+                                    getBindings: computed(() => tag.qdsTagApi.context().getEndIconBindings()),
+                                };
+                            },
+                        },
+                    ],
+                    selector: "[q-tag]",
+                    template: `
+    <ng-content select="[q-start-icon]">
+      @if (startIcon()) {
+        <svg q-start-icon [icon]="startIcon()!"></svg>
+      }
+    </ng-content>
+
+    <ng-content />
+
+    @if (variant() === "dismissable") {
+      <svg
+        qIcon="X"
+        [q-bind]="qdsTagApi.context().getDismissButtonBindings()"
+      />
+    } @else {
+      <ng-content select="[q-end-icon]">
+        @if (endIcon()) {
+          <svg q-end-icon [icon]="endIcon()!"></svg>
+        }
+      </ng-content>
+    }
+  `,
+                }]
+        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], endIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "endIcon", required: false }] }], emphasis: [{ type: i0.Input, args: [{ isSignal: true, alias: "emphasis", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], startIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "startIcon", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+//# sourceMappingURL=tag.directive.js.map

package/esm2022/tag/tag.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.directive.js","sourceRoot":"","sources":["../../../src/tag/tag.directive.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\n  booleanAttribute,\n  Component,\n  computed,\n  inject,\n  input,\n  type OnInit,\n  signal,\n} from \"@angular/core\"\nimport {X} from \"lucide-angular\"\n\nimport {\n  END_ICON_CONTEXT_TOKEN,\n  EndIconDirective,\n  IconDirective,\n  type IconTokenContext,\n  START_ICON_CONTEXT_TOKEN,\n  StartIconDirective,\n} from \"@qualcomm-ui/angular/icon\"\nimport {\n  type LucideIconOrString,\n  provideIcons,\n} from \"@qualcomm-ui/angular-core/lucide\"\nimport {\n  normalizeProps,\n  QBindDirective,\n  useTrackBindings,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  createQdsTagApi,\n  type QdsTagApiProps,\n  type QdsTagEmphasis,\n  type QdsTagRadius,\n  type QdsTagSize,\n  type QdsTagVariant,\n} from \"@qualcomm-ui/qds-core/tag\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport {mergeProps} from \"@qualcomm-ui/utils/merge-props\"\n\nimport {QdsTagContextService} from \"./qds-tag-context.service\"\n\n@Component({\n  imports: [\n    EndIconDirective,\n    StartIconDirective,\n    QBindDirective,\n    IconDirective,\n  ],\n  providers: [\n    QdsTagContextService,\n    provideIcons({X}),\n    {\n      provide: START_ICON_CONTEXT_TOKEN,\n      useFactory: (): IconTokenContext => {\n        const tag = inject(TagDirective)\n        return {\n          getBindings: computed(() =>\n            tag.qdsTagApi.context().getStartIconBindings(),\n          ),\n        }\n      },\n    },\n    {\n      provide: END_ICON_CONTEXT_TOKEN,\n      useFactory: (): IconTokenContext => {\n        const tag = inject(TagDirective)\n        return {\n          getBindings: computed(() =>\n            tag.qdsTagApi.context().getEndIconBindings(),\n          ),\n        }\n      },\n    },\n  ],\n  selector: \"[q-tag]\",\n  template: `\n    <ng-content select=\"[q-start-icon]\">\n      @if (startIcon()) {\n        <svg q-start-icon [icon]=\"startIcon()!\"></svg>\n      }\n    </ng-content>\n\n    <ng-content />\n\n    @if (variant() === \"dismissable\") {\n      <svg\n        qIcon=\"X\"\n        [q-bind]=\"qdsTagApi.context().getDismissButtonBindings()\"\n      />\n    } @else {\n      <ng-content select=\"[q-end-icon]\">\n        @if (endIcon()) {\n          <svg q-end-icon [icon]=\"endIcon()!\"></svg>\n        }\n      </ng-content>\n    }\n  `,\n})\nexport class TagDirective implements SignalifyInput<QdsTagApiProps>, OnInit {\n  /**\n   * Controls the component's interactivity. If `true`, the component becomes\n   * unresponsive to input and is visually dimmed to indicate its disabled state.\n   */\n  readonly disabled = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * {@link https://lucide.dev/icons lucide-angular} icon, positioned after the label.\n   * Note that this property is ignored if {@link variant} is `dismissable`, as it\n   * is reserved for the dismiss icon.\n   *\n   * @remarks\n   * To customize the element, provide it using the directive instead:\n   * ```angular-html\n   * <svg q-end-icon icon=\"...\"></svg>\n   * ```\n   */\n  readonly endIcon = input<LucideIconOrString>()\n\n  /**\n   * Governs the color of the tag.\n   * @default 'brand'\n   */\n  readonly emphasis = input<QdsTagEmphasis>()\n\n  /**\n   * Governs the shape of the tag.\n   *\n   * @default 'square'\n   */\n  readonly radius = input<QdsTagRadius>()\n\n  /**\n   * Governs the size of the text, icons, spacing, and padding.\n   * @default 'md'\n   */\n  readonly size = input<QdsTagSize>()\n\n  /**\n   * {@link https://lucide.dev/icons lucide-angular} icon, positioned before the label.\n   *\n   * @remarks\n   * To customize the element, provide it using the directive instead:\n   * ```angular-html\n   * <svg q-start-icon icon=\"...\"></svg>\n   * ```\n   */\n  readonly startIcon = input<LucideIconOrString>()\n\n  /**\n   * Governs the interactive style of the tag.\n   */\n  readonly variant = input<QdsTagVariant>()\n\n  protected readonly selected = signal<boolean>(false)\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    mergeProps(this.qdsTagApi.context().getRootBindings(), {\n      onclick: () => {\n        if (this.variant() === \"selectable\") {\n          this.selected.update((prev) => !prev)\n        }\n      },\n    }),\n  )\n\n  protected readonly qdsTagApi = inject(QdsTagContextService)\n\n  ngOnInit() {\n    this.qdsTagApi.init(\n      computed(() =>\n        createQdsTagApi(\n          {\n            disabled: this.disabled(),\n            emphasis: this.emphasis(),\n            radius: this.radius(),\n            selected: this.selected(),\n            size: this.size(),\n            variant: this.variant(),\n          } satisfies Explicit<QdsTagApiProps> & {\n            selected?: boolean | undefined\n          },\n          normalizeProps,\n        ),\n      ),\n    )\n\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/text-area/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/esm2022/text-area/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/text-area/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAA","sourcesContent":["export {}\n"]}

package/esm2022/text-area/qualcomm-ui-angular-text-area.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=qualcomm-ui-angular-text-area.js.map

package/esm2022/text-area/qualcomm-ui-angular-text-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qualcomm-ui-angular-text-area.js","sourceRoot":"","sources":["../../../src/text-area/qualcomm-ui-angular-text-area.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/text-input/index.js

@@ -0,0 +1,11 @@
+export * from "./text-input-clear-trigger.directive";
+export * from "./text-input-error-indicator.directive";
+export * from "./text-input-error-text.directive";
+export * from "./text-input-hint.directive";
+export * from "./text-input-input-group.directive";
+export * from "./text-input-input.directive";
+export * from "./text-input-label.directive";
+export * from "./text-input-root.directive";
+export * from "./text-input.component";
+export * from "./text-input.module";
+//# sourceMappingURL=index.js.map

package/esm2022/text-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/text-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAA;AACpD,cAAc,wCAAwC,CAAA;AACtD,cAAc,mCAAmC,CAAA;AACjD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,oCAAoC,CAAA;AAClD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA","sourcesContent":["export * from \"./text-input-clear-trigger.directive\"\nexport * from \"./text-input-error-indicator.directive\"\nexport * from \"./text-input-error-text.directive\"\nexport * from \"./text-input-hint.directive\"\nexport * from \"./text-input-input-group.directive\"\nexport * from \"./text-input-input.directive\"\nexport * from \"./text-input-label.directive\"\nexport * from \"./text-input-root.directive\"\nexport * from \"./text-input.component\"\nexport * from \"./text-input.module\"\n"]}

package/esm2022/text-input/qualcomm-ui-angular-text-input.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=qualcomm-ui-angular-text-input.js.map

package/esm2022/text-input/qualcomm-ui-angular-text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qualcomm-ui-angular-text-input.js","sourceRoot":"","sources":["../../../src/text-input/qualcomm-ui-angular-text-input.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/text-input/text-input-clear-trigger.directive.js

@@ -0,0 +1,36 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, computed } from "@angular/core";
+import { X } from "lucide-angular";
+import { useInputClearTrigger } from "@qualcomm-ui/angular/input";
+import { provideIcons } from "@qualcomm-ui/angular-core/lucide";
+import { CoreTextInputClearTriggerDirective } from "@qualcomm-ui/angular-core/text-input";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular-core/machine";
+import * as i2 from "@qualcomm-ui/angular/icon";
+/**
+ * Button that clears the input value.
+ */
+export class TextInputClearTriggerDirective extends CoreTextInputClearTriggerDirective {
+    clearTriggerContext = useInputClearTrigger();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.clearTriggerContext.getRootBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputClearTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: TextInputClearTriggerDirective, isStandalone: false, selector: "[q-text-input-clear-trigger]", providers: [provideIcons({ X })], usesInheritance: true, ngImport: i0, template: `
+    <svg qIcon="X" [q-bind]="clearTriggerContext.getIconBindings()"></svg>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }, { kind: "directive", type: i2.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputClearTriggerDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ X })],
+                    selector: "[q-text-input-clear-trigger]",
+                    standalone: false,
+                    template: `
+    <svg qIcon="X" [q-bind]="clearTriggerContext.getIconBindings()"></svg>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=text-input-clear-trigger.directive.js.map

package/esm2022/text-input/text-input-clear-trigger.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-clear-trigger.directive.js","sourceRoot":"","sources":["../../../src/text-input/text-input-clear-trigger.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAA;AACjD,OAAO,EAAC,CAAC,EAAC,MAAM,gBAAgB,CAAA;AAEhC,OAAO,EAAC,oBAAoB,EAAC,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAC,kCAAkC,EAAC,MAAM,sCAAsC,CAAA;;;;AAEvF;;GAEG;AASH,MAAM,OAAO,8BAA+B,SAAQ,kCAAkC;IACjE,mBAAmB,GAAG,oBAAoB,EAAE,CAAA;IAE/D;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,CAAC,CAC3D,CAAA;IACH,CAAC;wGARU,8BAA8B;4FAA9B,8BAA8B,4EAP9B,CAAC,YAAY,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,iDAGpB;;GAET;;4FAEU,8BAA8B;kBAR1C,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,YAAY,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC;oBAC9B,QAAQ,EAAE,8BAA8B;oBACxC,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;GAET;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed} from \"@angular/core\"\nimport {X} from \"lucide-angular\"\n\nimport {useInputClearTrigger} from \"@qualcomm-ui/angular/input\"\nimport {provideIcons} from \"@qualcomm-ui/angular-core/lucide\"\nimport {CoreTextInputClearTriggerDirective} from \"@qualcomm-ui/angular-core/text-input\"\n\n/**\n * Button that clears the input value.\n */\n@Component({\n  providers: [provideIcons({X})],\n  selector: \"[q-text-input-clear-trigger]\",\n  standalone: false,\n  template: `\n    <svg qIcon=\"X\" [q-bind]=\"clearTriggerContext.getIconBindings()\"></svg>\n  `,\n})\nexport class TextInputClearTriggerDirective extends CoreTextInputClearTriggerDirective {\n  protected readonly clearTriggerContext = useInputClearTrigger()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.clearTriggerContext.getRootBindings()),\n    )\n  }\n}\n"]}

package/esm2022/text-input/text-input-error-indicator.directive.js

@@ -0,0 +1,43 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, input } from "@angular/core";
+import { CircleAlert } from "lucide-angular";
+import { useInputErrorIndicator } from "@qualcomm-ui/angular/input";
+import { CoreTextInputErrorIndicatorDirective } from "@qualcomm-ui/angular-core/text-input";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular/icon";
+/**
+ * Visual indicator displayed when the input is invalid.
+ */
+export class TextInputErrorIndicatorDirective extends CoreTextInputErrorIndicatorDirective {
+    /**
+     * lucide-angular icon
+     *
+     * @default CircleAlert
+     */
+    icon = input(CircleAlert, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    inputErrorIndicatorContext = useInputErrorIndicator();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(() => this.inputErrorIndicatorContext.getBindings());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputErrorIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: TextInputErrorIndicatorDirective, isStandalone: false, selector: "[q-text-input-error-indicator]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    <ng-content>
+      <svg [qIcon]="icon()"></svg>
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputErrorIndicatorDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-text-input-error-indicator]",
+                    standalone: false,
+                    template: `
+    <ng-content>
+      <svg [qIcon]="icon()"></svg>
+    </ng-content>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
+//# sourceMappingURL=text-input-error-indicator.directive.js.map

package/esm2022/text-input/text-input-error-indicator.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-error-indicator.directive.js","sourceRoot":"","sources":["../../../src/text-input/text-input-error-indicator.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAA;AAEjE,OAAO,EAAC,oCAAoC,EAAC,MAAM,sCAAsC,CAAA;;;AAEzF;;GAEG;AAUH,MAAM,OAAO,gCAAiC,SAAQ,oCAAoC;IACxF;;;;OAIG;IACM,IAAI,GAAG,KAAK,CAAqB,WAAW,gDAAC,CAAA;IAEnC,0BAA0B,GAAG,sBAAsB,EAAE,CAAA;IAExE;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG,EAAE,CACjC,IAAI,CAAC,0BAA0B,CAAC,WAAW,EAAE,CAC9C,CAAA;IACH,CAAC;wGAfU,gCAAgC;4FAAhC,gCAAgC,mPANjC;;;;GAIT;;4FAEU,gCAAgC;kBAT5C,SAAS;mBAAC;oBACT,QAAQ,EAAE,gCAAgC;oBAC1C,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;GAIT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, input} from \"@angular/core\"\nimport {CircleAlert} from \"lucide-angular\"\n\nimport {useInputErrorIndicator} from \"@qualcomm-ui/angular/input\"\nimport type {LucideIconOrString} from \"@qualcomm-ui/angular-core/lucide\"\nimport {CoreTextInputErrorIndicatorDirective} from \"@qualcomm-ui/angular-core/text-input\"\n\n/**\n * Visual indicator displayed when the input is invalid.\n */\n@Component({\n  selector: \"[q-text-input-error-indicator]\",\n  standalone: false,\n  template: `\n    <ng-content>\n      <svg [qIcon]=\"icon()\"></svg>\n    </ng-content>\n  `,\n})\nexport class TextInputErrorIndicatorDirective extends CoreTextInputErrorIndicatorDirective {\n  /**\n   * lucide-angular icon\n   *\n   * @default CircleAlert\n   */\n  readonly icon = input<LucideIconOrString>(CircleAlert)\n\n  protected readonly inputErrorIndicatorContext = useInputErrorIndicator()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(() =>\n      this.inputErrorIndicatorContext.getBindings(),\n    )\n  }\n}\n"]}

package/esm2022/text-input/text-input-error-text.directive.js

@@ -0,0 +1,42 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, input } from "@angular/core";
+import { useInputErrorText } from "@qualcomm-ui/angular/input";
+import { CoreTextInputErrorTextDirective } from "@qualcomm-ui/angular-core/text-input";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular/icon";
+/**
+ * Error message displayed when the input is invalid.
+ */
+export class TextInputErrorTextDirective extends CoreTextInputErrorTextDirective {
+    /**
+     * Optional error indicator icon.
+     */
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    errorTextContext = useInputErrorText();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(() => this.errorTextContext.getBindings());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputErrorTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: TextInputErrorTextDirective, isStandalone: false, selector: "[q-text-input-error-text]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    @if (icon()) {
+      <svg [qIcon]="icon()!" />
+    }
+    <ng-content />
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputErrorTextDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-text-input-error-text]",
+                    standalone: false,
+                    template: `
+    @if (icon()) {
+      <svg [qIcon]="icon()!" />
+    }
+    <ng-content />
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
+//# sourceMappingURL=text-input-error-text.directive.js.map

package/esm2022/text-input/text-input-error-text.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-error-text.directive.js","sourceRoot":"","sources":["../../../src/text-input/text-input-error-text.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AAE9C,OAAO,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAA;AAE5D,OAAO,EAAC,+BAA+B,EAAC,MAAM,sCAAsC,CAAA;;;AAEpF;;GAEG;AAWH,MAAM,OAAO,2BAA4B,SAAQ,+BAA+B;IAC9E;;OAEG;IACM,IAAI,GAAG,KAAK,0DAAuB,CAAA;IAEzB,gBAAgB,GAAG,iBAAiB,EAAE,CAAA;IAEzD;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAA;IAC1E,CAAC;wGAXU,2BAA2B;4FAA3B,2BAA2B,8OAP5B;;;;;GAKT;;4FAEU,2BAA2B;kBAVvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;GAKT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, input} from \"@angular/core\"\n\nimport {useInputErrorText} from \"@qualcomm-ui/angular/input\"\nimport type {LucideIcon} from \"@qualcomm-ui/angular-core/lucide\"\nimport {CoreTextInputErrorTextDirective} from \"@qualcomm-ui/angular-core/text-input\"\n\n/**\n * Error message displayed when the input is invalid.\n */\n@Component({\n  selector: \"[q-text-input-error-text]\",\n  standalone: false,\n  template: `\n    @if (icon()) {\n      <svg [qIcon]=\"icon()!\" />\n    }\n    <ng-content />\n  `,\n})\nexport class TextInputErrorTextDirective extends CoreTextInputErrorTextDirective {\n  /**\n   * Optional error indicator icon.\n   */\n  readonly icon = input<LucideIcon | string>()\n\n  protected readonly errorTextContext = useInputErrorText()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(() => this.errorTextContext.getBindings())\n  }\n}\n"]}

package/esm2022/text-input/text-input-hint.directive.js

@@ -0,0 +1,26 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Directive } from "@angular/core";
+import { useInputHint } from "@qualcomm-ui/angular/input";
+import { CoreTextInputHintDirective } from "@qualcomm-ui/angular-core/text-input";
+import * as i0 from "@angular/core";
+/**
+ * Helper text displayed below the input.
+ */
+export class TextInputHintDirective extends CoreTextInputHintDirective {
+    hintContext = useInputHint();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(() => this.hintContext.getBindings());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: TextInputHintDirective, isStandalone: false, selector: "[q-text-input-hint]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputHintDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-text-input-hint]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=text-input-hint.directive.js.map

package/esm2022/text-input/text-input-hint.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-hint.directive.js","sourceRoot":"","sources":["../../../src/text-input/text-input-hint.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAC,YAAY,EAAC,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAC,0BAA0B,EAAC,MAAM,sCAAsC,CAAA;;AAE/E;;GAEG;AAKH,MAAM,OAAO,sBAAuB,SAAQ,0BAA0B;IACjD,WAAW,GAAG,YAAY,EAAE,CAAA;IAE/C;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAAA;IACrE,CAAC;wGANU,sBAAsB;4FAAtB,sBAAsB;;4FAAtB,sBAAsB;kBAJlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,UAAU,EAAE,KAAK;iBAClB","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Directive} from \"@angular/core\"\n\nimport {useInputHint} from \"@qualcomm-ui/angular/input\"\nimport {CoreTextInputHintDirective} from \"@qualcomm-ui/angular-core/text-input\"\n\n/**\n * Helper text displayed below the input.\n */\n@Directive({\n  selector: \"[q-text-input-hint]\",\n  standalone: false,\n})\nexport class TextInputHintDirective extends CoreTextInputHintDirective {\n  protected readonly hintContext = useInputHint()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(() => this.hintContext.getBindings())\n  }\n}\n"]}

package/esm2022/text-input/text-input-input-group.directive.js

@@ -0,0 +1,52 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component } from "@angular/core";
+import { useInputGroup } from "@qualcomm-ui/angular/input";
+import { CoreTextInputInputGroupDirective } from "@qualcomm-ui/angular-core/text-input";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular/input";
+/**
+ * Container that wraps the input element and optional icons.
+ */
+export class TextInputInputGroupDirective extends CoreTextInputInputGroupDirective {
+    inputGroupContext = useInputGroup();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(() => this.inputGroupContext().getBindings());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputInputGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: TextInputInputGroupDirective, isStandalone: false, selector: "[q-text-input-input-group]", usesInheritance: true, ngImport: i0, template: `
+    <ng-content select="[q-input-start-icon]">
+      @if (inputGroupContext().startIcon) {
+        <div q-input-start-icon [icon]="inputGroupContext().startIcon"></div>
+      }
+    </ng-content>
+    <ng-content />
+    <ng-content select="[q-input-end-icon]">
+      @if (inputGroupContext().endIcon) {
+        <div q-input-end-icon [icon]="inputGroupContext().endIcon"></div>
+      }
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "component", type: i1.InputStartIconComponent, selector: "[q-input-start-icon]", inputs: ["icon"] }, { kind: "component", type: i1.InputEndIconComponent, selector: "[q-input-end-icon]", inputs: ["icon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputInputGroupDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-text-input-input-group]",
+                    standalone: false,
+                    template: `
+    <ng-content select="[q-input-start-icon]">
+      @if (inputGroupContext().startIcon) {
+        <div q-input-start-icon [icon]="inputGroupContext().startIcon"></div>
+      }
+    </ng-content>
+    <ng-content />
+    <ng-content select="[q-input-end-icon]">
+      @if (inputGroupContext().endIcon) {
+        <div q-input-end-icon [icon]="inputGroupContext().endIcon"></div>
+      }
+    </ng-content>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=text-input-input-group.directive.js.map

package/esm2022/text-input/text-input-input-group.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-input-group.directive.js","sourceRoot":"","sources":["../../../src/text-input/text-input-input-group.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAC,gCAAgC,EAAC,MAAM,sCAAsC,CAAA;;;AAErF;;GAEG;AAkBH,MAAM,OAAO,4BAA6B,SAAQ,gCAAgC;IAC7D,iBAAiB,GAAG,aAAa,EAAE,CAAA;IAEtD;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;IAC7E,CAAC;wGANU,4BAA4B;4FAA5B,4BAA4B,8GAd7B;;;;;;;;;;;;GAYT;;4FAEU,4BAA4B;kBAjBxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;;;;;;;;GAYT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component} from \"@angular/core\"\n\nimport {useInputGroup} from \"@qualcomm-ui/angular/input\"\nimport {CoreTextInputInputGroupDirective} from \"@qualcomm-ui/angular-core/text-input\"\n\n/**\n * Container that wraps the input element and optional icons.\n */\n@Component({\n  selector: \"[q-text-input-input-group]\",\n  standalone: false,\n  template: `\n    <ng-content select=\"[q-input-start-icon]\">\n      @if (inputGroupContext().startIcon) {\n        <div q-input-start-icon [icon]=\"inputGroupContext().startIcon\"></div>\n      }\n    </ng-content>\n    <ng-content />\n    <ng-content select=\"[q-input-end-icon]\">\n      @if (inputGroupContext().endIcon) {\n        <div q-input-end-icon [icon]=\"inputGroupContext().endIcon\"></div>\n      }\n    </ng-content>\n  `,\n})\nexport class TextInputInputGroupDirective extends CoreTextInputInputGroupDirective {\n  protected readonly inputGroupContext = useInputGroup()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(() => this.inputGroupContext().getBindings())\n  }\n}\n"]}

package/esm2022/text-input/text-input-input.directive.js

@@ -0,0 +1,32 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Directive } from "@angular/core";
+import { useInputInput } from "@qualcomm-ui/angular/input";
+import { useForbiddenFormControlWarning } from "@qualcomm-ui/angular-core/forms";
+import { CoreTextInputInputDirective } from "@qualcomm-ui/angular-core/text-input";
+import * as i0 from "@angular/core";
+/**
+ * The text input element. Note: do not apply form control bindings like `ngModel`
+ * or `formControl` to this element. Apply them to the root element instead.
+ */
+export class TextInputInputDirective extends CoreTextInputInputDirective {
+    inputContext = useInputInput();
+    constructor() {
+        super();
+        useForbiddenFormControlWarning({
+            directive: "q-text-input-input",
+            rootDirective: "q-text-input",
+        });
+        this.trackBindings.extendWith(() => this.inputContext.getBindings());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: TextInputInputDirective, isStandalone: false, selector: "[q-text-input-input]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-text-input-input]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=text-input-input.directive.js.map

package/esm2022/text-input/text-input-input.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-input.directive.js","sourceRoot":"","sources":["../../../src/text-input/text-input-input.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAC,8BAA8B,EAAC,MAAM,iCAAiC,CAAA;AAC9E,OAAO,EAAC,2BAA2B,EAAC,MAAM,sCAAsC,CAAA;;AAEhF;;;GAGG;AAKH,MAAM,OAAO,uBAAwB,SAAQ,2BAA2B;IACnD,YAAY,GAAG,aAAa,EAAE,CAAA;IAEjD;QACE,KAAK,EAAE,CAAA;QACP,8BAA8B,CAAC;YAC7B,SAAS,EAAE,oBAAoB;YAC/B,aAAa,EAAE,cAAc;SAC9B,CAAC,CAAA;QACF,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,CAAA;IACtE,CAAC;wGAVU,uBAAuB;4FAAvB,uBAAuB;;4FAAvB,uBAAuB;kBAJnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,KAAK;iBAClB","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Directive} from \"@angular/core\"\n\nimport {useInputInput} from \"@qualcomm-ui/angular/input\"\nimport {useForbiddenFormControlWarning} from \"@qualcomm-ui/angular-core/forms\"\nimport {CoreTextInputInputDirective} from \"@qualcomm-ui/angular-core/text-input\"\n\n/**\n * The text input element. Note: do not apply form control bindings like `ngModel`\n * or `formControl` to this element. Apply them to the root element instead.\n */\n@Directive({\n  selector: \"[q-text-input-input]\",\n  standalone: false,\n})\nexport class TextInputInputDirective extends CoreTextInputInputDirective {\n  protected readonly inputContext = useInputInput()\n\n  constructor() {\n    super()\n    useForbiddenFormControlWarning({\n      directive: \"q-text-input-input\",\n      rootDirective: \"q-text-input\",\n    })\n    this.trackBindings.extendWith(() => this.inputContext.getBindings())\n  }\n}\n"]}

package/esm2022/text-input/text-input-label.directive.js

@@ -0,0 +1,50 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, computed } from "@angular/core";
+import { Asterisk } from "lucide-angular";
+import { useQdsInputContext } from "@qualcomm-ui/angular/input";
+import { provideIcons } from "@qualcomm-ui/angular-core/lucide";
+import { CoreTextInputLabelDirective } from "@qualcomm-ui/angular-core/text-input";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular-core/machine";
+import * as i2 from "@qualcomm-ui/angular/icon";
+/**
+ * An accessible label that is automatically associated with the input.
+ */
+export class TextInputLabelDirective extends CoreTextInputLabelDirective {
+    qdsInputContext = useQdsInputContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsInputContext().getLabelBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: TextInputLabelDirective, isStandalone: false, selector: "[q-text-input-label]", providers: [provideIcons({ Asterisk })], usesInheritance: true, ngImport: i0, template: `
+    <ng-content />
+    @if (textInputContext().required) {
+      <svg
+        qIcon="Asterisk"
+        size="xs"
+        [q-bind]="qdsInputContext().getRequiredIndicatorBindings()"
+      ></svg>
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }, { kind: "directive", type: i2.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputLabelDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ Asterisk })],
+                    selector: "[q-text-input-label]",
+                    standalone: false,
+                    template: `
+    <ng-content />
+    @if (textInputContext().required) {
+      <svg
+        qIcon="Asterisk"
+        size="xs"
+        [q-bind]="qdsInputContext().getRequiredIndicatorBindings()"
+      ></svg>
+    }
+  `,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=text-input-label.directive.js.map

package/esm2022/text-input/text-input-label.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-label.directive.js","sourceRoot":"","sources":["../../../src/text-input/text-input-label.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAA;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAA;AAEvC,OAAO,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAC,2BAA2B,EAAC,MAAM,sCAAsC,CAAA;;;;AAEhF;;GAEG;AAgBH,MAAM,OAAO,uBAAwB,SAAQ,2BAA2B;IACnD,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAEzD;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,gBAAgB,EAAE,CAAC,CAC1D,CAAA;IACH,CAAC;wGARU,uBAAuB;4FAAvB,uBAAuB,oEAdvB,CAAC,YAAY,CAAC,EAAC,QAAQ,EAAC,CAAC,CAAC,iDAG3B;;;;;;;;;GAST;;4FAEU,uBAAuB;kBAfnC,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,YAAY,CAAC,EAAC,QAAQ,EAAC,CAAC,CAAC;oBACrC,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;;;;;GAST;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed} from \"@angular/core\"\nimport {Asterisk} from \"lucide-angular\"\n\nimport {useQdsInputContext} from \"@qualcomm-ui/angular/input\"\nimport {provideIcons} from \"@qualcomm-ui/angular-core/lucide\"\nimport {CoreTextInputLabelDirective} from \"@qualcomm-ui/angular-core/text-input\"\n\n/**\n * An accessible label that is automatically associated with the input.\n */\n@Component({\n  providers: [provideIcons({Asterisk})],\n  selector: \"[q-text-input-label]\",\n  standalone: false,\n  template: `\n    <ng-content />\n    @if (textInputContext().required) {\n      <svg\n        qIcon=\"Asterisk\"\n        size=\"xs\"\n        [q-bind]=\"qdsInputContext().getRequiredIndicatorBindings()\"\n      ></svg>\n    }\n  `,\n})\nexport class TextInputLabelDirective extends CoreTextInputLabelDirective {\n  protected readonly qdsInputContext = useQdsInputContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsInputContext().getLabelBindings()),\n    )\n  }\n}\n"]}