@qualcomm-ui/angular 1.1.0 → 1.2.0

package/esm2022/breadcrumbs/breadcrumbs-root.directive.js

@@ -1,41 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { computed, Directive, inject, input } from "@angular/core";
-import { normalizeProps, useTrackBindings, } from "@qualcomm-ui/angular-core/machine";
-import { createQdsBreadcrumbsApi, } from "@qualcomm-ui/qds-core/breadcrumbs";
-import { provideQdsBreadcrumbsContext, QdsBreadcrumbsContextService, } from "./qds-breadcrumbs-context.service";
-import * as i0 from "@angular/core";
-export class BreadcrumbsRootDirective {
-    /**
-     * Governs the color of the breadcrumb item text and icon.
-     * @default 'primary'
-     */
-    emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : []));
-    /**
-     * Governs the size of the breadcrumb item text and icon.
-     * @default 'md'
-     */
-    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
-    breadcrumbsApi = inject(QdsBreadcrumbsContextService);
-    trackBindings = useTrackBindings(() => {
-        return this.breadcrumbsApi.context().getRootBindings();
-    });
-    ngOnInit() {
-        this.breadcrumbsApi.init(computed(() => createQdsBreadcrumbsApi({
-            emphasis: this.emphasis(),
-            size: this.size(),
-        }, normalizeProps)));
-        this.trackBindings();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BreadcrumbsRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: BreadcrumbsRootDirective, isStandalone: false, selector: "[q-breadcrumbs-root]", inputs: { emphasis: { classPropertyName: "emphasis", publicName: "emphasis", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideQdsBreadcrumbsContext()], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BreadcrumbsRootDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    providers: [provideQdsBreadcrumbsContext()],
-                    selector: "[q-breadcrumbs-root]",
-                    standalone: false,
-                }]
-        }], propDecorators: { emphasis: [{ type: i0.Input, args: [{ isSignal: true, alias: "emphasis", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
-//# sourceMappingURL=breadcrumbs-root.directive.js.map

package/esm2022/breadcrumbs/breadcrumbs-root.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumbs-root.directive.js","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbs-root.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAE7E,OAAO,EACL,cAAc,EACd,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;AAE1C,OAAO,EACL,uBAAuB,GAIxB,MAAM,mCAAmC,CAAA;AAE1C,OAAO,EACL,4BAA4B,EAC5B,4BAA4B,GAC7B,MAAM,mCAAmC,CAAA;;AAO1C,MAAM,OAAO,wBAAwB;IAGnC;;;OAGG;IACM,QAAQ,GAAG,KAAK,8DAA0B,CAAA;IAEnD;;;OAGG;IACM,IAAI,GAAG,KAAK,0DAAsB,CAAA;IAExB,cAAc,GAAG,MAAM,CAAC,4BAA4B,CAAC,CAAA;IAErD,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,eAAe,EAAE,CAAA;IACxD,CAAC,CAAC,CAAA;IAEF,QAAQ;QACN,IAAI,CAAC,cAAc,CAAC,IAAI,CACtB,QAAQ,CAAC,GAAG,EAAE,CACZ,uBAAuB,CACrB;YACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;YACzB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;SAClB,EACD,cAAc,CACf,CACF,CACF,CAAA;QAED,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAnCU,wBAAwB;4FAAxB,wBAAwB,sUAJxB,CAAC,4BAA4B,EAAE,CAAC;;4FAIhC,wBAAwB;kBALpC,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,4BAA4B,EAAE,CAAC;oBAC3C,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,KAAK;iBAClB","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive, inject, input, type OnInit} 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  createQdsBreadcrumbsApi,\n  type QdsBreadcrumbsApiProps,\n  type QdsBreadcrumbsEmphasis,\n  type QdsBreadcrumbsSize,\n} from \"@qualcomm-ui/qds-core/breadcrumbs\"\n\nimport {\n  provideQdsBreadcrumbsContext,\n  QdsBreadcrumbsContextService,\n} from \"./qds-breadcrumbs-context.service\"\n\n@Directive({\n  providers: [provideQdsBreadcrumbsContext()],\n  selector: \"[q-breadcrumbs-root]\",\n  standalone: false,\n})\nexport class BreadcrumbsRootDirective\n  implements OnInit, SignalifyInput<QdsBreadcrumbsApiProps>\n{\n  /**\n   * Governs the color of the breadcrumb item text and icon.\n   * @default 'primary'\n   */\n  readonly emphasis = input<QdsBreadcrumbsEmphasis>()\n\n  /**\n   * Governs the size of the breadcrumb item text and icon.\n   * @default 'md'\n   */\n  readonly size = input<QdsBreadcrumbsSize>()\n\n  protected readonly breadcrumbsApi = inject(QdsBreadcrumbsContextService)\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    return this.breadcrumbsApi.context().getRootBindings()\n  })\n\n  ngOnInit() {\n    this.breadcrumbsApi.init(\n      computed(() =>\n        createQdsBreadcrumbsApi(\n          {\n            emphasis: this.emphasis(),\n            size: this.size(),\n          },\n          normalizeProps,\n        ),\n      ),\n    )\n\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/breadcrumbs/breadcrumbs.module.js

@@ -1,49 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { NgModule } from "@angular/core";
-import { IconDirective } from "@qualcomm-ui/angular/icon";
-import { BreadcrumbItemIconDirective } from "./breadcrumb-item-icon.directive";
-import { BreadcrumbItemSeparatorDirective } from "./breadcrumb-item-separator.directive";
-import { BreadcrumbItemTriggerDirective } from "./breadcrumb-item-trigger.directive";
-import { BreadcrumbItemDirective } from "./breadcrumb-item.directive";
-import { BreadcrumbsListDirective } from "./breadcrumbs-list.directive";
-import { BreadcrumbsRootDirective } from "./breadcrumbs-root.directive";
-import * as i0 from "@angular/core";
-export class BreadcrumbsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: BreadcrumbsModule, declarations: [BreadcrumbsRootDirective,
-            BreadcrumbItemDirective,
-            BreadcrumbItemIconDirective,
-            BreadcrumbItemTriggerDirective,
-            BreadcrumbItemSeparatorDirective,
-            BreadcrumbsListDirective], imports: [IconDirective], exports: [BreadcrumbsRootDirective,
-            BreadcrumbItemDirective,
-            BreadcrumbItemIconDirective,
-            BreadcrumbItemTriggerDirective,
-            BreadcrumbItemSeparatorDirective,
-            BreadcrumbsListDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BreadcrumbsModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BreadcrumbsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        BreadcrumbsRootDirective,
-                        BreadcrumbItemDirective,
-                        BreadcrumbItemIconDirective,
-                        BreadcrumbItemTriggerDirective,
-                        BreadcrumbItemSeparatorDirective,
-                        BreadcrumbsListDirective,
-                    ],
-                    exports: [
-                        BreadcrumbsRootDirective,
-                        BreadcrumbItemDirective,
-                        BreadcrumbItemIconDirective,
-                        BreadcrumbItemTriggerDirective,
-                        BreadcrumbItemSeparatorDirective,
-                        BreadcrumbsListDirective,
-                    ],
-                    imports: [IconDirective],
-                }]
-        }] });
-//# sourceMappingURL=breadcrumbs.module.js.map

