@qualcomm-ui/angular-core 1.0.0

package/esm2022/machine/use-track-bindings.js

@@ -0,0 +1,270 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { effect, ElementRef, inject, Injector, Renderer2, RendererStyleFlags2, runInInjectionContext, signal, } from "@angular/core";
+import { isEqual } from "@qualcomm-ui/utils/equal";
+import { isFunction, isNumber, isString } from "@qualcomm-ui/utils/guard";
+import { mergeProps } from "./merge-props";
+/**
+ * Creates a reactive property binding system that dynamically applies computed
+ * properties to a host element. This function sets up an effect that watches for
+ * changes in the provided property getter and efficiently updates the DOM element
+ * accordingly.
+ *
+ * @param propGetter - A function that returns a dictionary of properties to bind to the element.
+ *   Supports attributes, CSS classes, styles, event listeners, and DOM properties.
+ *
+ * @returns An initialization function that starts the reactive binding process
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   selector: 'my-component',
+ *   template: '<div>Content</div>'
+ * })
+ * export class MyComponent {
+ *   protected readonly isExpanded = signal(false)
+ *
+ *   private readonly trackBindings = useTrackBindings(() => ({
+ *     class: 'active component',
+ *     'aria-expanded': this.isExpanded(),
+ *   }))
+ *
+ *   ngOnInit() {
+ *     // Start the reactive binding
+ *     this.trackBindings()
+ *   }
+ * }
+ * ```
+ */
+export function useTrackBindings(propGetter) {
+    let shouldDebug;
+    let disabled = false;
+    const additionalPropGetters = [];
+    const debug = (...args) => {
+        if (shouldDebug) {
+            console.debug(...args);
+        }
+    };
+    let elementRef = inject((ElementRef));
+    const renderer = inject(Renderer2);
+    const listeners = new Map();
+    const injector = inject(Injector);
+    let prev = {};
+    function removeClass(names) {
+        if (!names) {
+            return;
+        }
+        const el = elementRef.nativeElement;
+        for (const name of names.split(",")) {
+            renderer.removeClass(el, name);
+        }
+    }
+    function addClass(names) {
+        const el = elementRef.nativeElement;
+        for (const name of names.split(",")) {
+            for (const className of name.split(" ")) {
+                renderer.addClass(el, className);
+            }
+        }
+    }
+    function removeStyle(style) {
+        if (!style) {
+            return;
+        }
+        const el = elementRef.nativeElement;
+        for (const name of Object.keys(style)) {
+            renderer.removeStyle(el, name, RendererStyleFlags2.DashCase);
+        }
+    }
+    function addStyle(style) {
+        const el = elementRef.nativeElement;
+        for (const [name, value] of Object.entries(style)) {
+            renderer.setStyle(el, name, value, RendererStyleFlags2.DashCase);
+        }
+    }
+    function addEventListener(name, callback) {
+        const eventName = name.substring(2);
+        debug(`Binding event: ${name} -> ${eventName}`);
+        listeners.get(name)?.();
+        const unlisten = renderer.listen(elementRef.nativeElement, name.substring(2), callback);
+        listeners.set(name, unlisten);
+    }
+    function handleAttrs(prevProps, nextProps) {
+        const el = elementRef.nativeElement;
+        for (const [name, value] of Object.entries(prevProps)) {
+            if (name in nextProps) {
+                continue;
+            }
+            if (name.startsWith("on")) {
+                listeners.get(name)?.();
+                listeners.delete(name); // Ensure cleanup
+                continue;
+            }
+            switch (name) {
+                case "class":
+                    removeClass(value);
+                    continue;
+                case "style":
+                    removeStyle(value);
+                    continue;
+                case "value":
+                    renderer.setProperty(el, "value", undefined);
+                    continue;
+                case "textContent":
+                    renderer.setProperty(el, "textContent", "");
+                    continue;
+                case "checked":
+                    renderer.setProperty(el, "checked", false);
+                    continue;
+            }
+            renderer.removeAttribute(el, name);
+        }
+        for (const [name, value] of Object.entries(nextProps)) {
+            if (name in prevProps && isEqual(value, prevProps[name])) {
+                continue;
+            }
+            if (name.startsWith("on")) {
+                const prevHandler = prevProps[name];
+                // Skip if it's the exact same function reference
+                if (isEqual(prevHandler, value)) {
+                    continue;
+                }
+                addEventListener(name, value);
+                continue;
+            }
+            switch (name) {
+                case "class":
+                    removeClass(prevProps[name]);
+                    addClass(value);
+                    continue;
+                case "style":
+                    removeStyle(prevProps[name]);
+                    addStyle(value);
+                    continue;
+                case "value":
+                case "checked":
+                case "textContent":
+                    renderer.setAttribute(el, name, `${value}`);
+                    renderer.setProperty(el, name, value);
+                    continue;
+            }
+            if (isString(value) || isNumber(value)) {
+                renderer.setAttribute(el, name, `${value}`);
+                continue;
+            }
+            if (value === true) {
+                renderer.setAttribute(el, name, "");
+            }
+            else {
+                renderer.removeAttribute(el, name);
+            }
+        }
+    }
+    const initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : []));
+    function getNextBindings() {
+        if (!additionalPropGetters.length) {
+            return propGetter();
+        }
+        return additionalPropGetters.reduce((acc, current) => {
+            return mergeProps(acc, current());
+        }, propGetter());
+    }
+    runInInjectionContext(injector, () => {
+        effect(() => {
+            // only start running the effect after the implementing component initializes.
+            // This is used to prevent the binding operation from starting before the
+            // parent machine has fully initialized.
+            if (initialized()) {
+                const next = getNextBindings();
+                if (!isEqual(next, prev)) {
+                    handleAttrs(prev, next);
+                    prev = { ...next };
+                }
+            }
+        });
+    });
+    const initFn = function (opts = {}) {
+        if (opts.disabled || disabled) {
+            return;
+        }
+        shouldDebug = opts.debug;
+        if (opts.elementRef) {
+            elementRef = isFunction(opts.elementRef)
+                ? opts.elementRef()
+                : opts.elementRef;
+        }
+        if (opts.extraBindings) {
+            additionalPropGetters.push(opts.extraBindings);
+        }
+        initialized.set(true);
+    };
+    initFn.extendWith = (extraProps) => {
+        additionalPropGetters.push(extraProps);
+    };
+    initFn.setDisabled = (isDisabled) => {
+        disabled = isDisabled;
+    };
+    return initFn;
+}
+export function applyBindings(el, props, renderer) {
+    function removeClass(names) {
+        if (!names) {
+            return;
+        }
+        for (const name of names.split(",")) {
+            renderer.removeClass(el, name);
+        }
+    }
+    function addClass(names) {
+        for (const name of names.split(",")) {
+            for (const className of name.split(" ")) {
+                renderer.addClass(el, className);
+            }
+        }
+    }
+    function removeStyle(style) {
+        if (!style) {
+            return;
+        }
+        for (const name of Object.keys(style)) {
+            renderer.removeStyle(el, name, RendererStyleFlags2.DashCase);
+        }
+    }
+    function addStyle(style) {
+        for (const [name, value] of Object.entries(style)) {
+            renderer.setStyle(el, name, value, RendererStyleFlags2.DashCase);
+        }
+    }
+    for (const [name, value] of Object.entries(props)) {
+        if (name.startsWith("on")) {
+            // skip event listeners
+        }
+        switch (name) {
+            case "class":
+                removeClass(value);
+                addClass(value);
+                continue;
+            case "style":
+                removeStyle(value);
+                addStyle(value);
+                continue;
+            case "value":
+            case "checked":
+            case "textContent":
+                renderer.setAttribute(el, name, `${value}`);
+                renderer.setProperty(el, name, value);
+                continue;
+        }
+        if (isString(value) || isNumber(value)) {
+            renderer.setAttribute(el, name, `${value}`);
+            continue;
+        }
+        if (value === true) {
+            renderer.setAttribute(el, name, "");
+        }
+        else {
+            renderer.removeAttribute(el, name);
+        }
+    }
+}
+//# sourceMappingURL=use-track-bindings.js.map

