@qualcomm-ui/angular 1.0.0

package/esm2022/tabs/tab-button.directive.js

@@ -0,0 +1,130 @@
+// 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 { CoreTabButtonDirective } from "@qualcomm-ui/angular-core/tabs";
+import { useQdsTabsContext } from "./qds-tabs-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 TabButtonDirective extends CoreTabButtonDirective {
+    /**
+     * {@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
+     * <button q-tab-button>
+     *   <svg q-end-icon icon="..."></svg>
+     * </button>
+     * ```
+     */
+    endIcon = input(...(ngDevMode ? [undefined, { debugName: "endIcon" }] : []));
+    /**
+     * {@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
+     * <button q-tab-button>
+     *   <svg q-start-icon icon="..."></svg>
+     * </button>
+     * ```
+     */
+    startIcon = input(...(ngDevMode ? [undefined, { debugName: "startIcon" }] : []));
+    qdsContext = useQdsTabsContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getTabButtonBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: TabButtonDirective, isStandalone: false, selector: "[q-tab-button]", inputs: { endIcon: { classPropertyName: "endIcon", publicName: "endIcon", isSignal: true, isRequired: false, transformFunction: null }, startIcon: { classPropertyName: "startIcon", publicName: "startIcon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: START_ICON_CONTEXT_TOKEN,
+                useFactory: () => {
+                    const button = inject(TabButtonDirective);
+                    return {
+                        getBindings: computed(() => button.qdsContext().getTabStartIconBindings()),
+                    };
+                },
+            },
+            {
+                provide: END_ICON_CONTEXT_TOKEN,
+                useFactory: () => {
+                    const button = inject(TabButtonDirective);
+                    return {
+                        getBindings: computed(() => button.qdsContext().getTabEndIconBindings()),
+                    };
+                },
+            },
+        ], usesInheritance: true, ngImport: i0, template: `
+    <ng-content select="[q-start-icon]">
+      @if (startIcon()) {
+        <svg
+          [q-bind]="qdsContext().getTabStartIconBindings()"
+          [qIcon]="startIcon()!"
+        />
+      }
+    </ng-content>
+
+    <ng-content />
+
+    <ng-content select="[q-end-icon]">
+      @if (endIcon()) {
+        <svg
+          [q-bind]="qdsContext().getTabEndIconBindings()"
+          [qIcon]="endIcon()!"
+        />
+      }
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }, { kind: "directive", type: i2.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabButtonDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: START_ICON_CONTEXT_TOKEN,
+                            useFactory: () => {
+                                const button = inject(TabButtonDirective);
+                                return {
+                                    getBindings: computed(() => button.qdsContext().getTabStartIconBindings()),
+                                };
+                            },
+                        },
+                        {
+                            provide: END_ICON_CONTEXT_TOKEN,
+                            useFactory: () => {
+                                const button = inject(TabButtonDirective);
+                                return {
+                                    getBindings: computed(() => button.qdsContext().getTabEndIconBindings()),
+                                };
+                            },
+                        },
+                    ],
+                    selector: "[q-tab-button]",
+                    standalone: false,
+                    template: `
+    <ng-content select="[q-start-icon]">
+      @if (startIcon()) {
+        <svg
+          [q-bind]="qdsContext().getTabStartIconBindings()"
+          [qIcon]="startIcon()!"
+        />
+      }
+    </ng-content>
+
+    <ng-content />
+
+    <ng-content select="[q-end-icon]">
+      @if (endIcon()) {
+        <svg
+          [q-bind]="qdsContext().getTabEndIconBindings()"
+          [qIcon]="endIcon()!"
+        />
+      }
+    </ng-content>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { endIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "endIcon", required: false }] }], startIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "startIcon", required: false }] }] } });
+//# sourceMappingURL=tab-button.directive.js.map

