@qualcomm-ui/angular-core 1.0.0

package/esm2022/machine/q-bind.directive.js

@@ -0,0 +1,162 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive, effect, ElementRef, inject, Injector, input, Renderer2, RendererStyleFlags2, runInInjectionContext, } from "@angular/core";
+import { isEqual } from "@qualcomm-ui/utils/equal";
+import { isNumber, isString } from "@qualcomm-ui/utils/guard";
+import * as i0 from "@angular/core";
+/**
+ * A directive similar to Vue's `v-bind` that spreads an object's properties onto
+ * the host element. For the best performance, use a stable reference to a signal
+ * instead of an object literal in the template. Converts callbacks from `on*`
+ * syntax to their corresponding Angular event callbacks. Does not account for
+ * input/output properties due to Angular limitations.
+ *
+ * @example
+ * <!-- bad: new object every time -->
+ * <div [q-bind]="{class: 'a', onClick: click}"></div>
+ *
+ * <!-- good: stable reference -->
+ * <div [q-bind]="buttonProps"></div>
+ */
+export class QBindDirective {
+    bind = input.required(...(ngDevMode ? [{ debugName: "bind", alias: "q-bind" }] : [{ alias: "q-bind" }]));
+    bindOptions = input({}, ...(ngDevMode ? [{ debugName: "bindOptions", alias: "q-bind-options" }] : [{ alias: "q-bind-options" }]));
+    elementRef = inject((ElementRef));
+    renderer = inject(Renderer2);
+    injector = inject(Injector);
+    listeners = new Map();
+    prev = {};
+    omittedProps = computed(() => {
+        const opts = this.bindOptions();
+        return new Set(Array.from(opts.omittedProps || []));
+    }, ...(ngDevMode ? [{ debugName: "omittedProps" }] : []));
+    constructor() {
+        runInInjectionContext(this.injector, () => {
+            effect(() => {
+                const next = this.bind();
+                if (!isEqual(next, this.prev)) {
+                    this.handleAttrs(this.prev, next || {});
+                    this.prev = { ...next };
+                }
+            });
+        });
+    }
+    ngOnDestroy() {
+        this.listeners.forEach((unlisten) => unlisten());
+        this.listeners.clear();
+    }
+    removeClass(names) {
+        if (!names) {
+            return;
+        }
+        const el = this.elementRef.nativeElement;
+        for (const name of names.split(",")) {
+            this.renderer.removeClass(el, name);
+        }
+    }
+    addClass(names) {
+        const el = this.elementRef.nativeElement;
+        for (const name of names.split(",")) {
+            this.renderer.addClass(el, name);
+        }
+    }
+    removeStyle(style) {
+        if (!style) {
+            return;
+        }
+        const el = this.elementRef.nativeElement;
+        for (const name of Object.keys(style)) {
+            this.renderer.removeStyle(el, name, RendererStyleFlags2.DashCase);
+        }
+    }
+    addStyle(style) {
+        const el = this.elementRef.nativeElement;
+        for (const [name, value] of Object.entries(style)) {
+            this.renderer.setStyle(el, name, value, RendererStyleFlags2.DashCase);
+        }
+    }
+    addEventListener(name, callback) {
+        const eventName = name.substring(2);
+        this.listeners.get(name)?.();
+        const unlisten = this.renderer.listen(this.elementRef.nativeElement, eventName, callback);
+        this.listeners.set(name, unlisten);
+    }
+    handleAttrs(prevProps, nextProps) {
+        const el = this.elementRef.nativeElement;
+        for (const [name, value] of Object.entries(prevProps)) {
+            if (name in nextProps || this.omittedProps().has(name)) {
+                continue;
+            }
+            if (name.startsWith("on")) {
+                this.listeners.get(name)?.();
+                this.listeners.delete(name);
+                continue;
+            }
+            switch (name) {
+                case "class":
+                    this.removeClass(value);
+                    continue;
+                case "style":
+                    this.removeStyle(value);
+                    continue;
+                case "value":
+                    this.renderer.setProperty(el, "value", undefined);
+                    continue;
+                case "textContent":
+                    this.renderer.setProperty(el, "textContent", "");
+                    continue;
+                case "checked":
+                    this.renderer.setProperty(el, "checked", false);
+                    continue;
+            }
+            this.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];
+                if (isEqual(prevHandler, value)) {
+                    continue;
+                }
+                this.addEventListener(name, value);
+                continue;
+            }
+            switch (name) {
+                case "class":
+                    this.removeClass(prevProps[name]);
+                    this.addClass(value);
+                    continue;
+                case "style":
+                    this.removeStyle(prevProps[name]);
+                    this.addStyle(value);
+                    continue;
+                case "value":
+                case "checked":
+                case "textContent":
+                    this.renderer.setProperty(el, name, value);
+                    continue;
+            }
+            if (isString(value) || isNumber(value)) {
+                this.renderer.setAttribute(el, name, `${value}`);
+                continue;
+            }
+            if (value === true) {
+                this.renderer.setAttribute(el, name, "");
+            }
+            else {
+                this.renderer.removeAttribute(el, name);
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: QBindDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: QBindDirective, isStandalone: true, selector: "[q-bind]", inputs: { bind: { classPropertyName: "bind", publicName: "q-bind", isSignal: true, isRequired: true, transformFunction: null }, bindOptions: { classPropertyName: "bindOptions", publicName: "q-bind-options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: QBindDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-bind]",
+                }]
+        }], ctorParameters: () => [], propDecorators: { bind: [{ type: i0.Input, args: [{ isSignal: true, alias: "q-bind", required: true }] }], bindOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "q-bind-options", required: false }] }] } });
+//# sourceMappingURL=q-bind.directive.js.map

