@qualcomm-ui/angular 2.0.1 → 2.1.0

package/fesm2022/qualcomm-ui-angular-tabs.mjs

@@ -15,10 +15,10 @@ import { createQdsTabsApi } from '@qualcomm-ui/qds-core/tabs';
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 class QdsTabsContextService extends BaseApiContextService {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: QdsTabsContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: QdsTabsContextService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: QdsTabsContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: QdsTabsContextService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: QdsTabsContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: QdsTabsContextService, decorators: [{
             type: Injectable
         }] });
 const [QDS_TABS_CONTEXT, useQdsTabsContext, provideQdsTabsContext,] = createApiContext("QdsTabsContext", QdsTabsContextService);
@@ -55,8 +55,8 @@ class TabButtonDirective extends CoreTabButtonDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getTabButtonBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TabButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.2", type: TabButtonDirective, isStandalone: false, selector: "[q-tab-button]", inputs: { endIcon: { classPropertyName: "endIcon", publicName: "endIcon", isSignal: true, isRequired: false, transformFunction: null }, startIcon: { classPropertyName: "startIcon", publicName: "startIcon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: TabButtonDirective, isStandalone: false, selector: "[q-tab-button]", inputs: { endIcon: { classPropertyName: "endIcon", publicName: "endIcon", isSignal: true, isRequired: false, transformFunction: null }, startIcon: { classPropertyName: "startIcon", publicName: "startIcon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: START_ICON_CONTEXT_TOKEN,
                 useFactory: () => {
@@ -97,7 +97,7 @@ class TabButtonDirective extends CoreTabButtonDirective {
     </ng-content>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }, { kind: "directive", type: i2.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TabButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabButtonDirective, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -159,12 +159,12 @@ class TabDismissButtonDirective extends CoreTabDismissButtonDirective {
         super();
         this.trackBindings.extendWith(computed(() => mergeProps(this.inlineIconButtonApi().getRootBindings(), this.qdsContext().getTabDismissButtonBindings())));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TabDismissButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.2", type: TabDismissButtonDirective, isStandalone: false, selector: "[q-tab-dismiss-button]", providers: [provideIcons({ X })], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabDismissButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: TabDismissButtonDirective, isStandalone: false, selector: "[q-tab-dismiss-button]", providers: [provideIcons({ X })], usesInheritance: true, ngImport: i0, template: `
     <svg qIcon="X" [q-bind]="inlineIconButtonApi().getIconBindings()" />
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }, { kind: "directive", type: i2.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TabDismissButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabDismissButtonDirective, decorators: [{
             type: Component,
             args: [{
                     providers: [provideIcons({ X })],
@@ -184,10 +184,10 @@ class TabRootDirective extends CoreTabRootDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getTabBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TabRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: TabRootDirective, isStandalone: false, selector: "[q-tab-root]", providers: [provideTabContext()], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: TabRootDirective, isStandalone: false, selector: "[q-tab-root]", providers: [provideTabContext()], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TabRootDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabRootDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [provideTabContext()],
@@ -221,10 +221,10 @@ class TabsContextDirective extends ApiContextDirective {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TabsContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: TabsContextDirective, isStandalone: false, selector: "[tabsContext]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabsContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: TabsContextDirective, isStandalone: false, selector: "[tabsContext]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TabsContextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabsContextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[tabsContext]",
@@ -240,10 +240,10 @@ class TabsIndicatorDirective extends CoreTabsIndicatorDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getIndicatorBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TabsIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: TabsIndicatorDirective, isStandalone: false, selector: "[q-tabs-indicator]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabsIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: TabsIndicatorDirective, isStandalone: false, selector: "[q-tabs-indicator]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TabsIndicatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabsIndicatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-tabs-indicator]",
@@ -259,15 +259,15 @@ class TabsListDirective extends CoreTabsListDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getListBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TabsListDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.2", type: TabsListDirective, isStandalone: false, selector: "[q-tabs-list]", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabsListDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: TabsListDirective, isStandalone: false, selector: "[q-tabs-list]", usesInheritance: true, ngImport: i0, template: `
     <ng-content select="[q-tabs-indicator]">
       <div q-tabs-indicator></div>
     </ng-content>
     <ng-content />
   `, isInline: true, dependencies: [{ kind: "directive", type: TabsIndicatorDirective, selector: "[q-tabs-indicator]" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TabsListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabsListDirective, decorators: [{
             type: Component,
             args: [{
                     selector: "[q-tabs-list]",
@@ -289,10 +289,10 @@ class TabsPanelDirective extends CoreTabsPanelDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getPanelBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TabsPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: TabsPanelDirective, isStandalone: false, selector: "[q-tabs-panel]", providers: [providePresenceContext()], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabsPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: TabsPanelDirective, isStandalone: false, selector: "[q-tabs-panel]", providers: [providePresenceContext()], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TabsPanelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabsPanelDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [providePresenceContext()],
@@ -345,14 +345,14 @@ class TabsRootDirective extends CoreTabsRootDirective {
         }, normalizeProps)));
         super.ngOnInit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TabsRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: TabsRootDirective, isStandalone: false, selector: "[q-tabs-root]", inputs: { animateIndicator: { classPropertyName: "animateIndicator", publicName: "animateIndicator", isSignal: true, isRequired: false, transformFunction: null }, iconVariant: { classPropertyName: "iconVariant", publicName: "iconVariant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabsRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: TabsRootDirective, isStandalone: false, selector: "[q-tabs-root]", inputs: { animateIndicator: { classPropertyName: "animateIndicator", publicName: "animateIndicator", isSignal: true, isRequired: false, transformFunction: null }, iconVariant: { classPropertyName: "iconVariant", publicName: "iconVariant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             provideTabsContext(),
             provideQdsTabsContext(),
             provideRenderStrategyContext(),
         ], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TabsRootDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabsRootDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -368,8 +368,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImpor
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 class TabsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.2", ngImport: i0, type: TabsModule, declarations: [TabsContextDirective,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: TabsModule, declarations: [TabsContextDirective,
             TabRootDirective,
             TabButtonDirective,
             TabDismissButtonDirective,
@@ -384,9 +384,9 @@ class TabsModule {
             TabsPanelDirective,
             TabsListDirective,
             TabsRootDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TabsModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabsModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TabsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2022/qualcomm-ui-angular-tag.mjs

@@ -10,10 +10,10 @@ import { mergeProps } from '@qualcomm-ui/utils/merge-props';
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 class QdsTagContextService extends BaseApiContextService {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: QdsTagContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: QdsTagContextService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: QdsTagContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: QdsTagContextService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: QdsTagContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: QdsTagContextService, decorators: [{
             type: Injectable
         }] });
 const [QDS_TAG_CONTEXT, useQdsTagContext, provideQdsTagContext,] = createApiContext("QdsTagContext", QdsTagContextService);
@@ -49,11 +49,21 @@ class TagDirective {
      */
     emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : /* istanbul ignore next */ []));
     /**
+     * @deprecated in {@link https://github.com/qualcomm/qualcomm-ui/blob/main/packages/frameworks/react/CHANGELOG.md#1160-20260324 v1.16.0}, migrate to {@link shape}
+     *
      * Governs the shape of the tag.
      *
      * @default 'square'
      */
     radius = input(...(ngDevMode ? [undefined, { debugName: "radius" }] : /* istanbul ignore next */ []));
+    /**
+     * Governs the shape of the tag.
+     *
+     * @since 1.16.0
+     *
+     * @default 'square'
+     */
+    shape = input(...(ngDevMode ? [undefined, { debugName: "shape" }] : /* istanbul ignore next */ []));
     /**
      * Governs the size of the text, icons, spacing, and padding.
      * @default 'md'
@@ -88,13 +98,14 @@ class TagDirective {
             emphasis: this.emphasis(),
             radius: this.radius(),
             selected: this.selected(),
+            shape: this.shape(),
             size: this.size(),
             variant: this.variant(),
         }, normalizeProps)));
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TagDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.2", type: TagDirective, isStandalone: true, selector: "span[q-tag], button[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 } }, outputs: { dismiss: "dismiss" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TagDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: TagDirective, isStandalone: true, selector: "span[q-tag], button[q-tag], div[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 }, shape: { classPropertyName: "shape", publicName: "shape", 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 } }, outputs: { dismiss: "dismiss" }, providers: [
             QdsTagContextService,
             provideIcons({ X }),
             {
@@ -141,7 +152,7 @@ class TagDirective {
     }
   `, 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: "21.2.2", ngImport: i0, type: TagDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TagDirective, decorators: [{
             type: Component,
             args: [{
                     imports: [
@@ -172,7 +183,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImpor
                             },
                         },
                     ],
-                    selector: "span[q-tag], button[q-tag]",
+                    selector: "span[q-tag], button[q-tag], div[q-tag]",
                     template: `
     <ng-content select="[q-start-icon]">
       @if (startIcon()) {
@@ -199,7 +210,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImpor
     }
   `,
                 }]
-        }], propDecorators: { dismiss: [{ type: i0.Output, args: ["dismiss"] }], 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 }] }] } });
+        }], propDecorators: { dismiss: [{ type: i0.Output, args: ["dismiss"] }], 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 }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", 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 }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/qualcomm-ui-angular-tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"qualcomm-ui-angular-tag.mjs","sources":["../../src/tag/qds-tag-context.service.ts","../../src/tag/tag.directive.ts","../../src/tag/qualcomm-ui-angular-tag.ts"],"sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Injectable} from \"@angular/core\"\n\nimport {\n  type ApiContext,\n  BaseApiContextService,\n  createApiContext,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport type {QdsTagApi} from \"@qualcomm-ui/qds-core/tag\"\n\n@Injectable()\nexport class QdsTagContextService extends BaseApiContextService<QdsTagApi> {}\n\nexport const [\n  QDS_TAG_CONTEXT,\n  useQdsTagContext,\n  provideQdsTagContext,\n]: ApiContext<QdsTagApi> = createApiContext<QdsTagApi>(\n  \"QdsTagContext\",\n  QdsTagContextService,\n)\n","// 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  output,\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: \"span[q-tag], button[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      <button\n        type=\"button\"\n        [q-bind]=\"qdsTagApi.context().getDismissButtonBindings()\"\n        (click)=\"dismiss.emit()\"\n      >\n        <svg qIcon=\"X\" [q-bind]=\"qdsTagApi.context().getEndIconBindings()\" />\n      </button>\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   * Emits when the dismiss button is clicked. Only applicable when\n   * {@link variant} is `dismissable`.\n   */\n  readonly dismiss = output<void>()\n\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"qualcomm-ui-angular-tag.mjs","sources":["../../src/tag/qds-tag-context.service.ts","../../src/tag/tag.directive.ts","../../src/tag/qualcomm-ui-angular-tag.ts"],"sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Injectable} from \"@angular/core\"\n\nimport {\n  type ApiContext,\n  BaseApiContextService,\n  createApiContext,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport type {QdsTagApi} from \"@qualcomm-ui/qds-core/tag\"\n\n@Injectable()\nexport class QdsTagContextService extends BaseApiContextService<QdsTagApi> {}\n\nexport const [\n  QDS_TAG_CONTEXT,\n  useQdsTagContext,\n  provideQdsTagContext,\n]: ApiContext<QdsTagApi> = createApiContext<QdsTagApi>(\n  \"QdsTagContext\",\n  QdsTagContextService,\n)\n","// 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  output,\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 QdsTagShape,\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: \"span[q-tag], button[q-tag], div[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      <button\n        type=\"button\"\n        [q-bind]=\"qdsTagApi.context().getDismissButtonBindings()\"\n        (click)=\"dismiss.emit()\"\n      >\n        <svg qIcon=\"X\" [q-bind]=\"qdsTagApi.context().getEndIconBindings()\" />\n      </button>\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   * Emits when the dismiss button is clicked. Only applicable when\n   * {@link variant} is `dismissable`.\n   */\n  readonly dismiss = output<void>()\n\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   * @deprecated in {@link https://github.com/qualcomm/qualcomm-ui/blob/main/packages/frameworks/react/CHANGELOG.md#1160-20260324 v1.16.0}, migrate to {@link shape}\n   *\n   * Governs the shape of the tag.\n   *\n   * @default 'square'\n   */\n  readonly radius = input<QdsTagRadius>()\n\n  /**\n   * Governs the shape of the tag.\n   *\n   * @since 1.16.0\n   *\n   * @default 'square'\n   */\n  readonly shape = input<QdsTagShape>()\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            shape: this.shape(),\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/qualcomm-ui-angular-text-area.mjs