package/esm2022/tabs/tab-button.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-button.directive.js","sourceRoot":"","sources":["../../../src/tabs/tab-button.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AAEhE,OAAO,EACL,sBAAsB,EAEtB,wBAAwB,GACzB,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAC,sBAAsB,EAAC,MAAM,gCAAgC,CAAA;AAErE,OAAO,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAA;;;;AAmD5D,MAAM,OAAO,kBAAmB,SAAQ,sBAAsB;IAC5D;;;;;;;;;;OAUG;IACM,OAAO,GAAG,KAAK,6DAAsB,CAAA;IAE9C;;;;;;;;;;OAUG;IACM,SAAS,GAAG,KAAK,+DAAsB,CAAA;IAE7B,UAAU,GAAG,iBAAiB,EAAE,CAAA;IAEnD;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,oBAAoB,EAAE,CAAC,CACzD,CAAA;IACH,CAAC;wGAlCU,kBAAkB;4FAAlB,kBAAkB,4UAhDlB;YACT;gBACE,OAAO,EAAE,wBAAwB;gBACjC,UAAU,EAAE,GAAqB,EAAE;oBACjC,MAAM,MAAM,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAA;oBACzC,OAAO;wBACL,WAAW,EAAE,QAAQ,CAAC,GAAG,EAAE,CACzB,MAAM,CAAC,UAAU,EAAE,CAAC,uBAAuB,EAAE,CAC9C;qBACF,CAAA;gBACH,CAAC;aACF;YACD;gBACE,OAAO,EAAE,sBAAsB;gBAC/B,UAAU,EAAE,GAAqB,EAAE;oBACjC,MAAM,MAAM,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAA;oBACzC,OAAO;wBACL,WAAW,EAAE,QAAQ,CAAC,GAAG,EAAE,CACzB,MAAM,CAAC,UAAU,EAAE,CAAC,qBAAqB,EAAE,CAC5C;qBACF,CAAA;gBACH,CAAC;aACF;SACF,iDAGS;;;;;;;;;;;;;;;;;;;;GAoBT;;4FAEU,kBAAkB;kBAjD9B,SAAS;mBAAC;oBACT,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,wBAAwB;4BACjC,UAAU,EAAE,GAAqB,EAAE;gCACjC,MAAM,MAAM,GAAG,MAAM,oBAAoB,CAAA;gCACzC,OAAO;oCACL,WAAW,EAAE,QAAQ,CAAC,GAAG,EAAE,CACzB,MAAM,CAAC,UAAU,EAAE,CAAC,uBAAuB,EAAE,CAC9C;iCACF,CAAA;4BACH,CAAC;yBACF;wBACD;4BACE,OAAO,EAAE,sBAAsB;4BAC/B,UAAU,EAAE,GAAqB,EAAE;gCACjC,MAAM,MAAM,GAAG,MAAM,oBAAoB,CAAA;gCACzC,OAAO;oCACL,WAAW,EAAE,QAAQ,CAAC,GAAG,EAAE,CACzB,MAAM,CAAC,UAAU,EAAE,CAAC,qBAAqB,EAAE,CAC5C;iCACF,CAAA;4BACH,CAAC;yBACF;qBACF;oBACD,QAAQ,EAAE,gBAAgB;oBAC1B,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;GAoBT;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} 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\"\nimport {CoreTabButtonDirective} from \"@qualcomm-ui/angular-core/tabs\"\n\nimport {useQdsTabsContext} from \"./qds-tabs-context.service\"\n\n@Component({\n  providers: [\n    {\n      provide: START_ICON_CONTEXT_TOKEN,\n      useFactory: (): IconTokenContext => {\n        const button = inject(TabButtonDirective)\n        return {\n          getBindings: computed(() =>\n            button.qdsContext().getTabStartIconBindings(),\n          ),\n        }\n      },\n    },\n    {\n      provide: END_ICON_CONTEXT_TOKEN,\n      useFactory: (): IconTokenContext => {\n        const button = inject(TabButtonDirective)\n        return {\n          getBindings: computed(() =>\n            button.qdsContext().getTabEndIconBindings(),\n          ),\n        }\n      },\n    },\n  ],\n  selector: \"[q-tab-button]\",\n  standalone: false,\n  template: `\n    <ng-content select=\"[q-start-icon]\">\n      @if (startIcon()) {\n        <svg\n          [q-bind]=\"qdsContext().getTabStartIconBindings()\"\n          [qIcon]=\"startIcon()!\"\n        />\n      }\n    </ng-content>\n\n    <ng-content />\n\n    <ng-content select=\"[q-end-icon]\">\n      @if (endIcon()) {\n        <svg\n          [q-bind]=\"qdsContext().getTabEndIconBindings()\"\n          [qIcon]=\"endIcon()!\"\n        />\n      }\n    </ng-content>\n  `,\n})\nexport class TabButtonDirective extends CoreTabButtonDirective {\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   * <button q-tab-button>\n   *   <svg q-end-icon icon=\"...\"></svg>\n   * </button>\n   * ```\n   */\n  readonly endIcon = input<LucideIconOrString>()\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   * <button q-tab-button>\n   *   <svg q-start-icon icon=\"...\"></svg>\n   * </button>\n   * ```\n   */\n  readonly startIcon = input<LucideIconOrString>()\n\n  protected readonly qdsContext = useQdsTabsContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsContext().getTabButtonBindings()),\n    )\n  }\n}\n"]}

package/esm2022/tabs/tab-dismiss-button.directive.js