package/esm2022/machine/q-bind.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"q-bind.directive.js","sourceRoot":"","sources":["../../../src/machine/q-bind.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 {\n  computed,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  Injector,\n  input,\n  type OnDestroy,\n  Renderer2,\n  RendererStyleFlags2,\n  runInInjectionContext,\n} from \"@angular/core\"\n\nimport {isEqual} from \"@qualcomm-ui/utils/equal\"\nimport {isNumber, isString} from \"@qualcomm-ui/utils/guard\"\n\nimport type {Dict, StyleObject} from \"./normalize-props\"\n\nexport interface NgBindOptions {\n  /**\n   * This list of properties will not be spread onto the target element.\n   */\n  omittedProps?: string[]\n}\n\n/**\n * A directive similar to Vue's `v-bind` that spreads an object's properties onto\n * the host element. For the best performance, use a stable reference to a signal\n * instead of an object literal in the template. Converts callbacks from `on*`\n * syntax to their corresponding Angular event callbacks. Does not account for\n * input/output properties due to Angular limitations.\n *\n * @example\n * <!-- bad: new object every time -->\n * <div [q-bind]=\"{class: 'a', onClick: click}\"></div>\n *\n * <!-- good: stable reference -->\n * <div [q-bind]=\"buttonProps\"></div>\n */\n@Directive({\n  selector: \"[q-bind]\",\n})\nexport class QBindDirective implements OnDestroy {\n  readonly bind = input.required<Dict | undefined>({alias: \"q-bind\"})\n\n  readonly bindOptions = input<NgBindOptions>({}, {alias: \"q-bind-options\"})\n\n  private readonly elementRef = inject(ElementRef<HTMLElement>)\n  private readonly renderer = inject(Renderer2)\n  private readonly injector = inject(Injector)\n  private readonly listeners = new Map<string, VoidFunction>()\n  private prev: Dict = {}\n\n  readonly omittedProps = computed(() => {\n    const opts = this.bindOptions()\n    return new Set(Array.from(opts.omittedProps || []))\n  })\n\n  constructor() {\n    runInInjectionContext(this.injector, () => {\n      effect(() => {\n        const next = this.bind()\n        if (!isEqual(next, this.prev)) {\n          this.handleAttrs(this.prev, next || {})\n          this.prev = {...next}\n        }\n      })\n    })\n  }\n\n  ngOnDestroy(): void {\n    this.listeners.forEach((unlisten) => unlisten())\n    this.listeners.clear()\n  }\n\n  private removeClass(names?: string): void {\n    if (!names) {\n      return\n    }\n\n    const el = this.elementRef.nativeElement\n    for (const name of names.split(\",\")) {\n      this.renderer.removeClass(el, name)\n    }\n  }\n\n  private addClass(names: string): void {\n    const el = this.elementRef.nativeElement\n    for (const name of names.split(\",\")) {\n      this.renderer.addClass(el, name)\n    }\n  }\n\n  private removeStyle(style?: StyleObject): void {\n    if (!style) {\n      return\n    }\n\n    const el = this.elementRef.nativeElement\n    for (const name of Object.keys(style)) {\n      this.renderer.removeStyle(el, name, RendererStyleFlags2.DashCase)\n    }\n  }\n\n  private addStyle(style: StyleObject): void {\n    const el = this.elementRef.nativeElement\n    for (const [name, value] of Object.entries(style)) {\n      this.renderer.setStyle(el, name, value, RendererStyleFlags2.DashCase)\n    }\n  }\n\n  private addEventListener(name: string, callback: EventListener): void {\n    const eventName = name.substring(2)\n\n    this.listeners.get(name)?.()\n    const unlisten = this.renderer.listen(\n      this.elementRef.nativeElement,\n      eventName,\n      callback,\n    )\n    this.listeners.set(name, unlisten)\n  }\n\n  private handleAttrs(prevProps: Dict, nextProps: Dict): void {\n    const el = this.elementRef.nativeElement\n\n    for (const [name, value] of Object.entries(prevProps)) {\n      if (name in nextProps || this.omittedProps().has(name)) {\n        continue\n      }\n\n      if (name.startsWith(\"on\")) {\n        this.listeners.get(name)?.()\n        this.listeners.delete(name)\n        continue\n      }\n\n      switch (name) {\n        case \"class\":\n          this.removeClass(value as string)\n          continue\n        case \"style\":\n          this.removeStyle(value as StyleObject)\n          continue\n        case \"value\":\n          this.renderer.setProperty(el, \"value\", undefined)\n          continue\n        case \"textContent\":\n          this.renderer.setProperty(el, \"textContent\", \"\")\n          continue\n        case \"checked\":\n          this.renderer.setProperty(el, \"checked\", false)\n          continue\n      }\n      this.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\n      if (name.startsWith(\"on\")) {\n        const prevHandler = prevProps[name]\n        if (isEqual(prevHandler, value)) {\n          continue\n        }\n\n        this.addEventListener(name, value as EventListener)\n        continue\n      }\n\n      switch (name) {\n        case \"class\":\n          this.removeClass(prevProps[name] as string)\n          this.addClass(value as string)\n          continue\n        case \"style\":\n          this.removeStyle(prevProps[name] as StyleObject)\n          this.addStyle(value as StyleObject)\n          continue\n        case \"value\":\n        case \"checked\":\n        case \"textContent\":\n          this.renderer.setProperty(el, name, value)\n          continue\n      }\n\n      if (isString(value) || isNumber(value)) {\n        this.renderer.setAttribute(el, name, `${value}`)\n        continue\n      }\n\n      if (value === true) {\n        this.renderer.setAttribute(el, name, \"\")\n      } else {\n        this.renderer.removeAttribute(el, name)\n      }\n    }\n  }\n}\n"]}

package/esm2022/machine/qualcomm-ui-angular-core-machine.js

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

package/esm2022/machine/qualcomm-ui-angular-core-machine.js.map

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

package/esm2022/machine/refs.js

@@ -0,0 +1,18 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { signal } from "@angular/core";
+export function createRefs(refs) {
+    const ref = signal(refs, ...(ngDevMode ? [{ debugName: "ref" }] : []));
+    return {
+        get(key) {
+            return ref()[key];
+        },
+        set(key, value) {
+            ref.update((prev) => ({
+                ...prev,
+                [key]: value,
+            }));
+        },
+    };
+}
+//# sourceMappingURL=refs.js.map

package/esm2022/machine/refs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refs.js","sourceRoot":"","sources":["../../../src/machine/refs.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAA;AAEpC,MAAM,UAAU,UAAU,CAAI,IAAO;IACnC,MAAM,GAAG,GAAG,MAAM,CAAI,IAAI,+CAAC,CAAA;IAE3B,OAAO;QACL,GAAG,CAAoB,GAAM;YAC3B,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,CAAA;QACnB,CAAC;QACD,GAAG,CAAoB,GAAM,EAAE,KAAW;YACxC,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBACpB,GAAG,IAAI;gBACP,CAAC,GAAG,CAAC,EAAE,KAAK;aACb,CAAC,CAAC,CAAA;QACL,CAAC;KACF,CAAA;AACH,CAAC","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {signal} from \"@angular/core\"\n\nexport function createRefs<T>(refs: T) {\n  const ref = signal<T>(refs)\n\n  return {\n    get<K extends keyof T>(key: K): T[K] {\n      return ref()[key]\n    },\n    set<K extends keyof T>(key: K, value: T[K]) {\n      ref.update((prev) => ({\n        ...prev,\n        [key]: value,\n      }))\n    },\n  }\n}\n"]}

