@qualcomm-ui/angular 1.0.0

package/esm2022/link/link.directive.js

@@ -0,0 +1,143 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { booleanAttribute, Component, computed, inject, input, } from "@angular/core";
+import { END_ICON_CONTEXT_TOKEN, EndIconDirective, START_ICON_CONTEXT_TOKEN, StartIconDirective, } from "@qualcomm-ui/angular/icon";
+import { normalizeProps, useTrackBindings, } from "@qualcomm-ui/angular-core/machine";
+import { createQdsLinkApi, } from "@qualcomm-ui/qds-core/link";
+import * as i0 from "@angular/core";
+export class LinkDirective {
+    /**
+     * The document's text/writing direction.
+     *
+     * @default "ltr"
+     */
+    dir = input(undefined, ...(ngDevMode ? [{ debugName: "dir" }] : []));
+    /**
+     * Controls whether the link is interactive. When `true`, pointer/focus
+     * events are blocked, and the link is visually dimmed.
+     */
+    disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The color of the link.
+     *
+     * @default 'default'
+     */
+    emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : []));
+    /**
+     * {@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" }] : []));
+    /**
+     * The size of the link and its elements. Governs properties like font size,
+     * item padding, and icon sizes.
+     *
+     * @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" }] : []));
+    qdsLinkApi = computed(() => createQdsLinkApi({
+        dir: this.dir(),
+        disabled: this.disabled(),
+        emphasis: this.emphasis(),
+        size: this.size(),
+    }, normalizeProps), ...(ngDevMode ? [{ debugName: "qdsLinkApi" }] : []));
+    trackBindings = useTrackBindings(() => this.qdsLinkApi().getRootBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: LinkDirective, isStandalone: true, selector: "[q-link]", inputs: { dir: { classPropertyName: "dir", publicName: "dir", 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 }, endIcon: { classPropertyName: "endIcon", publicName: "endIcon", 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 } }, providers: [
+            {
+                provide: START_ICON_CONTEXT_TOKEN,
+                useFactory: () => {
+                    const linkDirective = inject(LinkDirective);
+                    return {
+                        getBindings: computed(() => linkDirective.qdsLinkApi().getStartIconBindings()),
+                    };
+                },
+            },
+            {
+                provide: END_ICON_CONTEXT_TOKEN,
+                useFactory: () => {
+                    const linkDirective = inject(LinkDirective);
+                    return {
+                        getBindings: computed(() => linkDirective.qdsLinkApi().getEndIconBindings()),
+                    };
+                },
+            },
+        ], 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: EndIconDirective, selector: "div[q-end-icon],span[q-end-icon],svg[q-end-icon]", inputs: ["icon"] }, { kind: "directive", type: StartIconDirective, selector: "div[q-start-icon],span[q-start-icon],svg[q-start-icon]", inputs: ["icon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LinkDirective, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [EndIconDirective, StartIconDirective],
+                    providers: [
+                        {
+                            provide: START_ICON_CONTEXT_TOKEN,
+                            useFactory: () => {
+                                const linkDirective = inject(LinkDirective);
+                                return {
+                                    getBindings: computed(() => linkDirective.qdsLinkApi().getStartIconBindings()),
+                                };
+                            },
+                        },
+                        {
+                            provide: END_ICON_CONTEXT_TOKEN,
+                            useFactory: () => {
+                                const linkDirective = inject(LinkDirective);
+                                return {
+                                    getBindings: computed(() => linkDirective.qdsLinkApi().getEndIconBindings()),
+                                };
+                            },
+                        },
+                    ],
+                    selector: "[q-link]",
+                    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: { dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], emphasis: [{ type: i0.Input, args: [{ isSignal: true, alias: "emphasis", required: false }] }], endIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "endIcon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], startIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "startIcon", required: false }] }] } });
+//# sourceMappingURL=link.directive.js.map

package/esm2022/link/link.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.directive.js","sourceRoot":"","sources":["../../../src/link/link.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EACL,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,GAEN,MAAM,eAAe,CAAA;AAEtB,OAAO,EACL,sBAAsB,EACtB,gBAAgB,EAEhB,wBAAwB,EACxB,kBAAkB,GACnB,MAAM,2BAA2B,CAAA;AAElC,OAAO,EACL,cAAc,EACd,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;AAE1C,OAAO,EACL,gBAAgB,GAIjB,MAAM,4BAA4B,CAAA;;AAgDnC,MAAM,OAAO,aAAa;IACxB;;;;OAIG;IACM,GAAG,GAAG,KAAK,CAAwB,SAAS,+CAAC,CAAA;IAEtD;;;OAGG;IACM,QAAQ,GAAG,KAAK,CAAkC,SAAS,4CAClE,SAAS,EAAE,gBAAgB,OADyC;YACpE,SAAS,EAAE,gBAAgB;SAC5B,GAAC,CAAA;IAEF;;;;OAIG;IACM,QAAQ,GAAG,KAAK,8DAAmB,CAAA;IAE5C;;;;;;;;OAQG;IACM,OAAO,GAAG,KAAK,6DAAsB,CAAA;IAE9C;;;;;OAKG;IACM,IAAI,GAAG,KAAK,0DAAe,CAAA;IAEpC;;;;;;;;OAQG;IACM,SAAS,GAAG,KAAK,+DAAsB,CAAA;IAEvC,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAClC,gBAAgB,CACd;QACE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE;QACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;QACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;QACzB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;KACkB,EACrC,cAAc,CACf,sDACF,CAAA;IAEkB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,UAAU,EAAE,CAAC,eAAe,EAAE,CACpC,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAvEU,aAAa;4FAAb,aAAa,8yBAzCb;YACT;gBACE,OAAO,EAAE,wBAAwB;gBACjC,UAAU,EAAE,GAAqB,EAAE;oBACjC,MAAM,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;oBAC3C,OAAO;wBACL,WAAW,EAAE,QAAQ,CAAC,GAAG,EAAE,CACzB,aAAa,CAAC,UAAU,EAAE,CAAC,oBAAoB,EAAE,CAClD;qBACF,CAAA;gBACH,CAAC;aACF;YACD;gBACE,OAAO,EAAE,sBAAsB;gBAC/B,UAAU,EAAE,GAAqB,EAAE;oBACjC,MAAM,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;oBAC3C,OAAO;wBACL,WAAW,EAAE,QAAQ,CAAC,GAAG,EAAE,CACzB,aAAa,CAAC,UAAU,EAAE,CAAC,kBAAkB,EAAE,CAChD;qBACF,CAAA;gBACH,CAAC;aACF;SACF,0BAES;;;;;;;;;;;;;;GAcT,4DAxCS,gBAAgB,+GAAE,kBAAkB;;4FA0CnC,aAAa;kBA3CzB,SAAS;mBAAC;oBACT,OAAO,EAAE,CAAC,gBAAgB,EAAE,kBAAkB,CAAC;oBAC/C,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,wBAAwB;4BACjC,UAAU,EAAE,GAAqB,EAAE;gCACjC,MAAM,aAAa,GAAG,MAAM,eAAe,CAAA;gCAC3C,OAAO;oCACL,WAAW,EAAE,QAAQ,CAAC,GAAG,EAAE,CACzB,aAAa,CAAC,UAAU,EAAE,CAAC,oBAAoB,EAAE,CAClD;iCACF,CAAA;4BACH,CAAC;yBACF;wBACD;4BACE,OAAO,EAAE,sBAAsB;4BAC/B,UAAU,EAAE,GAAqB,EAAE;gCACjC,MAAM,aAAa,GAAG,MAAM,eAAe,CAAA;gCAC3C,OAAO;oCACL,WAAW,EAAE,QAAQ,CAAC,GAAG,EAAE,CACzB,aAAa,CAAC,UAAU,EAAE,CAAC,kBAAkB,EAAE,CAChD;iCACF,CAAA;4BACH,CAAC;yBACF;qBACF;oBACD,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE;;;;;;;;;;;;;;GAcT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\n  booleanAttribute,\n  Component,\n  computed,\n  inject,\n  input,\n  type OnInit,\n} from \"@angular/core\"\n\nimport {\n  END_ICON_CONTEXT_TOKEN,\n  EndIconDirective,\n  type IconTokenContext,\n  START_ICON_CONTEXT_TOKEN,\n  StartIconDirective,\n} 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  createQdsLinkApi,\n  type QdsLinkApiProps,\n  type QdsLinkEmphasis,\n  type QdsLinkSize,\n} from \"@qualcomm-ui/qds-core/link\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\nimport type {Direction} from \"@qualcomm-ui/utils/direction\"\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\n\n@Component({\n  imports: [EndIconDirective, StartIconDirective],\n  providers: [\n    {\n      provide: START_ICON_CONTEXT_TOKEN,\n      useFactory: (): IconTokenContext => {\n        const linkDirective = inject(LinkDirective)\n        return {\n          getBindings: computed(() =>\n            linkDirective.qdsLinkApi().getStartIconBindings(),\n          ),\n        }\n      },\n    },\n    {\n      provide: END_ICON_CONTEXT_TOKEN,\n      useFactory: (): IconTokenContext => {\n        const linkDirective = inject(LinkDirective)\n        return {\n          getBindings: computed(() =>\n            linkDirective.qdsLinkApi().getEndIconBindings(),\n          ),\n        }\n      },\n    },\n  ],\n  selector: \"[q-link]\",\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 LinkDirective implements SignalifyInput<QdsLinkApiProps>, OnInit {\n  /**\n   * The document's text/writing direction.\n   *\n   * @default \"ltr\"\n   */\n  readonly dir = input<Direction | undefined>(undefined)\n\n  /**\n   * Controls whether the link is interactive. When `true`, pointer/focus\n   * events are blocked, and the link is visually dimmed.\n   */\n  readonly disabled = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * The color of the link.\n   *\n   * @default 'default'\n   */\n  readonly emphasis = input<QdsLinkEmphasis>()\n\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  /**\n   * The size of the link and its elements. Governs properties like font size,\n   * item padding, and icon sizes.\n   *\n   * @default 'md'\n   */\n  readonly size = input<QdsLinkSize>()\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  readonly qdsLinkApi = computed(() =>\n    createQdsLinkApi(\n      {\n        dir: this.dir(),\n        disabled: this.disabled(),\n        emphasis: this.emphasis(),\n        size: this.size(),\n      } satisfies Explicit<QdsLinkApiProps>,\n      normalizeProps,\n    ),\n  )\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.qdsLinkApi().getRootBindings(),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"qualcomm-ui-angular-link.js","sourceRoot":"","sources":["../../../src/link/qualcomm-ui-angular-link.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/menu/index.js

@@ -0,0 +1,21 @@
+export * from "./menu-button.component";
+export * from "./menu-checkbox-item.directive";
+export * from "./menu-content.directive";
+export * from "./menu-context-trigger.directive";
+export * from "./menu-item-command.directive";
+export * from "./menu-item-group-label.directive";
+export * from "./menu-item-group.directive";
+export * from "./menu-item-indicator.component";
+export * from "./menu-item-start-icon.component";
+export * from "./menu-item.directive";
+export * from "./menu-positioner.component";
+export * from "./menu-radio-item-group.directive";
+export * from "./menu-radio-item.directive";
+export * from "./menu-separator.directive";
+export * from "./menu-trigger-item-indicator.component";
+export * from "./menu-trigger-item.component";
+export * from "./menu-trigger.directive";
+export * from "./menu.component";
+export * from "./menu.module";
+export * from "./qds-menu-context.service";
+//# sourceMappingURL=index.js.map

package/esm2022/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,0BAA0B,CAAA;AACxC,cAAc,kCAAkC,CAAA;AAChD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,mCAAmC,CAAA;AACjD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,kCAAkC,CAAA;AAChD,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mCAAmC,CAAA;AACjD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yCAAyC,CAAA;AACvD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0BAA0B,CAAA;AACxC,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,4BAA4B,CAAA","sourcesContent":["export * from \"./menu-button.component\"\nexport * from \"./menu-checkbox-item.directive\"\nexport * from \"./menu-content.directive\"\nexport * from \"./menu-context-trigger.directive\"\nexport * from \"./menu-item-command.directive\"\nexport * from \"./menu-item-group-label.directive\"\nexport * from \"./menu-item-group.directive\"\nexport * from \"./menu-item-indicator.component\"\nexport * from \"./menu-item-start-icon.component\"\nexport * from \"./menu-item.directive\"\nexport * from \"./menu-positioner.component\"\nexport * from \"./menu-radio-item-group.directive\"\nexport * from \"./menu-radio-item.directive\"\nexport * from \"./menu-separator.directive\"\nexport * from \"./menu-trigger-item-indicator.component\"\nexport * from \"./menu-trigger-item.component\"\nexport * from \"./menu-trigger.directive\"\nexport * from \"./menu.component\"\nexport * from \"./menu.module\"\nexport * from \"./qds-menu-context.service\"\n"]}