@@ -0,0 +1,40 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, computed } from "@angular/core";
+import { X } from "lucide-angular";
+import { useInlineIconButtonApi } from "@qualcomm-ui/angular/inline-icon-button";
+import { provideIcons } from "@qualcomm-ui/angular-core/lucide";
+import { CoreTabDismissButtonDirective } from "@qualcomm-ui/angular-core/tabs";
+import { mergeProps } from "@qualcomm-ui/utils/merge-props";
+import { useQdsTabsContext } from "./qds-tabs-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 TabDismissButtonDirective extends CoreTabDismissButtonDirective {
+    qdsContext = useQdsTabsContext();
+    inlineIconButtonApi = useInlineIconButtonApi({
+        emphasis: "neutral",
+        size: "md",
+        variant: "fixed",
+    });
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => mergeProps(this.inlineIconButtonApi().getRootBindings(), this.qdsContext().getTabDismissButtonBindings())));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabDismissButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: TabDismissButtonDirective, isStandalone: false, selector: "[q-tab-dismiss-button]", providers: [provideIcons({ X })], usesInheritance: true, ngImport: i0, template: `
+    <svg qIcon="X" [q-bind]="inlineIconButtonApi().getIconBindings()" />
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }, { kind: "directive", type: i2.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabDismissButtonDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ X })],
+                    selector: "[q-tab-dismiss-button]",
+                    standalone: false,
+                    template: `
+    <svg qIcon="X" [q-bind]="inlineIconButtonApi().getIconBindings()" />
+  `,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=tab-dismiss-button.directive.js.map

package/esm2022/tabs/tab-dismiss-button.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-dismiss-button.directive.js","sourceRoot":"","sources":["../../../src/tabs/tab-dismiss-button.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAA;AACjD,OAAO,EAAC,CAAC,EAAC,MAAM,gBAAgB,CAAA;AAEhC,OAAO,EAAC,sBAAsB,EAAC,MAAM,yCAAyC,CAAA;AAC9E,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAC,6BAA6B,EAAC,MAAM,gCAAgC,CAAA;AAC5E,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAA;AAEzD,OAAO,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAA;;;;AAU5D,MAAM,OAAO,yBAA0B,SAAQ,6BAA6B;IACvD,UAAU,GAAG,iBAAiB,EAAE,CAAA;IAEhC,mBAAmB,GAAG,sBAAsB,CAAC;QAC9D,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACjB,CAAC,CAAA;IAEF;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CACZ,UAAU,CACR,IAAI,CAAC,mBAAmB,EAAE,CAAC,eAAe,EAAE,EAC5C,IAAI,CAAC,UAAU,EAAE,CAAC,2BAA2B,EAAE,CAChD,CACF,CACF,CAAA;IACH,CAAC;wGAnBU,yBAAyB;4FAAzB,yBAAyB,sEAPzB,CAAC,YAAY,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,iDAGpB;;GAET;;4FAEU,yBAAyB;kBARrC,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,YAAY,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC;oBAC9B,QAAQ,EAAE,wBAAwB;oBAClC,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;GAET;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed} from \"@angular/core\"\nimport {X} from \"lucide-angular\"\n\nimport {useInlineIconButtonApi} from \"@qualcomm-ui/angular/inline-icon-button\"\nimport {provideIcons} from \"@qualcomm-ui/angular-core/lucide\"\nimport {CoreTabDismissButtonDirective} from \"@qualcomm-ui/angular-core/tabs\"\nimport {mergeProps} from \"@qualcomm-ui/utils/merge-props\"\n\nimport {useQdsTabsContext} from \"./qds-tabs-context.service\"\n\n@Component({\n  providers: [provideIcons({X})],\n  selector: \"[q-tab-dismiss-button]\",\n  standalone: false,\n  template: `\n    <svg qIcon=\"X\" [q-bind]=\"inlineIconButtonApi().getIconBindings()\" />\n  `,\n})\nexport class TabDismissButtonDirective extends CoreTabDismissButtonDirective {\n  protected readonly qdsContext = useQdsTabsContext()\n\n  protected readonly inlineIconButtonApi = useInlineIconButtonApi({\n    emphasis: \"neutral\",\n    size: \"md\",\n    variant: \"fixed\",\n  })\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() =>\n        mergeProps(\n          this.inlineIconButtonApi().getRootBindings(),\n          this.qdsContext().getTabDismissButtonBindings(),\n        ),\n      ),\n    )\n  }\n}\n"]}

package/esm2022/tabs/tab-root.directive.js

@@ -0,0 +1,24 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive } from "@angular/core";
+import { CoreTabRootDirective, provideTabContext, } from "@qualcomm-ui/angular-core/tabs";
+import { useQdsTabsContext } from "./qds-tabs-context.service";
+import * as i0 from "@angular/core";
+export class TabRootDirective extends CoreTabRootDirective {
+    qdsContext = useQdsTabsContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getTabBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: TabRootDirective, isStandalone: false, selector: "[q-tab-root]", providers: [provideTabContext()], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabRootDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [provideTabContext()],
+                    selector: "[q-tab-root]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=tab-root.directive.js.map

package/esm2022/tabs/tab-root.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-root.directive.js","sourceRoot":"","sources":["../../../src/tabs/tab-root.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,eAAe,CAAA;AAEjD,OAAO,EACL,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,gCAAgC,CAAA;AAEvC,OAAO,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAA;;AAO5D,MAAM,OAAO,gBAAiB,SAAQ,oBAAoB;IACrC,UAAU,GAAG,iBAAiB,EAAE,CAAA;IAEnD;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,cAAc,EAAE,CAAC,CACnD,CAAA;IACH,CAAC;wGARU,gBAAgB;4FAAhB,gBAAgB,4DAJhB,CAAC,iBAAiB,EAAE,CAAC;;4FAIrB,gBAAgB;kBAL5B,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,iBAAiB,EAAE,CAAC;oBAChC,QAAQ,EAAE,cAAc;oBACxB,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} from \"@angular/core\"\n\nimport {\n  CoreTabRootDirective,\n  provideTabContext,\n} from \"@qualcomm-ui/angular-core/tabs\"\n\nimport {useQdsTabsContext} from \"./qds-tabs-context.service\"\n\n@Directive({\n  providers: [provideTabContext()],\n  selector: \"[q-tab-root]\",\n  standalone: false,\n})\nexport class TabRootDirective extends CoreTabRootDirective {\n  protected readonly qdsContext = useQdsTabsContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsContext().getTabBindings()),\n    )\n  }\n}\n"]}