package/esm2022/breadcrumbs/breadcrumbs.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumbs.module.js","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbs.module.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAA;AAEvD,OAAO,EAAC,2BAA2B,EAAC,MAAM,kCAAkC,CAAA;AAC5E,OAAO,EAAC,gCAAgC,EAAC,MAAM,uCAAuC,CAAA;AACtF,OAAO,EAAC,8BAA8B,EAAC,MAAM,qCAAqC,CAAA;AAClF,OAAO,EAAC,uBAAuB,EAAC,MAAM,6BAA6B,CAAA;AACnE,OAAO,EAAC,wBAAwB,EAAC,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAC,wBAAwB,EAAC,MAAM,8BAA8B,CAAA;;AAqBrE,MAAM,OAAO,iBAAiB;wGAAjB,iBAAiB;yGAAjB,iBAAiB,iBAjB1B,wBAAwB;YACxB,uBAAuB;YACvB,2BAA2B;YAC3B,8BAA8B;YAC9B,gCAAgC;YAChC,wBAAwB,aAUhB,aAAa,aAPrB,wBAAwB;YACxB,uBAAuB;YACvB,2BAA2B;YAC3B,8BAA8B;YAC9B,gCAAgC;YAChC,wBAAwB;yGAIf,iBAAiB;;4FAAjB,iBAAiB;kBAnB7B,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,wBAAwB;wBACxB,uBAAuB;wBACvB,2BAA2B;wBAC3B,8BAA8B;wBAC9B,gCAAgC;wBAChC,wBAAwB;qBACzB;oBACD,OAAO,EAAE;wBACP,wBAAwB;wBACxB,uBAAuB;wBACvB,2BAA2B;wBAC3B,8BAA8B;wBAC9B,gCAAgC;wBAChC,wBAAwB;qBACzB;oBACD,OAAO,EAAE,CAAC,aAAa,CAAC;iBACzB","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {NgModule} from \"@angular/core\"\n\nimport {IconDirective} from \"@qualcomm-ui/angular/icon\"\n\nimport {BreadcrumbItemIconDirective} from \"./breadcrumb-item-icon.directive\"\nimport {BreadcrumbItemSeparatorDirective} from \"./breadcrumb-item-separator.directive\"\nimport {BreadcrumbItemTriggerDirective} from \"./breadcrumb-item-trigger.directive\"\nimport {BreadcrumbItemDirective} from \"./breadcrumb-item.directive\"\nimport {BreadcrumbsListDirective} from \"./breadcrumbs-list.directive\"\nimport {BreadcrumbsRootDirective} from \"./breadcrumbs-root.directive\"\n\n@NgModule({\n  declarations: [\n    BreadcrumbsRootDirective,\n    BreadcrumbItemDirective,\n    BreadcrumbItemIconDirective,\n    BreadcrumbItemTriggerDirective,\n    BreadcrumbItemSeparatorDirective,\n    BreadcrumbsListDirective,\n  ],\n  exports: [\n    BreadcrumbsRootDirective,\n    BreadcrumbItemDirective,\n    BreadcrumbItemIconDirective,\n    BreadcrumbItemTriggerDirective,\n    BreadcrumbItemSeparatorDirective,\n    BreadcrumbsListDirective,\n  ],\n  imports: [IconDirective],\n})\nexport class BreadcrumbsModule {}\n"]}

package/esm2022/breadcrumbs/index.js

@@ -1,9 +0,0 @@
-export * from "./breadcrumb-item-icon.directive";
-export * from "./breadcrumb-item-separator.directive";
-export * from "./breadcrumb-item-trigger.directive";
-export * from "./breadcrumb-item.directive";
-export * from "./breadcrumbs-list.directive";
-export * from "./breadcrumbs-root.directive";
-export * from "./breadcrumbs.module";
-export * from "./qds-breadcrumbs-context.service";
-//# sourceMappingURL=index.js.map

package/esm2022/breadcrumbs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAA;AAChD,cAAc,uCAAuC,CAAA;AACrD,cAAc,qCAAqC,CAAA;AACnD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,sBAAsB,CAAA;AACpC,cAAc,mCAAmC,CAAA","sourcesContent":["export * from \"./breadcrumb-item-icon.directive\"\nexport * from \"./breadcrumb-item-separator.directive\"\nexport * from \"./breadcrumb-item-trigger.directive\"\nexport * from \"./breadcrumb-item.directive\"\nexport * from \"./breadcrumbs-list.directive\"\nexport * from \"./breadcrumbs-root.directive\"\nexport * from \"./breadcrumbs.module\"\nexport * from \"./qds-breadcrumbs-context.service\"\n"]}

package/esm2022/breadcrumbs/qds-breadcrumbs-context.service.js

@@ -1,14 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { Injectable } from "@angular/core";
-import { BaseApiContextService, createApiContext, } from "@qualcomm-ui/angular-core/machine";
-import * as i0 from "@angular/core";
-export class QdsBreadcrumbsContextService extends BaseApiContextService {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: QdsBreadcrumbsContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: QdsBreadcrumbsContextService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: QdsBreadcrumbsContextService, decorators: [{
-            type: Injectable
-        }] });
-export const [QDS_BREADCRUMBS_CONTEXT, useQdsBreadcrumbsContext, provideQdsBreadcrumbsContext,] = createApiContext("QdsBreadcrumbsContext", QdsBreadcrumbsContextService);
-//# sourceMappingURL=qds-breadcrumbs-context.service.js.map