package/esm2022/menu/menu-button.component.js

@@ -0,0 +1,94 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, computed, inject } from "@angular/core";
+import { ChevronDown } from "lucide-angular";
+import { BaseButtonDirective, provideQdsButtonContext, } from "@qualcomm-ui/angular/button";
+import { END_ICON_CONTEXT_TOKEN, START_ICON_CONTEXT_TOKEN, } from "@qualcomm-ui/angular/icon";
+import { provideIcons } from "@qualcomm-ui/angular-core/lucide";
+import { CoreMenuTriggerDirective } from "@qualcomm-ui/angular-core/menu";
+import { useQdsMenuContext } from "./qds-menu-context.service";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular-core/menu";
+import * as i2 from "@qualcomm-ui/angular/icon";
+export class MenuButtonComponent extends BaseButtonDirective {
+    qdsMenuContext = useQdsMenuContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsMenuContext().getButtonBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MenuButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: MenuButtonComponent, isStandalone: false, selector: "[q-menu-button]", providers: [
+            provideIcons({ ChevronDown }),
+            provideQdsButtonContext(),
+            {
+                provide: START_ICON_CONTEXT_TOKEN,
+                useFactory: () => {
+                    const button = inject(MenuButtonComponent);
+                    return {
+                        getBindings: computed(() => button.buttonService.context().getStartIconBindings()),
+                    };
+                },
+            },
+            {
+                provide: END_ICON_CONTEXT_TOKEN,
+                useFactory: () => {
+                    const button = inject(MenuButtonComponent);
+                    return {
+                        getBindings: computed(() => button.buttonService.context().getEndIconBindings()),
+                    };
+                },
+            },
+        ], usesInheritance: true, hostDirectives: [{ directive: i1.CoreMenuTriggerDirective, inputs: ["id", "id"] }], ngImport: i0, template: `
+    <ng-content select="[q-start-icon]" />
+    @if (startIcon()) {
+      <svg q-start-icon [qIcon]="startIcon()!" [size]="size()"></svg>
+    }
+    <ng-content />
+
+    <ng-content select="[q-end-icon]">
+      <svg q-end-icon qIcon="ChevronDown" [size]="size()"></svg>
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }, { kind: "directive", type: i2.StartIconDirective, selector: "div[q-start-icon],span[q-start-icon],svg[q-start-icon]", inputs: ["icon"] }, { kind: "directive", type: i2.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: MenuButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    hostDirectives: [{ directive: CoreMenuTriggerDirective, inputs: ["id"] }],
+                    providers: [
+                        provideIcons({ ChevronDown }),
+                        provideQdsButtonContext(),
+                        {
+                            provide: START_ICON_CONTEXT_TOKEN,
+                            useFactory: () => {
+                                const button = inject(MenuButtonComponent);
+                                return {
+                                    getBindings: computed(() => button.buttonService.context().getStartIconBindings()),
+                                };
+                            },
+                        },
+                        {
+                            provide: END_ICON_CONTEXT_TOKEN,
+                            useFactory: () => {
+                                const button = inject(MenuButtonComponent);
+                                return {
+                                    getBindings: computed(() => button.buttonService.context().getEndIconBindings()),
+                                };
+                            },
+                        },
+                    ],
+                    selector: "[q-menu-button]",
+                    standalone: false,
+                    template: `
+    <ng-content select="[q-start-icon]" />
+    @if (startIcon()) {
+      <svg q-start-icon [qIcon]="startIcon()!" [size]="size()"></svg>
+    }
+    <ng-content />
+
+    <ng-content select="[q-end-icon]">
+      <svg q-end-icon qIcon="ChevronDown" [size]="size()"></svg>
+    </ng-content>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=menu-button.component.js.map

package/esm2022/menu/menu-button.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button.component.js","sourceRoot":"","sources":["../../../src/menu/menu-button.component.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAC,MAAM,eAAe,CAAA;AACzD,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EACL,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACL,sBAAsB,EAEtB,wBAAwB,GACzB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAC,wBAAwB,EAAC,MAAM,gCAAgC,CAAA;AAEvE,OAAO,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAA;;;;AA6C5D,MAAM,OAAO,mBAAoB,SAAQ,mBAAmB;IAChD,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAC9C;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,iBAAiB,EAAE,CAAC,CAC1D,CAAA;IACH,CAAC;wGAPU,mBAAmB;4FAAnB,mBAAmB,+DAxCnB;YACT,YAAY,CAAC,EAAC,WAAW,EAAC,CAAC;YAC3B,uBAAuB,EAAE;YACzB;gBACE,OAAO,EAAE,wBAAwB;gBACjC,UAAU,EAAE,GAAqB,EAAE;oBACjC,MAAM,MAAM,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAA;oBAC1C,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,mBAAmB,CAAC,CAAA;oBAC1C,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,qIAGS;;;;;;;;;;GAUT;;4FAEU,mBAAmB;kBA3C/B,SAAS;mBAAC;oBACT,cAAc,EAAE,CAAC,EAAC,SAAS,EAAE,wBAAwB,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,EAAC,CAAC;oBAEvE,SAAS,EAAE;wBACT,YAAY,CAAC,EAAC,WAAW,EAAC,CAAC;wBAC3B,uBAAuB,EAAE;wBACzB;4BACE,OAAO,EAAE,wBAAwB;4BACjC,UAAU,EAAE,GAAqB,EAAE;gCACjC,MAAM,MAAM,GAAG,MAAM,qBAAqB,CAAA;gCAC1C,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,qBAAqB,CAAA;gCAC1C,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,iBAAiB;oBAC3B,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;;;;;;GAUT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed, inject} from \"@angular/core\"\nimport {ChevronDown} from \"lucide-angular\"\n\nimport {\n  BaseButtonDirective,\n  provideQdsButtonContext,\n} from \"@qualcomm-ui/angular/button\"\nimport {\n  END_ICON_CONTEXT_TOKEN,\n  type IconTokenContext,\n  START_ICON_CONTEXT_TOKEN,\n} from \"@qualcomm-ui/angular/icon\"\nimport {provideIcons} from \"@qualcomm-ui/angular-core/lucide\"\nimport {CoreMenuTriggerDirective} from \"@qualcomm-ui/angular-core/menu\"\n\nimport {useQdsMenuContext} from \"./qds-menu-context.service\"\n\n@Component({\n  hostDirectives: [{directive: CoreMenuTriggerDirective, inputs: [\"id\"]}],\n\n  providers: [\n    provideIcons({ChevronDown}),\n    provideQdsButtonContext(),\n    {\n      provide: START_ICON_CONTEXT_TOKEN,\n      useFactory: (): IconTokenContext => {\n        const button = inject(MenuButtonComponent)\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(MenuButtonComponent)\n        return {\n          getBindings: computed(() =>\n            button.buttonService.context().getEndIconBindings(),\n          ),\n        }\n      },\n    },\n  ],\n  selector: \"[q-menu-button]\",\n  standalone: false,\n  template: `\n    <ng-content select=\"[q-start-icon]\" />\n    @if (startIcon()) {\n      <svg q-start-icon [qIcon]=\"startIcon()!\" [size]=\"size()\"></svg>\n    }\n    <ng-content />\n\n    <ng-content select=\"[q-end-icon]\">\n      <svg q-end-icon qIcon=\"ChevronDown\" [size]=\"size()\"></svg>\n    </ng-content>\n  `,\n})\nexport class MenuButtonComponent extends BaseButtonDirective {\n  protected qdsMenuContext = useQdsMenuContext()\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsMenuContext().getButtonBindings()),\n    )\n  }\n}\n"]}

package/esm2022/menu/menu-checkbox-item.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 { CoreMenuCheckboxItemDirective, provideMenuItemContext, provideMenuOptionItemContext, } from "@qualcomm-ui/angular-core/menu";
+import { useQdsMenuContext } from "./qds-menu-context.service";
+import * as i0 from "@angular/core";
+export class MenuCheckboxItemDirective extends CoreMenuCheckboxItemDirective {
+    qdsMenuContext = useQdsMenuContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsMenuContext().getItemBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MenuCheckboxItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: MenuCheckboxItemDirective, isStandalone: false, selector: "[q-menu-checkbox-item]", providers: [provideMenuItemContext(), provideMenuOptionItemContext()], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MenuCheckboxItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [provideMenuItemContext(), provideMenuOptionItemContext()],
+                    selector: "[q-menu-checkbox-item]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=menu-checkbox-item.directive.js.map

package/esm2022/menu/menu-checkbox-item.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-checkbox-item.directive.js","sourceRoot":"","sources":["../../../src/menu/menu-checkbox-item.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,eAAe,CAAA;AAEjD,OAAO,EACL,6BAA6B,EAC7B,sBAAsB,EACtB,4BAA4B,GAC7B,MAAM,gCAAgC,CAAA;AAEvC,OAAO,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAA;;AAO5D,MAAM,OAAO,yBAA0B,SAAQ,6BAA6B;IACvD,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAEvD;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC,CACxD,CAAA;IACH,CAAC;wGARU,yBAAyB;4FAAzB,yBAAyB,sEAJzB,CAAC,sBAAsB,EAAE,EAAE,4BAA4B,EAAE,CAAC;;4FAI1D,yBAAyB;kBALrC,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,sBAAsB,EAAE,EAAE,4BAA4B,EAAE,CAAC;oBACrE,QAAQ,EAAE,wBAAwB;oBAClC,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  CoreMenuCheckboxItemDirective,\n  provideMenuItemContext,\n  provideMenuOptionItemContext,\n} from \"@qualcomm-ui/angular-core/menu\"\n\nimport {useQdsMenuContext} from \"./qds-menu-context.service\"\n\n@Directive({\n  providers: [provideMenuItemContext(), provideMenuOptionItemContext()],\n  selector: \"[q-menu-checkbox-item]\",\n  standalone: false,\n})\nexport class MenuCheckboxItemDirective extends CoreMenuCheckboxItemDirective {\n  protected readonly qdsMenuContext = useQdsMenuContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsMenuContext().getItemBindings()),\n    )\n  }\n}\n"]}

package/esm2022/menu/menu-content.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 { CoreMenuContentDirective } from "@qualcomm-ui/angular-core/menu";
+import { useQdsMenuContext } from "./qds-menu-context.service";
+import * as i0 from "@angular/core";
+export class MenuContentDirective extends CoreMenuContentDirective {
+    qdsMenuContext = useQdsMenuContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsMenuContext().getContentBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MenuContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: MenuContentDirective, isStandalone: false, selector: "[q-menu-content]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MenuContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-menu-content]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=menu-content.directive.js.map

package/esm2022/menu/menu-content.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-content.directive.js","sourceRoot":"","sources":["../../../src/menu/menu-content.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAC,wBAAwB,EAAC,MAAM,gCAAgC,CAAA;AAEvE,OAAO,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAA;;AAM5D,MAAM,OAAO,oBAAqB,SAAQ,wBAAwB;IAC7C,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAEvD;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,kBAAkB,EAAE,CAAC,CAC3D,CAAA;IACH,CAAC;wGARU,oBAAoB;4FAApB,oBAAoB;;4FAApB,oBAAoB;kBAJhC,SAAS;mBAAC;oBACT,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 {computed, Directive} from \"@angular/core\"\n\nimport {CoreMenuContentDirective} from \"@qualcomm-ui/angular-core/menu\"\n\nimport {useQdsMenuContext} from \"./qds-menu-context.service\"\n\n@Directive({\n  selector: \"[q-menu-content]\",\n  standalone: false,\n})\nexport class MenuContentDirective extends CoreMenuContentDirective {\n  protected readonly qdsMenuContext = useQdsMenuContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsMenuContext().getContentBindings()),\n    )\n  }\n}\n"]}

package/esm2022/menu/menu-context-trigger.directive.js

@@ -0,0 +1,17 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Directive } from "@angular/core";
+import { CoreMenuContextTriggerDirective } from "@qualcomm-ui/angular-core/menu";
+import * as i0 from "@angular/core";
+export class MenuContextTriggerDirective extends CoreMenuContextTriggerDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MenuContextTriggerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: MenuContextTriggerDirective, isStandalone: false, selector: "[q-menu-context-trigger]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MenuContextTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-menu-context-trigger]",
+                    standalone: false,
+                }]
+        }] });
+//# sourceMappingURL=menu-context-trigger.directive.js.map

package/esm2022/menu/menu-context-trigger.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-context-trigger.directive.js","sourceRoot":"","sources":["../../../src/menu/menu-context-trigger.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAC,+BAA+B,EAAC,MAAM,gCAAgC,CAAA;;AAM9E,MAAM,OAAO,2BAA4B,SAAQ,+BAA+B;wGAAnE,2BAA2B;4FAA3B,2BAA2B;;4FAA3B,2BAA2B;kBAJvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,UAAU,EAAE,KAAK;iBAClB","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Directive} from \"@angular/core\"\n\nimport {CoreMenuContextTriggerDirective} from \"@qualcomm-ui/angular-core/menu\"\n\n@Directive({\n  selector: \"[q-menu-context-trigger]\",\n  standalone: false,\n})\nexport class MenuContextTriggerDirective extends CoreMenuContextTriggerDirective {}\n"]}

package/esm2022/menu/menu-item-command.directive.js

@@ -0,0 +1,23 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Directive } from "@angular/core";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { useQdsMenuContext } from "./qds-menu-context.service";
+import * as i0 from "@angular/core";
+export class MenuItemCommandDirective {
+    qdsMenuContext = useQdsMenuContext();
+    trackBindings = useTrackBindings(() => this.qdsMenuContext().getItemCommandBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MenuItemCommandDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: MenuItemCommandDirective, isStandalone: false, selector: "[q-menu-item-command]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MenuItemCommandDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-menu-item-command]",
+                    standalone: false,
+                }]
+        }] });
+//# sourceMappingURL=menu-item-command.directive.js.map

package/esm2022/menu/menu-item-command.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-command.directive.js","sourceRoot":"","sources":["../../../src/menu/menu-item-command.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAc,MAAM,eAAe,CAAA;AAEpD,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAA;;AAM5D,MAAM,OAAO,wBAAwB;IAC1B,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAEpC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAC7C,IAAI,CAAC,cAAc,EAAE,CAAC,sBAAsB,EAAE,CAC/C,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGATU,wBAAwB;4FAAxB,wBAAwB;;4FAAxB,wBAAwB;kBAJpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,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, type OnInit} from \"@angular/core\"\n\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {useQdsMenuContext} from \"./qds-menu-context.service\"\n\n@Directive({\n  selector: \"[q-menu-item-command]\",\n  standalone: false,\n})\nexport class MenuItemCommandDirective implements OnInit {\n  readonly qdsMenuContext = useQdsMenuContext()\n\n  readonly trackBindings = useTrackBindings(() =>\n    this.qdsMenuContext().getItemCommandBindings(),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/menu/menu-item-group-label.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 { CoreMenuItemGroupLabelDirective } from "@qualcomm-ui/angular-core/menu";
+import { useQdsMenuContext } from "./qds-menu-context.service";
+import * as i0 from "@angular/core";
+export class MenuItemGroupLabelDirective extends CoreMenuItemGroupLabelDirective {
+    qdsMenuContext = useQdsMenuContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsMenuContext().getItemGroupLabelBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MenuItemGroupLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: MenuItemGroupLabelDirective, isStandalone: false, selector: "[q-menu-item-group-label]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MenuItemGroupLabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-menu-item-group-label]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=menu-item-group-label.directive.js.map

package/esm2022/menu/menu-item-group-label.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-group-label.directive.js","sourceRoot":"","sources":["../../../src/menu/menu-item-group-label.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAC,+BAA+B,EAAC,MAAM,gCAAgC,CAAA;AAE9E,OAAO,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAA;;AAM5D,MAAM,OAAO,2BAA4B,SAAQ,+BAA+B;IACrE,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAE7C;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,yBAAyB,EAAE,CAAC,CAClE,CAAA;IACH,CAAC;wGARU,2BAA2B;4FAA3B,2BAA2B;;4FAA3B,2BAA2B;kBAJvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,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 {CoreMenuItemGroupLabelDirective} from \"@qualcomm-ui/angular-core/menu\"\n\nimport {useQdsMenuContext} from \"./qds-menu-context.service\"\n\n@Directive({\n  selector: \"[q-menu-item-group-label]\",\n  standalone: false,\n})\nexport class MenuItemGroupLabelDirective extends CoreMenuItemGroupLabelDirective {\n  readonly qdsMenuContext = useQdsMenuContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsMenuContext().getItemGroupLabelBindings()),\n    )\n  }\n}\n"]}

package/esm2022/menu/menu-item-group.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 { CoreMenuItemGroupDirective, provideMenuItemGroupContext, } from "@qualcomm-ui/angular-core/menu";
+import { useQdsMenuContext } from "./qds-menu-context.service";
+import * as i0 from "@angular/core";
+export class MenuItemGroupDirective extends CoreMenuItemGroupDirective {
+    qdsMenuContext = useQdsMenuContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsMenuContext().getItemGroupBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MenuItemGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: MenuItemGroupDirective, isStandalone: false, selector: "[q-menu-item-group]", providers: [provideMenuItemGroupContext()], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MenuItemGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [provideMenuItemGroupContext()],
+                    selector: "[q-menu-item-group]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=menu-item-group.directive.js.map

package/esm2022/menu/menu-item-group.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-group.directive.js","sourceRoot":"","sources":["../../../src/menu/menu-item-group.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,eAAe,CAAA;AAEjD,OAAO,EACL,0BAA0B,EAC1B,2BAA2B,GAC5B,MAAM,gCAAgC,CAAA;AAEvC,OAAO,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAA;;AAO5D,MAAM,OAAO,sBAAuB,SAAQ,0BAA0B;IAC3D,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAE7C;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,oBAAoB,EAAE,CAAC,CAC7D,CAAA;IACH,CAAC;wGARU,sBAAsB;4FAAtB,sBAAsB,mEAJtB,CAAC,2BAA2B,EAAE,CAAC;;4FAI/B,sBAAsB;kBALlC,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,2BAA2B,EAAE,CAAC;oBAC1C,QAAQ,EAAE,qBAAqB;oBAC/B,UAAU,EAAE,KAAK;iBAClB","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive} from \"@angular/core\"\n\nimport {\n  CoreMenuItemGroupDirective,\n  provideMenuItemGroupContext,\n} from \"@qualcomm-ui/angular-core/menu\"\n\nimport {useQdsMenuContext} from \"./qds-menu-context.service\"\n\n@Directive({\n  providers: [provideMenuItemGroupContext()],\n  selector: \"[q-menu-item-group]\",\n  standalone: false,\n})\nexport class MenuItemGroupDirective extends CoreMenuItemGroupDirective {\n  readonly qdsMenuContext = useQdsMenuContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsMenuContext().getItemGroupBindings()),\n    )\n  }\n}\n"]}

package/esm2022/menu/menu-item-indicator.component.js

@@ -0,0 +1,34 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, computed } from "@angular/core";
+import { Check } from "lucide-angular";
+import { provideIcons } from "@qualcomm-ui/angular-core/lucide";
+import { CoreMenuItemIndicatorDirective } from "@qualcomm-ui/angular-core/menu";
+import { useQdsMenuContext } from "./qds-menu-context.service";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular/icon";
+export class MenuItemIndicatorComponent extends CoreMenuItemIndicatorDirective {
+    qdsMenuContext = useQdsMenuContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsMenuContext().getItemIndicatorBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MenuItemIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: MenuItemIndicatorComponent, isStandalone: false, selector: "[q-menu-item-indicator]", providers: [provideIcons({ Check })], usesInheritance: true, ngImport: i0, template: `
+    <ng-content />
+    <svg qIcon="Check"></svg>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MenuItemIndicatorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ Check })],
+                    selector: "[q-menu-item-indicator]",
+                    standalone: false,
+                    template: `
+    <ng-content />
+    <svg qIcon="Check"></svg>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=menu-item-indicator.component.js.map

package/esm2022/menu/menu-item-indicator.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-indicator.component.js","sourceRoot":"","sources":["../../../src/menu/menu-item-indicator.component.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAA;AACjD,OAAO,EAAC,KAAK,EAAC,MAAM,gBAAgB,CAAA;AAEpC,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAC,8BAA8B,EAAC,MAAM,gCAAgC,CAAA;AAE7E,OAAO,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAA;;;AAW5D,MAAM,OAAO,0BAA2B,SAAQ,8BAA8B;IACnE,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAE7C;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,wBAAwB,EAAE,CAAC,CACjE,CAAA;IACH,CAAC;wGARU,0BAA0B;4FAA1B,0BAA0B,uEAR1B,CAAC,YAAY,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC,iDAGxB;;;GAGT;;4FAEU,0BAA0B;kBATtC,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,YAAY,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC;oBAClC,QAAQ,EAAE,yBAAyB;oBACnC,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;GAGT;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 {Check} from \"lucide-angular\"\n\nimport {provideIcons} from \"@qualcomm-ui/angular-core/lucide\"\nimport {CoreMenuItemIndicatorDirective} from \"@qualcomm-ui/angular-core/menu\"\n\nimport {useQdsMenuContext} from \"./qds-menu-context.service\"\n\n@Component({\n  providers: [provideIcons({Check})],\n  selector: \"[q-menu-item-indicator]\",\n  standalone: false,\n  template: `\n    <ng-content />\n    <svg qIcon=\"Check\"></svg>\n  `,\n})\nexport class MenuItemIndicatorComponent extends CoreMenuItemIndicatorDirective {\n  readonly qdsMenuContext = useQdsMenuContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsMenuContext().getItemIndicatorBindings()),\n    )\n  }\n}\n"]}

package/esm2022/menu/menu-item-start-icon.component.js

@@ -0,0 +1,36 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, input } from "@angular/core";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { useQdsMenuContext } from "./qds-menu-context.service";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular/icon";
+export class MenuItemStartIconComponent {
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    qdsMenuContext = useQdsMenuContext();
+    trackBindings = useTrackBindings(() => this.qdsMenuContext().getItemStartIconBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MenuItemStartIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: MenuItemStartIconComponent, isStandalone: false, selector: "[q-menu-item-start-icon]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (icon()) {
+      <svg [qIcon]="icon()!" />
+    }
+    <ng-content />
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MenuItemStartIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-menu-item-start-icon]",
+                    standalone: false,
+                    template: `
+    @if (icon()) {
+      <svg [qIcon]="icon()!" />
+    }
+    <ng-content />
+  `,
+                }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
+//# sourceMappingURL=menu-item-start-icon.component.js.map

package/esm2022/menu/menu-item-start-icon.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-start-icon.component.js","sourceRoot":"","sources":["../../../src/menu/menu-item-start-icon.component.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAG3D,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAA;;;AAY5D,MAAM,OAAO,0BAA0B;IAC5B,IAAI,GAAG,KAAK,0DAAsB,CAAA;IAElC,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAE1B,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,cAAc,EAAE,CAAC,wBAAwB,EAAE,CACjD,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAXU,0BAA0B;4FAA1B,0BAA0B,sNAP3B;;;;;GAKT;;4FAEU,0BAA0B;kBAVtC,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;GAKT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, input, type OnInit} from \"@angular/core\"\n\nimport type {LucideIconOrString} from \"@qualcomm-ui/angular-core/lucide\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {useQdsMenuContext} from \"./qds-menu-context.service\"\n\n@Component({\n  selector: \"[q-menu-item-start-icon]\",\n  standalone: false,\n  template: `\n    @if (icon()) {\n      <svg [qIcon]=\"icon()!\" />\n    }\n    <ng-content />\n  `,\n})\nexport class MenuItemStartIconComponent implements OnInit {\n  readonly icon = input<LucideIconOrString>()\n\n  readonly qdsMenuContext = useQdsMenuContext()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.qdsMenuContext().getItemStartIconBindings(),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/menu/menu-item.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 { CoreMenuItemRootDirective, provideMenuItemContext, } from "@qualcomm-ui/angular-core/menu";
+import { useQdsMenuContext } from "./qds-menu-context.service";
+import * as i0 from "@angular/core";
+export class MenuItemDirective extends CoreMenuItemRootDirective {
+    qdsMenuContext = useQdsMenuContext();
+    ngOnInit() {
+        this.trackBindings({
+            extraBindings: computed(() => this.qdsMenuContext().getItemBindings()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MenuItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: MenuItemDirective, isStandalone: false, selector: "[q-menu-item]", providers: [provideMenuItemContext()], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MenuItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [provideMenuItemContext()],
+                    selector: "[q-menu-item]",
+                    standalone: false,
+                }]
+        }] });
+//# sourceMappingURL=menu-item.directive.js.map

package/esm2022/menu/menu-item.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.directive.js","sourceRoot":"","sources":["../../../src/menu/menu-item.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAc,MAAM,eAAe,CAAA;AAE9D,OAAO,EACL,yBAAyB,EACzB,sBAAsB,GACvB,MAAM,gCAAgC,CAAA;AAEvC,OAAO,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAA;;AAO5D,MAAM,OAAO,iBACX,SAAQ,yBAAyB;IAGd,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAE9C,QAAQ;QACf,IAAI,CAAC,aAAa,CAAC;YACjB,aAAa,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC;SACvE,CAAC,CAAA;IACJ,CAAC;wGAVU,iBAAiB;4FAAjB,iBAAiB,6DAJjB,CAAC,sBAAsB,EAAE,CAAC;;4FAI1B,iBAAiB;kBAL7B,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,sBAAsB,EAAE,CAAC;oBACrC,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 {computed, Directive, type OnInit} from \"@angular/core\"\n\nimport {\n  CoreMenuItemRootDirective,\n  provideMenuItemContext,\n} from \"@qualcomm-ui/angular-core/menu\"\n\nimport {useQdsMenuContext} from \"./qds-menu-context.service\"\n\n@Directive({\n  providers: [provideMenuItemContext()],\n  selector: \"[q-menu-item]\",\n  standalone: false,\n})\nexport class MenuItemDirective\n  extends CoreMenuItemRootDirective\n  implements OnInit\n{\n  protected readonly qdsMenuContext = useQdsMenuContext()\n\n  override ngOnInit() {\n    this.trackBindings({\n      extraBindings: computed(() => this.qdsMenuContext().getItemBindings()),\n    })\n  }\n}\n"]}