package/esm2022/tabs/tabs-context.directive.js

@@ -0,0 +1,40 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Directive, inject } from "@angular/core";
+import { ApiContextDirective } from "@qualcomm-ui/angular-core/machine";
+import { TabsContextService } from "@qualcomm-ui/angular-core/tabs";
+import * as i0 from "@angular/core";
+/**
+ * Access the API of the {@link TabsRootDirective} in the template.
+ *
+ * @example
+ * ```angular-html
+ * <div q-tabs-root>
+ *   <ng-container *tabsContext="let tabsApi">
+ *     <button (click)="tabsApi.setValue('abc')"></button>
+ *   </ng-container>
+ * </div>
+ * ```
+ */
+export class TabsContextDirective extends ApiContextDirective {
+    constructor() {
+        const contextService = inject(TabsContextService);
+        super(contextService, "tabsContext");
+    }
+    /**
+     * Provides intellisense for the context in the template.
+     */
+    static ngTemplateContextGuard(dir, ctx) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabsContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: TabsContextDirective, isStandalone: false, selector: "[tabsContext]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabsContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[tabsContext]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=tabs-context.directive.js.map

package/esm2022/tabs/tabs-context.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-context.directive.js","sourceRoot":"","sources":["../../../src/tabs/tabs-context.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,MAAM,EAAC,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAC,mBAAmB,EAAC,MAAM,mCAAmC,CAAA;AACrE,OAAO,EAAC,kBAAkB,EAAC,MAAM,gCAAgC,CAAA;;AAGjE;;;;;;;;;;;GAWG;AAKH,MAAM,OAAO,oBAAqB,SAAQ,mBAA4B;IACpE;QACE,MAAM,cAAc,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAA;QACjD,KAAK,CAAC,cAAc,EAAE,aAAa,CAAC,CAAA;IACtC,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,sBAAsB,CAC3B,GAAyB,EACzB,GAAY;QAEZ,OAAO,IAAI,CAAA;IACb,CAAC;wGAdU,oBAAoB;4FAApB,oBAAoB;;4FAApB,oBAAoB;kBAJhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,UAAU,EAAE,KAAK;iBAClB","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Directive, inject} from \"@angular/core\"\n\nimport {ApiContextDirective} from \"@qualcomm-ui/angular-core/machine\"\nimport {TabsContextService} from \"@qualcomm-ui/angular-core/tabs\"\nimport type {TabsApi} from \"@qualcomm-ui/core/tabs\"\n\n/**\n * Access the API of the {@link TabsRootDirective} in the template.\n *\n * @example\n * ```angular-html\n * <div q-tabs-root>\n *   <ng-container *tabsContext=\"let tabsApi\">\n *     <button (click)=\"tabsApi.setValue('abc')\"></button>\n *   </ng-container>\n * </div>\n * ```\n */\n@Directive({\n  selector: \"[tabsContext]\",\n  standalone: false,\n})\nexport class TabsContextDirective extends ApiContextDirective<TabsApi> {\n  constructor() {\n    const contextService = inject(TabsContextService)\n    super(contextService, \"tabsContext\")\n  }\n\n  /**\n   * Provides intellisense for the context in the template.\n   */\n  static ngTemplateContextGuard(\n    dir: TabsContextDirective,\n    ctx: unknown,\n  ): ctx is {$implicit: TabsApi} {\n    return true\n  }\n}\n"]}

package/esm2022/tabs/tabs-indicator.directive.js

@@ -0,0 +1,23 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive } from "@angular/core";
+import { CoreTabsIndicatorDirective } from "@qualcomm-ui/angular-core/tabs";
+import { useQdsTabsContext } from "./qds-tabs-context.service";
+import * as i0 from "@angular/core";
+export class TabsIndicatorDirective extends CoreTabsIndicatorDirective {
+    qdsContext = useQdsTabsContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getIndicatorBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabsIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: TabsIndicatorDirective, isStandalone: false, selector: "[q-tabs-indicator]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabsIndicatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-tabs-indicator]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=tabs-indicator.directive.js.map

package/esm2022/tabs/tabs-indicator.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-indicator.directive.js","sourceRoot":"","sources":["../../../src/tabs/tabs-indicator.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAC,0BAA0B,EAAC,MAAM,gCAAgC,CAAA;AAEzE,OAAO,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAA;;AAM5D,MAAM,OAAO,sBAAuB,SAAQ,0BAA0B;IACjD,UAAU,GAAG,iBAAiB,EAAE,CAAA;IAEnD;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,oBAAoB,EAAE,CAAC,CACzD,CAAA;IACH,CAAC;wGARU,sBAAsB;4FAAtB,sBAAsB;;4FAAtB,sBAAsB;kBAJlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,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} from \"@angular/core\"\n\nimport {CoreTabsIndicatorDirective} from \"@qualcomm-ui/angular-core/tabs\"\n\nimport {useQdsTabsContext} from \"./qds-tabs-context.service\"\n\n@Directive({\n  selector: \"[q-tabs-indicator]\",\n  standalone: false,\n})\nexport class TabsIndicatorDirective extends CoreTabsIndicatorDirective {\n  protected readonly qdsContext = useQdsTabsContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsContext().getIndicatorBindings()),\n    )\n  }\n}\n"]}