package/esm2022/machine/track.js

@@ -0,0 +1,46 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { effect, runInInjectionContext } from "@angular/core";
+import { isEqual } from "@qualcomm-ui/utils/equal";
+import { isFunction } from "@qualcomm-ui/utils/guard";
+function access(value) {
+    return isFunction(value) ? value() : value;
+}
+export function useTrack(injector) {
+    return (deps, _effect) => {
+        let prevDeps = [];
+        let isInitialized = false;
+        let isMounted = false;
+        runInInjectionContext(injector, () => {
+            // Separate effect to track mount state
+            effect(() => {
+                queueMicrotask(() => {
+                    isMounted = true;
+                });
+            });
+            effect(() => {
+                const currentDeps = deps.map((d) => access(d));
+                if (!isInitialized) {
+                    prevDeps = currentDeps;
+                    isInitialized = true;
+                    return;
+                }
+                if (!isMounted) {
+                    return;
+                }
+                let changed = false;
+                for (let i = 0; i < deps.length; i++) {
+                    if (!isEqual(prevDeps[i], currentDeps[i])) {
+                        changed = true;
+                        break;
+                    }
+                }
+                if (changed) {
+                    prevDeps = currentDeps;
+                    _effect();
+                }
+            });
+        });
+    };
+}
+//# sourceMappingURL=track.js.map

package/esm2022/machine/track.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"track.js","sourceRoot":"","sources":["../../../src/machine/track.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,MAAM,EAAiB,qBAAqB,EAAC,MAAM,eAAe,CAAA;AAE1E,OAAO,EAAC,OAAO,EAAC,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAA;AAEnD,SAAS,MAAM,CAAI,KAAoB;IACrC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;AAC5C,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,QAAkB;IAElB,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;QACvB,IAAI,QAAQ,GAAU,EAAE,CAAA;QACxB,IAAI,aAAa,GAAG,KAAK,CAAA;QACzB,IAAI,SAAS,GAAG,KAAK,CAAA;QAErB,qBAAqB,CAAC,QAAQ,EAAE,GAAG,EAAE;YACnC,uCAAuC;YACvC,MAAM,CAAC,GAAG,EAAE;gBACV,cAAc,CAAC,GAAG,EAAE;oBAClB,SAAS,GAAG,IAAI,CAAA;gBAClB,CAAC,CAAC,CAAA;YACJ,CAAC,CAAC,CAAA;YAEF,MAAM,CAAC,GAAG,EAAE;gBACV,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;gBAE9C,IAAI,CAAC,aAAa,EAAE,CAAC;oBACnB,QAAQ,GAAG,WAAW,CAAA;oBACtB,aAAa,GAAG,IAAI,CAAA;oBACpB,OAAM;gBACR,CAAC;gBAED,IAAI,CAAC,SAAS,EAAE,CAAC;oBACf,OAAM;gBACR,CAAC;gBAED,IAAI,OAAO,GAAG,KAAK,CAAA;gBACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;oBACrC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;wBAC1C,OAAO,GAAG,IAAI,CAAA;wBACd,MAAK;oBACP,CAAC;gBACH,CAAC;gBAED,IAAI,OAAO,EAAE,CAAC;oBACZ,QAAQ,GAAG,WAAW,CAAA;oBACtB,OAAO,EAAE,CAAA;gBACX,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;AACH,CAAC","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {effect, type Injector, runInInjectionContext} from \"@angular/core\"\n\nimport {isEqual} from \"@qualcomm-ui/utils/equal\"\nimport {isFunction} from \"@qualcomm-ui/utils/guard\"\n\nfunction access<T>(value: T | (() => T)): T {\n  return isFunction(value) ? value() : value\n}\n\nexport function useTrack(\n  injector: Injector,\n): (deps: any[], _effect: VoidFunction) => void {\n  return (deps, _effect) => {\n    let prevDeps: any[] = []\n    let isInitialized = false\n    let isMounted = false\n\n    runInInjectionContext(injector, () => {\n      // Separate effect to track mount state\n      effect(() => {\n        queueMicrotask(() => {\n          isMounted = true\n        })\n      })\n\n      effect(() => {\n        const currentDeps = deps.map((d) => access(d))\n\n        if (!isInitialized) {\n          prevDeps = currentDeps\n          isInitialized = true\n          return\n        }\n\n        if (!isMounted) {\n          return\n        }\n\n        let changed = false\n        for (let i = 0; i < deps.length; i++) {\n          if (!isEqual(prevDeps[i], currentDeps[i])) {\n            changed = true\n            break\n          }\n        }\n\n        if (changed) {\n          prevDeps = currentDeps\n          _effect()\n        }\n      })\n    })\n  }\n}\n"]}

package/esm2022/machine/use-machine.js