package/esm2022/machine/use-track-bindings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-track-bindings.js","sourceRoot":"","sources":["../../../src/machine/use-track-bindings.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EACL,MAAM,EACN,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,qBAAqB,EAErB,MAAM,GACP,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAC,OAAO,EAAC,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AAEvE,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AA8BxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,UAAU,gBAAgB,CAAC,UAAsB;IACrD,IAAI,WAAgC,CAAA;IACpC,IAAI,QAAQ,GAAG,KAAK,CAAA;IACpB,MAAM,qBAAqB,GAAmB,EAAE,CAAA;IAChD,MAAM,KAAK,GAAG,CAAC,GAAG,IAAW,EAAE,EAAE;QAC/B,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,CAAA;IAED,IAAI,UAAU,GAAG,MAAM,CAAC,CAAA,UAAuB,CAAA,CAAC,CAAA;IAChD,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;IAClC,MAAM,SAAS,GAAG,IAAI,GAAG,EAAwB,CAAA;IACjD,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IAEjC,IAAI,IAAI,GAAS,EAAE,CAAA;IAEnB,SAAS,WAAW,CAAC,KAAc;QACjC,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAM;QACR,CAAC;QACD,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAA;QACnC,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACpC,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;QAChC,CAAC;IACH,CAAC;IAED,SAAS,QAAQ,CAAC,KAAa;QAC7B,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAA;QACnC,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACpC,KAAK,MAAM,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;gBACxC,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,CAAA;YAClC,CAAC;QACH,CAAC;IACH,CAAC;IACD,SAAS,WAAW,CAAC,KAAmB;QACtC,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAM;QACR,CAAC;QACD,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAA;QACnC,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,IAAI,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;QAC9D,CAAC;IACH,CAAC;IAED,SAAS,QAAQ,CAAC,KAAkB;QAClC,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAA;QACnC,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;QAClE,CAAC;IACH,CAAC;IAED,SAAS,gBAAgB,CAAC,IAAY,EAAE,QAAuB;QAC7D,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;QACnC,KAAK,CAAC,kBAAkB,IAAI,OAAO,SAAS,EAAE,CAAC,CAAA;QAC/C,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,CAAA;QACvB,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAC9B,UAAU,CAAC,aAAa,EACxB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EACjB,QAAQ,CACT,CAAA;QACD,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;IAC/B,CAAC;IAED,SAAS,WAAW,CAAC,SAAe,EAAE,SAAe;QACnD,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAA;QAEnC,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;YACtD,IAAI,IAAI,IAAI,SAAS,EAAE,CAAC;gBACtB,SAAQ;YACV,CAAC;YACD,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC1B,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,CAAA;gBACvB,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA,CAAC,iBAAiB;gBACxC,SAAQ;YACV,CAAC;YACD,QAAQ,IAAI,EAAE,CAAC;gBACb,KAAK,OAAO;oBACV,WAAW,CAAC,KAAe,CAAC,CAAA;oBAC5B,SAAQ;gBACV,KAAK,OAAO;oBACV,WAAW,CAAC,KAAoB,CAAC,CAAA;oBACjC,SAAQ;gBACV,KAAK,OAAO;oBACV,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,OAAO,EAAE,SAAS,CAAC,CAAA;oBAC5C,SAAQ;gBACV,KAAK,aAAa;oBAChB,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,aAAa,EAAE,EAAE,CAAC,CAAA;oBAC3C,SAAQ;gBACV,KAAK,SAAS;oBACZ,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;oBAC1C,SAAQ;YACZ,CAAC;YACD,QAAQ,CAAC,eAAe,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;QACpC,CAAC;QAED,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;YACtD,IAAI,IAAI,IAAI,SAAS,IAAI,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;gBACzD,SAAQ;YACV,CAAC;YACD,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC1B,MAAM,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;gBACnC,iDAAiD;gBACjD,IAAI,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;oBAChC,SAAQ;gBACV,CAAC;gBACD,gBAAgB,CAAC,IAAI,EAAE,KAAsB,CAAC,CAAA;gBAC9C,SAAQ;YACV,CAAC;YAED,QAAQ,IAAI,EAAE,CAAC;gBACb,KAAK,OAAO;oBACV,WAAW,CAAC,SAAS,CAAC,IAAI,CAAW,CAAC,CAAA;oBACtC,QAAQ,CAAC,KAAe,CAAC,CAAA;oBACzB,SAAQ;gBACV,KAAK,OAAO;oBACV,WAAW,CAAC,SAAS,CAAC,IAAI,CAAgB,CAAC,CAAA;oBAC3C,QAAQ,CAAC,KAAoB,CAAC,CAAA;oBAC9B,SAAQ;gBACV,KAAK,OAAO,CAAC;gBACb,KAAK,SAAS,CAAC;gBACf,KAAK,aAAa;oBAChB,QAAQ,CAAC,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,CAAC,CAAA;oBAC3C,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;oBACrC,SAAQ;YACZ,CAAC;YACD,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBACvC,QAAQ,CAAC,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,CAAC,CAAA;gBAC3C,SAAQ;YACV,CAAC;YACD,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;gBACnB,QAAQ,CAAC,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,CAAA;YACrC,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,eAAe,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;YACpC,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,uDAAC,CAAA;IAEjC,SAAS,eAAe;QACtB,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,CAAC;YAClC,OAAO,UAAU,EAAE,CAAA;QACrB,CAAC;QACD,OAAO,qBAAqB,CAAC,MAAM,CAAC,CAAC,GAAS,EAAE,OAAO,EAAE,EAAE;YACzD,OAAO,UAAU,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,CAAA;QACnC,CAAC,EAAE,UAAU,EAAE,CAAC,CAAA;IAClB,CAAC;IAED,qBAAqB,CAAC,QAAQ,EAAE,GAAG,EAAE;QACnC,MAAM,CAAC,GAAG,EAAE;YACV,8EAA8E;YAC9E,yEAAyE;YACzE,wCAAwC;YACxC,IAAI,WAAW,EAAE,EAAE,CAAC;gBAClB,MAAM,IAAI,GAAG,eAAe,EAAE,CAAA;gBAC9B,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;oBACzB,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;oBACvB,IAAI,GAAG,EAAC,GAAG,IAAI,EAAC,CAAA;gBAClB,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,MAAM,MAAM,GAAkB,UAAU,OAA4B,EAAE;QACpE,IAAI,IAAI,CAAC,QAAQ,IAAI,QAAQ,EAAE,CAAC;YAC9B,OAAM;QACR,CAAC;QACD,WAAW,GAAG,IAAI,CAAC,KAAK,CAAA;QACxB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC;gBACtC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE;gBACnB,CAAC,CAAC,IAAI,CAAC,UAAU,CAAA;QACrB,CAAC;QACD,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;QAChD,CAAC;QAED,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;IACvB,CAAkB,CAAA;IAElB,MAAM,CAAC,UAAU,GAAG,CAAC,UAAsB,EAAE,EAAE;QAC7C,qBAAqB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,MAAM,CAAC,WAAW,GAAG,CAAC,UAAmB,EAAE,EAAE;QAC3C,QAAQ,GAAG,UAAU,CAAA;IACvB,CAAC,CAAA;IAED,OAAO,MAAM,CAAA;AACf,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,EAAe,EACf,KAAW,EACX,QAAmB;IAEnB,SAAS,WAAW,CAAC,KAAc;QACjC,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAM;QACR,CAAC;QACD,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACpC,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;QAChC,CAAC;IACH,CAAC;IAED,SAAS,QAAQ,CAAC,KAAa;QAC7B,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACpC,KAAK,MAAM,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;gBACxC,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,CAAA;YAClC,CAAC;QACH,CAAC;IACH,CAAC;IACD,SAAS,WAAW,CAAC,KAAmB;QACtC,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAM;QACR,CAAC;QACD,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,IAAI,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;QAC9D,CAAC;IACH,CAAC;IAED,SAAS,QAAQ,CAAC,KAAkB;QAClC,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;QAClE,CAAC;IACH,CAAC;IAED,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAClD,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAC1B,uBAAuB;QACzB,CAAC;QAED,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO;gBACV,WAAW,CAAC,KAAe,CAAC,CAAA;gBAC5B,QAAQ,CAAC,KAAe,CAAC,CAAA;gBACzB,SAAQ;YACV,KAAK,OAAO;gBACV,WAAW,CAAC,KAAoB,CAAC,CAAA;gBACjC,QAAQ,CAAC,KAAoB,CAAC,CAAA;gBAC9B,SAAQ;YACV,KAAK,OAAO,CAAC;YACb,KAAK,SAAS,CAAC;YACf,KAAK,aAAa;gBAChB,QAAQ,CAAC,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,CAAC,CAAA;gBAC3C,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;gBACrC,SAAQ;QACZ,CAAC;QACD,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YACvC,QAAQ,CAAC,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,CAAC,CAAA;YAC3C,SAAQ;QACV,CAAC;QACD,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YACnB,QAAQ,CAAC,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,CAAA;QACrC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,eAAe,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;QACpC,CAAC;IACH,CAAC;AACH,CAAC","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\n  effect,\n  ElementRef,\n  inject,\n  Injector,\n  Renderer2,\n  RendererStyleFlags2,\n  runInInjectionContext,\n  type Signal,\n  signal,\n} from \"@angular/core\"\n\nimport {isEqual} from \"@qualcomm-ui/utils/equal\"\nimport {isFunction, isNumber, isString} from \"@qualcomm-ui/utils/guard\"\n\nimport {mergeProps} from \"./merge-props\"\nimport type {Dict, StyleObject} from \"./normalize-props\"\n\nexport interface TrackBindingsConfig {\n  debug?: boolean | undefined\n\n  /**\n   * If true, the default prop spreader for this part will not be initialized.\n   */\n  disabled?: boolean | undefined\n\n  /**\n   * Override the ElementRef target for the property spreader function.\n   */\n  elementRef?: ElementRef | (() => ElementRef)\n\n  /**\n   * Prop getter for additional props to spread onto the host element.\n   */\n  extraBindings?: (() => Dict) | Signal<Dict>\n}\n\ntype InitTrackerFn = ((opts?: TrackBindingsConfig) => void) & {\n  /**\n   * Add additional props to spread onto the host element.\n   */\n  extendWith: (computedProps: () => Dict) => void\n  setDisabled: (disabled: boolean) => void\n}\n\n/**\n * Creates a reactive property binding system that dynamically applies computed\n * properties to a host element. This function sets up an effect that watches for\n * changes in the provided property getter and efficiently updates the DOM element\n * accordingly.\n *\n * @param propGetter - A function that returns a dictionary of properties to bind to the element.\n *   Supports attributes, CSS classes, styles, event listeners, and DOM properties.\n *\n * @returns An initialization function that starts the reactive binding process\n *\n * @example\n * ```typescript\n * @Component({\n *   selector: 'my-component',\n *   template: '<div>Content</div>'\n * })\n * export class MyComponent {\n *   protected readonly isExpanded = signal(false)\n *\n *   private readonly trackBindings = useTrackBindings(() => ({\n *     class: 'active component',\n *     'aria-expanded': this.isExpanded(),\n *   }))\n *\n *   ngOnInit() {\n *     // Start the reactive binding\n *     this.trackBindings()\n *   }\n * }\n * ```\n */\nexport function useTrackBindings(propGetter: () => Dict): InitTrackerFn {\n  let shouldDebug: boolean | undefined\n  let disabled = false\n  const additionalPropGetters: (() => Dict)[] = []\n  const debug = (...args: any[]) => {\n    if (shouldDebug) {\n      console.debug(...args)\n    }\n  }\n\n  let elementRef = inject(ElementRef<HTMLElement>)\n  const renderer = inject(Renderer2)\n  const listeners = new Map<string, VoidFunction>()\n  const injector = inject(Injector)\n\n  let prev: Dict = {}\n\n  function removeClass(names?: string) {\n    if (!names) {\n      return\n    }\n    const el = elementRef.nativeElement\n    for (const name of names.split(\",\")) {\n      renderer.removeClass(el, name)\n    }\n  }\n\n  function addClass(names: string) {\n    const el = elementRef.nativeElement\n    for (const name of names.split(\",\")) {\n      for (const className of name.split(\" \")) {\n        renderer.addClass(el, className)\n      }\n    }\n  }\n  function removeStyle(style?: StyleObject) {\n    if (!style) {\n      return\n    }\n    const el = elementRef.nativeElement\n    for (const name of Object.keys(style)) {\n      renderer.removeStyle(el, name, RendererStyleFlags2.DashCase)\n    }\n  }\n\n  function addStyle(style: StyleObject) {\n    const el = elementRef.nativeElement\n    for (const [name, value] of Object.entries(style)) {\n      renderer.setStyle(el, name, value, RendererStyleFlags2.DashCase)\n    }\n  }\n\n  function addEventListener(name: string, callback: EventListener) {\n    const eventName = name.substring(2)\n    debug(`Binding event: ${name} -> ${eventName}`)\n    listeners.get(name)?.()\n    const unlisten = renderer.listen(\n      elementRef.nativeElement,\n      name.substring(2),\n      callback,\n    )\n    listeners.set(name, unlisten)\n  }\n\n  function handleAttrs(prevProps: Dict, nextProps: Dict): void {\n    const el = elementRef.nativeElement\n\n    for (const [name, value] of Object.entries(prevProps)) {\n      if (name in nextProps) {\n        continue\n      }\n      if (name.startsWith(\"on\")) {\n        listeners.get(name)?.()\n        listeners.delete(name) // Ensure cleanup\n        continue\n      }\n      switch (name) {\n        case \"class\":\n          removeClass(value as string)\n          continue\n        case \"style\":\n          removeStyle(value as StyleObject)\n          continue\n        case \"value\":\n          renderer.setProperty(el, \"value\", undefined)\n          continue\n        case \"textContent\":\n          renderer.setProperty(el, \"textContent\", \"\")\n          continue\n        case \"checked\":\n          renderer.setProperty(el, \"checked\", false)\n          continue\n      }\n      renderer.removeAttribute(el, name)\n    }\n\n    for (const [name, value] of Object.entries(nextProps)) {\n      if (name in prevProps && isEqual(value, prevProps[name])) {\n        continue\n      }\n      if (name.startsWith(\"on\")) {\n        const prevHandler = prevProps[name]\n        // Skip if it's the exact same function reference\n        if (isEqual(prevHandler, value)) {\n          continue\n        }\n        addEventListener(name, value as EventListener)\n        continue\n      }\n\n      switch (name) {\n        case \"class\":\n          removeClass(prevProps[name] as string)\n          addClass(value as string)\n          continue\n        case \"style\":\n          removeStyle(prevProps[name] as StyleObject)\n          addStyle(value as StyleObject)\n          continue\n        case \"value\":\n        case \"checked\":\n        case \"textContent\":\n          renderer.setAttribute(el, name, `${value}`)\n          renderer.setProperty(el, name, value)\n          continue\n      }\n      if (isString(value) || isNumber(value)) {\n        renderer.setAttribute(el, name, `${value}`)\n        continue\n      }\n      if (value === true) {\n        renderer.setAttribute(el, name, \"\")\n      } else {\n        renderer.removeAttribute(el, name)\n      }\n    }\n  }\n\n  const initialized = signal(false)\n\n  function getNextBindings() {\n    if (!additionalPropGetters.length) {\n      return propGetter()\n    }\n    return additionalPropGetters.reduce((acc: Dict, current) => {\n      return mergeProps(acc, current())\n    }, propGetter())\n  }\n\n  runInInjectionContext(injector, () => {\n    effect(() => {\n      // only start running the effect after the implementing component initializes.\n      // This is used to prevent the binding operation from starting before the\n      // parent machine has fully initialized.\n      if (initialized()) {\n        const next = getNextBindings()\n        if (!isEqual(next, prev)) {\n          handleAttrs(prev, next)\n          prev = {...next}\n        }\n      }\n    })\n  })\n\n  const initFn: InitTrackerFn = function (opts: TrackBindingsConfig = {}) {\n    if (opts.disabled || disabled) {\n      return\n    }\n    shouldDebug = opts.debug\n    if (opts.elementRef) {\n      elementRef = isFunction(opts.elementRef)\n        ? opts.elementRef()\n        : opts.elementRef\n    }\n    if (opts.extraBindings) {\n      additionalPropGetters.push(opts.extraBindings)\n    }\n\n    initialized.set(true)\n  } as InitTrackerFn\n\n  initFn.extendWith = (extraProps: () => Dict) => {\n    additionalPropGetters.push(extraProps)\n  }\n\n  initFn.setDisabled = (isDisabled: boolean) => {\n    disabled = isDisabled\n  }\n\n  return initFn\n}\n\nexport function applyBindings(\n  el: HTMLElement,\n  props: Dict,\n  renderer: Renderer2,\n): void {\n  function removeClass(names?: string) {\n    if (!names) {\n      return\n    }\n    for (const name of names.split(\",\")) {\n      renderer.removeClass(el, name)\n    }\n  }\n\n  function addClass(names: string) {\n    for (const name of names.split(\",\")) {\n      for (const className of name.split(\" \")) {\n        renderer.addClass(el, className)\n      }\n    }\n  }\n  function removeStyle(style?: StyleObject) {\n    if (!style) {\n      return\n    }\n    for (const name of Object.keys(style)) {\n      renderer.removeStyle(el, name, RendererStyleFlags2.DashCase)\n    }\n  }\n\n  function addStyle(style: StyleObject) {\n    for (const [name, value] of Object.entries(style)) {\n      renderer.setStyle(el, name, value, RendererStyleFlags2.DashCase)\n    }\n  }\n\n  for (const [name, value] of Object.entries(props)) {\n    if (name.startsWith(\"on\")) {\n      // skip event listeners\n    }\n\n    switch (name) {\n      case \"class\":\n        removeClass(value as string)\n        addClass(value as string)\n        continue\n      case \"style\":\n        removeStyle(value as StyleObject)\n        addStyle(value as StyleObject)\n        continue\n      case \"value\":\n      case \"checked\":\n      case \"textContent\":\n        renderer.setAttribute(el, name, `${value}`)\n        renderer.setProperty(el, name, value)\n        continue\n    }\n    if (isString(value) || isNumber(value)) {\n      renderer.setAttribute(el, name, `${value}`)\n      continue\n    }\n    if (value === true) {\n      renderer.setAttribute(el, name, \"\")\n    } else {\n      renderer.removeAttribute(el, name)\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,53 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { booleanAttribute, computed, Directive, inject, input, output, } from "@angular/core";
+import { useMenuContext } from "./menu-context.service";
+import { MenuItemContextService } from "./menu-item-context.service";
+import * as i0 from "@angular/core";
+/**
+ * Each menu item type shares the same base properties.
+ *
+ * @public
+ */
+export class BaseMenuItemDirective {
+    /**
+     * Whether the menu should be closed when the option is selected.
+     */
+    closeOnSelect = input(undefined, ...(ngDevMode ? [{ debugName: "closeOnSelect", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether the menu item is disabled
+     */
+    disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The unique value of the menu item option.
+     */
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+    /**
+     * The textual value of the option. Used in typeahead navigation of the menu.
+     * If not provided, the text content of the menu item will be used.
+     */
+    valueText = input(...(ngDevMode ? [undefined, { debugName: "valueText" }] : []));
+    /**
+     * Emitted when the item is selected
+     */
+    selected = output();
+    menuContext = useMenuContext();
+    menuItemService = inject(MenuItemContextService);
+    itemProps = computed(() => ({
+        closeOnSelect: this.closeOnSelect(),
+        disabled: this.disabled(),
+        onSelect: () => this.selected.emit(),
+        value: this.value(),
+        valueText: this.valueText(),
+    }), ...(ngDevMode ? [{ debugName: "itemProps" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BaseMenuItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: BaseMenuItemDirective, isStandalone: true, inputs: { closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, valueText: { classPropertyName: "valueText", publicName: "valueText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BaseMenuItemDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], valueText: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueText", required: false }] }], selected: [{ type: i0.Output, args: ["selected"] }] } });
+//# sourceMappingURL=base-menu-item.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base-menu-item.directive.js","sourceRoot":"","sources":["../../../src/menu/base-menu-item.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAA;AAOtB,OAAO,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAC,sBAAsB,EAAC,MAAM,6BAA6B,CAAA;;AAElE;;;;GAIG;AAEH,MAAM,OAAO,qBAAqB;IAChC;;OAEG;IACM,aAAa,GAAG,KAAK,CAAkC,SAAS,iDACvE,SAAS,EAAE,gBAAgB,OAD8C;YACzE,SAAS,EAAE,gBAAgB;SAC5B,GAAC,CAAA;IAEF;;OAEG;IACM,QAAQ,GAAG,KAAK,CAAkC,SAAS,4CAClE,SAAS,EAAE,gBAAgB,OADyC;YACpE,SAAS,EAAE,gBAAgB;SAC5B,GAAC,CAAA;IAEF;;OAEG;IACM,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAU,CAAA;IAEzC;;;OAGG;IACM,SAAS,GAAG,KAAK,+DAAU,CAAA;IAEpC;;OAEG;IACM,QAAQ,GAAG,MAAM,EAAE,CAAA;IAET,WAAW,GAAG,cAAc,EAAE,CAAA;IAC9B,eAAe,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAA;IAE1D,SAAS,GAAG,QAAQ,CAAsB,GAAG,EAAE,CAAC,CAAC;QACxD,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE;QACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;QACzB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;QACpC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;QACnB,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE;KAC5B,CAAC,qDAAC,CAAA;wGAxCQ,qBAAqB;4FAArB,qBAAqB;;4FAArB,qBAAqB;kBADjC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  inject,\n  input,\n  output,\n} from \"@angular/core\"\n\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport type {ItemProps} from \"@qualcomm-ui/core/menu\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\n\nimport {useMenuContext} from \"./menu-context.service\"\nimport {MenuItemContextService} from \"./menu-item-context.service\"\n\n/**\n * Each menu item type shares the same base properties.\n *\n * @public\n */\n@Directive()\nexport class BaseMenuItemDirective implements SignalifyInput<ItemProps> {\n  /**\n   * Whether the menu should be closed when the option is selected.\n   */\n  readonly closeOnSelect = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Whether the menu item is disabled\n   */\n  readonly disabled = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * The unique value of the menu item option.\n   */\n  readonly value = input.required<string>()\n\n  /**\n   * The textual value of the option. Used in typeahead navigation of the menu.\n   * If not provided, the text content of the menu item will be used.\n   */\n  readonly valueText = input<string>()\n\n  /**\n   * Emitted when the item is selected\n   */\n  readonly selected = output()\n\n  protected readonly menuContext = useMenuContext()\n  protected readonly menuItemService = inject(MenuItemContextService)\n\n  readonly itemProps = computed<Explicit<ItemProps>>(() => ({\n    closeOnSelect: this.closeOnSelect(),\n    disabled: this.disabled(),\n    onSelect: () => this.selected.emit(),\n    value: this.value(),\n    valueText: this.valueText(),\n  }))\n}\n"]}

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

@@ -0,0 +1,51 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { booleanAttribute, computed, Directive, inject, input, output, } from "@angular/core";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { useControlledState } from "@qualcomm-ui/angular-core/state";
+import { BaseMenuItemDirective } from "./base-menu-item.directive";
+import { MenuOptionItemContextService } from "./menu-option-item-context.service";
+import * as i0 from "@angular/core";
+export class CoreMenuCheckboxItemDirective extends BaseMenuItemDirective {
+    checked = input(...(ngDevMode ? [undefined, { debugName: "checked" }] : []));
+    defaultChecked = input(false, ...(ngDevMode ? [{ debugName: "defaultChecked", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    checkedChanged = output();
+    menuOptionItemService = inject(MenuOptionItemContextService);
+    optionItemProps = computed(() => {
+        const props = this.itemProps();
+        return {
+            ...props,
+            checked: this.checkedState().value(),
+            onCheckedChange: (value) => this.checkedState().setValue(value),
+            type: "checkbox",
+        };
+    }, ...(ngDevMode ? [{ debugName: "optionItemProps" }] : []));
+    trackBindings = useTrackBindings(() => {
+        return this.menuContext().getOptionItemBindings(this.optionItemProps());
+    });
+    checkedState = useControlledState({
+        defaultValue: this.defaultChecked,
+        onChange: (value) => this.checkedChanged.emit(value),
+        value: this.checked,
+    });
+    optionItemState = computed(() => {
+        const optionItemProps = this.optionItemProps();
+        return {
+            ...this.menuContext().getItemState(optionItemProps),
+            ...optionItemProps,
+        };
+    }, ...(ngDevMode ? [{ debugName: "optionItemState" }] : []));
+    ngOnInit() {
+        this.menuOptionItemService.init(this.optionItemState);
+        this.menuItemService.init(this.optionItemState);
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuCheckboxItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreMenuCheckboxItemDirective, isStandalone: true, inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, defaultChecked: { classPropertyName: "defaultChecked", publicName: "defaultChecked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checkedChanged: "checkedChanged" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuCheckboxItemDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], defaultChecked: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultChecked", required: false }] }], checkedChanged: [{ type: i0.Output, args: ["checkedChanged"] }] } });
+//# sourceMappingURL=core-menu-checkbox-item.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-menu-checkbox-item.directive.js","sourceRoot":"","sources":["../../../src/menu/core-menu-checkbox-item.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,EAEL,MAAM,GACP,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,kBAAkB,EAAC,MAAM,iCAAiC,CAAA;AAIlE,OAAO,EAAC,qBAAqB,EAAC,MAAM,4BAA4B,CAAA;AAChE,OAAO,EAAC,4BAA4B,EAAC,MAAM,oCAAoC,CAAA;;AAG/E,MAAM,OAAO,6BACX,SAAQ,qBAAqB;IAGpB,OAAO,GAAG,KAAK,6DAAW,CAAA;IAE1B,cAAc,GAAG,KAAK,CAAkC,KAAK,kDACpE,SAAS,EAAE,gBAAgB,OAD2C;YACtE,SAAS,EAAE,gBAAgB;SAC5B,GAAC,CAAA;IAEO,cAAc,GAAG,MAAM,EAAuB,CAAA;IAEpC,qBAAqB,GAAG,MAAM,CAC/C,4BAA4B,CAC7B,CAAA;IAEQ,eAAe,GAAG,QAAQ,CAAkB,GAAG,EAAE;QACxD,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAA;QAC9B,OAAO;YACL,GAAG,KAAK;YACR,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE;YACpC,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC/D,IAAI,EAAE,UAAU;SACjB,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;IAEe,YAAY,GAAG,kBAAkB,CAAU;QAC1D,YAAY,EAAE,IAAI,CAAC,cAAc;QACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC;QACpD,KAAK,EAAE,IAAI,CAAC,OAAO;KACpB,CAAC,CAAA;IAEO,eAAe,GAAG,QAAQ,CAAC,GAAG,EAAE;QACvC,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;QAC9C,OAAO;YACL,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC;YACnD,GAAG,eAAe;SACnB,CAAA;IACH,CAAC,2DAAC,CAAA;IAEF,QAAQ;QACN,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;QACrD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;QAE/C,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAjDU,6BAA6B;4FAA7B,6BAA6B;;4FAA7B,6BAA6B;kBADzC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  inject,\n  input,\n  type OnInit,\n  output,\n} from \"@angular/core\"\n\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 {OptionItemProps} from \"@qualcomm-ui/core/menu\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\n\nimport {BaseMenuItemDirective} from \"./base-menu-item.directive\"\nimport {MenuOptionItemContextService} from \"./menu-option-item-context.service\"\n\n@Directive()\nexport class CoreMenuCheckboxItemDirective\n  extends BaseMenuItemDirective\n  implements SignalifyInput<Omit<OptionItemProps, \"type\">>, OnInit\n{\n  readonly checked = input<boolean>()\n\n  readonly defaultChecked = input<boolean | undefined, Booleanish>(false, {\n    transform: booleanAttribute,\n  })\n\n  readonly checkedChanged = output<boolean | undefined>()\n\n  protected readonly menuOptionItemService = inject(\n    MenuOptionItemContextService,\n  )\n\n  readonly optionItemProps = computed<OptionItemProps>(() => {\n    const props = this.itemProps()\n    return {\n      ...props,\n      checked: this.checkedState().value(),\n      onCheckedChange: (value) => this.checkedState().setValue(value),\n      type: \"checkbox\",\n    }\n  })\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    return this.menuContext().getOptionItemBindings(this.optionItemProps())\n  })\n\n  private readonly checkedState = useControlledState<boolean>({\n    defaultValue: this.defaultChecked,\n    onChange: (value) => this.checkedChanged.emit(value),\n    value: this.checked,\n  })\n\n  readonly optionItemState = computed(() => {\n    const optionItemProps = this.optionItemProps()\n    return {\n      ...this.menuContext().getItemState(optionItemProps),\n      ...optionItemProps,\n    }\n  })\n\n  ngOnInit() {\n    this.menuOptionItemService.init(this.optionItemState)\n    this.menuItemService.init(this.optionItemState)\n\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/menu/core-menu-content.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, ElementRef, inject, input, } from "@angular/core";
+import { useId, useOnDestroy } from "@qualcomm-ui/angular-core/common";
+import { mergeProps, useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { PresenceContextService, usePresenceRenderer, } from "@qualcomm-ui/angular-core/presence";
+import { useMenuContext } from "./menu-context.service";
+import * as i0 from "@angular/core";
+export class CoreMenuContentDirective {
+    /**
+     * {@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);
+    elementRef = inject(ElementRef);
+    trackBindings = useTrackBindings(() => {
+        return mergeProps(this.menuContext().getContentBindings({
+            id: this.hostId(),
+            onDestroy: this.onDestroy,
+        }), this.presenceService.getPresenceBindings());
+    });
+    onDestroy = useOnDestroy();
+    presenceEffect = usePresenceRenderer();
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    constructor() {
+        // update the ref when the element is mounted or unmounted to keep state in sync.
+        // React does this automatically with its composable refs and data binding, but
+        // with Angular we must do this imperatively.
+        effect(() => {
+            const element = this.elementRef.nativeElement;
+            if (this.presenceService.unmounted()) {
+                this.presenceService.setNode(null);
+            }
+            else {
+                this.presenceService.setNode(element);
+            }
+        });
+    }
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreMenuContentDirective, 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: CoreMenuContentDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=core-menu-content.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-menu-content.directive.js","sourceRoot":"","sources":["../../../src/menu/core-menu-content.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EACL,QAAQ,EACR,SAAS,EACT,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,GAEN,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAC9E,OAAO,EACL,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,oCAAoC,CAAA;AAE3C,OAAO,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAA;;AAGrD,MAAM,OAAO,wBAAwB;IACnC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,WAAW,GAAG,cAAc,EAAE,CAAA;IAC9B,eAAe,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAA;IAE1D,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;IAErB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,UAAU,CACf,IAAI,CAAC,WAAW,EAAE,CAAC,kBAAkB,CAAC;YACpC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC,EACF,IAAI,CAAC,eAAe,CAAC,mBAAmB,EAAE,CAC3C,CAAA;IACH,CAAC,CAAC,CAAA;IAEiB,SAAS,GAAG,YAAY,EAAE,CAAA;IAEnC,cAAc,GAAG,mBAAmB,EAAE,CAAA;IAE/B,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IAEhE;QACE,iFAAiF;QACjF,+EAA+E;QAC/E,6CAA6C;QAC7C,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAA;YAC7C,IAAI,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,EAAE,CAAC;gBACrC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;YACpC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YACvC,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGA5CU,wBAAwB;4FAAxB,wBAAwB;;4FAAxB,wBAAwB;kBADpC,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  effect,\n  ElementRef,\n  inject,\n  input,\n  type OnInit,\n} from \"@angular/core\"\n\nimport {useId, useOnDestroy} from \"@qualcomm-ui/angular-core/common\"\nimport {mergeProps, useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\nimport {\n  PresenceContextService,\n  usePresenceRenderer,\n} from \"@qualcomm-ui/angular-core/presence\"\n\nimport {useMenuContext} from \"./menu-context.service\"\n\n@Directive()\nexport class CoreMenuContentDirective 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  readonly elementRef = inject(ElementRef)\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    return mergeProps(\n      this.menuContext().getContentBindings({\n        id: this.hostId(),\n        onDestroy: this.onDestroy,\n      }),\n      this.presenceService.getPresenceBindings(),\n    )\n  })\n\n  protected readonly onDestroy = useOnDestroy()\n\n  protected presenceEffect = usePresenceRenderer()\n\n  private readonly hostId = computed(() => useId(this, this.id()))\n\n  constructor() {\n    // update the ref when the element is mounted or unmounted to keep state in sync.\n    // React does this automatically with its composable refs and data binding, but\n    // with Angular we must do this imperatively.\n    effect(() => {\n      const element = this.elementRef.nativeElement\n      if (this.presenceService.unmounted()) {\n        this.presenceService.setNode(null)\n      } else {\n        this.presenceService.setNode(element)\n      }\n    })\n  }\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

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

@@ -0,0 +1,32 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive, input } from "@angular/core";
+import { useId, useOnDestroy } from "@qualcomm-ui/angular-core/common";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { useMenuContext } from "./menu-context.service";
+import * as i0 from "@angular/core";
+export class CoreMenuContextTriggerDirective {
+    /**
+     * {@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();
+    trackBindings = useTrackBindings(() => {
+        return this.menuContext().getContextTriggerBindings({
+            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: CoreMenuContextTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreMenuContextTriggerDirective, 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: CoreMenuContextTriggerDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=core-menu-context-trigger.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-menu-context-trigger.directive.js","sourceRoot":"","sources":["../../../src/menu/core-menu-context-trigger.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAErE,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAA;;AAGrD,MAAM,OAAO,+BAA+B;IAC1C;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,WAAW,GAAG,cAAc,EAAE,CAAA;IAE9B,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,yBAAyB,CAAC;YAClD,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;wGAtBU,+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 {computed, Directive, input, type OnInit} from \"@angular/core\"\n\nimport {useId, useOnDestroy} from \"@qualcomm-ui/angular-core/common\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {useMenuContext} from \"./menu-context.service\"\n\n@Directive()\nexport class CoreMenuContextTriggerDirective 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\n  protected readonly trackBindings = useTrackBindings(() => {\n    return this.menuContext().getContextTriggerBindings({\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-item-group-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 { useMenuItemGroupContext } from "./menu-item-group-context.service";
+import { useMenuRadioItemGroupContext } from "./menu-radio-item-group-context.service";
+import * as i0 from "@angular/core";
+export class CoreMenuItemGroupLabelDirective {
+    menuContext = useMenuContext();
+    menuItemGroupContext = useMenuItemGroupContext({
+        optional: true,
+    });
+    menuRadioItemGroupContext = useMenuRadioItemGroupContext({
+        optional: true,
+    });
+    trackBindings = useTrackBindings(() => {
+        return this.menuContext().getItemGroupLabelBindings({
+            htmlFor: this.menuItemGroupContext?.().id ||
+                this.menuRadioItemGroupContext?.().id,
+        });
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuItemGroupLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: CoreMenuItemGroupLabelDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuItemGroupLabelDirective, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=core-menu-item-group-label.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-menu-item-group-label.directive.js","sourceRoot":"","sources":["../../../src/menu/core-menu-item-group-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,uBAAuB,EAAC,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAC,4BAA4B,EAAC,MAAM,yCAAyC,CAAA;;AAGpF,MAAM,OAAO,+BAA+B;IACvB,WAAW,GAAG,cAAc,EAAE,CAAA;IAC9B,oBAAoB,GAAG,uBAAuB,CAAC;QAChE,QAAQ,EAAE,IAAI;KACf,CAAC,CAAA;IACiB,yBAAyB,GAAG,4BAA4B,CAAC;QAC1E,QAAQ,EAAE,IAAI;KACf,CAAC,CAAA;IAEiB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,yBAAyB,CAAC;YAClD,OAAO,EACL,IAAI,CAAC,oBAAoB,EAAE,EAAE,CAAC,EAAE;gBAChC,IAAI,CAAC,yBAAyB,EAAE,EAAE,CAAC,EAAE;SACxC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAnBU,+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 {Directive, type OnInit} from \"@angular/core\"\n\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {useMenuContext} from \"./menu-context.service\"\nimport {useMenuItemGroupContext} from \"./menu-item-group-context.service\"\nimport {useMenuRadioItemGroupContext} from \"./menu-radio-item-group-context.service\"\n\n@Directive()\nexport class CoreMenuItemGroupLabelDirective implements OnInit {\n  protected readonly menuContext = useMenuContext()\n  protected readonly menuItemGroupContext = useMenuItemGroupContext({\n    optional: true,\n  })\n  protected readonly menuRadioItemGroupContext = useMenuRadioItemGroupContext({\n    optional: true,\n  })\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    return this.menuContext().getItemGroupLabelBindings({\n      htmlFor:\n        this.menuItemGroupContext?.().id ||\n        this.menuRadioItemGroupContext?.().id,\n    })\n  })\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

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

@@ -0,0 +1,33 @@
+// 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 } from "@qualcomm-ui/angular-core/common";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { useMenuContext } from "./menu-context.service";
+import { MenuItemGroupContextService } from "./menu-item-group-context.service";
+import * as i0 from "@angular/core";
+export class CoreMenuItemGroupDirective {
+    /**
+     * {@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();
+    menuItemGroupService = inject(MenuItemGroupContextService);
+    trackBindings = useTrackBindings(() => {
+        return this.menuContext().getItemGroupBindings({
+            id: this.hostId(),
+        });
+    });
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    ngOnInit() {
+        this.menuItemGroupService.init(computed(() => ({ id: this.hostId() })));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreMenuItemGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreMenuItemGroupDirective, 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: CoreMenuItemGroupDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=core-menu-item-group.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-menu-item-group.directive.js","sourceRoot":"","sources":["../../../src/menu/core-menu-item-group.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,EAAC,MAAM,kCAAkC,CAAA;AACtD,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAC,2BAA2B,EAAC,MAAM,mCAAmC,CAAA;;AAG7E,MAAM,OAAO,0BAA0B;IACrC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,WAAW,GAAG,cAAc,EAAE,CAAA;IAC9B,oBAAoB,GAAG,MAAM,CAAC,2BAA2B,CAAC,CAAA;IAE1D,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,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,EAAC,CAAC,CAAC,CAAC,CAAA;QACrE,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGArBU,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, input, type OnInit} from \"@angular/core\"\n\nimport {useId} from \"@qualcomm-ui/angular-core/common\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {useMenuContext} from \"./menu-context.service\"\nimport {MenuItemGroupContextService} from \"./menu-item-group-context.service\"\n\n@Directive()\nexport class CoreMenuItemGroupDirective 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 menuItemGroupService = inject(MenuItemGroupContextService)\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.menuItemGroupService.init(computed(() => ({id: this.hostId()})))\n    this.trackBindings()\n  }\n}\n"]}