package/esm2022/tabs/tabs-list.directive.js

@@ -0,0 +1,35 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, computed } from "@angular/core";
+import { CoreTabsListDirective } from "@qualcomm-ui/angular-core/tabs";
+import { useQdsTabsContext } from "./qds-tabs-context.service";
+import * as i0 from "@angular/core";
+import * as i1 from "./tabs-indicator.directive";
+export class TabsListDirective extends CoreTabsListDirective {
+    qdsContext = useQdsTabsContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getListBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabsListDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: TabsListDirective, isStandalone: false, selector: "[q-tabs-list]", usesInheritance: true, ngImport: i0, template: `
+    <ng-content select="[q-tabs-indicator]">
+      <div q-tabs-indicator></div>
+    </ng-content>
+    <ng-content />
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.TabsIndicatorDirective, selector: "[q-tabs-indicator]" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabsListDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-tabs-list]",
+                    standalone: false,
+                    template: `
+    <ng-content select="[q-tabs-indicator]">
+      <div q-tabs-indicator></div>
+    </ng-content>
+    <ng-content />
+  `,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=tabs-list.directive.js.map

package/esm2022/tabs/tabs-list.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-list.directive.js","sourceRoot":"","sources":["../../../src/tabs/tabs-list.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAC,qBAAqB,EAAC,MAAM,gCAAgC,CAAA;AAEpE,OAAO,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAA;;;AAY5D,MAAM,OAAO,iBAAkB,SAAQ,qBAAqB;IACvC,UAAU,GAAG,iBAAiB,EAAE,CAAA;IAEnD;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,eAAe,EAAE,CAAC,CACpD,CAAA;IACH,CAAC;wGARU,iBAAiB;4FAAjB,iBAAiB,iGAPlB;;;;;GAKT;;4FAEU,iBAAiB;kBAV7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;GAKT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed} from \"@angular/core\"\n\nimport {CoreTabsListDirective} from \"@qualcomm-ui/angular-core/tabs\"\n\nimport {useQdsTabsContext} from \"./qds-tabs-context.service\"\n\n@Component({\n  selector: \"[q-tabs-list]\",\n  standalone: false,\n  template: `\n    <ng-content select=\"[q-tabs-indicator]\">\n      <div q-tabs-indicator></div>\n    </ng-content>\n    <ng-content />\n  `,\n})\nexport class TabsListDirective extends CoreTabsListDirective {\n  protected readonly qdsContext = useQdsTabsContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsContext().getListBindings()),\n    )\n  }\n}\n"]}

package/esm2022/tabs/tabs-panel.directive.js

@@ -0,0 +1,25 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive } from "@angular/core";
+import { providePresenceContext } from "@qualcomm-ui/angular-core/presence";
+import { CoreTabsPanelDirective } from "@qualcomm-ui/angular-core/tabs";
+import { useQdsTabsContext } from "./qds-tabs-context.service";
+import * as i0 from "@angular/core";
+export class TabsPanelDirective extends CoreTabsPanelDirective {
+    qdsContext = useQdsTabsContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getPanelBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabsPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: TabsPanelDirective, isStandalone: false, selector: "[q-tabs-panel]", providers: [providePresenceContext()], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabsPanelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [providePresenceContext()],
+                    selector: "[q-tabs-panel]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=tabs-panel.directive.js.map

package/esm2022/tabs/tabs-panel.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-panel.directive.js","sourceRoot":"","sources":["../../../src/tabs/tabs-panel.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAC,sBAAsB,EAAC,MAAM,oCAAoC,CAAA;AACzE,OAAO,EAAC,sBAAsB,EAAC,MAAM,gCAAgC,CAAA;AAErE,OAAO,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAA;;AAO5D,MAAM,OAAO,kBAAmB,SAAQ,sBAAsB;IACzC,UAAU,GAAG,iBAAiB,EAAE,CAAA;IAEnD;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,gBAAgB,EAAE,CAAC,CACrD,CAAA;IACH,CAAC;wGARU,kBAAkB;4FAAlB,kBAAkB,8DAJlB,CAAC,sBAAsB,EAAE,CAAC;;4FAI1B,kBAAkB;kBAL9B,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,sBAAsB,EAAE,CAAC;oBACrC,QAAQ,EAAE,gBAAgB;oBAC1B,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} from \"@angular/core\"\n\nimport {providePresenceContext} from \"@qualcomm-ui/angular-core/presence\"\nimport {CoreTabsPanelDirective} from \"@qualcomm-ui/angular-core/tabs\"\n\nimport {useQdsTabsContext} from \"./qds-tabs-context.service\"\n\n@Directive({\n  providers: [providePresenceContext()],\n  selector: \"[q-tabs-panel]\",\n  standalone: false,\n})\nexport class TabsPanelDirective extends CoreTabsPanelDirective {\n  protected readonly qdsContext = useQdsTabsContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsContext().getPanelBindings()),\n    )\n  }\n}\n"]}

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

