@qualcomm-ui/angular 1.3.3 → 1.5.0

package/badge/index.d.ts

@@ -0,0 +1,140 @@
+import * as _qualcomm_ui_angular_core_machine from '@qualcomm-ui/angular-core/machine';
+import * as _qualcomm_ui_qds_core_badge from '@qualcomm-ui/qds-core/badge';
+import { QdsTextBadgeProps, QdsBadgeBasicSize, QdsBadgeSemanticEmphasis, QdsBadgeCategoryEmphasis, QdsTextBadgeVariant, QdsNumberBadgeProps, QdsNumberBadgeEmphasis, QdsIconBadgeProps, QdsBadgeExtendedSize, QdsIconBadgeVariant, QdsStatusBadgeProps, QdsBadgeExtraSize, QdsStatusBadgeVariant } from '@qualcomm-ui/qds-core/badge';
+import * as _angular_core from '@angular/core';
+import { OnInit } from '@angular/core';
+import { SignalifyInput } from '@qualcomm-ui/angular-core/signals';
+import { Booleanish } from '@qualcomm-ui/utils/coercion';
+import { LucideIconOrString } from '@qualcomm-ui/angular-core/lucide';
+
+declare class BadgeDirective implements OnInit, SignalifyInput<QdsTextBadgeProps> {
+    /**
+     * Governs the size of the badge.
+     * @default 'md'
+     */
+    readonly size: _angular_core.InputSignal<QdsBadgeBasicSize | undefined>;
+    /**
+     * The badge disabled state.
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean | undefined, Booleanish>;
+    /**
+     * Governs the color of the text badge.
+     * @default 'neutral'
+     */
+    readonly emphasis: _angular_core.InputSignal<QdsBadgeSemanticEmphasis | QdsBadgeCategoryEmphasis | undefined>;
+    /**
+     * Governs the style of the badge.
+     * @default 'default'
+     */
+    readonly variant: _angular_core.InputSignal<QdsTextBadgeVariant | undefined>;
+    protected readonly api: _angular_core.Signal<_qualcomm_ui_qds_core_badge.QdsTextBadgeApi>;
+    protected readonly trackBindings: ((opts?: _qualcomm_ui_angular_core_machine.TrackBindingsConfig) => void) & {
+        extendWith: (computedProps: () => _qualcomm_ui_angular_core_machine.Dict) => void;
+        setDisabled: (disabled: boolean) => void;
+    };
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeDirective, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeDirective, "[q-badge]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class NumberBadgeDirective implements OnInit, SignalifyInput<QdsNumberBadgeProps> {
+    /**
+     * The badge disabled state.
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean | undefined, Booleanish>;
+    /**
+     * Governs the color and style of the number badge.
+     * @default 'neutral'
+     */
+    readonly emphasis: _angular_core.InputSignal<QdsNumberBadgeEmphasis | undefined>;
+    /**
+     * Maximum value to display for the number badge.
+     * @default 99
+     */
+    readonly max: _angular_core.InputSignalWithTransform<number | undefined, string | number>;
+    /**
+     * Governs the size of the badge.
+     * @default 'md'
+     */
+    readonly size: _angular_core.InputSignal<QdsBadgeBasicSize | undefined>;
+    /**
+     * The numeric value to display for the number badge.
+     */
+    readonly value: _angular_core.InputSignalWithTransform<number | undefined, string | number>;
+    protected readonly api: _angular_core.Signal<_qualcomm_ui_qds_core_badge.QdsNumberBadgeApi>;
+    protected readonly displayValue: _angular_core.Signal<string | number | null>;
+    protected readonly trackBindings: ((opts?: _qualcomm_ui_angular_core_machine.TrackBindingsConfig) => void) & {
+        extendWith: (computedProps: () => _qualcomm_ui_angular_core_machine.Dict) => void;
+        setDisabled: (disabled: boolean) => void;
+    };
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberBadgeDirective, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberBadgeDirective, "[q-number-badge]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class IconBadgeDirective implements OnInit, SignalifyInput<QdsIconBadgeProps> {
+    /**
+     * Governs the size of the badge.
+     * @default 'md'
+     */
+    readonly size: _angular_core.InputSignal<QdsBadgeExtendedSize | undefined>;
+    /**
+     * The badge disabled state.
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean | undefined, Booleanish>;
+    /**
+     * Governs the color of the icon badge.
+     * @default 'neutral'
+     */
+    readonly emphasis: _angular_core.InputSignal<QdsBadgeSemanticEmphasis | QdsBadgeCategoryEmphasis | undefined>;
+    /**
+     * Governs the style of the icon badge.
+     * @default 'default'
+     */
+    readonly variant: _angular_core.InputSignal<QdsIconBadgeVariant | undefined>;
+    /**
+     * {@link https://lucide.dev/icons lucide-angular} icon to display in the icon badge.
+     */
+    readonly icon: _angular_core.InputSignal<LucideIconOrString | undefined>;
+    protected readonly api: _angular_core.Signal<_qualcomm_ui_qds_core_badge.QdsIconBadgeApi>;
+    protected readonly trackBindings: ((opts?: _qualcomm_ui_angular_core_machine.TrackBindingsConfig) => void) & {
+        extendWith: (computedProps: () => _qualcomm_ui_angular_core_machine.Dict) => void;
+        setDisabled: (disabled: boolean) => void;
+    };
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconBadgeDirective, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconBadgeDirective, "[q-icon-badge]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class StatusBadgeDirective implements OnInit, SignalifyInput<QdsStatusBadgeProps> {
+    /**
+     * Governs the size of the badge.
+     * @default 'md'
+     */
+    readonly size: _angular_core.InputSignal<QdsBadgeExtraSize | undefined>;
+    /**
+     * The badge disabled state.
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean | undefined, Booleanish>;
+    /**
+     * Governs the color of the status badge.
+     * @default 'neutral'
+     */
+    readonly emphasis: _angular_core.InputSignal<QdsBadgeSemanticEmphasis | undefined>;
+    /**
+     * Governs the style of the status badge.
+     * @default 'filled'
+     */
+    readonly variant: _angular_core.InputSignal<QdsStatusBadgeVariant | undefined>;
+    protected readonly api: _angular_core.Signal<_qualcomm_ui_qds_core_badge.QdsStatusBadgeApi>;
+    protected readonly trackBindings: ((opts?: _qualcomm_ui_angular_core_machine.TrackBindingsConfig) => void) & {
+        extendWith: (computedProps: () => _qualcomm_ui_angular_core_machine.Dict) => void;
+        setDisabled: (disabled: boolean) => void;
+    };
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatusBadgeDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StatusBadgeDirective, "[q-status-badge]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { BadgeDirective, IconBadgeDirective, NumberBadgeDirective, StatusBadgeDirective };
+//# sourceMappingURL=index.d.ts.map

package/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":["../../src/badge/badge.directive.ts","../../src/badge/number-badge.directive.ts","../../src/badge/icon-badge.directive.ts","../../src/badge/status-badge.directive.ts"],"sourcesContent":[null,null,null,null],"names":[],"mappings":";;;;;;;;;AA0BA,cAAA,cAAA,YAAA,MAAA,EAAA,cAAA,CAAA,iBAAA;AASE;;;AAGG;mBACU,aAAA,CAAA,WAAA,CAAA,iBAAA;AAEb;;AAEG;uBACc,aAAA,CAAA,wBAAA,sBAAA,UAAA;AAIjB;;;AAGG;uBACc,aAAA,CAAA,WAAA,CAAA,wBAAA,GAAA,wBAAA;AAIjB;;;AAGG;sBACa,aAAA,CAAA,WAAA,CAAA,mBAAA;AAEhB,4BAAsB,aAAA,QAAA,2BAAA,CAAA,eAAA;+CAYU,iCAAA,CAAA,mBAAA;;;AAE/B;;;;AAKF;;ACxDD,cAAA,oBAAA,YAAA,MAAA,EAAA,cAAA,CAAA,mBAAA;AASE;;AAEG;uBACc,aAAA,CAAA,wBAAA,sBAAA,UAAA;AAIjB;;;AAGG;uBACc,aAAA,CAAA,WAAA,CAAA,sBAAA;AAEjB;;;AAGG;kBACS,aAAA,CAAA,wBAAA;AAIZ;;;AAGG;mBACU,aAAA,CAAA,WAAA,CAAA,iBAAA;AAEb;;AAEG;oBACW,aAAA,CAAA,wBAAA;AAId,4BAAsB,aAAA,QAAA,2BAAA,CAAA,iBAAA;AAatB,qCAA+B,aAAA,CAAA,MAAA;+CAEC,iCAAA,CAAA,mBAAA;;;AAE/B;;;;AAKF;;AC1DD,cAAA,kBAAA,YAAA,MAAA,EAAA,cAAA,CAAA,iBAAA;AAeE;;;AAGG;mBACU,aAAA,CAAA,WAAA,CAAA,oBAAA;AAEb;;AAEG;uBACc,aAAA,CAAA,wBAAA,sBAAA,UAAA;AAIjB;;;AAGG;uBACc,aAAA,CAAA,WAAA,CAAA,wBAAA,GAAA,wBAAA;AAIjB;;;AAGG;sBACa,aAAA,CAAA,WAAA,CAAA,mBAAA;AAEhB;;AAEG;mBACU,aAAA,CAAA,WAAA,CAAA,kBAAA;AAEb,4BAAsB,aAAA,QAAA,2BAAA,CAAA,eAAA;+CAYU,iCAAA,CAAA,mBAAA;;;AAE/B;;;;AAKF;;ACzED,cAAA,oBAAA,YAAA,MAAA,EAAA,cAAA,CAAA,mBAAA;AAME;;;AAGG;mBACU,aAAA,CAAA,WAAA,CAAA,iBAAA;AAEb;;AAEG;uBACc,aAAA,CAAA,wBAAA,sBAAA,UAAA;AAIjB;;;AAGG;uBACc,aAAA,CAAA,WAAA,CAAA,wBAAA;AAEjB;;;AAGG;sBACa,aAAA,CAAA,WAAA,CAAA,qBAAA;AAEhB,4BAAsB,aAAA,QAAA,2BAAA,CAAA,iBAAA;+CAYU,iCAAA,CAAA,mBAAA;;;AAE/B;;;;AAKF;;;;"}

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

@@ -0,0 +1,236 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, computed, Component, numberAttribute, Directive } from '@angular/core';
+import { normalizeProps, useTrackBindings, QBindDirective } from '@qualcomm-ui/angular-core/machine';
+import { createQdsTextBadgeApi, createQdsNumberBadgeApi, createQdsIconBadgeApi, createQdsStatusBadgeApi } from '@qualcomm-ui/qds-core/badge';
+import { IconDirective } from '@qualcomm-ui/angular/icon';
+import { provideIcons } from '@qualcomm-ui/angular-core/lucide';
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class BadgeDirective {
+    /**
+     * Governs the size of the badge.
+     * @default 'md'
+     */
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    /**
+     * The badge disabled state.
+     */
+    disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Governs the color of the text badge.
+     * @default 'neutral'
+     */
+    emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : []));
+    /**
+     * Governs the style of the badge.
+     * @default 'default'
+     */
+    variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
+    api = computed(() => {
+        return createQdsTextBadgeApi({
+            disabled: this.disabled(),
+            emphasis: this.emphasis(),
+            size: this.size(),
+            variant: this.variant(),
+        }, normalizeProps);
+    }, ...(ngDevMode ? [{ debugName: "api" }] : []));
+    trackBindings = useTrackBindings(() => this.api().getRootBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", type: BadgeDirective, isStandalone: true, selector: "[q-badge]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, emphasis: { classPropertyName: "emphasis", publicName: "emphasis", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BadgeDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-badge]",
+                    template: `
+    <ng-content />
+  `,
+                }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], emphasis: [{ type: i0.Input, args: [{ isSignal: true, alias: "emphasis", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class NumberBadgeDirective {
+    /**
+     * The badge disabled state.
+     */
+    disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Governs the color and style of the number badge.
+     * @default 'neutral'
+     */
+    emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : []));
+    /**
+     * Maximum value to display for the number badge.
+     * @default 99
+     */
+    max = input(undefined, ...(ngDevMode ? [{ debugName: "max", transform: numberAttribute }] : [{
+            transform: numberAttribute,
+        }]));
+    /**
+     * Governs the size of the badge.
+     * @default 'md'
+     */
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    /**
+     * The numeric value to display for the number badge.
+     */
+    value = input(undefined, ...(ngDevMode ? [{ debugName: "value", transform: numberAttribute }] : [{
+            transform: numberAttribute,
+        }]));
+    api = computed(() => {
+        return createQdsNumberBadgeApi({
+            disabled: this.disabled(),
+            emphasis: this.emphasis(),
+            max: this.max(),
+            size: this.size(),
+            value: this.value(),
+        }, normalizeProps);
+    }, ...(ngDevMode ? [{ debugName: "api" }] : []));
+    displayValue = computed(() => this.api().displayValue, ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
+    trackBindings = useTrackBindings(() => this.api().getRootBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: NumberBadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", type: NumberBadgeDirective, isStandalone: true, selector: "[q-number-badge]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, emphasis: { classPropertyName: "emphasis", publicName: "emphasis", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <ng-content>{{ displayValue() }}</ng-content>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: NumberBadgeDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-number-badge]",
+                    template: `
+    <ng-content>{{ displayValue() }}</ng-content>
+  `,
+                }]
+        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], emphasis: [{ type: i0.Input, args: [{ isSignal: true, alias: "emphasis", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class IconBadgeDirective {
+    /**
+     * Governs the size of the badge.
+     * @default 'md'
+     */
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    /**
+     * The badge disabled state.
+     */
+    disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Governs the color of the icon badge.
+     * @default 'neutral'
+     */
+    emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : []));
+    /**
+     * Governs the style of the icon badge.
+     * @default 'default'
+     */
+    variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
+    /**
+     * {@link https://lucide.dev/icons lucide-angular} icon to display in the icon badge.
+     */
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    api = computed(() => {
+        return createQdsIconBadgeApi({
+            disabled: this.disabled(),
+            emphasis: this.emphasis(),
+            size: this.size(),
+            variant: this.variant(),
+        }, normalizeProps);
+    }, ...(ngDevMode ? [{ debugName: "api" }] : []));
+    trackBindings = useTrackBindings(() => this.api().getRootBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: IconBadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: IconBadgeDirective, isStandalone: true, selector: "[q-icon-badge]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, emphasis: { classPropertyName: "emphasis", publicName: "emphasis", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({})], ngImport: i0, template: `
+    <ng-content>
+      @if (icon()) {
+        <svg [q-bind]="api().getIconBindings()" [qIcon]="icon()!"></svg>
+      }
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "directive", type: IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }, { kind: "directive", type: QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: IconBadgeDirective, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [IconDirective, QBindDirective],
+                    providers: [provideIcons({})],
+                    selector: "[q-icon-badge]",
+                    template: `
+    <ng-content>
+      @if (icon()) {
+        <svg [q-bind]="api().getIconBindings()" [qIcon]="icon()!"></svg>
+      }
+    </ng-content>
+  `,
+                }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], emphasis: [{ type: i0.Input, args: [{ isSignal: true, alias: "emphasis", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class StatusBadgeDirective {
+    /**
+     * Governs the size of the badge.
+     * @default 'md'
+     */
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    /**
+     * The badge disabled state.
+     */
+    disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Governs the color of the status badge.
+     * @default 'neutral'
+     */
+    emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : []));
+    /**
+     * Governs the style of the status badge.
+     * @default 'filled'
+     */
+    variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
+    api = computed(() => {
+        return createQdsStatusBadgeApi({
+            disabled: this.disabled(),
+            emphasis: this.emphasis(),
+            size: this.size(),
+            variant: this.variant(),
+        }, normalizeProps);
+    }, ...(ngDevMode ? [{ debugName: "api" }] : []));
+    trackBindings = useTrackBindings(() => this.api().getRootBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: StatusBadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: StatusBadgeDirective, isStandalone: true, selector: "[q-status-badge]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, emphasis: { classPropertyName: "emphasis", publicName: "emphasis", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: StatusBadgeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-status-badge]",
+                }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], emphasis: [{ type: i0.Input, args: [{ isSignal: true, alias: "emphasis", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BadgeDirective, IconBadgeDirective, NumberBadgeDirective, StatusBadgeDirective };
+//# sourceMappingURL=qualcomm-ui-angular-badge.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"qualcomm-ui-angular-badge.mjs","sources":["../../src/badge/badge.directive.ts","../../src/badge/number-badge.directive.ts","../../src/badge/icon-badge.directive.ts","../../src/badge/status-badge.directive.ts","../../src/badge/qualcomm-ui-angular-badge.ts"],"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  input,\n  type OnInit,\n} from \"@angular/core\"\n\nimport {\n  normalizeProps,\n  useTrackBindings,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  createQdsTextBadgeApi,\n  type QdsBadgeBasicSize,\n  type QdsBadgeCategoryEmphasis,\n  type QdsBadgeSemanticEmphasis,\n  type QdsTextBadgeProps,\n  type QdsTextBadgeVariant,\n} from \"@qualcomm-ui/qds-core/badge\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\n\n@Component({\n  selector: \"[q-badge]\",\n  template: `\n    <ng-content />\n  `,\n})\nexport class BadgeDirective\n  implements OnInit, SignalifyInput<QdsTextBadgeProps>\n{\n  /**\n   * Governs the size of the badge.\n   * @default 'md'\n   */\n  readonly size = input<QdsBadgeBasicSize>()\n\n  /**\n   * The badge disabled state.\n   */\n  readonly disabled = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Governs the color of the text badge.\n   * @default 'neutral'\n   */\n  readonly emphasis = input<\n    QdsBadgeSemanticEmphasis | QdsBadgeCategoryEmphasis\n  >()\n\n  /**\n   * Governs the style of the badge.\n   * @default 'default'\n   */\n  readonly variant = input<QdsTextBadgeVariant>()\n\n  protected readonly api = computed(() => {\n    return createQdsTextBadgeApi(\n      {\n        disabled: this.disabled(),\n        emphasis: this.emphasis(),\n        size: this.size(),\n        variant: this.variant(),\n      },\n      normalizeProps,\n    )\n  })\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.api().getRootBindings(),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\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  input,\n  numberAttribute,\n  type OnInit,\n} from \"@angular/core\"\n\nimport {\n  normalizeProps,\n  useTrackBindings,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  createQdsNumberBadgeApi,\n  type QdsBadgeBasicSize,\n  type QdsNumberBadgeEmphasis,\n  type QdsNumberBadgeProps,\n} from \"@qualcomm-ui/qds-core/badge\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\n\n@Component({\n  selector: \"[q-number-badge]\",\n  template: `\n    <ng-content>{{ displayValue() }}</ng-content>\n  `,\n})\nexport class NumberBadgeDirective\n  implements OnInit, SignalifyInput<QdsNumberBadgeProps>\n{\n  /**\n   * The badge disabled state.\n   */\n  readonly disabled = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Governs the color and style of the number badge.\n   * @default 'neutral'\n   */\n  readonly emphasis = input<QdsNumberBadgeEmphasis>()\n\n  /**\n   * Maximum value to display for the number badge.\n   * @default 99\n   */\n  readonly max = input<number | undefined, string | number>(undefined, {\n    transform: numberAttribute,\n  })\n\n  /**\n   * Governs the size of the badge.\n   * @default 'md'\n   */\n  readonly size = input<QdsBadgeBasicSize>()\n\n  /**\n   * The numeric value to display for the number badge.\n   */\n  readonly value = input<number | undefined, string | number>(undefined, {\n    transform: numberAttribute,\n  })\n\n  protected readonly api = computed(() => {\n    return createQdsNumberBadgeApi(\n      {\n        disabled: this.disabled(),\n        emphasis: this.emphasis(),\n        max: this.max(),\n        size: this.size(),\n        value: this.value(),\n      },\n      normalizeProps,\n    )\n  })\n\n  protected readonly displayValue = computed(() => this.api().displayValue)\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.api().getRootBindings(),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\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  input,\n  type OnInit,\n} from \"@angular/core\"\n\nimport {IconDirective} 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  createQdsIconBadgeApi,\n  type QdsBadgeCategoryEmphasis,\n  type QdsBadgeExtendedSize,\n  type QdsBadgeSemanticEmphasis,\n  type QdsIconBadgeProps,\n  type QdsIconBadgeVariant,\n} from \"@qualcomm-ui/qds-core/badge\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\n\n@Component({\n  imports: [IconDirective, QBindDirective],\n  providers: [provideIcons({})],\n  selector: \"[q-icon-badge]\",\n  template: `\n    <ng-content>\n      @if (icon()) {\n        <svg [q-bind]=\"api().getIconBindings()\" [qIcon]=\"icon()!\"></svg>\n      }\n    </ng-content>\n  `,\n})\nexport class IconBadgeDirective\n  implements OnInit, SignalifyInput<QdsIconBadgeProps>\n{\n  /**\n   * Governs the size of the badge.\n   * @default 'md'\n   */\n  readonly size = input<QdsBadgeExtendedSize>()\n\n  /**\n   * The badge disabled state.\n   */\n  readonly disabled = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Governs the color of the icon badge.\n   * @default 'neutral'\n   */\n  readonly emphasis = input<\n    QdsBadgeSemanticEmphasis | QdsBadgeCategoryEmphasis\n  >()\n\n  /**\n   * Governs the style of the icon badge.\n   * @default 'default'\n   */\n  readonly variant = input<QdsIconBadgeVariant>()\n\n  /**\n   * {@link https://lucide.dev/icons lucide-angular} icon to display in the icon badge.\n   */\n  readonly icon = input<LucideIconOrString>()\n\n  protected readonly api = computed(() => {\n    return createQdsIconBadgeApi(\n      {\n        disabled: this.disabled(),\n        emphasis: this.emphasis(),\n        size: this.size(),\n        variant: this.variant(),\n      },\n      normalizeProps,\n    )\n  })\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.api().getRootBindings(),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  input,\n  type OnInit,\n} from \"@angular/core\"\n\nimport {\n  normalizeProps,\n  useTrackBindings,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  createQdsStatusBadgeApi,\n  type QdsBadgeExtraSize,\n  type QdsBadgeSemanticEmphasis,\n  type QdsStatusBadgeProps,\n  type QdsStatusBadgeVariant,\n} from \"@qualcomm-ui/qds-core/badge\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\n\n@Directive({\n  selector: \"[q-status-badge]\",\n})\nexport class StatusBadgeDirective\n  implements OnInit, SignalifyInput<QdsStatusBadgeProps>\n{\n  /**\n   * Governs the size of the badge.\n   * @default 'md'\n   */\n  readonly size = input<QdsBadgeExtraSize>()\n\n  /**\n   * The badge disabled state.\n   */\n  readonly disabled = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Governs the color of the status badge.\n   * @default 'neutral'\n   */\n  readonly emphasis = input<QdsBadgeSemanticEmphasis>()\n\n  /**\n   * Governs the style of the status badge.\n   * @default 'filled'\n   */\n  readonly variant = input<QdsStatusBadgeVariant>()\n\n  protected readonly api = computed(() => {\n    return createQdsStatusBadgeApi(\n      {\n        disabled: this.disabled(),\n        emphasis: this.emphasis(),\n        size: this.size(),\n        variant: this.variant(),\n      },\n      normalizeProps,\n    )\n  })\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.api().getRootBindings(),\n  )\n\n  ngOnInit() {\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-table.mjs

@@ -7,7 +7,7 @@ import { useInlineIconButtonApi } from '@qualcomm-ui/angular/inline-icon-button'
 import { mergeProps } from '@qualcomm-ui/utils/merge-props';
 import * as i2 from '@qualcomm-ui/angular/icon';
 import { IconDirective } from '@qualcomm-ui/angular/icon';
-import { GripVertical, Filter, UnfoldHorizontal, ArrowUp, ArrowDownUp, GripHorizontal, ChevronRight } from 'lucide-angular';
+import { GripVertical, Funnel, UnfoldHorizontal, ArrowUp, ArrowDownUp, GripHorizontal, ChevronRight } from 'lucide-angular';
 import { provideIcons } from '@qualcomm-ui/angular-core/lucide';
 import { PaginationRootDirective, provideQdsPaginationContext } from '@qualcomm-ui/angular/pagination';
 import { providePaginationContext } from '@qualcomm-ui/angular-core/pagination';
@@ -24,6 +24,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
             type: Directive
         }], propDecorators: { context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: true }] }] } });
 
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class HeaderComponentContextDirective {
+    context = input.required(...(ngDevMode ? [{ debugName: "context" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: HeaderComponentContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: HeaderComponentContextDirective, isStandalone: true, inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: HeaderComponentContextDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: true }] }] } });
+
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 const qdsTableApi = createQdsTableApi(normalizeProps);
@@ -411,31 +422,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 class TableColumnFilterActionDirective {
+    /**
+     * Whether the column can be filtered. Pass in the state from the column:
+     *
+     * @example
+     * ```angular-html
+     * <button
+     *   q-table-column-filter-action
+     *   [canFilter]="header.column.getCanFilter()"
+     * ></button>
+     * ```
+     */
+    canFilter = input(undefined, ...(ngDevMode ? [{ debugName: "canFilter", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether the column is filtered. Pass in the state from the column:
+     *
+     * @example
+     * ```angular-html
+     * <button
+     *   q-table-column-filter-action
+     *   [isFiltered]="header.column.getIsFiltered()"
+     * ></button>
+     * ```
+     */
+    isFiltered = input(undefined, ...(ngDevMode ? [{ debugName: "isFiltered", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
     /**
      * The column header associated with the filter.
      */
-    header = input.required(...(ngDevMode ? [{ debugName: "header" }] : []));
+    header = input(...(ngDevMode ? [undefined, { debugName: "header" }] : []));
     /**
      * Lucide icon to display inside the button.
      *
-     * @default "Filter"
+     * @default "Funnel"
      */
-    icon = input("Filter", ...(ngDevMode ? [{ debugName: "icon" }] : []));
-    canFilter = computed(() => this.header().column.getCanFilter(), ...(ngDevMode ? [{ debugName: "canFilter" }] : []));
+    icon = input("Funnel", ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    filterable = computed(() => this.canFilter() || this.header()?.column.getCanFilter(), ...(ngDevMode ? [{ debugName: "filterable" }] : []));
     inlineIconButtonApi = useInlineIconButtonApi({
         emphasis: "neutral",
         size: "sm",
         variant: "fixed",
     });
     trackBindings = useTrackBindings(() => mergeProps(this.inlineIconButtonApi().getRootBindings(), qdsTableApi.getColumnFilterActionBindings({
+        canFilter: this.canFilter(),
         header: this.header(),
+        isFiltered: this.isFiltered(),
     })));
     ngOnInit() {
         this.trackBindings();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableColumnFilterActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: TableColumnFilterActionDirective, isStandalone: false, selector: "[q-table-column-filter-action]", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ Filter })], ngImport: i0, template: `
-    @if (canFilter()) {
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: TableColumnFilterActionDirective, isStandalone: false, selector: "[q-table-column-filter-action]", inputs: { canFilter: { classPropertyName: "canFilter", publicName: "canFilter", isSignal: true, isRequired: false, transformFunction: null }, isFiltered: { classPropertyName: "isFiltered", publicName: "isFiltered", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ Funnel })], ngImport: i0, template: `
+    @if (filterable()) {
       <svg
         [q-bind]="inlineIconButtonApi().getIconBindings()"
         [qIcon]="icon()"
@@ -446,11 +487,11 @@ class TableColumnFilterActionDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableColumnFilterActionDirective, decorators: [{
             type: Component,
             args: [{
-                    providers: [provideIcons({ Filter })],
+                    providers: [provideIcons({ Funnel })],
                     selector: "[q-table-column-filter-action]",
                     standalone: false,
                     template: `
-    @if (canFilter()) {
+    @if (filterable()) {
       <svg
         [q-bind]="inlineIconButtonApi().getIconBindings()"
         [qIcon]="icon()"
@@ -458,7 +499,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
     }
   `,
                 }]
-        }], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: true }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
+        }], propDecorators: { canFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "canFilter", required: false }] }], isFiltered: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFiltered", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
 
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
@@ -548,13 +589,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 class TableColumnSortActionDirective {
+    /**
+     * Whether the column is sorted. Pass in the state from the column:
+     *
+     * @example
+     * ```angular-html
+     * <button
+     *   q-table-column-sort-action
+     *   [isSorted]="column.getIsSorted()">
+     * </button>
+     * ```
+     */
+    isSorted = input(false, ...(ngDevMode ? [{ debugName: "isSorted" }] : []));
     /**
      * The column header associated with the sort action.
      */
     header = input.required(...(ngDevMode ? [{ debugName: "header" }] : []));
     canSort = computed(() => this.header().column.getCanSort(), ...(ngDevMode ? [{ debugName: "canSort" }] : []));
     sortIcon = computed(() => {
-        const sortDirection = this.header().column.getIsSorted();
+        const sortDirection = this.isSorted() || this.header().column.getIsSorted();
         return sortDirection ? "ArrowUp" : "ArrowDownUp";
     }, ...(ngDevMode ? [{ debugName: "sortIcon" }] : []));
     inlineIconButtonApi = useInlineIconButtonApi({
@@ -564,12 +617,13 @@ class TableColumnSortActionDirective {
     });
     trackBindings = useTrackBindings(() => mergeProps(this.inlineIconButtonApi().getRootBindings(), qdsTableApi.getColumnSortActionBindings({
         header: this.header(),
+        isSorted: this.isSorted() || this.header().column.getIsSorted(),
     })));
     ngOnInit() {
         this.trackBindings();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TableColumnSortActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: TableColumnSortActionDirective, isStandalone: false, selector: "[q-table-column-sort-action]", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: true, transformFunction: null } }, providers: [provideIcons({ ArrowDownUp, ArrowUp })], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: TableColumnSortActionDirective, isStandalone: false, selector: "[q-table-column-sort-action]", inputs: { isSorted: { classPropertyName: "isSorted", publicName: "isSorted", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: true, transformFunction: null } }, providers: [provideIcons({ ArrowDownUp, ArrowUp })], ngImport: i0, template: `
     @if (canSort()) {
       <svg
         [q-bind]="inlineIconButtonApi().getIconBindings()"
@@ -593,7 +647,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
     }
   `,
                 }]
-        }], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: true }] }] } });
+        }], propDecorators: { isSorted: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSorted", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: true }] }] } });
 
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
@@ -836,6 +890,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 class TableRowExpandButtonDirective {
+    /**
+     * Whether the row is expanded. Pass in the state from the row:
+     *
+     * @example
+     * ```angular-html
+     * <button
+     *   q-table-row-expand-button
+     *   [isExpanded]="row.getIsExpanded()"
+     * ></button>
+     * ```
+     */
     isExpanded = input(undefined, ...(ngDevMode ? [{ debugName: "isExpanded", transform: booleanAttribute }] : [{
             transform: booleanAttribute,
         }]));
@@ -1313,5 +1378,5 @@ function createTablePagination(table, opts = {}) {
  * Generated bundle index. Do not edit.
  */
 
-export { CellComponentContextDirective, RenderCellDirective, RenderFooterDirective, RenderHeaderDirective, TableActionBarDirective, TableBodyDirective, TableCellActionDirective, TableCellDirective, TableColumnDragHandleDirective, TableColumnDragPreviewDirective, TableColumnDropIndicatorDirective, TableColumnFilterActionDirective, TableColumnHeaderActionDirective, TableColumnResizeHandleDirective, TableColumnSortActionDirective, TableFooterDirective, TableHeaderCellDirective, TableHeaderDirective, TableModule, TablePaginationDirective, TableRootDirective, TableRowDirective, TableRowDragHandleDirective, TableRowDragPreviewDirective, TableRowDropIndicatorDirective, TableRowExpandButtonDirective, TableScrollContainerDirective, TableTableDirective, TableTitleBarDirective, createAngularTable, createTablePagination, qdsTableApi };
+export { CellComponentContextDirective, HeaderComponentContextDirective, RenderCellDirective, RenderFooterDirective, RenderHeaderDirective, TableActionBarDirective, TableBodyDirective, TableCellActionDirective, TableCellDirective, TableColumnDragHandleDirective, TableColumnDragPreviewDirective, TableColumnDropIndicatorDirective, TableColumnFilterActionDirective, TableColumnHeaderActionDirective, TableColumnResizeHandleDirective, TableColumnSortActionDirective, TableFooterDirective, TableHeaderCellDirective, TableHeaderDirective, TableModule, TablePaginationDirective, TableRootDirective, TableRowDirective, TableRowDragHandleDirective, TableRowDragPreviewDirective, TableRowDropIndicatorDirective, TableRowExpandButtonDirective, TableScrollContainerDirective, TableTableDirective, TableTitleBarDirective, createAngularTable, createTablePagination, qdsTableApi };
 //# sourceMappingURL=qualcomm-ui-angular-table.mjs.map