@@ -14,10 +14,10 @@ import { mergeProps } from '@qualcomm-ui/utils/merge-props';
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 class QdsTextAreaContextService extends BaseApiContextService {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: QdsTextAreaContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: QdsTextAreaContextService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: QdsTextAreaContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: QdsTextAreaContextService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: QdsTextAreaContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: QdsTextAreaContextService, decorators: [{
             type: Injectable
         }] });
 const [QDS_TEXT_AREA_CONTEXT, useQdsTextAreaContext, provideQdsTextAreaContext,] = createApiContext("QdsTextAreaContext", QdsTextAreaContextService);
@@ -33,8 +33,8 @@ class TextAreaLabelDirective extends CoreTextAreaLabelDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsTextAreaContext().getLabelBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TextAreaLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.2", type: TextAreaLabelDirective, isStandalone: false, selector: "[q-text-area-label]", providers: [provideIcons({ Asterisk })], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TextAreaLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: TextAreaLabelDirective, isStandalone: false, selector: "[q-text-area-label]", providers: [provideIcons({ Asterisk })], usesInheritance: true, ngImport: i0, template: `
     <ng-content />
     @if (textAreaContext().required) {
       <svg
@@ -45,7 +45,7 @@ class TextAreaLabelDirective extends CoreTextAreaLabelDirective {
     }
   `, 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: "21.2.2", ngImport: i0, type: TextAreaLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TextAreaLabelDirective, decorators: [{
             type: Component,
             args: [{
                     providers: [provideIcons({ Asterisk })],
@@ -88,10 +88,10 @@ class TextAreaCounterDirective extends CoreTextAreaCounterDirective {
         super();
         this.trackBindings.extendWith(() => this.qdsTextAreaContext().getCounterBindings());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TextAreaCounterDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.2", type: TextAreaCounterDirective, isStandalone: false, selector: "[q-text-area-counter]", inputs: { display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "{{ counterText() }}", isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TextAreaCounterDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: TextAreaCounterDirective, isStandalone: false, selector: "[q-text-area-counter]", inputs: { display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "{{ counterText() }}", isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TextAreaCounterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TextAreaCounterDirective, decorators: [{
             type: Component,
             args: [{
                     selector: "[q-text-area-counter]",
@@ -116,10 +116,10 @@ class TextAreaInputDirective extends CoreTextAreaInputDirective {
         });
         this.trackBindings.extendWith(() => this.qdsTextAreaContext().getInputBindings());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TextAreaInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: TextAreaInputDirective, isStandalone: false, selector: "[q-text-area-input]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TextAreaInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: TextAreaInputDirective, isStandalone: false, selector: "[q-text-area-input]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TextAreaInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TextAreaInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-text-area-input]",
@@ -138,10 +138,10 @@ class TextAreaHintDirective extends CoreTextAreaHintDirective {
         super();
         this.trackBindings.extendWith(() => this.qdsTextAreaContext().getHintBindings());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TextAreaHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: TextAreaHintDirective, isStandalone: false, selector: "[q-text-area-hint]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TextAreaHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: TextAreaHintDirective, isStandalone: false, selector: "[q-text-area-hint]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TextAreaHintDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TextAreaHintDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-text-area-hint]",
@@ -160,10 +160,10 @@ class TextAreaErrorTextDirective extends CoreTextAreaErrorTextDirective {
         super();
         this.trackBindings.extendWith(() => this.qdsTextAreaContext().getErrorTextBindings());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TextAreaErrorTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: TextAreaErrorTextDirective, isStandalone: false, selector: "[q-text-area-error-text]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TextAreaErrorTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: TextAreaErrorTextDirective, isStandalone: false, selector: "[q-text-area-error-text]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TextAreaErrorTextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TextAreaErrorTextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-text-area-error-text]",
@@ -192,10 +192,10 @@ class TextAreaRootDirective extends CoreTextAreaRootDirective {
         this.qdsTextAreaService.init(inputApi);
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TextAreaRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: TextAreaRootDirective, isStandalone: false, selector: "[q-text-area-root]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideTextAreaContext(), provideQdsTextAreaContext()], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TextAreaRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: TextAreaRootDirective, isStandalone: false, selector: "[q-text-area-root]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideTextAreaContext(), provideQdsTextAreaContext()], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TextAreaRootDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TextAreaRootDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [provideTextAreaContext(), provideQdsTextAreaContext()],
@@ -260,8 +260,8 @@ class TextAreaComponent extends TextAreaRootDirective {
      * passed to the internal input element.
      */
     placeholder = input("", ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.2", type: TextAreaComponent, isStandalone: false, selector: "q-text-area:not([q-text-area-root])", inputs: { counter: { classPropertyName: "counter", publicName: "counter", isSignal: true, isRequired: false, transformFunction: null }, errorText: { classPropertyName: "errorText", publicName: "errorText", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideTextAreaContext(), provideQdsTextAreaContext()], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: TextAreaComponent, isStandalone: false, selector: "q-text-area:not([q-text-area-root])", inputs: { counter: { classPropertyName: "counter", publicName: "counter", isSignal: true, isRequired: false, transformFunction: null }, errorText: { classPropertyName: "errorText", publicName: "errorText", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideTextAreaContext(), provideQdsTextAreaContext()], usesInheritance: true, ngImport: i0, template: `
     <ng-content select="[q-text-area-label]">
       @if (label()) {
         <label q-text-area-label>{{ label() }}</label>
@@ -297,7 +297,7 @@ class TextAreaComponent extends TextAreaRootDirective {
     </ng-content>
   `, isInline: true, dependencies: [{ kind: "component", type: TextAreaLabelDirective, selector: "[q-text-area-label]" }, { kind: "directive", type: TextAreaInputDirective, selector: "[q-text-area-input]" }, { kind: "component", type: TextAreaCounterDirective, selector: "[q-text-area-counter]", inputs: ["display"] }, { kind: "directive", type: TextAreaHintDirective, selector: "[q-text-area-hint]" }, { kind: "directive", type: TextAreaErrorTextDirective, selector: "[q-text-area-error-text]" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TextAreaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TextAreaComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [provideTextAreaContext(), provideQdsTextAreaContext()],
@@ -344,8 +344,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImpor
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 class TextAreaModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.2", ngImport: i0, type: TextAreaModule, declarations: [TextAreaLabelDirective,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: TextAreaModule, declarations: [TextAreaLabelDirective,
             TextAreaRootDirective,
             TextAreaInputDirective,
             TextAreaCounterDirective,
@@ -358,9 +358,9 @@ class TextAreaModule {
             TextAreaHintDirective,
             TextAreaErrorTextDirective,
             TextAreaComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TextAreaModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TextAreaModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: TextAreaModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TextAreaModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [