@qualcomm-ui/angular-core 1.0.0

package/esm2022/menu/core-menu-item-indicator.directive.js

@@ -0,0 +1,31 @@
+// 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 { useMenuContext } from "./menu-context.service";
+import { useMenuItemContext } from "./menu-item-context.service";
+import { useMenuOptionItemContext } from "./menu-option-item-context.service";
+import * as i0 from "@angular/core";
+export class CoreMenuItemIndicatorDirective {
+    menuContext = useMenuContext();
+    menuItemContext = useMenuItemContext({ optional: true });
+    menuOptionItemContext = useMenuOptionItemContext({
+        optional: true,
+    });
+    trackBindings = useTrackBindings(() => {
+        const context = this.menuOptionItemContext?.() || this.menuItemContext?.();
+        if (!context) {
+            return {};
+        }
+        return this.menuContext().getItemIndicatorBindings(context);
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuItemIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: CoreMenuItemIndicatorDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuItemIndicatorDirective, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=core-menu-item-indicator.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-menu-item-indicator.directive.js","sourceRoot":"","sources":["../../../src/menu/core-menu-item-indicator.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,cAAc,EAAC,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAC,kBAAkB,EAAC,MAAM,6BAA6B,CAAA;AAC9D,OAAO,EAAC,wBAAwB,EAAC,MAAM,oCAAoC,CAAA;;AAG3E,MAAM,OAAO,8BAA8B;IACtB,WAAW,GAAG,cAAc,EAAE,CAAA;IAC9B,eAAe,GAAG,kBAAkB,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAA;IACtD,qBAAqB,GAAG,wBAAwB,CAAC;QAClE,QAAQ,EAAE,IAAI;KACf,CAAC,CAAA;IAEiB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,MAAM,OAAO,GAAG,IAAI,CAAC,qBAAqB,EAAE,EAAE,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE,CAAA;QAC1E,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,EAAE,CAAA;QACX,CAAC;QACD,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAA;IAC7D,CAAC,CAAC,CAAA;IAEF,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAjBU,8BAA8B;4FAA9B,8BAA8B;;4FAA9B,8BAA8B;kBAD1C,SAAS","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 {useMenuContext} from \"./menu-context.service\"\nimport {useMenuItemContext} from \"./menu-item-context.service\"\nimport {useMenuOptionItemContext} from \"./menu-option-item-context.service\"\n\n@Directive()\nexport class CoreMenuItemIndicatorDirective implements OnInit {\n  protected readonly menuContext = useMenuContext()\n  protected readonly menuItemContext = useMenuItemContext({optional: true})\n  protected readonly menuOptionItemContext = useMenuOptionItemContext({\n    optional: true,\n  })\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    const context = this.menuOptionItemContext?.() || this.menuItemContext?.()\n    if (!context) {\n      return {}\n    }\n    return this.menuContext().getItemIndicatorBindings(context)\n  })\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/menu/core-menu-item-label.directive.js

@@ -0,0 +1,32 @@
+// 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 { useMenuContext } from "./menu-context.service";
+import { useMenuItemContext } from "./menu-item-context.service";
+import { useMenuOptionItemContext } from "./menu-option-item-context.service";
+import * as i0 from "@angular/core";
+export class CoreMenuItemLabelDirective {
+    menuContext = useMenuContext();
+    menuItemContext = useMenuItemContext({ optional: true });
+    menuOptionItemContext = useMenuOptionItemContext({
+        optional: true,
+    });
+    trackBindings = useTrackBindings(() => {
+        const context = this.menuOptionItemContext?.() || this.menuItemContext?.();
+        if (!context) {
+            console.error("Missing context. This directive can only be used as a child of the menu item or menu option item directives.");
+            return {};
+        }
+        return this.menuContext().getItemLabelBindings(context);
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuItemLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: CoreMenuItemLabelDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuItemLabelDirective, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=core-menu-item-label.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-menu-item-label.directive.js","sourceRoot":"","sources":["../../../src/menu/core-menu-item-label.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,cAAc,EAAC,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAC,kBAAkB,EAAC,MAAM,6BAA6B,CAAA;AAC9D,OAAO,EAAC,wBAAwB,EAAC,MAAM,oCAAoC,CAAA;;AAG3E,MAAM,OAAO,0BAA0B;IAClB,WAAW,GAAG,cAAc,EAAE,CAAA;IAC9B,eAAe,GAAG,kBAAkB,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAA;IACtD,qBAAqB,GAAG,wBAAwB,CAAC;QAClE,QAAQ,EAAE,IAAI;KACf,CAAC,CAAA;IAEiB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,MAAM,OAAO,GAAG,IAAI,CAAC,qBAAqB,EAAE,EAAE,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE,CAAA;QAC1E,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CACX,8GAA8G,CAC/G,CAAA;YACD,OAAO,EAAE,CAAA;QACX,CAAC;QACD,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAA;IACzD,CAAC,CAAC,CAAA;IAEF,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGApBU,0BAA0B;4FAA1B,0BAA0B;;4FAA1B,0BAA0B;kBADtC,SAAS","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 {useMenuContext} from \"./menu-context.service\"\nimport {useMenuItemContext} from \"./menu-item-context.service\"\nimport {useMenuOptionItemContext} from \"./menu-option-item-context.service\"\n\n@Directive()\nexport class CoreMenuItemLabelDirective implements OnInit {\n  protected readonly menuContext = useMenuContext()\n  protected readonly menuItemContext = useMenuItemContext({optional: true})\n  protected readonly menuOptionItemContext = useMenuOptionItemContext({\n    optional: true,\n  })\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    const context = this.menuOptionItemContext?.() || this.menuItemContext?.()\n    if (!context) {\n      console.error(\n        \"Missing context. This directive can only be used as a child of the menu item or menu option item directives.\",\n      )\n      return {}\n    }\n    return this.menuContext().getItemLabelBindings(context)\n  })\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/menu/core-menu-item-root.directive.js

@@ -0,0 +1,50 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive, effect } from "@angular/core";
+import { useOnDestroy } from "@qualcomm-ui/angular-core/common";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { BaseMenuItemDirective } from "./base-menu-item.directive";
+import * as i0 from "@angular/core";
+export class CoreMenuItemRootDirective extends BaseMenuItemDirective {
+    itemState = computed(() => {
+        return this.menuContext().getItemState(this.itemProps());
+    }, ...(ngDevMode ? [{ debugName: "itemState" }] : []));
+    trackBindings = useTrackBindings(() => {
+        return this.menuContext().getItemBindings({
+            ...this.itemProps(),
+        });
+    });
+    onDestroy = useOnDestroy();
+    constructor() {
+        super();
+        let prevId = "";
+        effect((onCleanup) => {
+            const id = this.itemState().id;
+            if (id !== prevId) {
+                prevId = id;
+                const cleanup = this.menuContext().addItemListener({
+                    id,
+                    onSelect: () => this.selected.emit(),
+                });
+                onCleanup(() => {
+                    cleanup?.();
+                });
+            }
+        });
+    }
+    ngOnInit() {
+        this.menuItemService.init(computed(() => {
+            return {
+                ...this.itemProps(),
+                ...this.itemState(),
+            };
+        }));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuItemRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: CoreMenuItemRootDirective, isStandalone: true, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuItemRootDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=core-menu-item-root.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-menu-item-root.directive.js","sourceRoot":"","sources":["../../../src/menu/core-menu-item-root.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAc,MAAM,eAAe,CAAA;AAEtE,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,qBAAqB,EAAC,MAAM,4BAA4B,CAAA;;AAGhE,MAAM,OAAO,yBACX,SAAQ,qBAAqB;IAGpB,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE;QACjC,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAA;IAC1D,CAAC,qDAAC,CAAA;IAEiB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,eAAe,CAAC;YACxC,GAAG,IAAI,CAAC,SAAS,EAAE;SACpB,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEiB,SAAS,GAAG,YAAY,EAAE,CAAA;IAE7C;QACE,KAAK,EAAE,CAAA;QACP,IAAI,MAAM,GAAG,EAAE,CAAA;QACf,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE;YACnB,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,CAAA;YAC9B,IAAI,EAAE,KAAK,MAAM,EAAE,CAAC;gBAClB,MAAM,GAAG,EAAE,CAAA;gBACX,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,eAAe,CAAC;oBACjD,EAAE;oBACF,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;iBACrC,CAAC,CAAA;gBACF,SAAS,CAAC,GAAG,EAAE;oBACb,OAAO,EAAE,EAAE,CAAA;gBACb,CAAC,CAAC,CAAA;YACJ,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,eAAe,CAAC,IAAI,CACvB,QAAQ,CAAC,GAAG,EAAE;YACZ,OAAO;gBACL,GAAG,IAAI,CAAC,SAAS,EAAE;gBACnB,GAAG,IAAI,CAAC,SAAS,EAAE;aACpB,CAAA;QACH,CAAC,CAAC,CACH,CAAA;QAED,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGA7CU,yBAAyB;4FAAzB,yBAAyB;;4FAAzB,yBAAyB;kBADrC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive, effect, type OnInit} from \"@angular/core\"\n\nimport {useOnDestroy} from \"@qualcomm-ui/angular-core/common\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {BaseMenuItemDirective} from \"./base-menu-item.directive\"\n\n@Directive()\nexport class CoreMenuItemRootDirective\n  extends BaseMenuItemDirective\n  implements OnInit\n{\n  readonly itemState = computed(() => {\n    return this.menuContext().getItemState(this.itemProps())\n  })\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    return this.menuContext().getItemBindings({\n      ...this.itemProps(),\n    })\n  })\n\n  protected readonly onDestroy = useOnDestroy()\n\n  constructor() {\n    super()\n    let prevId = \"\"\n    effect((onCleanup) => {\n      const id = this.itemState().id\n      if (id !== prevId) {\n        prevId = id\n        const cleanup = this.menuContext().addItemListener({\n          id,\n          onSelect: () => this.selected.emit(),\n        })\n        onCleanup(() => {\n          cleanup?.()\n        })\n      }\n    })\n  }\n\n  ngOnInit() {\n    this.menuItemService.init(\n      computed(() => {\n        return {\n          ...this.itemProps(),\n          ...this.itemState(),\n        }\n      }),\n    )\n\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/menu/core-menu-positioner.directive.js

@@ -0,0 +1,34 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive, inject, input } from "@angular/core";
+import { useId, useOnDestroy } from "@qualcomm-ui/angular-core/common";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { PresenceContextService } from "@qualcomm-ui/angular-core/presence";
+import { useMenuContext } from "./menu-context.service";
+import * as i0 from "@angular/core";
+export class CoreMenuPositionerDirective {
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    menuContext = useMenuContext();
+    presenceService = inject(PresenceContextService);
+    trackBindings = useTrackBindings(() => {
+        return this.menuContext().getPositionerBindings({
+            id: this.hostId(),
+            onDestroy: this.onDestroy,
+        });
+    });
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuPositionerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreMenuPositionerDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuPositionerDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=core-menu-positioner.directive.js.map

package/esm2022/menu/core-menu-positioner.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-menu-positioner.directive.js","sourceRoot":"","sources":["../../../src/menu/core-menu-positioner.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAE7E,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAClE,OAAO,EAAC,sBAAsB,EAAC,MAAM,oCAAoC,CAAA;AAEzE,OAAO,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAA;;AAGrD,MAAM,OAAO,2BAA2B;IACtC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,WAAW,GAAG,cAAc,EAAE,CAAA;IAC9B,eAAe,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAA;IAEhD,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,qBAAqB,CAAC;YAC9C,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEe,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IAE/C,SAAS,GAAG,YAAY,EAAE,CAAA;IAE3C,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAvBU,2BAA2B;4FAA3B,2BAA2B;;4FAA3B,2BAA2B;kBADvC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive, inject, input, type OnInit} from \"@angular/core\"\n\nimport {useId, useOnDestroy} from \"@qualcomm-ui/angular-core/common\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\nimport {PresenceContextService} from \"@qualcomm-ui/angular-core/presence\"\n\nimport {useMenuContext} from \"./menu-context.service\"\n\n@Directive()\nexport class CoreMenuPositionerDirective implements OnInit {\n  /**\n   * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If\n   * omitted, a unique identifier will be generated for accessibility.\n   */\n  readonly id = input<string>()\n\n  protected readonly menuContext = useMenuContext()\n  protected readonly presenceService = inject(PresenceContextService)\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    return this.menuContext().getPositionerBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    })\n  })\n\n  private readonly hostId = computed(() => useId(this, this.id()))\n\n  private readonly onDestroy = useOnDestroy()\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/menu/core-menu-radio-item-group.directive.js

@@ -0,0 +1,52 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive, inject, input, model, } from "@angular/core";
+import { useId } from "@qualcomm-ui/angular-core/common";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { useControlledState } from "@qualcomm-ui/angular-core/state";
+import { useMenuContext } from "./menu-context.service";
+import { MenuRadioItemGroupContextService } from "./menu-radio-item-group-context.service";
+import * as i0 from "@angular/core";
+export class CoreMenuRadioItemGroupDirective {
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    menuContext = useMenuContext();
+    radioItemGroupService = inject(MenuRadioItemGroupContextService);
+    /**
+     * The initial value of the radio item group.
+     * Use when you don't need to control the state of the group.
+     */
+    defaultValue = input(...(ngDevMode ? [undefined, { debugName: "defaultValue" }] : []));
+    /**
+     * The controlled value of the radio item group.
+     */
+    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    valueState = useControlledState({
+        defaultValue: this.defaultValue,
+        onChange: (value) => this.value.set(value),
+        value: this.value,
+    });
+    trackBindings = useTrackBindings(() => {
+        return this.menuContext().getItemGroupBindings({
+            id: this.hostId(),
+        });
+    });
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    ngOnInit() {
+        this.radioItemGroupService.init(computed(() => ({
+            id: this.hostId(),
+            onValueChange: (value) => this.valueState().setValue(value),
+            value: this.valueState().value(),
+        })));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuRadioItemGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreMenuRadioItemGroupDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuRadioItemGroupDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
+//# sourceMappingURL=core-menu-radio-item-group.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-menu-radio-item-group.directive.js","sourceRoot":"","sources":["../../../src/menu/core-menu-radio-item-group.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EACL,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,EACL,KAAK,GAEN,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAC,KAAK,EAAC,MAAM,kCAAkC,CAAA;AACtD,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,kBAAkB,EAAC,MAAM,iCAAiC,CAAA;AAGlE,OAAO,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAC,gCAAgC,EAAC,MAAM,yCAAyC,CAAA;;AAGxF,MAAM,OAAO,+BAA+B;IAG1C;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,WAAW,GAAG,cAAc,EAAE,CAAA;IAC9B,qBAAqB,GAAG,MAAM,CAC/C,gCAAgC,CACjC,CAAA;IAED;;;OAGG;IACM,YAAY,GAAG,KAAK,kEAAU,CAAA;IAEvC;;OAEG;IACM,KAAK,GAAG,KAAK,2DAAsB,CAAA;IAEnC,UAAU,GAAG,kBAAkB,CAAqB;QAC3D,YAAY,EAAE,IAAI,CAAC,YAAY;QAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;QAC1C,KAAK,EAAE,IAAI,CAAC,KAAK;KAClB,CAAC,CAAA;IAEiB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,oBAAoB,CAAC;YAC7C,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;SAClB,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEe,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IAEhE,QAAQ;QACN,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAC7B,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;YACd,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;YACjB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC3D,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE;SACjC,CAAC,CAAC,CACJ,CAAA;QAED,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAjDU,+BAA+B;4FAA/B,+BAA+B;;4FAA/B,+BAA+B;kBAD3C,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\n  computed,\n  Directive,\n  inject,\n  input,\n  model,\n  type OnInit,\n} from \"@angular/core\"\n\nimport {useId} from \"@qualcomm-ui/angular-core/common\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {useControlledState} from \"@qualcomm-ui/angular-core/state\"\nimport type {ItemGroupContext} from \"@qualcomm-ui/core/menu\"\n\nimport {useMenuContext} from \"./menu-context.service\"\nimport {MenuRadioItemGroupContextService} from \"./menu-radio-item-group-context.service\"\n\n@Directive()\nexport class CoreMenuRadioItemGroupDirective\n  implements SignalifyInput<Partial<ItemGroupContext>>, OnInit\n{\n  /**\n   * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If\n   * omitted, a unique identifier will be generated for accessibility.\n   */\n  readonly id = input<string>()\n\n  protected readonly menuContext = useMenuContext()\n  protected readonly radioItemGroupService = inject(\n    MenuRadioItemGroupContextService,\n  )\n\n  /**\n   * The initial value of the radio item group.\n   * Use when you don't need to control the state of the group.\n   */\n  readonly defaultValue = input<string>()\n\n  /**\n   * The controlled value of the radio item group.\n   */\n  readonly value = model<string | undefined>()\n\n  readonly valueState = useControlledState<string | undefined>({\n    defaultValue: this.defaultValue,\n    onChange: (value) => this.value.set(value),\n    value: this.value,\n  })\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    return this.menuContext().getItemGroupBindings({\n      id: this.hostId(),\n    })\n  })\n\n  private readonly hostId = computed(() => useId(this, this.id()))\n\n  ngOnInit() {\n    this.radioItemGroupService.init(\n      computed(() => ({\n        id: this.hostId(),\n        onValueChange: (value) => this.valueState().setValue(value),\n        value: this.valueState().value(),\n      })),\n    )\n\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/menu/core-menu-radio-item.directive.js

@@ -0,0 +1,41 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive, inject } from "@angular/core";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { BaseMenuItemDirective } from "./base-menu-item.directive";
+import { MenuOptionItemContextService } from "./menu-option-item-context.service";
+import { useMenuRadioItemGroupContext } from "./menu-radio-item-group-context.service";
+import * as i0 from "@angular/core";
+export class CoreMenuRadioItemDirective extends BaseMenuItemDirective {
+    menuOptionItemService = inject(MenuOptionItemContextService);
+    menuRadioItemGroupContext = useMenuRadioItemGroupContext();
+    optionItemProps = computed(() => {
+        const props = this.itemProps();
+        const itemGroup = this.menuRadioItemGroupContext();
+        return {
+            ...props,
+            checked: itemGroup.value === props.value,
+            onCheckedChange: () => itemGroup.onValueChange?.(props.value),
+            type: "radio",
+        };
+    }, ...(ngDevMode ? [{ debugName: "optionItemProps" }] : []));
+    trackBindings = useTrackBindings(() => {
+        return this.menuContext().getOptionItemBindings(this.optionItemProps());
+    });
+    ngOnInit() {
+        this.trackBindings();
+        this.menuOptionItemService.init(computed(() => {
+            const optionItemProps = this.optionItemProps();
+            return {
+                ...optionItemProps,
+                ...this.menuContext().getItemState(optionItemProps),
+            };
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuRadioItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: CoreMenuRadioItemDirective, isStandalone: true, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuRadioItemDirective, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=core-menu-radio-item.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-menu-radio-item.directive.js","sourceRoot":"","sources":["../../../src/menu/core-menu-radio-item.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAc,MAAM,eAAe,CAAA;AAEtE,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAGlE,OAAO,EAAC,qBAAqB,EAAC,MAAM,4BAA4B,CAAA;AAChE,OAAO,EAAC,4BAA4B,EAAC,MAAM,oCAAoC,CAAA;AAC/E,OAAO,EAAC,4BAA4B,EAAC,MAAM,yCAAyC,CAAA;;AAGpF,MAAM,OAAO,0BACX,SAAQ,qBAAqB;IAGV,qBAAqB,GAAG,MAAM,CAC/C,4BAA4B,CAC7B,CAAA;IACkB,yBAAyB,GAAG,4BAA4B,EAAE,CAAA;IAEpE,eAAe,GAAG,QAAQ,CAAkB,GAAG,EAAE;QACxD,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAA;QAC9B,MAAM,SAAS,GAAG,IAAI,CAAC,yBAAyB,EAAE,CAAA;QAClD,OAAO;YACL,GAAG,KAAK;YACR,OAAO,EAAE,SAAS,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK;YACxC,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC;YAC7D,IAAI,EAAE,OAAO;SACd,CAAA;IACH,CAAC,2DAAC,CAAA;IAEiB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAA;IACzE,CAAC,CAAC,CAAA;IAEF,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;QAEpB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAC7B,QAAQ,CAAC,GAAG,EAAE;YACZ,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;YAC9C,OAAO;gBACL,GAAG,eAAe;gBAClB,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC;aACpD,CAAA;QACH,CAAC,CAAC,CACH,CAAA;IACH,CAAC;wGApCU,0BAA0B;4FAA1B,0BAA0B;;4FAA1B,0BAA0B;kBADtC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive, inject, type OnInit} from \"@angular/core\"\n\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\nimport type {OptionItemProps} from \"@qualcomm-ui/core/menu\"\n\nimport {BaseMenuItemDirective} from \"./base-menu-item.directive\"\nimport {MenuOptionItemContextService} from \"./menu-option-item-context.service\"\nimport {useMenuRadioItemGroupContext} from \"./menu-radio-item-group-context.service\"\n\n@Directive()\nexport class CoreMenuRadioItemDirective\n  extends BaseMenuItemDirective\n  implements OnInit\n{\n  protected readonly menuOptionItemService = inject(\n    MenuOptionItemContextService,\n  )\n  protected readonly menuRadioItemGroupContext = useMenuRadioItemGroupContext()\n\n  readonly optionItemProps = computed<OptionItemProps>(() => {\n    const props = this.itemProps()\n    const itemGroup = this.menuRadioItemGroupContext()\n    return {\n      ...props,\n      checked: itemGroup.value === props.value,\n      onCheckedChange: () => itemGroup.onValueChange?.(props.value),\n      type: \"radio\",\n    }\n  })\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    return this.menuContext().getOptionItemBindings(this.optionItemProps())\n  })\n\n  ngOnInit() {\n    this.trackBindings()\n\n    this.menuOptionItemService.init(\n      computed(() => {\n        const optionItemProps = this.optionItemProps()\n        return {\n          ...optionItemProps,\n          ...this.menuContext().getItemState(optionItemProps),\n        }\n      }),\n    )\n  }\n}\n"]}

package/esm2022/menu/core-menu-root.directive.js

@@ -0,0 +1,242 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { DOCUMENT } from "@angular/common";
+import { booleanAttribute, computed, Directive, inject, Injector, input, output, untracked, } from "@angular/core";
+import { useId, useIsMounted } from "@qualcomm-ui/angular-core/common";
+import { normalizeProps, useMachine } from "@qualcomm-ui/angular-core/machine";
+import { CorePresenceDirective, PresenceContextService, } from "@qualcomm-ui/angular-core/presence";
+import { createMenuApi, menuMachine, } from "@qualcomm-ui/core/menu";
+import { createPresenceApi, presenceMachine, } from "@qualcomm-ui/core/presence";
+import { isDefined } from "@qualcomm-ui/utils/guard";
+import { MenuContextService, useMenuContext } from "./menu-context.service";
+import { MenuMachineContextService, useMenuMachineContext, } from "./menu-machine-context.service";
+import { MenuTriggerContextService } from "./menu-trigger-context.service";
+import * as i0 from "@angular/core";
+export class CoreMenuRootDirective extends CorePresenceDirective {
+    /**
+     * The positioning point for the menu. Can be set by the context menu trigger or
+     * the button trigger.
+     */
+    anchorPoint = input(...(ngDevMode ? [undefined, { debugName: "anchorPoint" }] : []));
+    /**
+     * Whether to close the menu when an option is selected
+     * @default true
+     */
+    closeOnSelect = input(undefined, ...(ngDevMode ? [{ debugName: "closeOnSelect", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether the menu is composed with other composite widgets like a combobox or tabs
+     * @default true
+     */
+    composite = input(undefined, ...(ngDevMode ? [{ debugName: "composite", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The initial highlighted value of the menu item when rendered.
+     * Use when you don't need to control the highlighted value of the menu item.
+     */
+    defaultHighlightedValue = input(...(ngDevMode ? [undefined, { debugName: "defaultHighlightedValue" }] : []));
+    /**
+     * The initial open state of the menu when rendered.
+     * Use when you don't need to control the open state of the menu.
+     */
+    defaultOpen = input(undefined, ...(ngDevMode ? [{ debugName: "defaultOpen", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The document's text/writing direction.
+     *
+     * @default "ltr"
+     */
+    dir = input(undefined, ...(ngDevMode ? [{ debugName: "dir" }] : []));
+    /**
+     * A root node to correctly resolve the Document in custom environments. i.e.,
+     * Iframes, Electron.
+     */
+    getRootNode = input(...(ngDevMode ? [undefined, { debugName: "getRootNode" }] : []));
+    /**
+     * The controlled highlighted value of the menu item.
+     */
+    highlightedValue = input(...(ngDevMode ? [undefined, { debugName: "highlightedValue" }] : []));
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.)
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    /**
+     * Whether to loop the keyboard navigation.
+     * @default false
+     */
+    loopFocus = input(undefined, ...(ngDevMode ? [{ debugName: "loopFocus", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The controlled open state of the menu
+     */
+    open = input(...(ngDevMode ? [undefined, { debugName: "open" }] : []));
+    /**
+     * The options used to dynamically position the menu
+     * @inheritDoc
+     */
+    positioning = input(...(ngDevMode ? [undefined, { debugName: "positioning" }] : []));
+    /**
+     * Whether the pressing printable characters should trigger typeahead navigation
+     * @default true
+     */
+    typeahead = input(undefined, ...(ngDevMode ? [{ debugName: "typeahead", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Function called when the highlighted menu item changes.
+     */
+    highlightChanged = output();
+    /**
+     * Function to navigate to the selected item if it's an anchor element
+     */
+    navigate = output();
+    /**
+     * Function called when the escape key is pressed
+     */
+    escapeKeyDown = output();
+    /**
+     * Function called when the focus is moved outside the component
+     */
+    focusOutside = output();
+    /**
+     * Function called when an interaction happens outside the component
+     */
+    interactOutside = output();
+    /**
+     * Function called when the open state changes
+     */
+    openChanged = output();
+    /**
+     * Function called when the pointer is pressed down outside the component
+     */
+    pointerDownOutside = output();
+    /**
+     * Function called when this layer is closed due to a parent layer being closed
+     */
+    requestDismissed = output();
+    /**
+     * Function called when a menu item is selected.
+     */
+    selected = output();
+    document = inject(DOCUMENT);
+    isMounted = useIsMounted();
+    menuService = inject(MenuContextService);
+    menuMachineService = inject(MenuMachineContextService);
+    menuTriggerService = inject(MenuTriggerContextService);
+    presenceService = inject(PresenceContextService);
+    injector = inject(Injector);
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    parentMachineContext = useMenuMachineContext({
+        optional: true,
+        skipSelf: true,
+    });
+    parentMenuContext = useMenuContext({
+        optional: true,
+        skipSelf: true,
+    });
+    ngOnInit() {
+        const machine = useMachine(menuMachine, computed(() => ({
+            anchorPoint: this.anchorPoint(),
+            closeOnSelect: this.closeOnSelect(),
+            composite: this.composite(),
+            defaultHighlightedValue: this.defaultHighlightedValue(),
+            defaultOpen: this.defaultOpen(),
+            dir: this.dir(),
+            getRootNode: this.getRootNode() || (() => this.document),
+            highlightedValue: this.highlightedValue(),
+            id: this.hostId(),
+            loopFocus: this.loopFocus(),
+            navigate: (details) => {
+                if (this.isMounted()) {
+                    this.navigate.emit(details);
+                }
+            },
+            onEscapeKeyDown: (event) => {
+                if (this.isMounted()) {
+                    this.escapeKeyDown.emit(event);
+                }
+            },
+            onFocusOutside: (value) => {
+                if (this.isMounted()) {
+                    this.focusOutside.emit(value);
+                }
+            },
+            onHighlightChange: (value) => {
+                if (this.isMounted()) {
+                    this.highlightChanged.emit(value);
+                }
+            },
+            onInteractOutside: (value) => {
+                if (this.isMounted()) {
+                    this.interactOutside.emit(value);
+                }
+            },
+            onOpenChange: (value) => {
+                if (this.isMounted()) {
+                    this.openChanged.emit(value);
+                }
+            },
+            onPointerDownOutside: (value) => {
+                if (this.isMounted()) {
+                    this.pointerDownOutside.emit(value);
+                }
+            },
+            onRequestDismiss: (event) => {
+                if (this.isMounted()) {
+                    this.requestDismissed.emit(event);
+                }
+            },
+            onSelect: (value) => {
+                this.selected.emit(value);
+            },
+            open: this.open(),
+            positioning: this.positioning(),
+            typeahead: this.typeahead(),
+        })), this.injector);
+        const menuApi = computed(() => createMenuApi(machine, normalizeProps), ...(ngDevMode ? [{ debugName: "menuApi" }] : []));
+        // sub-menu check
+        if (this.parentMenuContext && this.parentMachineContext) {
+            this.parentMenuContext().setChild(machine);
+            menuApi().setParent(this.parentMachineContext());
+        }
+        this.menuService.init(menuApi);
+        this.menuMachineService.init(computed(() => machine));
+        this.menuTriggerService.init(computed(() => {
+            return (params) => {
+                return this.parentMenuContext?.()?.getTriggerItemBindings?.(menuApi(), params);
+            };
+        }));
+        const presence = useMachine(presenceMachine, computed(() => {
+            const present = this.present();
+            const api = menuApi();
+            const showing = isDefined(present) ? present : api.open;
+            untracked(() => {
+                if (this.presenceService.initialized()) {
+                    this.presenceService.immediatePresent = showing;
+                }
+            });
+            return {
+                immediate: this.immediate(),
+                lazyMount: this.lazyMount(),
+                onExitComplete: () => {
+                    this.exitCompleted.emit();
+                },
+                present: showing,
+                skipAnimationOnMount: this.skipAnimationOnMount(),
+                unmountOnExit: this.unmountOnExit(),
+            };
+        }), this.injector);
+        this.presenceService.init(computed(() => createPresenceApi(presence, normalizeProps)));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreMenuRootDirective, isStandalone: true, inputs: { anchorPoint: { classPropertyName: "anchorPoint", publicName: "anchorPoint", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, composite: { classPropertyName: "composite", publicName: "composite", isSignal: true, isRequired: false, transformFunction: null }, defaultHighlightedValue: { classPropertyName: "defaultHighlightedValue", publicName: "defaultHighlightedValue", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, getRootNode: { classPropertyName: "getRootNode", publicName: "getRootNode", isSignal: true, isRequired: false, transformFunction: null }, highlightedValue: { classPropertyName: "highlightedValue", publicName: "highlightedValue", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, loopFocus: { classPropertyName: "loopFocus", publicName: "loopFocus", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, positioning: { classPropertyName: "positioning", publicName: "positioning", isSignal: true, isRequired: false, transformFunction: null }, typeahead: { classPropertyName: "typeahead", publicName: "typeahead", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { highlightChanged: "highlightChanged", navigate: "navigate", escapeKeyDown: "escapeKeyDown", focusOutside: "focusOutside", interactOutside: "interactOutside", openChanged: "openChanged", pointerDownOutside: "pointerDownOutside", requestDismissed: "requestDismissed", selected: "selected" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuRootDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { anchorPoint: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchorPoint", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], composite: [{ type: i0.Input, args: [{ isSignal: true, alias: "composite", required: false }] }], defaultHighlightedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultHighlightedValue", required: false }] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], getRootNode: [{ type: i0.Input, args: [{ isSignal: true, alias: "getRootNode", required: false }] }], highlightedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightedValue", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], loopFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "loopFocus", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], positioning: [{ type: i0.Input, args: [{ isSignal: true, alias: "positioning", required: false }] }], typeahead: [{ type: i0.Input, args: [{ isSignal: true, alias: "typeahead", required: false }] }], highlightChanged: [{ type: i0.Output, args: ["highlightChanged"] }], navigate: [{ type: i0.Output, args: ["navigate"] }], escapeKeyDown: [{ type: i0.Output, args: ["escapeKeyDown"] }], focusOutside: [{ type: i0.Output, args: ["focusOutside"] }], interactOutside: [{ type: i0.Output, args: ["interactOutside"] }], openChanged: [{ type: i0.Output, args: ["openChanged"] }], pointerDownOutside: [{ type: i0.Output, args: ["pointerDownOutside"] }], requestDismissed: [{ type: i0.Output, args: ["requestDismissed"] }], selected: [{ type: i0.Output, args: ["selected"] }] } });
+//# sourceMappingURL=core-menu-root.directive.js.map

package/esm2022/menu/core-menu-root.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-menu-root.directive.js","sourceRoot":"","sources":["../../../src/menu/core-menu-root.directive.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {DOCUMENT} from \"@angular/common\"\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  inject,\n  Injector,\n  input,\n  type OnInit,\n  output,\n  untracked,\n} from \"@angular/core\"\n\nimport {useId, useIsMounted} from \"@qualcomm-ui/angular-core/common\"\nimport {normalizeProps, useMachine} from \"@qualcomm-ui/angular-core/machine\"\nimport {\n  CorePresenceDirective,\n  PresenceContextService,\n} from \"@qualcomm-ui/angular-core/presence\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  createMenuApi,\n  type MenuApiProps,\n  menuMachine,\n  type MenuNavigateDetails,\n} from \"@qualcomm-ui/core/menu\"\nimport {\n  createPresenceApi,\n  type PresenceApiProps,\n  presenceMachine,\n} from \"@qualcomm-ui/core/presence\"\nimport type {LayerDismissEvent} from \"@qualcomm-ui/dom/dismissable\"\nimport type {PositioningOptions} from \"@qualcomm-ui/dom/floating-ui\"\nimport type {\n  FocusOutsideEvent,\n  InteractOutsideEvent,\n  PointerDownOutsideEvent,\n} from \"@qualcomm-ui/dom/interact-outside\"\nimport type {Point} from \"@qualcomm-ui/dom/rect-utils\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\nimport type {Direction} from \"@qualcomm-ui/utils/direction\"\nimport {type Explicit, isDefined} from \"@qualcomm-ui/utils/guard\"\nimport type {IdRegistrationProps} from \"@qualcomm-ui/utils/machine\"\n\nimport {MenuContextService, useMenuContext} from \"./menu-context.service\"\nimport {\n  MenuMachineContextService,\n  useMenuMachineContext,\n} from \"./menu-machine-context.service\"\nimport {MenuTriggerContextService} from \"./menu-trigger-context.service\"\n\n@Directive()\nexport class CoreMenuRootDirective\n  extends CorePresenceDirective\n  implements\n    OnInit,\n    SignalifyInput<Omit<MenuApiProps, \"id\" | \"navigate\"> & PresenceApiProps>\n{\n  /**\n   * The positioning point for the menu. Can be set by the context menu trigger or\n   * the button trigger.\n   */\n  readonly anchorPoint = input<Point | null | undefined>()\n\n  /**\n   * Whether to close the menu when an option is selected\n   * @default true\n   */\n  readonly closeOnSelect = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Whether the menu is composed with other composite widgets like a combobox or tabs\n   * @default true\n   */\n  readonly composite = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * The initial highlighted value of the menu item when rendered.\n   * Use when you don't need to control the highlighted value of the menu item.\n   */\n  readonly defaultHighlightedValue = input<string | null | undefined>()\n\n  /**\n   * The initial open state of the menu when rendered.\n   * Use when you don't need to control the open state of the menu.\n   */\n  readonly defaultOpen = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * The document's text/writing direction.\n   *\n   * @default \"ltr\"\n   */\n  readonly dir = input<Direction | undefined>(undefined)\n\n  /**\n   * A root node to correctly resolve the Document in custom environments. i.e.,\n   * Iframes, Electron.\n   */\n  readonly getRootNode = input<\n    (() => ShadowRoot | Document | Node) | undefined\n  >()\n\n  /**\n   * The controlled highlighted value of the menu item.\n   */\n  readonly highlightedValue = input<string | undefined | null>()\n\n  /**\n   * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If\n   * omitted, a unique identifier will be generated for accessibility.)\n   */\n  readonly id = input<string>()\n\n  /**\n   * Whether to loop the keyboard navigation.\n   * @default false\n   */\n  readonly loopFocus = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * The controlled open state of the menu\n   */\n  readonly open = input<boolean | undefined>()\n\n  /**\n   * The options used to dynamically position the menu\n   * @inheritDoc\n   */\n  readonly positioning = input<PositioningOptions | undefined>()\n\n  /**\n   * Whether the pressing printable characters should trigger typeahead navigation\n   * @default true\n   */\n  readonly typeahead = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Function called when the highlighted menu item changes.\n   */\n  highlightChanged = output<string | null>()\n\n  /**\n   * Function to navigate to the selected item if it's an anchor element\n   */\n  readonly navigate = output<MenuNavigateDetails>()\n\n  /**\n   * Function called when the escape key is pressed\n   */\n  readonly escapeKeyDown = output<KeyboardEvent>()\n\n  /**\n   * Function called when the focus is moved outside the component\n   */\n  readonly focusOutside = output<FocusOutsideEvent>()\n\n  /**\n   * Function called when an interaction happens outside the component\n   */\n  readonly interactOutside = output<InteractOutsideEvent>()\n\n  /**\n   * Function called when the open state changes\n   */\n  readonly openChanged = output<boolean>()\n\n  /**\n   * Function called when the pointer is pressed down outside the component\n   */\n  readonly pointerDownOutside = output<PointerDownOutsideEvent>()\n\n  /**\n   * Function called when this layer is closed due to a parent layer being closed\n   */\n  readonly requestDismissed = output<LayerDismissEvent>()\n\n  /**\n   * Function called when a menu item is selected.\n   */\n  readonly selected = output<string>()\n\n  protected readonly document = inject(DOCUMENT)\n  protected readonly isMounted = useIsMounted()\n  protected readonly menuService = inject(MenuContextService)\n  protected readonly menuMachineService = inject(MenuMachineContextService)\n  protected readonly menuTriggerService = inject(MenuTriggerContextService)\n  protected readonly presenceService = inject(PresenceContextService)\n  protected readonly injector = inject(Injector)\n  protected readonly hostId = computed(() => useId(this, this.id()))\n\n  protected readonly parentMachineContext = useMenuMachineContext({\n    optional: true,\n    skipSelf: true,\n  })\n  protected readonly parentMenuContext = useMenuContext({\n    optional: true,\n    skipSelf: true,\n  })\n\n  ngOnInit() {\n    const machine = useMachine(\n      menuMachine,\n      computed<Explicit<MenuApiProps>>(() => ({\n        anchorPoint: this.anchorPoint(),\n        closeOnSelect: this.closeOnSelect(),\n        composite: this.composite(),\n        defaultHighlightedValue: this.defaultHighlightedValue(),\n        defaultOpen: this.defaultOpen(),\n        dir: this.dir(),\n        getRootNode: this.getRootNode() || (() => this.document),\n        highlightedValue: this.highlightedValue(),\n        id: this.hostId(),\n        loopFocus: this.loopFocus(),\n        navigate: (details) => {\n          if (this.isMounted()) {\n            this.navigate.emit(details)\n          }\n        },\n        onEscapeKeyDown: (event) => {\n          if (this.isMounted()) {\n            this.escapeKeyDown.emit(event)\n          }\n        },\n        onFocusOutside: (value) => {\n          if (this.isMounted()) {\n            this.focusOutside.emit(value)\n          }\n        },\n        onHighlightChange: (value) => {\n          if (this.isMounted()) {\n            this.highlightChanged.emit(value)\n          }\n        },\n        onInteractOutside: (value) => {\n          if (this.isMounted()) {\n            this.interactOutside.emit(value)\n          }\n        },\n        onOpenChange: (value) => {\n          if (this.isMounted()) {\n            this.openChanged.emit(value)\n          }\n        },\n        onPointerDownOutside: (value) => {\n          if (this.isMounted()) {\n            this.pointerDownOutside.emit(value)\n          }\n        },\n        onRequestDismiss: (event) => {\n          if (this.isMounted()) {\n            this.requestDismissed.emit(event)\n          }\n        },\n        onSelect: (value) => {\n          this.selected.emit(value)\n        },\n        open: this.open(),\n        positioning: this.positioning(),\n        typeahead: this.typeahead(),\n      })),\n      this.injector,\n    )\n\n    const menuApi = computed(() => createMenuApi(machine, normalizeProps))\n\n    // sub-menu check\n    if (this.parentMenuContext && this.parentMachineContext) {\n      this.parentMenuContext().setChild(machine)\n      menuApi().setParent(this.parentMachineContext())\n    }\n\n    this.menuService.init(menuApi)\n\n    this.menuMachineService.init(computed(() => machine))\n\n    this.menuTriggerService.init(\n      computed(() => {\n        return (params: IdRegistrationProps) => {\n          return this.parentMenuContext?.()?.getTriggerItemBindings?.(\n            menuApi(),\n            params,\n          )\n        }\n      }),\n    )\n\n    const presence = useMachine(\n      presenceMachine,\n      computed<Explicit<PresenceApiProps>>(() => {\n        const present = this.present()\n        const api = menuApi()\n        const showing = isDefined(present) ? present : api.open\n        untracked(() => {\n          if (this.presenceService.initialized()) {\n            this.presenceService.immediatePresent = showing\n          }\n        })\n        return {\n          immediate: this.immediate(),\n          lazyMount: this.lazyMount(),\n          onExitComplete: () => {\n            this.exitCompleted.emit()\n          },\n          present: showing,\n          skipAnimationOnMount: this.skipAnimationOnMount(),\n          unmountOnExit: this.unmountOnExit(),\n        }\n      }),\n      this.injector,\n    )\n\n    this.presenceService.init(\n      computed(() => createPresenceApi(presence, normalizeProps)),\n    )\n  }\n}\n"]}

package/esm2022/menu/core-menu-separator.directive.js

@@ -0,0 +1,21 @@
+// 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 { useMenuContext } from "./menu-context.service";
+import * as i0 from "@angular/core";
+export class CoreMenuSeparatorDirective {
+    menuContext = useMenuContext();
+    trackBindings = useTrackBindings(() => {
+        return this.menuContext().getSeparatorBindings();
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuSeparatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: CoreMenuSeparatorDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuSeparatorDirective, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=core-menu-separator.directive.js.map

package/esm2022/menu/core-menu-separator.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-menu-separator.directive.js","sourceRoot":"","sources":["../../../src/menu/core-menu-separator.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,cAAc,EAAC,MAAM,wBAAwB,CAAA;;AAGrD,MAAM,OAAO,0BAA0B;IAClB,WAAW,GAAG,cAAc,EAAE,CAAA;IAE9B,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,oBAAoB,EAAE,CAAA;IAClD,CAAC,CAAC,CAAA;IAEF,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGATU,0BAA0B;4FAA1B,0BAA0B;;4FAA1B,0BAA0B;kBADtC,SAAS","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 {useMenuContext} from \"./menu-context.service\"\n\n@Directive()\nexport class CoreMenuSeparatorDirective implements OnInit {\n  protected readonly menuContext = useMenuContext()\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    return this.menuContext().getSeparatorBindings()\n  })\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}