package/esm2022/breadcrumbs/qds-breadcrumbs-context.service.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"qds-breadcrumbs-context.service.js","sourceRoot":"","sources":["../../../src/breadcrumbs/qds-breadcrumbs-context.service.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAExC,OAAO,EAEL,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;;AAI1C,MAAM,OAAO,4BAA6B,SAAQ,qBAAwC;wGAA7E,4BAA4B;4GAA5B,4BAA4B;;4FAA5B,4BAA4B;kBADxC,UAAU;;AAGX,MAAM,CAAC,MAAM,CACX,uBAAuB,EACvB,wBAAwB,EACxB,4BAA4B,EAC7B,GAAkC,gBAAgB,CACjD,uBAAuB,EACvB,4BAA4B,CAC7B,CAAA","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 {QdsBreadcrumbsApi} from \"@qualcomm-ui/qds-core/breadcrumbs\"\n\n@Injectable()\nexport class QdsBreadcrumbsContextService extends BaseApiContextService<QdsBreadcrumbsApi> {}\n\nexport const [\n  QDS_BREADCRUMBS_CONTEXT,\n  useQdsBreadcrumbsContext,\n  provideQdsBreadcrumbsContext,\n]: ApiContext<QdsBreadcrumbsApi> = createApiContext<QdsBreadcrumbsApi>(\n  \"QdsBreadcrumbsContext\",\n  QdsBreadcrumbsContextService,\n)\n"]}

package/esm2022/breadcrumbs/qualcomm-ui-angular-breadcrumbs.js

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

package/esm2022/breadcrumbs/qualcomm-ui-angular-breadcrumbs.js.map

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

package/esm2022/button/base-button.directive.js