@@ -0,0 +1,312 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { afterRenderEffect, computed as computedSignal, isSignal, runInInjectionContext, untracked, } from "@angular/core";
+import { createScope } from "@qualcomm-ui/dom/query";
+import { toArray } from "@qualcomm-ui/utils/array";
+import { ensure, isFunction, isString } from "@qualcomm-ui/utils/guard";
+import { INIT_STATE, MachineStatus, } from "@qualcomm-ui/utils/machine";
+import { compact } from "@qualcomm-ui/utils/object";
+import { bindable } from "./bindable";
+import { bindableId } from "./bindable-id";
+import { bindableIdCollection } from "./bindable-id-collection";
+import { createRefs } from "./refs";
+import { useTrack } from "./track";
+export function useMachine(config, userProps = {}, injector, opts = {}) {
+    const debug = (...args) => {
+        if (opts.debug) {
+            console.debug(...args);
+        }
+    };
+    const scope = computedSignal(() => {
+        const { getRootNode, id } = access(userProps);
+        return createScope({ getRootNode, id });
+    });
+    const configIds = config.ids?.({
+        bindableId,
+        bindableIdCollection: () => bindableIdCollection(),
+    });
+    const ids = {
+        collection(key) {
+            return configIds?.[key];
+        },
+        get(key) {
+            return configIds?.[key]?.get?.();
+        },
+        register(key, valueOrParams, onDestroy) {
+            if (typeof valueOrParams === "object" &&
+                valueOrParams !== null &&
+                "id" in valueOrParams) {
+                const params = valueOrParams;
+                configIds?.[key].set?.(params.id);
+                params.onDestroy?.(() => configIds?.[key].set?.(undefined));
+            }
+            else {
+                configIds?.[key].set?.(valueOrParams);
+                onDestroy?.(() => configIds?.[key].set?.(undefined));
+            }
+        },
+        set(key, value) {
+            configIds?.[key].set?.(value);
+        },
+    };
+    const props = computedSignal(() => config.props?.({
+        props: compact(access(userProps)),
+        scope: { ...scope(), ids },
+    }) ?? access(userProps));
+    const prop = useProp(props);
+    let previousEventRef = null;
+    let eventRef = { type: "" };
+    const getEvent = () => ({
+        ...eventRef,
+        current() {
+            return eventRef;
+        },
+        previous() {
+            return previousEventRef;
+        },
+    });
+    const context = {
+        get(key) {
+            return configContext[key]?.get();
+        },
+        hash(key) {
+            const current = configContext?.[key].get();
+            return configContext?.[key].hash(current);
+        },
+        initial(key) {
+            return configContext?.[key].initial;
+        },
+        set(key, value, ...details) {
+            configContext?.[key].set(value, ...details);
+        },
+    };
+    const refs = createRefs(config.refs?.({ context, prop }) ?? {});
+    const configContext = config.context?.({
+        bindable,
+        flush,
+        getComputed() {
+            return computed;
+        },
+        getContext() {
+            return context;
+        },
+        getEvent() {
+            return getEvent();
+        },
+        getRefs() {
+            return refs;
+        },
+        prop,
+        get scope() {
+            return { ...scope(), ids };
+        },
+    });
+    const computed = (key) => {
+        ensure(config.computed, () => `No computed object found on machine`);
+        const fn = config.computed[key];
+        return fn({
+            computed,
+            context,
+            prop,
+            refs,
+            get scope() {
+                return { ...scope(), ids };
+            },
+        });
+    };
+    // Create the actions object with direct property access
+    const actions = {};
+    if (config.actions) {
+        for (const key of Object.keys(config.actions)) {
+            const actionFn = config.actions[key];
+            actions[key] = () => {
+                return actionFn(getParams());
+            };
+        }
+    }
+    let effectsRef = new Map();
+    let transitionRef = null;
+    const action = (keys) => {
+        if (!keys) {
+            return;
+        }
+        const strs = isFunction(keys) ? keys(getParams()) : keys;
+        if (!strs) {
+            return;
+        }
+        for (const key of strs) {
+            const fn = config.actions?.[key];
+            if (fn) {
+                fn(getParams());
+            }
+        }
+    };
+    const guard = (guard) => {
+        if (isFunction(guard)) {
+            return guard(getParams());
+        }
+        return config.guards?.[guard](getParams());
+    };
+    const choose = (transitions) => {
+        return toArray(transitions).find((t) => {
+            let result = !t.guard;
+            if (isString(t.guard)) {
+                result = !!guard(t.guard);
+            }
+            else if (isFunction(t.guard)) {
+                result = t.guard(getParams());
+            }
+            return result;
+        });
+    };
+    const effect = (keys) => {
+        if (!keys) {
+            return undefined;
+        }
+        const fns = keys.map((s) => {
+            return config.effects?.[s];
+        });
+        const cleanups = [];
+        for (const fn of fns) {
+            const cleanup = fn?.(getParams());
+            if (cleanup) {
+                cleanups.push(cleanup);
+            }
+        }
+        return () => cleanups.forEach((fn) => fn?.());
+    };
+    const state = bindable(() => ({
+        defaultValue: config.initialState({ prop }),
+        name: "state",
+        onChange: (nextState, details, prevState) => {
+            // compute effects: exit -> transition -> enter
+            // exit effects
+            if (prevState) {
+                const exitEffects = effectsRef.get(prevState);
+                exitEffects?.();
+                effectsRef.delete(prevState);
+            }
+            // exit actions
+            if (prevState) {
+                action(config.states[prevState]?.exit);
+            }
+            // transition actions
+            action(transitionRef?.actions);
+            // enter effect
+            const cleanup = effect(config.states[nextState]?.effects);
+            if (cleanup) {
+                effectsRef.set(nextState, cleanup);
+            }
+            // root entry actions
+            if (prevState === "__init__") {
+                action(config.onInit?.actions);
+                const cleanup = effect(config.onInit?.effects ?? []);
+                if (cleanup) {
+                    effectsRef.set("__init__", cleanup);
+                }
+            }
+            // enter actions
+            action(config.states[nextState]?.entry);
+        },
+    }));
+    const getState = () => ({
+        ...state,
+        hasTag(tag) {
+            return !!config.states[state.get()]?.tags?.includes(tag);
+        },
+        matches(...values) {
+            return values.includes(state.get());
+        },
+    });
+    const send = (event) => {
+        queueMicrotask(() => {
+            previousEventRef = { ...eventRef };
+            eventRef = { ...event };
+            const currentState = state.get();
+            debug("send", { currentState, event });
+            const transitions = config.states[currentState]?.on?.[event.type] ?? config.on?.[event.type];
+            const transition = choose(transitions);
+            if (!transition) {
+                return;
+            }
+            // save current transition
+            transitionRef = transition;
+            const target = transition.target ?? currentState;
+            const changed = target !== currentState;
+            debug("transition", transition);
+            if (changed) {
+                state.set(target);
+            }
+            else if (transition.reenter && !changed) {
+                // reenter will re-invoke the current state
+                state.invoke(currentState, currentState);
+            }
+            else {
+                // call transition actions
+                action(transition.actions ?? []);
+            }
+        });
+    };
+    const getParams = () => ({
+        action,
+        actions,
+        choose,
+        computed,
+        context,
+        event: getEvent(),
+        flush,
+        guard,
+        prop,
+        refs,
+        get scope() {
+            return { ...scope(), ids };
+        },
+        send: send,
+        state: getState(),
+        track: useTrack(injector),
+    });
+    config.watch?.(getParams());
+    let status = MachineStatus.NOT_STARTED;
+    runInInjectionContext(injector, () => {
+        afterRenderEffect((onCleanup) => {
+            const started = status === MachineStatus.STARTED;
+            status = MachineStatus.STARTED;
+            debug(started ? "rehydrating..." : "initializing...");
+            untracked(() => state.invoke(state.initial, INIT_STATE));
+            onCleanup(() => {
+                debug("unmounting...");
+                status = MachineStatus.STOPPED;
+                effectsRef.forEach((fn) => fn());
+                effectsRef = new Map();
+                transitionRef = null;
+                action(config.onDestroy?.actions);
+            });
+        });
+    });
+    return {
+        computed,
+        context,
+        event: getEvent(),
+        prop,
+        refs,
+        get scope() {
+            return { ...scope(), ids };
+        },
+        send: send,
+        state: getState(),
+    };
+}
+function flush(fn) {
+    queueMicrotask(() => {
+        fn();
+    });
+}
+function access(value) {
+    return isSignal(value) ? value() : value;
+}
+function useProp(value) {
+    return function get(key) {
+        return value()[key];
+    };
+}
+//# sourceMappingURL=use-machine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-machine.js","sourceRoot":"","sources":["../../../src/machine/use-machine.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EACL,iBAAiB,EACjB,QAAQ,IAAI,cAAc,EAE1B,QAAQ,EACR,qBAAqB,EAErB,SAAS,GACV,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAC,WAAW,EAAC,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAC,OAAO,EAAC,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAWL,UAAU,EAIV,aAAa,GAMd,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAC,OAAO,EAAC,MAAM,2BAA2B,CAAA;AAEjD,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AACxC,OAAO,EAAC,oBAAoB,EAAC,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAC,UAAU,EAAC,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAA;AAWhC,MAAM,UAAU,UAAU,CACxB,MAAwB,EACxB,YAA+D,EAAE,EACjE,QAAkB,EAClB,OAAoB,EAAE;IAEtB,MAAM,KAAK,GAAG,CAAC,GAAG,IAAW,EAAE,EAAE;QAC/B,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,EAAE;QAChC,MAAM,EAAC,WAAW,EAAE,EAAE,EAAC,GAAG,MAAM,CAAM,SAAS,CAAC,CAAA;QAChD,OAAO,WAAW,CAAC,EAAC,WAAW,EAAE,EAAE,EAAC,CAAC,CAAA;IACvC,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE,CAAC;QAC7B,UAAU;QACV,oBAAoB,EAAE,GAAG,EAAE,CAAC,oBAAoB,EAAE;KACnD,CAAC,CAAA;IAEF,MAAM,GAAG,GAAmB;QAC1B,UAAU,CAAC,GAAG;YACZ,OAAO,SAAS,EAAE,CAAC,GAAG,CAAC,CAAA;QACzB,CAAC;QACD,GAAG,CAAC,GAAG;YACL,OAAO,SAAS,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,EAAE,CAAA;QAClC,CAAC;QACD,QAAQ,CAAC,GAAG,EAAE,aAAa,EAAE,SAAe;YAC1C,IACE,OAAO,aAAa,KAAK,QAAQ;gBACjC,aAAa,KAAK,IAAI;gBACtB,IAAI,IAAI,aAAa,EACrB,CAAC;gBACD,MAAM,MAAM,GAAG,aAAa,CAAA;gBAC5B,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;gBACjC,MAAM,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;YAC7D,CAAC;iBAAM,CAAC;gBACN,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,CAAA;gBACrC,SAAS,EAAE,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;YACtD,CAAC;QACH,CAAC;QACD,GAAG,CAAC,GAAG,EAAE,KAAK;YACZ,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAA;QAC/B,CAAC;KACF,CAAA;IAED,MAAM,KAAK,GAAG,cAAc,CAC1B,GAAG,EAAE,CACH,MAAM,CAAC,KAAK,EAAE,CAAC;QACb,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QACjC,KAAK,EAAE,EAAC,GAAG,KAAK,EAAE,EAAE,GAAG,EAAC;KACzB,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,CAC1B,CAAA;IAED,MAAM,IAAI,GAAG,OAAO,CAAa,KAAK,CAAC,CAAA;IAEvC,IAAI,gBAAgB,GAAQ,IAAI,CAAA;IAChC,IAAI,QAAQ,GAAQ,EAAC,IAAI,EAAE,EAAE,EAAC,CAAA;IAE9B,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC;QACtB,GAAG,QAAQ;QACX,OAAO;YACL,OAAO,QAAQ,CAAA;QACjB,CAAC;QACD,QAAQ;YACN,OAAO,gBAAgB,CAAA;QACzB,CAAC;KACF,CAAC,CAAA;IAEF,MAAM,OAAO,GAAuB;QAClC,GAAG,CAA+B,GAAM;YACtC,OAAO,aAAc,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAA;QACnC,CAAC;QACD,IAAI,CAAC,GAAG;YACN,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAA;YAC1C,OAAO,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC3C,CAAC;QACD,OAAO,CAA+B,GAAM;YAC1C,OAAO,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,CAAA;QACrC,CAAC;QACD,GAAG,CACD,GAAM,EACN,KAA2C,EAC3C,GAAG,OAAiD;YAEpD,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,GAAI,OAAe,CAAC,CAAA;QACtD,CAAC;KACF,CAAA;IAED,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,IAAI,EAAE,CAAC,CAAA;IAE7D,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC;QACrC,QAAQ;QACR,KAAK;QACL,WAAW;YACT,OAAO,QAAQ,CAAA;QACjB,CAAC;QACD,UAAU;YACR,OAAO,OAAO,CAAA;QAChB,CAAC;QACD,QAAQ;YACN,OAAO,QAAQ,EAAE,CAAA;QACnB,CAAC;QACD,OAAO;YACL,OAAO,IAAI,CAAA;QACb,CAAC;QACD,IAAI;QACJ,IAAI,KAAK;YACP,OAAO,EAAC,GAAG,KAAK,EAAE,EAAE,GAAG,EAAC,CAAA;QAC1B,CAAC;KACF,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAkB,CAAC,GAAG,EAAE,EAAE;QACtC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,qCAAqC,CAAC,CAAA;QACpE,MAAM,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;QAC/B,OAAO,EAAE,CAAC;YACR,QAAQ;YACR,OAAO;YACP,IAAI;YACJ,IAAI;YACJ,IAAI,KAAK;gBACP,OAAO,EAAC,GAAG,KAAK,EAAE,EAAE,GAAG,EAAC,CAAA;YAC1B,CAAC;SACF,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,wDAAwD;IACxD,MAAM,OAAO,GAAG,EAEf,CAAA;IAED,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;QACnB,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAE3C,EAAE,CAAC;YACF,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;YAEpC,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,EAAE;gBAClB,OAAO,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAA;YAC9B,CAAC,CAAA;QACH,CAAC;IACH,CAAC;IAED,IAAI,UAAU,GAAG,IAAI,GAAG,EAAwB,CAAA;IAChD,IAAI,aAAa,GAAyB,IAAI,CAAA;IAE9C,MAAM,MAAM,GAAG,CAAC,IAAgC,EAAE,EAAE;QAClD,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAM;QACR,CAAC;QACD,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QACxD,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAM;QACR,CAAC;QACD,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;YACvB,MAAM,EAAE,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAA;YAChC,IAAI,EAAE,EAAE,CAAC;gBACP,EAAE,CAAC,SAAS,EAAE,CAAC,CAAA;YACjB,CAAC;QACH,CAAC;IACH,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,CAA8B,KAAqB,EAAE,EAAE;QACnE,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;YACtB,OAAO,KAAK,CAAC,SAAS,EAAE,CAAC,CAAA;QAC3B,CAAC;QACD,OAAO,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CAAA;IAC5C,CAAC,CAAA;IAED,MAAM,MAAM,GAAgB,CAAC,WAAW,EAAE,EAAE;QAC1C,OAAO,OAAO,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YACrC,IAAI,MAAM,GAAwB,CAAC,CAAC,CAAC,KAAK,CAAA;YAC1C,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;gBACtB,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;YAC3B,CAAC;iBAAM,IAAI,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC/B,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAA;YAC/B,CAAC;YACD,OAAO,MAAM,CAAA;QACf,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,CAAC,IAAwC,EAAE,EAAE;QAC1D,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,SAAS,CAAA;QAClB,CAAC;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACzB,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;QAC5B,CAAC,CAAC,CAAA;QACF,MAAM,QAAQ,GAAmB,EAAE,CAAA;QACnC,KAAK,MAAM,EAAE,IAAI,GAAG,EAAE,CAAC;YACrB,MAAM,OAAO,GAAG,EAAE,EAAE,CAAC,SAAS,EAAE,CAAC,CAAA;YACjC,IAAI,OAAO,EAAE,CAAC;gBACZ,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;YACxB,CAAC;QACH,CAAC;QACD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;IAC/C,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;QAC5B,YAAY,EAAE,MAAM,CAAC,YAAY,CAAC,EAAC,IAAI,EAAC,CAAC;QACzC,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAgB,EAAE,SAAS,EAAE,EAAE;YACnD,+CAA+C;YAE/C,eAAe;YACf,IAAI,SAAS,EAAE,CAAC;gBACd,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;gBAC7C,WAAW,EAAE,EAAE,CAAA;gBACf,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;YAC9B,CAAC;YAED,eAAe;YACf,IAAI,SAAS,EAAE,CAAC;gBACd,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,CAAA;YACxC,CAAC;YAED,qBAAqB;YACrB,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC,CAAA;YAE9B,eAAe;YACf,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,CAAA;YACzD,IAAI,OAAO,EAAE,CAAC;gBACZ,UAAU,CAAC,GAAG,CAAC,SAAmB,EAAE,OAAO,CAAC,CAAA;YAC9C,CAAC;YAED,qBAAqB;YACrB,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;gBAC7B,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;gBAC9B,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,IAAI,EAAE,CAAC,CAAA;gBACpD,IAAI,OAAO,EAAE,CAAC;oBACZ,UAAU,CAAC,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;gBACrC,CAAC;YACH,CAAC;YAED,gBAAgB;YAChB,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,CAAA;QACzC,CAAC;KACF,CAAC,CAAC,CAAA;IAEH,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CAAC;QACtB,GAAG,KAAK;QACR,MAAM,CAAC,GAAa;YAClB,OAAO,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAA;QAC1D,CAAC;QACD,OAAO,CAAC,GAAG,MAAoB;YAC7B,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAA;QACrC,CAAC;KACF,CAAC,CAAA;IAEF,MAAM,IAAI,GAAG,CAAC,KAAmB,EAAE,EAAE;QACnC,cAAc,CAAC,GAAG,EAAE;YAClB,gBAAgB,GAAG,EAAC,GAAG,QAAQ,EAAC,CAAA;YAChC,QAAQ,GAAG,EAAC,GAAG,KAAK,EAAC,CAAA;YACrB,MAAM,YAAY,GAAG,KAAK,CAAC,GAAG,EAAE,CAAA;YAEhC,KAAK,CAAC,MAAM,EAAE,EAAC,YAAY,EAAE,KAAK,EAAC,CAAC,CAAA;YAEpC,MAAM,WAAW,GACf,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;YAE1E,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA;YACtC,IAAI,CAAC,UAAU,EAAE,CAAC;gBAChB,OAAM;YACR,CAAC;YAED,0BAA0B;YAC1B,aAAa,GAAG,UAAU,CAAA;YAE1B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,IAAI,YAAY,CAAA;YAChD,MAAM,OAAO,GAAG,MAAM,KAAK,YAAY,CAAA;YAEvC,KAAK,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;YAE/B,IAAI,OAAO,EAAE,CAAC;gBACZ,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;YACnB,CAAC;iBAAM,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;gBAC1C,2CAA2C;gBAC3C,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;YAC1C,CAAC;iBAAM,CAAC;gBACN,0BAA0B;gBAC1B,MAAM,CAAC,UAAU,CAAC,OAAO,IAAI,EAAE,CAAC,CAAA;YAClC,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,GAAc,EAAE,CAAC,CAAC;QAClC,MAAM;QACN,OAAO;QACP,MAAM;QACN,QAAQ;QACR,OAAO;QACP,KAAK,EAAE,QAAQ,EAAE;QACjB,KAAK;QACL,KAAK;QACL,IAAI;QACJ,IAAI;QACJ,IAAI,KAAK;YACP,OAAO,EAAC,GAAG,KAAK,EAAE,EAAE,GAAG,EAAC,CAAA;QAC1B,CAAC;QACD,IAAI,EAAE,IAAiB;QACvB,KAAK,EAAE,QAAQ,EAAE;QACjB,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC;KAC1B,CAAC,CAAA;IAEF,MAAM,CAAC,KAAK,EAAE,CAAC,SAAS,EAAoB,CAAC,CAAA;IAE7C,IAAI,MAAM,GAAkB,aAAa,CAAC,WAAW,CAAA;IAErD,qBAAqB,CAAC,QAAQ,EAAE,GAAG,EAAE;QACnC,iBAAiB,CAAC,CAAC,SAAS,EAAE,EAAE;YAC9B,MAAM,OAAO,GAAG,MAAM,KAAK,aAAa,CAAC,OAAO,CAAA;YAEhD,MAAM,GAAG,aAAa,CAAC,OAAO,CAAA;YAE9B,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAA;YAErD,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAA;YAExD,SAAS,CAAC,GAAG,EAAE;gBACb,KAAK,CAAC,eAAe,CAAC,CAAA;gBAEtB,MAAM,GAAG,aAAa,CAAC,OAAO,CAAA;gBAE9B,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;gBAEhC,UAAU,GAAG,IAAI,GAAG,EAAE,CAAA;gBACtB,aAAa,GAAG,IAAI,CAAA;gBAEpB,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;YACnC,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,QAAQ;QACR,OAAO;QACP,KAAK,EAAE,QAAQ,EAAE;QACjB,IAAI;QACJ,IAAI;QACJ,IAAI,KAAK;YACP,OAAO,EAAC,GAAG,KAAK,EAAE,EAAE,GAAG,EAAC,CAAA;QAC1B,CAAC;QACD,IAAI,EAAE,IAAiB;QACvB,KAAK,EAAE,QAAQ,EAAE;KAClB,CAAA;AACH,CAAC;AAED,SAAS,KAAK,CAAC,EAAgB;IAC7B,cAAc,CAAC,GAAG,EAAE;QAClB,EAAE,EAAE,CAAA;IACN,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,MAAM,CAAI,KAAoB;IACrC,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;AAC1C,CAAC;AAED,SAAS,OAAO,CAAI,KAAgB;IAClC,OAAO,SAAS,GAAG,CAAoB,GAAM;QAC3C,OAAO,KAAK,EAAE,CAAC,GAAG,CAAC,CAAA;IACrB,CAAC,CAAA;AACH,CAAC","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\n  afterRenderEffect,\n  computed as computedSignal,\n  type Injector,\n  isSignal,\n  runInInjectionContext,\n  type Signal,\n  untracked,\n} from \"@angular/core\"\n\nimport {createScope} from \"@qualcomm-ui/dom/query\"\nimport {toArray} from \"@qualcomm-ui/utils/array\"\nimport {ensure, isFunction, isString} from \"@qualcomm-ui/utils/guard\"\nimport {\n  type ActionsOrFn,\n  type BindableContext,\n  type BindableIds,\n  type ChooseFn,\n  type ComputedFn,\n  type CtxDetails,\n  type CtxValue,\n  type DetailTuple,\n  type EventType,\n  type GuardFn,\n  INIT_STATE,\n  type Machine,\n  type MachineConfig,\n  type MachineSchema,\n  MachineStatus,\n  type Params,\n  type SendFn,\n  type Transition,\n  type ValueOrFn,\n  type WatchParams,\n} from \"@qualcomm-ui/utils/machine\"\nimport {compact} from \"@qualcomm-ui/utils/object\"\n\nimport {bindable} from \"./bindable\"\nimport {bindableId} from \"./bindable-id\"\nimport {bindableIdCollection} from \"./bindable-id-collection\"\nimport {createRefs} from \"./refs\"\nimport {useTrack} from \"./track\"\n\nexport interface MachineOpts {\n  /**\n   * If true, enable debug logging.\n   *\n   * @default false\n   */\n  debug?: boolean | undefined\n}\n\nexport function useMachine<T extends MachineSchema>(\n  config: MachineConfig<T>,\n  userProps: Partial<T[\"props\"]> | Signal<Partial<T[\"props\"]>> = {},\n  injector: Injector,\n  opts: MachineOpts = {},\n): Machine<T> {\n  const debug = (...args: any[]) => {\n    if (opts.debug) {\n      console.debug(...args)\n    }\n  }\n\n  const scope = computedSignal(() => {\n    const {getRootNode, id} = access<any>(userProps)\n    return createScope({getRootNode, id})\n  })\n\n  const configIds = config.ids?.({\n    bindableId,\n    bindableIdCollection: () => bindableIdCollection(),\n  })\n\n  const ids: BindableIds<T> = {\n    collection(key) {\n      return configIds?.[key]\n    },\n    get(key) {\n      return configIds?.[key]?.get?.()\n    },\n    register(key, valueOrParams, onDestroy?: any) {\n      if (\n        typeof valueOrParams === \"object\" &&\n        valueOrParams !== null &&\n        \"id\" in valueOrParams\n      ) {\n        const params = valueOrParams\n        configIds?.[key].set?.(params.id)\n        params.onDestroy?.(() => configIds?.[key].set?.(undefined))\n      } else {\n        configIds?.[key].set?.(valueOrParams)\n        onDestroy?.(() => configIds?.[key].set?.(undefined))\n      }\n    },\n    set(key, value) {\n      configIds?.[key].set?.(value)\n    },\n  }\n\n  const props = computedSignal(\n    () =>\n      config.props?.({\n        props: compact(access(userProps)),\n        scope: {...scope(), ids},\n      }) ?? access(userProps),\n  )\n\n  const prop = useProp<T[\"props\"]>(props)\n\n  let previousEventRef: any = null\n  let eventRef: any = {type: \"\"}\n\n  const getEvent = () => ({\n    ...eventRef,\n    current() {\n      return eventRef\n    },\n    previous() {\n      return previousEventRef\n    },\n  })\n\n  const context: BindableContext<T> = {\n    get<K extends keyof T[\"context\"]>(key: K) {\n      return configContext![key]?.get()\n    },\n    hash(key): string | undefined {\n      const current = configContext?.[key].get()\n      return configContext?.[key].hash(current)\n    },\n    initial<K extends keyof T[\"context\"]>(key: K) {\n      return configContext?.[key].initial\n    },\n    set<K extends keyof T[\"context\"]>(\n      key: K,\n      value: ValueOrFn<CtxValue<T[\"context\"][K]>>,\n      ...details: DetailTuple<CtxDetails<T[\"context\"][K]>>\n    ): void {\n      configContext?.[key].set(value, ...(details as any))\n    },\n  }\n\n  const refs = createRefs(config.refs?.({context, prop}) ?? {})\n\n  const configContext = config.context?.({\n    bindable,\n    flush,\n    getComputed() {\n      return computed\n    },\n    getContext() {\n      return context\n    },\n    getEvent() {\n      return getEvent()\n    },\n    getRefs() {\n      return refs\n    },\n    prop,\n    get scope() {\n      return {...scope(), ids}\n    },\n  })\n\n  const computed: ComputedFn<T> = (key) => {\n    ensure(config.computed, () => `No computed object found on machine`)\n    const fn = config.computed[key]\n    return fn({\n      computed,\n      context,\n      prop,\n      refs,\n      get scope() {\n        return {...scope(), ids}\n      },\n    })\n  }\n\n  // Create the actions object with direct property access\n  const actions = {} as {\n    [K in keyof T[\"actions\"]]: () => void\n  }\n\n  if (config.actions) {\n    for (const key of Object.keys(config.actions) as Array<\n      keyof T[\"actions\"]\n    >) {\n      const actionFn = config.actions[key]\n\n      actions[key] = () => {\n        return actionFn(getParams())\n      }\n    }\n  }\n\n  let effectsRef = new Map<string, VoidFunction>()\n  let transitionRef: Transition<T> | null = null\n\n  const action = (keys: ActionsOrFn<T> | undefined) => {\n    if (!keys) {\n      return\n    }\n    const strs = isFunction(keys) ? keys(getParams()) : keys\n    if (!strs) {\n      return\n    }\n    for (const key of strs) {\n      const fn = config.actions?.[key]\n      if (fn) {\n        fn(getParams())\n      }\n    }\n  }\n\n  const guard = <K extends keyof T[\"guards\"]>(guard: K | GuardFn<T>) => {\n    if (isFunction(guard)) {\n      return guard(getParams())\n    }\n    return config.guards?.[guard](getParams())\n  }\n\n  const choose: ChooseFn<T> = (transitions) => {\n    return toArray(transitions).find((t) => {\n      let result: boolean | undefined = !t.guard\n      if (isString(t.guard)) {\n        result = !!guard(t.guard)\n      } else if (isFunction(t.guard)) {\n        result = t.guard(getParams())\n      }\n      return result\n    })\n  }\n\n  const effect = (keys: (keyof T[\"effects\"])[] | undefined) => {\n    if (!keys) {\n      return undefined\n    }\n    const fns = keys.map((s) => {\n      return config.effects?.[s]\n    })\n    const cleanups: VoidFunction[] = []\n    for (const fn of fns) {\n      const cleanup = fn?.(getParams())\n      if (cleanup) {\n        cleanups.push(cleanup)\n      }\n    }\n    return () => cleanups.forEach((fn) => fn?.())\n  }\n\n  const state = bindable(() => ({\n    defaultValue: config.initialState({prop}),\n    name: \"state\",\n    onChange: (nextState, details: unknown, prevState) => {\n      // compute effects: exit -> transition -> enter\n\n      // exit effects\n      if (prevState) {\n        const exitEffects = effectsRef.get(prevState)\n        exitEffects?.()\n        effectsRef.delete(prevState)\n      }\n\n      // exit actions\n      if (prevState) {\n        action(config.states[prevState]?.exit)\n      }\n\n      // transition actions\n      action(transitionRef?.actions)\n\n      // enter effect\n      const cleanup = effect(config.states[nextState]?.effects)\n      if (cleanup) {\n        effectsRef.set(nextState as string, cleanup)\n      }\n\n      // root entry actions\n      if (prevState === \"__init__\") {\n        action(config.onInit?.actions)\n        const cleanup = effect(config.onInit?.effects ?? [])\n        if (cleanup) {\n          effectsRef.set(\"__init__\", cleanup)\n        }\n      }\n\n      // enter actions\n      action(config.states[nextState]?.entry)\n    },\n  }))\n\n  const getState = () => ({\n    ...state,\n    hasTag(tag: T[\"tag\"]) {\n      return !!config.states[state.get()]?.tags?.includes(tag)\n    },\n    matches(...values: T[\"state\"][]) {\n      return values.includes(state.get())\n    },\n  })\n\n  const send = (event: EventType<T>) => {\n    queueMicrotask(() => {\n      previousEventRef = {...eventRef}\n      eventRef = {...event}\n      const currentState = state.get()\n\n      debug(\"send\", {currentState, event})\n\n      const transitions =\n        config.states[currentState]?.on?.[event.type] ?? config.on?.[event.type]\n\n      const transition = choose(transitions)\n      if (!transition) {\n        return\n      }\n\n      // save current transition\n      transitionRef = transition\n\n      const target = transition.target ?? currentState\n      const changed = target !== currentState\n\n      debug(\"transition\", transition)\n\n      if (changed) {\n        state.set(target)\n      } else if (transition.reenter && !changed) {\n        // reenter will re-invoke the current state\n        state.invoke(currentState, currentState)\n      } else {\n        // call transition actions\n        action(transition.actions ?? [])\n      }\n    })\n  }\n\n  const getParams = (): Params<T> => ({\n    action,\n    actions,\n    choose,\n    computed,\n    context,\n    event: getEvent(),\n    flush,\n    guard,\n    prop,\n    refs,\n    get scope() {\n      return {...scope(), ids}\n    },\n    send: send as SendFn<T>,\n    state: getState(),\n    track: useTrack(injector),\n  })\n\n  config.watch?.(getParams() as WatchParams<T>)\n\n  let status: MachineStatus = MachineStatus.NOT_STARTED\n\n  runInInjectionContext(injector, () => {\n    afterRenderEffect((onCleanup) => {\n      const started = status === MachineStatus.STARTED\n\n      status = MachineStatus.STARTED\n\n      debug(started ? \"rehydrating...\" : \"initializing...\")\n\n      untracked(() => state.invoke(state.initial, INIT_STATE))\n\n      onCleanup(() => {\n        debug(\"unmounting...\")\n\n        status = MachineStatus.STOPPED\n\n        effectsRef.forEach((fn) => fn())\n\n        effectsRef = new Map()\n        transitionRef = null\n\n        action(config.onDestroy?.actions)\n      })\n    })\n  })\n\n  return {\n    computed,\n    context,\n    event: getEvent(),\n    prop,\n    refs,\n    get scope() {\n      return {...scope(), ids}\n    },\n    send: send as SendFn<T>,\n    state: getState(),\n  }\n}\n\nfunction flush(fn: VoidFunction) {\n  queueMicrotask(() => {\n    fn()\n  })\n}\n\nfunction access<T>(value: T | Signal<T>) {\n  return isSignal(value) ? value() : value\n}\n\nfunction useProp<T>(value: Signal<T>) {\n  return function get<K extends keyof T>(key: K): T[K] {\n    return value()[key]\n  }\n}\n"]}