@@ -0,0 +1,73 @@
+// 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 } from "@qualcomm-ui/angular-core/machine";
+import { provideRenderStrategyContext } from "@qualcomm-ui/angular-core/presence";
+import { CoreTabsRootDirective, provideTabsContext, } from "@qualcomm-ui/angular-core/tabs";
+import { createQdsTabsApi, } from "@qualcomm-ui/qds-core/tabs";
+import { provideQdsTabsContext, QdsTabsContextService, } from "./qds-tabs-context.service";
+import * as i0 from "@angular/core";
+export class TabsRootDirective extends CoreTabsRootDirective {
+    /**
+     * If true, the indicator's position change will animate when the active tab
+     * changes. Only applies to the `line` variant.
+     *
+     * @default true
+     */
+    animateIndicator = input(undefined, ...(ngDevMode ? [{ debugName: "animateIndicator", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The visual style of tab icons.
+     * @option `'ghost'`: The icon is rendered with a transparent background.
+     * @option `'filled'`: The icon is rendered with a solid background.
+     * @default 'ghost'
+     */
+    iconVariant = input(...(ngDevMode ? [undefined, { debugName: "iconVariant" }] : []));
+    /**
+     * Governs the size of the tab text, icons, spacing, and padding. Note that `lg`
+     * and `xl` are not supported by the contained {@link variant}.
+     *
+     * @default 'md'
+     */
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    /**
+     * Governs the appearance of the tab.
+     * @option `'line'`: active tab items have a line underneath them.
+     * @option `'contained'`: active tab items have a box-like appearance.
+     */
+    variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
+    qdsTabsService = inject(QdsTabsContextService);
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsTabsService.context().getRootBindings()));
+    }
+    ngOnInit() {
+        this.qdsTabsService.init(computed(() => createQdsTabsApi({
+            animateIndicator: this.animateIndicator(),
+            iconVariant: this.iconVariant(),
+            size: this.size(),
+            variant: this.variant(),
+        }, normalizeProps)));
+        super.ngOnInit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabsRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: TabsRootDirective, isStandalone: false, selector: "[q-tabs-root]", inputs: { animateIndicator: { classPropertyName: "animateIndicator", publicName: "animateIndicator", isSignal: true, isRequired: false, transformFunction: null }, iconVariant: { classPropertyName: "iconVariant", publicName: "iconVariant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            provideTabsContext(),
+            provideQdsTabsContext(),
+            provideRenderStrategyContext(),
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabsRootDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        provideTabsContext(),
+                        provideQdsTabsContext(),
+                        provideRenderStrategyContext(),
+                    ],
+                    selector: "[q-tabs-root]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [], propDecorators: { animateIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "animateIndicator", required: false }] }], iconVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconVariant", 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=tabs-root.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-root.directive.js","sourceRoot":"","sources":["../../../src/tabs/tabs-root.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,GACN,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAC,cAAc,EAAC,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAC,4BAA4B,EAAC,MAAM,oCAAoC,CAAA;AAE/E,OAAO,EACL,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EACL,gBAAgB,GAKjB,MAAM,4BAA4B,CAAA;AAInC,OAAO,EACL,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,4BAA4B,CAAA;;AAWnC,MAAM,OAAO,iBACX,SAAQ,qBAAqB;IAG7B;;;;;OAKG;IACM,gBAAgB,GAAG,KAAK,CAC/B,SAAS,oDAEP,SAAS,EAAE,gBAAgB,OAD7B;YACE,SAAS,EAAE,gBAAgB;SAC5B,GACF,CAAA;IAED;;;;;OAKG;IACM,WAAW,GAAG,KAAK,iEAAsB,CAAA;IAElD;;;;;OAKG;IACM,IAAI,GAAG,KAAK,0DAAe,CAAA;IAEpC;;;;OAIG;IACM,OAAO,GAAG,KAAK,6DAAkB,CAAA;IAEvB,cAAc,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAA;IAEjE;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,eAAe,EAAE,CAAC,CAChE,CAAA;IACH,CAAC;IAEQ,QAAQ;QACf,IAAI,CAAC,cAAc,CAAC,IAAI,CACtB,QAAQ,CAAC,GAAG,EAAE,CACZ,gBAAgB,CACd;YACE,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EAAE;YACzC,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;YAC/B,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;YACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;SACY,EACrC,cAAc,CACf,CACF,CACF,CAAA;QAED,KAAK,CAAC,QAAQ,EAAE,CAAA;IAClB,CAAC;wGAjEU,iBAAiB;4FAAjB,iBAAiB,+lBARjB;YACT,kBAAkB,EAAE;YACpB,qBAAqB,EAAE;YACvB,4BAA4B,EAAE;SAC/B;;4FAIU,iBAAiB;kBAT7B,SAAS;mBAAC;oBACT,SAAS,EAAE;wBACT,kBAAkB,EAAE;wBACpB,qBAAqB,EAAE;wBACvB,4BAA4B,EAAE;qBAC/B;oBACD,QAAQ,EAAE,eAAe;oBACzB,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  inject,\n  input,\n} from \"@angular/core\"\n\nimport {normalizeProps} from \"@qualcomm-ui/angular-core/machine\"\nimport {provideRenderStrategyContext} from \"@qualcomm-ui/angular-core/presence\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  CoreTabsRootDirective,\n  provideTabsContext,\n} from \"@qualcomm-ui/angular-core/tabs\"\nimport {\n  createQdsTabsApi,\n  type QdsTabsApiProps,\n  type QdsTabsIconVariant,\n  type QdsTabsSize,\n  type QdsTabsVariant,\n} from \"@qualcomm-ui/qds-core/tabs\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\n\nimport {\n  provideQdsTabsContext,\n  QdsTabsContextService,\n} from \"./qds-tabs-context.service\"\n\n@Directive({\n  providers: [\n    provideTabsContext(),\n    provideQdsTabsContext(),\n    provideRenderStrategyContext(),\n  ],\n  selector: \"[q-tabs-root]\",\n  standalone: false,\n})\nexport class TabsRootDirective\n  extends CoreTabsRootDirective\n  implements SignalifyInput<QdsTabsApiProps>\n{\n  /**\n   * If true, the indicator's position change will animate when the active tab\n   * changes. Only applies to the `line` variant.\n   *\n   * @default true\n   */\n  readonly animateIndicator = input<boolean | undefined, Booleanish>(\n    undefined,\n    {\n      transform: booleanAttribute,\n    },\n  )\n\n  /**\n   * The visual style of tab icons.\n   * @option `'ghost'`: The icon is rendered with a transparent background.\n   * @option `'filled'`: The icon is rendered with a solid background.\n   * @default 'ghost'\n   */\n  readonly iconVariant = input<QdsTabsIconVariant>()\n\n  /**\n   * Governs the size of the tab text, icons, spacing, and padding. Note that `lg`\n   * and `xl` are not supported by the contained {@link variant}.\n   *\n   * @default 'md'\n   */\n  readonly size = input<QdsTabsSize>()\n\n  /**\n   * Governs the appearance of the tab.\n   * @option `'line'`: active tab items have a line underneath them.\n   * @option `'contained'`: active tab items have a box-like appearance.\n   */\n  readonly variant = input<QdsTabsVariant>()\n\n  protected readonly qdsTabsService = inject(QdsTabsContextService)\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsTabsService.context().getRootBindings()),\n    )\n  }\n\n  override ngOnInit() {\n    this.qdsTabsService.init(\n      computed(() =>\n        createQdsTabsApi(\n          {\n            animateIndicator: this.animateIndicator(),\n            iconVariant: this.iconVariant(),\n            size: this.size(),\n            variant: this.variant(),\n          } satisfies Explicit<QdsTabsApiProps>,\n          normalizeProps,\n        ),\n      ),\n    )\n\n    super.ngOnInit()\n  }\n}\n"]}

package/esm2022/tabs/tabs.module.js

@@ -0,0 +1,60 @@
+// 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 { QBindDirective } from "@qualcomm-ui/angular-core/machine";
+import { TabButtonDirective } from "./tab-button.directive";
+import { TabDismissButtonDirective } from "./tab-dismiss-button.directive";
+import { TabRootDirective } from "./tab-root.directive";
+import { TabsContextDirective } from "./tabs-context.directive";
+import { TabsIndicatorDirective } from "./tabs-indicator.directive";
+import { TabsListDirective } from "./tabs-list.directive";
+import { TabsPanelDirective } from "./tabs-panel.directive";
+import { TabsRootDirective } from "./tabs-root.directive";
+import * as i0 from "@angular/core";
+export class TabsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: TabsModule, declarations: [TabsContextDirective,
+            TabRootDirective,
+            TabButtonDirective,
+            TabDismissButtonDirective,
+            TabsIndicatorDirective,
+            TabsPanelDirective,
+            TabsListDirective,
+            TabsRootDirective], imports: [IconDirective, QBindDirective], exports: [TabsContextDirective,
+            TabRootDirective,
+            TabButtonDirective,
+            TabDismissButtonDirective,
+            TabsIndicatorDirective,
+            TabsPanelDirective,
+            TabsListDirective,
+            TabsRootDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabsModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TabsContextDirective,
+                        TabRootDirective,
+                        TabButtonDirective,
+                        TabDismissButtonDirective,
+                        TabsIndicatorDirective,
+                        TabsPanelDirective,
+                        TabsListDirective,
+                        TabsRootDirective,
+                    ],
+                    exports: [
+                        TabsContextDirective,
+                        TabRootDirective,
+                        TabButtonDirective,
+                        TabDismissButtonDirective,
+                        TabsIndicatorDirective,
+                        TabsPanelDirective,
+                        TabsListDirective,
+                        TabsRootDirective,
+                    ],
+                    imports: [IconDirective, QBindDirective],
+                }]
+        }] });
+//# sourceMappingURL=tabs.module.js.map