@@ -1,82 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { booleanAttribute, computed, Directive, inject, input, } from "@angular/core";
-import { normalizeProps, useTrackBindings, } from "@qualcomm-ui/angular-core/machine";
-import { createQdsButtonApi, } from "@qualcomm-ui/qds-core/button";
-import { QdsButtonContextService } from "./qds-button-context.service";
-import { useQdsButtonGroupContext } from "./qds-button-group-context.service";
-import * as i0 from "@angular/core";
-export class BaseButtonDirective {
-    /**
-     * The density of the button. Governs padding and height.
-     *
-     * @default 'default'
-     */
-    density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : []));
-    /**
-     * Controls whether the component is interactive. When `true`, pointer/focus
-     * events are blocked, and the component is visually dimmed.
-     *
-     * @default false
-     */
-    disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
-    /**
-     * The variant of the button.
-     *
-     * @default 'neutral'
-     */
-    emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : []));
-    /**
-     * The size of the component and its icons.
-     *
-     * @default 'md'
-     */
-    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
-    /**
-     * {@link https://lucide.dev/icons lucide-angular} icon, positioned before the label.
-     *
-     * @remarks
-     * To customize the element, provide it using the directive instead:
-     * ```angular-html
-     * <svg q-start-icon icon="..."></svg>
-     * ```
-     */
-    startIcon = input(...(ngDevMode ? [undefined, { debugName: "startIcon" }] : []));
-    /**
-     * The variant of the button.
-     *
-     * @default 'fill'
-     */
-    variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
-    buttonService = inject(QdsButtonContextService);
-    buttonGroupContext = useQdsButtonGroupContext({ optional: true });
-    trackBindings = useTrackBindings(() => this.buttonService.context().getRootBindings());
-    ngOnInit() {
-        const buttonApi = computed(() => {
-            const buttonGroup = this.buttonGroupContext?.() ?? {};
-            const density = this.density();
-            const disabled = this.disabled();
-            const emphasis = this.emphasis();
-            const size = this.size();
-            const variant = this.variant();
-            // certain button group props override button props
-            return createQdsButtonApi({
-                density: buttonGroup.density || density,
-                disabled: buttonGroup.disabled ?? disabled,
-                emphasis: emphasis || buttonGroup.emphasis,
-                size: buttonGroup.size ?? size,
-                variant: variant || buttonGroup.variant,
-            }, normalizeProps);
-        }, ...(ngDevMode ? [{ debugName: "buttonApi" }] : []));
-        this.buttonService.init(buttonApi);
-        this.trackBindings();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BaseButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: BaseButtonDirective, isStandalone: true, inputs: { density: { classPropertyName: "density", publicName: "density", 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 }, 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 } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BaseButtonDirective, decorators: [{
-            type: Directive
-        }], propDecorators: { density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], emphasis: [{ type: i0.Input, args: [{ isSignal: true, alias: "emphasis", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], startIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "startIcon", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
-//# sourceMappingURL=base-button.directive.js.map

package/esm2022/button/base-button.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-button.directive.js","sourceRoot":"","sources":["../../../src/button/base-button.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,GAEN,MAAM,eAAe,CAAA;AAGtB,OAAO,EACL,cAAc,EACd,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;AAE1C,OAAO,EACL,kBAAkB,GAMnB,MAAM,8BAA8B,CAAA;AAGrC,OAAO,EAAC,uBAAuB,EAAC,MAAM,8BAA8B,CAAA;AACpE,OAAO,EAAC,wBAAwB,EAAC,MAAM,oCAAoC,CAAA;;AAG3E,MAAM,OAAO,mBAAmB;IAG9B;;;;OAIG;IACM,OAAO,GAAG,KAAK,6DAAoB,CAAA;IAE5C;;;;;OAKG;IACM,QAAQ,GAAG,KAAK,CAAkC,SAAS,4CAClE,SAAS,EAAE,gBAAgB,OADyC;YACpE,SAAS,EAAE,gBAAgB;SAC5B,GAAC,CAAA;IAEF;;;;OAIG;IACM,QAAQ,GAAG,KAAK,8DAAqB,CAAA;IAE9C;;;;OAIG;IACM,IAAI,GAAG,KAAK,0DAAiB,CAAA;IAEtC;;;;;;;;OAQG;IACM,SAAS,GAAG,KAAK,+DAAsB,CAAA;IAEhD;;;;OAIG;IACM,OAAO,GAAG,KAAK,6DAAoB,CAAA;IAEnC,aAAa,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAA;IAC/C,kBAAkB,GAAG,wBAAwB,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAA;IAErD,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,eAAe,EAAE,CAC/C,CAAA;IAED,QAAQ;QACN,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE;YAC9B,MAAM,WAAW,GAAG,IAAI,CAAC,kBAAkB,EAAE,EAAE,IAAI,EAAE,CAAA;YACrD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;YAC9B,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAA;YAChC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAA;YAChC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAA;YACxB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;YAE9B,mDAAmD;YACnD,OAAO,kBAAkB,CACvB;gBACE,OAAO,EAAE,WAAW,CAAC,OAAO,IAAI,OAAO;gBACvC,QAAQ,EAAE,WAAW,CAAC,QAAQ,IAAI,QAAQ;gBAC1C,QAAQ,EAAE,QAAQ,IAAI,WAAW,CAAC,QAAQ;gBAC1C,IAAI,EAAE,WAAW,CAAC,IAAI,IAAI,IAAI;gBAC9B,OAAO,EAAE,OAAO,IAAI,WAAW,CAAC,OAAO;aACxC,EACD,cAAc,CACf,CAAA;QACH,CAAC,qDAAC,CAAA;QAEF,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAClC,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAnFU,mBAAmB;4FAAnB,mBAAmB;;4FAAnB,mBAAmB;kBAD/B,SAAS","sourcesContent":["// 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  inject,\n  input,\n  type OnInit,\n} from \"@angular/core\"\n\nimport type {LucideIconOrString} from \"@qualcomm-ui/angular-core/lucide\"\nimport {\n  normalizeProps,\n  useTrackBindings,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  createQdsButtonApi,\n  type QdsButtonApiProps,\n  type QdsButtonDensity,\n  type QdsButtonEmphasis,\n  type QdsButtonSize,\n  type QdsButtonVariant,\n} from \"@qualcomm-ui/qds-core/button\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\n\nimport {QdsButtonContextService} from \"./qds-button-context.service\"\nimport {useQdsButtonGroupContext} from \"./qds-button-group-context.service\"\n\n@Directive()\nexport class BaseButtonDirective\n  implements SignalifyInput<QdsButtonApiProps>, OnInit\n{\n  /**\n   * The density of the button. Governs padding and height.\n   *\n   * @default 'default'\n   */\n  readonly density = input<QdsButtonDensity>()\n\n  /**\n   * Controls whether the component is interactive. When `true`, pointer/focus\n   * events are blocked, and the component is visually dimmed.\n   *\n   * @default false\n   */\n  readonly disabled = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * The variant of the button.\n   *\n   * @default 'neutral'\n   */\n  readonly emphasis = input<QdsButtonEmphasis>()\n\n  /**\n   * The size of the component and its icons.\n   *\n   * @default 'md'\n   */\n  readonly size = input<QdsButtonSize>()\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   * The variant of the button.\n   *\n   * @default 'fill'\n   */\n  readonly variant = input<QdsButtonVariant>()\n\n  readonly buttonService = inject(QdsButtonContextService)\n  readonly buttonGroupContext = useQdsButtonGroupContext({optional: true})\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.buttonService.context().getRootBindings(),\n  )\n\n  ngOnInit() {\n    const buttonApi = computed(() => {\n      const buttonGroup = this.buttonGroupContext?.() ?? {}\n      const density = this.density()\n      const disabled = this.disabled()\n      const emphasis = this.emphasis()\n      const size = this.size()\n      const variant = this.variant()\n\n      // certain button group props override button props\n      return createQdsButtonApi(\n        {\n          density: buttonGroup.density || density,\n          disabled: buttonGroup.disabled ?? disabled,\n          emphasis: emphasis || buttonGroup.emphasis,\n          size: buttonGroup.size ?? size,\n          variant: variant || buttonGroup.variant,\n        },\n        normalizeProps,\n      )\n    })\n\n    this.buttonService.init(buttonApi)\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/button/button-group.directive.js

@@ -1,84 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { booleanAttribute, computed, Directive, HostAttributeToken, inject, input, } from "@angular/core";
-import { normalizeProps, useTrackBindings, } from "@qualcomm-ui/angular-core/machine";
-import { getQdsButtonGroupBindings, } from "@qualcomm-ui/qds-core/button";
-import { provideQdsButtonGroupContext, QdsButtonGroupContextService, } from "./qds-button-group-context.service";
-import * as i0 from "@angular/core";
-export class ButtonGroupDirective {
-    /**
-     * The density of the buttons in the group. Governs padding and height.
-     *
-     * @default 'default'
-     */
-    density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : []));
-    /**
-     * Disables all buttons within the group.
-     *
-     * @default false
-     */
-    disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
-    /**
-     * The emphasis of the buttons in the group.
-     */
-    emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : []));
-    /**
-     * The layout used to display the button group.
-     * - `hug`: Content-sized; width matches the buttons only (default).
-     * - `start`: Full width; buttons are aligned to the start edge.
-     * - `end`: Full width; buttons are aligned to the end edge.
-     * - `fill`: Full width; buttons share space evenly.
-     *
-     * @default 'hug'
-     */
-    layout = input(...(ngDevMode ? [undefined, { debugName: "layout" }] : []));
-    /**
-     * The size of the buttons in the group.
-     *
-     * @default 'md'
-     */
-    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
-    /**
-     * The variant of the buttons in the group.
-     */
-    variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
-    qdsButtonGroupService = inject(QdsButtonGroupContextService);
-    ariaLabel = inject(new HostAttributeToken("aria-label"), {
-        optional: true,
-    });
-    ariaLabelledBy = inject(new HostAttributeToken("aria-labelledby"), { optional: true });
-    trackBindings = useTrackBindings(() => getQdsButtonGroupBindings({
-        "aria-label": this.ariaLabel || undefined,
-        "aria-labelledby": this.ariaLabelledBy || undefined,
-        density: this.density(),
-        disabled: this.disabled(),
-        emphasis: this.emphasis(),
-        layout: this.layout(),
-        size: this.size(),
-        variant: this.variant(),
-    }, normalizeProps));
-    ngOnInit() {
-        this.qdsButtonGroupService.init(computed(() => ({
-            density: this.density(),
-            disabled: this.disabled(),
-            emphasis: this.emphasis(),
-            layout: this.layout(),
-            size: this.size(),
-            variant: this.variant(),
-        })));
-        this.trackBindings();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ButtonGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: ButtonGroupDirective, isStandalone: false, selector: "[q-button-group]", inputs: { density: { classPropertyName: "density", publicName: "density", 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 }, layout: { classPropertyName: "layout", publicName: "layout", 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: [provideQdsButtonGroupContext()], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ButtonGroupDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    providers: [provideQdsButtonGroupContext()],
-                    selector: "[q-button-group]",
-                    standalone: false,
-                }]
-        }], propDecorators: { density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], emphasis: [{ type: i0.Input, args: [{ isSignal: true, alias: "emphasis", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
-//# sourceMappingURL=button-group.directive.js.map

package/esm2022/button/button-group.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-group.directive.js","sourceRoot":"","sources":["../../../src/button/button-group.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,MAAM,EACN,KAAK,GAEN,MAAM,eAAe,CAAA;AAEtB,OAAO,EACL,cAAc,EACd,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;AAE1C,OAAO,EACL,yBAAyB,GAO1B,MAAM,8BAA8B,CAAA;AAIrC,OAAO,EACL,4BAA4B,EAC5B,4BAA4B,GAC7B,MAAM,oCAAoC,CAAA;;AAO3C,MAAM,OAAO,oBAAoB;IAO/B;;;;OAIG;IACM,OAAO,GAAG,KAAK,6DAAoB,CAAA;IAE5C;;;;OAIG;IACM,QAAQ,GAAG,KAAK,CAAkC,SAAS,4CAClE,SAAS,EAAE,gBAAgB,OADyC;YACpE,SAAS,EAAE,gBAAgB;SAC5B,GAAC,CAAA;IAEF;;OAEG;IACM,QAAQ,GAAG,KAAK,8DAAqB,CAAA;IAE9C;;;;;;;;OAQG;IACM,MAAM,GAAG,KAAK,4DAAwB,CAAA;IAE/C;;;;OAIG;IACM,IAAI,GAAG,KAAK,0DAAiB,CAAA;IAEtC;;OAEG;IACM,OAAO,GAAG,KAAK,6DAAoB,CAAA;IAEzB,qBAAqB,GAAG,MAAM,CAC/C,4BAA4B,CAC7B,CAAA;IAEkB,SAAS,GAAG,MAAM,CAAC,IAAI,kBAAkB,CAAC,YAAY,CAAC,EAAE;QAC1E,QAAQ,EAAE,IAAI;KACf,CAAC,CAAA;IACiB,cAAc,GAAG,MAAM,CACxC,IAAI,kBAAkB,CAAC,iBAAiB,CAAC,EACzC,EAAC,QAAQ,EAAE,IAAI,EAAC,CACjB,CAAA;IAEkB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,yBAAyB,CACvB;QACE,YAAY,EAAE,IAAI,CAAC,SAAS,IAAI,SAAS;QACzC,iBAAiB,EAAE,IAAI,CAAC,cAAc,IAAI,SAAS;QACnD,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;QACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;QACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;QACzB,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;QACrB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;QACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;KACxB,EACD,cAAc,CACf,CACF,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAC7B,QAAQ,CAEN,GAAG,EAAE,CAAC,CAAC;YACP,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;YACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;YACzB,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;YACrB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;YACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;SACxB,CAAC,CAAC,CACJ,CAAA;QAED,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGA9FU,oBAAoB;4FAApB,oBAAoB,0zBAJpB,CAAC,4BAA4B,EAAE,CAAC;;4FAIhC,oBAAoB;kBALhC,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,4BAA4B,EAAE,CAAC;oBAC3C,QAAQ,EAAE,kBAAkB;oBAC5B,UAAU,EAAE,KAAK;iBAClB","sourcesContent":["// 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  HostAttributeToken,\n  inject,\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  getQdsButtonGroupBindings,\n  type QdsButtonDensity,\n  type QdsButtonEmphasis,\n  type QdsButtonGroupApiProps,\n  type QdsButtonGroupLayout,\n  type QdsButtonSize,\n  type QdsButtonVariant,\n} from \"@qualcomm-ui/qds-core/button\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\n\nimport {\n  provideQdsButtonGroupContext,\n  QdsButtonGroupContextService,\n} from \"./qds-button-group-context.service\"\n\n@Directive({\n  providers: [provideQdsButtonGroupContext()],\n  selector: \"[q-button-group]\",\n  standalone: false,\n})\nexport class ButtonGroupDirective\n  implements\n    SignalifyInput<\n      Omit<QdsButtonGroupApiProps, \"aria-label\" | \"aria-labelledby\">\n    >,\n    OnInit\n{\n  /**\n   * The density of the buttons in the group. Governs padding and height.\n   *\n   * @default 'default'\n   */\n  readonly density = input<QdsButtonDensity>()\n\n  /**\n   * Disables all buttons within the group.\n   *\n   * @default false\n   */\n  readonly disabled = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * The emphasis of the buttons in the group.\n   */\n  readonly emphasis = input<QdsButtonEmphasis>()\n\n  /**\n   * The layout used to display the button group.\n   * - `hug`: Content-sized; width matches the buttons only (default).\n   * - `start`: Full width; buttons are aligned to the start edge.\n   * - `end`: Full width; buttons are aligned to the end edge.\n   * - `fill`: Full width; buttons share space evenly.\n   *\n   * @default 'hug'\n   */\n  readonly layout = input<QdsButtonGroupLayout>()\n\n  /**\n   * The size of the buttons in the group.\n   *\n   * @default 'md'\n   */\n  readonly size = input<QdsButtonSize>()\n\n  /**\n   * The variant of the buttons in the group.\n   */\n  readonly variant = input<QdsButtonVariant>()\n\n  protected readonly qdsButtonGroupService = inject(\n    QdsButtonGroupContextService,\n  )\n\n  protected readonly ariaLabel = inject(new HostAttributeToken(\"aria-label\"), {\n    optional: true,\n  })\n  protected readonly ariaLabelledBy = inject(\n    new HostAttributeToken(\"aria-labelledby\"),\n    {optional: true},\n  )\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    getQdsButtonGroupBindings(\n      {\n        \"aria-label\": this.ariaLabel || undefined,\n        \"aria-labelledby\": this.ariaLabelledBy || undefined,\n        density: this.density(),\n        disabled: this.disabled(),\n        emphasis: this.emphasis(),\n        layout: this.layout(),\n        size: this.size(),\n        variant: this.variant(),\n      },\n      normalizeProps,\n    ),\n  )\n\n  ngOnInit() {\n    this.qdsButtonGroupService.init(\n      computed<\n        Explicit<Omit<QdsButtonGroupApiProps, \"aria-label\" | \"aria-labelledby\">>\n      >(() => ({\n        density: this.density(),\n        disabled: this.disabled(),\n        emphasis: this.emphasis(),\n        layout: this.layout(),\n        size: this.size(),\n        variant: this.variant(),\n      })),\n    )\n\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/button/button.directive.js

@@ -1,100 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { Component, computed, inject, input } from "@angular/core";
-import { END_ICON_CONTEXT_TOKEN, START_ICON_CONTEXT_TOKEN, } from "@qualcomm-ui/angular/icon";
-import { BaseButtonDirective } from "./base-button.directive";
-import { provideQdsButtonContext } from "./qds-button-context.service";
-import * as i0 from "@angular/core";
-import * as i1 from "@qualcomm-ui/angular/icon";
-export class ButtonDirective extends BaseButtonDirective {
-    /**
-     * {@link https://lucide.dev/icons lucide-angular} icon, positioned after the label.
-     *
-     * @remarks
-     * To customize the element, provide it using the directive instead:
-     * ```angular-html
-     * <svg q-end-icon icon="..."></svg>
-     * ```
-     */
-    endIcon = input(...(ngDevMode ? [undefined, { debugName: "endIcon" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ButtonDirective, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ButtonDirective, isStandalone: false, selector: "[q-button]", inputs: { endIcon: { classPropertyName: "endIcon", publicName: "endIcon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
-            provideQdsButtonContext(),
-            {
-                provide: START_ICON_CONTEXT_TOKEN,
-                useFactory: () => {
-                    const button = inject(ButtonDirective);
-                    return {
-                        getBindings: computed(() => button.buttonService.context().getStartIconBindings()),
-                    };
-                },
-            },
-            {
-                provide: END_ICON_CONTEXT_TOKEN,
-                useFactory: () => {
-                    const button = inject(ButtonDirective);
-                    return {
-                        getBindings: computed(() => button.buttonService.context().getEndIconBindings()),
-                    };
-                },
-            },
-        ], usesInheritance: true, ngImport: i0, template: `
-    <ng-content select="[q-start-icon]">
-      @if (startIcon()) {
-        <svg q-start-icon [icon]="startIcon()!"></svg>
-      }
-    </ng-content>
-
-    <ng-content />
-
-    <ng-content select="[q-end-icon]">
-      @if (endIcon()) {
-        <svg q-end-icon [icon]="endIcon()!"></svg>
-      }
-    </ng-content>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1.StartIconDirective, selector: "div[q-start-icon],span[q-start-icon],svg[q-start-icon]", inputs: ["icon"] }, { kind: "directive", type: i1.EndIconDirective, selector: "div[q-end-icon],span[q-end-icon],svg[q-end-icon]", inputs: ["icon"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ButtonDirective, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        provideQdsButtonContext(),
-                        {
-                            provide: START_ICON_CONTEXT_TOKEN,
-                            useFactory: () => {
-                                const button = inject(ButtonDirective);
-                                return {
-                                    getBindings: computed(() => button.buttonService.context().getStartIconBindings()),
-                                };
-                            },
-                        },
-                        {
-                            provide: END_ICON_CONTEXT_TOKEN,
-                            useFactory: () => {
-                                const button = inject(ButtonDirective);
-                                return {
-                                    getBindings: computed(() => button.buttonService.context().getEndIconBindings()),
-                                };
-                            },
-                        },
-                    ],
-                    selector: "[q-button]",
-                    standalone: false,
-                    template: `
-    <ng-content select="[q-start-icon]">
-      @if (startIcon()) {
-        <svg q-start-icon [icon]="startIcon()!"></svg>
-      }
-    </ng-content>
-
-    <ng-content />
-
-    <ng-content select="[q-end-icon]">
-      @if (endIcon()) {
-        <svg q-end-icon [icon]="endIcon()!"></svg>
-      }
-    </ng-content>
-  `,
-                }]
-        }], propDecorators: { endIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "endIcon", required: false }] }] } });
-//# sourceMappingURL=button.directive.js.map

package/esm2022/button/button.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.directive.js","sourceRoot":"","sources":["../../../src/button/button.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAE7E,OAAO,EACL,sBAAsB,EAEtB,wBAAwB,GACzB,MAAM,2BAA2B,CAAA;AAGlC,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAC,uBAAuB,EAAC,MAAM,8BAA8B,CAAA;;;AA8CpE,MAAM,OAAO,eAAgB,SAAQ,mBAAmB;IACtD;;;;;;;;OAQG;IACM,OAAO,GAAG,KAAK,6DAAsB,CAAA;wGAVnC,eAAe;4FAAf,eAAe,oMA3Cf;YACT,uBAAuB,EAAE;YACzB;gBACE,OAAO,EAAE,wBAAwB;gBACjC,UAAU,EAAE,GAAqB,EAAE;oBACjC,MAAM,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC,CAAA;oBACtC,OAAO;wBACL,WAAW,EAAE,QAAQ,CAAC,GAAG,EAAE,CACzB,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,oBAAoB,EAAE,CACtD;qBACF,CAAA;gBACH,CAAC;aACF;YACD;gBACE,OAAO,EAAE,sBAAsB;gBAC/B,UAAU,EAAE,GAAqB,EAAE;oBACjC,MAAM,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC,CAAA;oBACtC,OAAO;wBACL,WAAW,EAAE,QAAQ,CAAC,GAAG,EAAE,CACzB,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,kBAAkB,EAAE,CACpD;qBACF,CAAA;gBACH,CAAC;aACF;SACF,iDAGS;;;;;;;;;;;;;;GAcT;;4FAEU,eAAe;kBA5C3B,SAAS;mBAAC;oBACT,SAAS,EAAE;wBACT,uBAAuB,EAAE;wBACzB;4BACE,OAAO,EAAE,wBAAwB;4BACjC,UAAU,EAAE,GAAqB,EAAE;gCACjC,MAAM,MAAM,GAAG,MAAM,iBAAiB,CAAA;gCACtC,OAAO;oCACL,WAAW,EAAE,QAAQ,CAAC,GAAG,EAAE,CACzB,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,oBAAoB,EAAE,CACtD;iCACF,CAAA;4BACH,CAAC;yBACF;wBACD;4BACE,OAAO,EAAE,sBAAsB;4BAC/B,UAAU,EAAE,GAAqB,EAAE;gCACjC,MAAM,MAAM,GAAG,MAAM,iBAAiB,CAAA;gCACtC,OAAO;oCACL,WAAW,EAAE,QAAQ,CAAC,GAAG,EAAE,CACzB,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,kBAAkB,EAAE,CACpD;iCACF,CAAA;4BACH,CAAC;yBACF;qBACF;oBACD,QAAQ,EAAE,YAAY;oBACtB,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;;;;;;;;;;GAcT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed, inject, input, type OnInit} from \"@angular/core\"\n\nimport {\n  END_ICON_CONTEXT_TOKEN,\n  type IconTokenContext,\n  START_ICON_CONTEXT_TOKEN,\n} from \"@qualcomm-ui/angular/icon\"\nimport type {LucideIconOrString} from \"@qualcomm-ui/angular-core/lucide\"\n\nimport {BaseButtonDirective} from \"./base-button.directive\"\nimport {provideQdsButtonContext} from \"./qds-button-context.service\"\n\n@Component({\n  providers: [\n    provideQdsButtonContext(),\n    {\n      provide: START_ICON_CONTEXT_TOKEN,\n      useFactory: (): IconTokenContext => {\n        const button = inject(ButtonDirective)\n        return {\n          getBindings: computed(() =>\n            button.buttonService.context().getStartIconBindings(),\n          ),\n        }\n      },\n    },\n    {\n      provide: END_ICON_CONTEXT_TOKEN,\n      useFactory: (): IconTokenContext => {\n        const button = inject(ButtonDirective)\n        return {\n          getBindings: computed(() =>\n            button.buttonService.context().getEndIconBindings(),\n          ),\n        }\n      },\n    },\n  ],\n  selector: \"[q-button]\",\n  standalone: false,\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    <ng-content select=\"[q-end-icon]\">\n      @if (endIcon()) {\n        <svg q-end-icon [icon]=\"endIcon()!\"></svg>\n      }\n    </ng-content>\n  `,\n})\nexport class ButtonDirective extends BaseButtonDirective implements OnInit {\n  /**\n   * {@link https://lucide.dev/icons lucide-angular} icon, positioned after the label.\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"]}

package/esm2022/button/button.module.js

@@ -1,31 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { NgModule } from "@angular/core";
-import { EndIconDirective, IconDirective, StartIconDirective, } from "@qualcomm-ui/angular/icon";
-import { QBindDirective } from "@qualcomm-ui/angular-core/machine";
-import { ButtonGroupDirective } from "./button-group.directive";
-import { ButtonDirective } from "./button.directive";
-import { IconButtonDirective } from "./icon-button.directive";
-import * as i0 from "@angular/core";
-export class ButtonModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ButtonModule, declarations: [IconButtonDirective, ButtonDirective, ButtonGroupDirective], imports: [IconDirective,
-            QBindDirective,
-            StartIconDirective,
-            EndIconDirective], exports: [IconButtonDirective, ButtonDirective, ButtonGroupDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ButtonModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [IconButtonDirective, ButtonDirective, ButtonGroupDirective],
-                    exports: [IconButtonDirective, ButtonDirective, ButtonGroupDirective],
-                    imports: [
-                        IconDirective,
-                        QBindDirective,
-                        StartIconDirective,
-                        EndIconDirective,
-                    ],
-                }]
-        }] });
-//# sourceMappingURL=button.module.js.map

package/esm2022/button/button.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.module.js","sourceRoot":"","sources":["../../../src/button/button.module.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAEtC,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,kBAAkB,GACnB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAC,cAAc,EAAC,MAAM,mCAAmC,CAAA;AAEhE,OAAO,EAAC,oBAAoB,EAAC,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAC,eAAe,EAAC,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAA;;AAY3D,MAAM,OAAO,YAAY;wGAAZ,YAAY;yGAAZ,YAAY,iBATR,mBAAmB,EAAE,eAAe,EAAE,oBAAoB,aAGvE,aAAa;YACb,cAAc;YACd,kBAAkB;YAClB,gBAAgB,aALR,mBAAmB,EAAE,eAAe,EAAE,oBAAoB;yGAQzD,YAAY;;4FAAZ,YAAY;kBAVxB,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,mBAAmB,EAAE,eAAe,EAAE,oBAAoB,CAAC;oBAC1E,OAAO,EAAE,CAAC,mBAAmB,EAAE,eAAe,EAAE,oBAAoB,CAAC;oBACrE,OAAO,EAAE;wBACP,aAAa;wBACb,cAAc;wBACd,kBAAkB;wBAClB,gBAAgB;qBACjB;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {NgModule} from \"@angular/core\"\n\nimport {\n  EndIconDirective,\n  IconDirective,\n  StartIconDirective,\n} from \"@qualcomm-ui/angular/icon\"\nimport {QBindDirective} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {ButtonGroupDirective} from \"./button-group.directive\"\nimport {ButtonDirective} from \"./button.directive\"\nimport {IconButtonDirective} from \"./icon-button.directive\"\n\n@NgModule({\n  declarations: [IconButtonDirective, ButtonDirective, ButtonGroupDirective],\n  exports: [IconButtonDirective, ButtonDirective, ButtonGroupDirective],\n  imports: [\n    IconDirective,\n    QBindDirective,\n    StartIconDirective,\n    EndIconDirective,\n  ],\n})\nexport class ButtonModule {}\n"]}

package/esm2022/button/icon-button.directive.js

@@ -1,93 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { booleanAttribute, Component, computed, contentChild, inject, input, } from "@angular/core";
-import { IconDirective } from "@qualcomm-ui/angular/icon";
-import { normalizeProps, useTrackBindings, } from "@qualcomm-ui/angular-core/machine";
-import { createQdsIconButtonApi, } from "@qualcomm-ui/qds-core/button";
-import { provideQdsIconButtonContext, QdsIconButtonContextService, } from "./qds-icon-button-context.service";
-import * as i0 from "@angular/core";
-import * as i1 from "@qualcomm-ui/angular/icon";
-import * as i2 from "@qualcomm-ui/angular-core/machine";
-export class IconButtonDirective {
-    /**
-     * The density of the button. Governs padding and height.
-     *
-     * @default 'default'
-     */
-    density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : []));
-    /**
-     * Controls whether the component is interactive. When `true`, pointer/focus
-     * events are blocked, and the component is visually dimmed.
-     *
-     * @default false
-     */
-    disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
-    /**
-     * The variant of the button.
-     *
-     * @default 'neutral'
-     */
-    emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : []));
-    /**
-     * The size of the component and its icons.
-     *
-     * @default 'md'
-     */
-    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
-    /**
-     * {@link https://lucide.dev/icons lucide-angular} icon.
-     */
-    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
-    /**
-     * The variant of the button.
-     *
-     * @default 'fill'
-     */
-    variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
-    trackBindings = useTrackBindings(() => this.iconButtonContext.context().getRootBindings());
-    trackIconBindings = useTrackBindings(() => this.iconProps());
-    iconProps = computed(() => this.iconButtonContext.context().getIconBindings(), ...(ngDevMode ? [{ debugName: "iconProps" }] : []));
-    iconButtonContext = inject(QdsIconButtonContextService);
-    iconChild = contentChild(IconDirective, ...(ngDevMode ? [{ debugName: "iconChild" }] : []));
-    ngOnInit() {
-        const buttonApi = computed(() => {
-            return createQdsIconButtonApi({
-                density: this.density(),
-                disabled: this.disabled(),
-                emphasis: this.emphasis(),
-                size: this.size(),
-                variant: this.variant(),
-            }, normalizeProps);
-        }, ...(ngDevMode ? [{ debugName: "buttonApi" }] : []));
-        this.iconButtonContext.init(buttonApi);
-        const iconContentElement = this.iconChild()?.elementRef;
-        if (iconContentElement) {
-            this.trackIconBindings({ elementRef: iconContentElement });
-        }
-        this.trackBindings();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IconButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: IconButtonDirective, isStandalone: false, selector: "[q-icon-button]", inputs: { density: { classPropertyName: "density", publicName: "density", 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 }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideQdsIconButtonContext()], queries: [{ propertyName: "iconChild", first: true, predicate: IconDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
-    <ng-content #ref select="svg[qIcon]" />
-    @if (icon()) {
-      <svg [q-bind]="iconProps()" [qIcon]="icon()!"></svg>
-    }
-  `, 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: "20.3.10", ngImport: i0, type: IconButtonDirective, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [provideQdsIconButtonContext()],
-                    selector: "[q-icon-button]",
-                    standalone: false,
-                    template: `
-    <ng-content #ref select="svg[qIcon]" />
-    @if (icon()) {
-      <svg [q-bind]="iconProps()" [qIcon]="icon()!"></svg>
-    }
-  `,
-                }]
-        }], propDecorators: { density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], emphasis: [{ type: i0.Input, args: [{ isSignal: true, alias: "emphasis", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], iconChild: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IconDirective), { isSignal: true }] }] } });
-//# sourceMappingURL=icon-button.directive.js.map

package/esm2022/button/icon-button.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button.directive.js","sourceRoot":"","sources":["../../../src/button/icon-button.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EACL,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,KAAK,GAEN,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAA;AAEvD,OAAO,EACL,cAAc,EACd,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;AAE1C,OAAO,EACL,sBAAsB,GAMvB,MAAM,8BAA8B,CAAA;AAGrC,OAAO,EACL,2BAA2B,EAC3B,2BAA2B,GAC5B,MAAM,mCAAmC,CAAA;;;;AAa1C,MAAM,OAAO,mBAAmB;IAG9B;;;;OAIG;IACM,OAAO,GAAG,KAAK,6DAAoB,CAAA;IAE5C;;;;;OAKG;IACM,QAAQ,GAAG,KAAK,CAAkC,SAAS,4CAClE,SAAS,EAAE,gBAAgB,OADyC;YACpE,SAAS,EAAE,gBAAgB;SAC5B,GAAC,CAAA;IAEF;;;;OAIG;IACM,QAAQ,GAAG,KAAK,8DAAqB,CAAA;IAE9C;;;;OAIG;IACM,IAAI,GAAG,KAAK,0DAAiB,CAAA;IAEtC;;OAEG;IACM,IAAI,GAAG,KAAK,0DAAsB,CAAA;IAE3C;;;;OAIG;IACM,OAAO,GAAG,KAAK,6DAAoB,CAAA;IAEzB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,eAAe,EAAE,CACnD,CAAA;IAEkB,iBAAiB,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAC3D,IAAI,CAAC,SAAS,EAAE,CACjB,CAAA;IAEQ,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CACjC,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,eAAe,EAAE,qDACnD,CAAA;IAEkB,iBAAiB,GAAG,MAAM,CAAC,2BAA2B,CAAC,CAAA;IAEjE,SAAS,GAAG,YAAY,CAAC,aAAa,qDAAC,CAAA;IAEhD,QAAQ;QACN,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE;YAC9B,OAAO,sBAAsB,CAC3B;gBACE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;gBACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;gBACzB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;aACxB,EACD,cAAc,CACf,CAAA;QACH,CAAC,qDAAC,CAAA;QAEF,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAEtC,MAAM,kBAAkB,GAAG,IAAI,CAAC,SAAS,EAAE,EAAE,UAAU,CAAA;QACvD,IAAI,kBAAkB,EAAE,CAAC;YACvB,IAAI,CAAC,iBAAiB,CAAC,EAAC,UAAU,EAAE,kBAAkB,EAAC,CAAC,CAAA;QAC1D,CAAC;QAED,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGApFU,mBAAmB;4FAAnB,mBAAmB,mzBAVnB,CAAC,2BAA2B,EAAE,CAAC,iEAsER,aAAa,gEAnErC;;;;;GAKT;;4FAEU,mBAAmB;kBAX/B,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,2BAA2B,EAAE,CAAC;oBAC1C,QAAQ,EAAE,iBAAiB;oBAC3B,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;GAKT;iBACF;0oBA6DmC,aAAa","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  contentChild,\n  inject,\n  input,\n  type OnInit,\n} from \"@angular/core\"\n\nimport {IconDirective} from \"@qualcomm-ui/angular/icon\"\nimport type {LucideIconOrString} from \"@qualcomm-ui/angular-core/lucide\"\nimport {\n  normalizeProps,\n  useTrackBindings,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  createQdsIconButtonApi,\n  type QdsButtonDensity,\n  type QdsButtonEmphasis,\n  type QdsButtonSize,\n  type QdsButtonVariant,\n  type QdsIconButtonApiProps,\n} from \"@qualcomm-ui/qds-core/button\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\n\nimport {\n  provideQdsIconButtonContext,\n  QdsIconButtonContextService,\n} from \"./qds-icon-button-context.service\"\n\n@Component({\n  providers: [provideQdsIconButtonContext()],\n  selector: \"[q-icon-button]\",\n  standalone: false,\n  template: `\n    <ng-content #ref select=\"svg[qIcon]\" />\n    @if (icon()) {\n      <svg [q-bind]=\"iconProps()\" [qIcon]=\"icon()!\"></svg>\n    }\n  `,\n})\nexport class IconButtonDirective\n  implements SignalifyInput<QdsIconButtonApiProps>, OnInit\n{\n  /**\n   * The density of the button. Governs padding and height.\n   *\n   * @default 'default'\n   */\n  readonly density = input<QdsButtonDensity>()\n\n  /**\n   * Controls whether the component is interactive. When `true`, pointer/focus\n   * events are blocked, and the component is visually dimmed.\n   *\n   * @default false\n   */\n  readonly disabled = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * The variant of the button.\n   *\n   * @default 'neutral'\n   */\n  readonly emphasis = input<QdsButtonEmphasis>()\n\n  /**\n   * The size of the component and its icons.\n   *\n   * @default 'md'\n   */\n  readonly size = input<QdsButtonSize>()\n\n  /**\n   * {@link https://lucide.dev/icons lucide-angular} icon.\n   */\n  readonly icon = input<LucideIconOrString>()\n\n  /**\n   * The variant of the button.\n   *\n   * @default 'fill'\n   */\n  readonly variant = input<QdsButtonVariant>()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.iconButtonContext.context().getRootBindings(),\n  )\n\n  protected readonly trackIconBindings = useTrackBindings(() =>\n    this.iconProps(),\n  )\n\n  readonly iconProps = computed(() =>\n    this.iconButtonContext.context().getIconBindings(),\n  )\n\n  protected readonly iconButtonContext = inject(QdsIconButtonContextService)\n\n  readonly iconChild = contentChild(IconDirective)\n\n  ngOnInit() {\n    const buttonApi = computed(() => {\n      return createQdsIconButtonApi(\n        {\n          density: this.density(),\n          disabled: this.disabled(),\n          emphasis: this.emphasis(),\n          size: this.size(),\n          variant: this.variant(),\n        },\n        normalizeProps,\n      )\n    })\n\n    this.iconButtonContext.init(buttonApi)\n\n    const iconContentElement = this.iconChild()?.elementRef\n    if (iconContentElement) {\n      this.trackIconBindings({elementRef: iconContentElement})\n    }\n\n    this.trackBindings()\n  }\n}\n"]}