package/esm2022/tabs/tabs.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.module.js","sourceRoot":"","sources":["../../../src/tabs/tabs.module.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAC,cAAc,EAAC,MAAM,mCAAmC,CAAA;AAEhE,OAAO,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAC,yBAAyB,EAAC,MAAM,gCAAgC,CAAA;AACxE,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAC,oBAAoB,EAAC,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAA;;AAyBvD,MAAM,OAAO,UAAU;wGAAV,UAAU;yGAAV,UAAU,iBArBnB,oBAAoB;YACpB,gBAAgB;YAChB,kBAAkB;YAClB,yBAAyB;YACzB,sBAAsB;YACtB,kBAAkB;YAClB,iBAAiB;YACjB,iBAAiB,aAYT,aAAa,EAAE,cAAc,aATrC,oBAAoB;YACpB,gBAAgB;YAChB,kBAAkB;YAClB,yBAAyB;YACzB,sBAAsB;YACtB,kBAAkB;YAClB,iBAAiB;YACjB,iBAAiB;yGAIR,UAAU;;4FAAV,UAAU;kBAvBtB,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,oBAAoB;wBACpB,gBAAgB;wBAChB,kBAAkB;wBAClB,yBAAyB;wBACzB,sBAAsB;wBACtB,kBAAkB;wBAClB,iBAAiB;wBACjB,iBAAiB;qBAClB;oBACD,OAAO,EAAE;wBACP,oBAAoB;wBACpB,gBAAgB;wBAChB,kBAAkB;wBAClB,yBAAyB;wBACzB,sBAAsB;wBACtB,kBAAkB;wBAClB,iBAAiB;wBACjB,iBAAiB;qBAClB;oBACD,OAAO,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC;iBACzC","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\"\nimport {QBindDirective} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {TabButtonDirective} from \"./tab-button.directive\"\nimport {TabDismissButtonDirective} from \"./tab-dismiss-button.directive\"\nimport {TabRootDirective} from \"./tab-root.directive\"\nimport {TabsContextDirective} from \"./tabs-context.directive\"\nimport {TabsIndicatorDirective} from \"./tabs-indicator.directive\"\nimport {TabsListDirective} from \"./tabs-list.directive\"\nimport {TabsPanelDirective} from \"./tabs-panel.directive\"\nimport {TabsRootDirective} from \"./tabs-root.directive\"\n\n@NgModule({\n  declarations: [\n    TabsContextDirective,\n    TabRootDirective,\n    TabButtonDirective,\n    TabDismissButtonDirective,\n    TabsIndicatorDirective,\n    TabsPanelDirective,\n    TabsListDirective,\n    TabsRootDirective,\n  ],\n  exports: [\n    TabsContextDirective,\n    TabRootDirective,\n    TabButtonDirective,\n    TabDismissButtonDirective,\n    TabsIndicatorDirective,\n    TabsPanelDirective,\n    TabsListDirective,\n    TabsRootDirective,\n  ],\n  imports: [IconDirective, QBindDirective],\n})\nexport class TabsModule {}\n"]}

package/esm2022/tag/index.js

@@ -0,0 +1,3 @@
+export * from "./qds-tag-context.service";
+export * from "./tag.directive";
+//# sourceMappingURL=index.js.map

package/esm2022/tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tag/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAA;AACzC,cAAc,iBAAiB,CAAA","sourcesContent":["export * from \"./qds-tag-context.service\"\nexport * from \"./tag.directive\"\n"]}

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

@@ -0,0 +1,14 @@
+// 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 QdsTagContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: QdsTagContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: QdsTagContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: QdsTagContextService, decorators: [{
+            type: Injectable
+        }] });
+export const [QDS_TAG_CONTEXT, useQdsTagContext, provideQdsTagContext,] = createApiContext("QdsTagContext", QdsTagContextService);
+//# sourceMappingURL=qds-tag-context.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"qds-tag-context.service.js","sourceRoot":"","sources":["../../../src/tag/qds-tag-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,oBAAqB,SAAQ,qBAAgC;wGAA7D,oBAAoB;4GAApB,oBAAoB;;4FAApB,oBAAoB;kBADhC,UAAU;;AAGX,MAAM,CAAC,MAAM,CACX,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACrB,GAA0B,gBAAgB,CACzC,eAAe,EACf,oBAAoB,CACrB,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 {QdsTagApi} from \"@qualcomm-ui/qds-core/tag\"\n\n@Injectable()\nexport class QdsTagContextService extends BaseApiContextService<QdsTagApi> {}\n\nexport const [\n  QDS_TAG_CONTEXT,\n  useQdsTagContext,\n  provideQdsTagContext,\n]: ApiContext<QdsTagApi> = createApiContext<QdsTagApi>(\n  \"QdsTagContext\",\n  QdsTagContextService,\n)\n"]}

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

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

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

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