@qualcomm-ui/angular-core 1.0.0

package/esm2022/dialog/core-dialog-positioner.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 { usePresenceRenderer } from "@qualcomm-ui/angular-core/presence";
+import { useDialogContext } from "./dialog-context.service";
+import * as i0 from "@angular/core";
+export class CoreDialogPositionerDirective {
+    /**
+     * {@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" }] : []));
+    dialogContext = useDialogContext();
+    trackBindings = useTrackBindings(() => this.dialogContext().getPositionerBindings({
+        id: this.hostId(),
+        onDestroy: this.onDestroy,
+    }));
+    onDestroy = useOnDestroy();
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    presenceRendererEffect = usePresenceRenderer();
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreDialogPositionerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreDialogPositionerDirective, 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: CoreDialogPositionerDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=core-dialog-positioner.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-dialog-positioner.directive.js","sourceRoot":"","sources":["../../../src/dialog/core-dialog-positioner.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;AAClE,OAAO,EAAC,mBAAmB,EAAC,MAAM,oCAAoC,CAAA;AAEtE,OAAO,EAAC,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;;AAGzD,MAAM,OAAO,6BAA6B;IACxC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAElC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,aAAa,EAAE,CAAC,qBAAqB,CAAC;QACzC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;QACjB,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC,CACH,CAAA;IAEkB,SAAS,GAAG,YAAY,EAAE,CAAA;IAE5B,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IAEhE,sBAAsB,GAAG,mBAAmB,EAAE,CAAA;IAE9C,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAxBU,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 {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\"\nimport {usePresenceRenderer} from \"@qualcomm-ui/angular-core/presence\"\n\nimport {useDialogContext} from \"./dialog-context.service\"\n\n@Directive()\nexport class CoreDialogPositionerDirective 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 dialogContext = useDialogContext()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.dialogContext().getPositionerBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    }),\n  )\n\n  protected readonly onDestroy = useOnDestroy()\n\n  private readonly hostId = computed(() => useId(this, this.id()))\n\n  presenceRendererEffect = usePresenceRenderer()\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

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

@@ -0,0 +1,225 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { DOCUMENT } from "@angular/common";
+import { booleanAttribute, computed, Directive, inject, Injector, input, output, untracked, } from "@angular/core";
+import { useIsMounted } from "@qualcomm-ui/angular-core/common";
+import { normalizeProps, useMachine } from "@qualcomm-ui/angular-core/machine";
+import { CorePresenceDirective, PresenceContextService, RenderStrategyContextService, } from "@qualcomm-ui/angular-core/presence";
+import { createDialogApi, dialogMachine, } from "@qualcomm-ui/core/dialog";
+import { createPresenceApi, presenceMachine, } from "@qualcomm-ui/core/presence";
+import { isDefined } from "@qualcomm-ui/utils/guard";
+import { DialogContextService } from "./dialog-context.service";
+import * as i0 from "@angular/core";
+export class CoreDialogRootDirective extends CorePresenceDirective {
+    /**
+     * Human-readable label for the dialog, used when the dialog title is not rendered
+     */
+    ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel", alias: "aria-label" }] : [{
+            alias: "aria-label",
+        }]));
+    /**
+     * Whether to close the dialog when the escape key is pressed
+     *
+     * @default true
+     */
+    closeOnEscape = input(undefined, ...(ngDevMode ? [{ debugName: "closeOnEscape", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether to close the dialog when the outside is clicked
+     *
+     * @default true
+     */
+    closeOnInteractOutside = input(undefined, ...(ngDevMode ? [{ debugName: "closeOnInteractOutside", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /**
+     * The initial open state of the dialog when rendered.
+     * Use when you don't need to control the open state of the dialog.
+     */
+    defaultOpen = input(undefined, ...(ngDevMode ? [{ debugName: "defaultOpen", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The document's text/writing direction.
+     *
+     * @default "ltr"
+     */
+    dir = input(undefined, ...(ngDevMode ? [{ debugName: "dir" }] : []));
+    /**
+     * Element to receive focus when the dialog is closed
+     */
+    finalFocusEl = input(...(ngDevMode ? [undefined, { debugName: "finalFocusEl" }] : []));
+    /**
+     * A root node to correctly resolve the Document in custom environments. i.e.,
+     * Iframes, Electron.
+     */
+    getRootNode = input(...(ngDevMode ? [undefined, { debugName: "getRootNode" }] : []));
+    /**
+     * Element to receive focus when the dialog is opened
+     */
+    initialFocusEl = input(...(ngDevMode ? [undefined, { debugName: "initialFocusEl" }] : []));
+    /**
+     * Whether to prevent pointer interaction outside the element and hide all content
+     * below it
+     *
+     * @default true
+     */
+    modal = input(undefined, ...(ngDevMode ? [{ debugName: "modal", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The controlled open state of the dialog
+     */
+    open = input(undefined, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    /**
+     * The persistent elements that:
+     * - should not have pointer-events disabled
+     * - should not trigger the dismiss event
+     */
+    persistentElements = input(...(ngDevMode ? [undefined, { debugName: "persistentElements" }] : []));
+    /**
+     * Whether to prevent scrolling behind the dialog when it's opened
+     *
+     * @default true
+     */
+    preventScroll = input(undefined, ...(ngDevMode ? [{ debugName: "preventScroll", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether to restore focus to the element that had focus before the dialog was
+     * opened
+     *
+     * @default true
+     */
+    restoreFocus = input(undefined, ...(ngDevMode ? [{ debugName: "restoreFocus", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The dialog's role
+     *
+     * @default 'dialog'
+     */
+    role = input(...(ngDevMode ? [undefined, { debugName: "role" }] : []));
+    /**
+     * Whether to trap focus inside the dialog when it's opened
+     *
+     * @default true
+     */
+    trapFocus = input(undefined, ...(ngDevMode ? [{ debugName: "trapFocus", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Function called when the escape key is pressed
+     */
+    escapeKeyDown = output();
+    /**
+     * Function called when the focus is moved outside the component
+     */
+    focusOutside = output();
+    /**
+     * Function called when an interaction happens outside the component
+     */
+    interactOutside = output();
+    /**
+     * Fired when the dialog opens or closes.
+     */
+    openChanged = output();
+    /**
+     * Function called when the pointer is pressed down outside the component
+     */
+    pointerDownOutside = output();
+    /**
+     * Function called when this layer is closed due to a parent layer being closed
+     */
+    requestDismissed = output();
+    dialogService = inject(DialogContextService);
+    presenceService = inject(PresenceContextService);
+    renderStrategyContext = inject(RenderStrategyContextService);
+    isMounted = useIsMounted();
+    injector = inject(Injector);
+    document = inject(DOCUMENT);
+    ngOnInit() {
+        const renderStrategy = computed(() => ({
+            lazyMount: this.lazyMount() || false,
+            unmountOnExit: this.unmountOnExit() || false,
+        }), ...(ngDevMode ? [{ debugName: "renderStrategy" }] : []));
+        const machine = useMachine(dialogMachine, computed(() => ({
+            "aria-label": this.ariaLabel(),
+            closeOnEscape: this.closeOnEscape(),
+            closeOnInteractOutside: this.closeOnInteractOutside(),
+            defaultOpen: this.defaultOpen(),
+            dir: this.dir(),
+            finalFocusEl: this.finalFocusEl(),
+            getRootNode: this.getRootNode() || (() => this.document),
+            initialFocusEl: this.initialFocusEl(),
+            modal: this.modal(),
+            onEscapeKeyDown: (event) => {
+                if (this.isMounted()) {
+                    this.escapeKeyDown.emit(event);
+                }
+            },
+            onFocusOutside: (event) => {
+                if (this.isMounted()) {
+                    this.focusOutside.emit(event);
+                }
+            },
+            onInteractOutside: (event) => {
+                if (this.isMounted()) {
+                    this.interactOutside.emit(event);
+                }
+            },
+            onOpenChange: (open) => {
+                if (this.isMounted()) {
+                    this.openChanged.emit(open);
+                }
+            },
+            onPointerDownOutside: (event) => {
+                if (this.isMounted()) {
+                    this.pointerDownOutside.emit(event);
+                }
+            },
+            onRequestDismiss: (event) => {
+                if (this.isMounted()) {
+                    this.requestDismissed.emit(event);
+                }
+            },
+            open: this.open(),
+            persistentElements: this.persistentElements(),
+            preventScroll: this.preventScroll(),
+            restoreFocus: this.restoreFocus(),
+            role: this.role(),
+            trapFocus: this.trapFocus(),
+        })), this.injector);
+        const dialogApi = computed(() => createDialogApi(machine, normalizeProps), ...(ngDevMode ? [{ debugName: "dialogApi" }] : []));
+        this.dialogService.init(dialogApi);
+        const presence = useMachine(presenceMachine, computed(() => {
+            const present = this.present();
+            const api = dialogApi();
+            const showing = isDefined(present) ? present : api.open;
+            untracked(() => {
+                if (this.presenceService.initialized()) {
+                    this.presenceService.immediatePresent = showing;
+                }
+            });
+            return {
+                immediate: this.immediate(),
+                lazyMount: this.lazyMount(),
+                onExitComplete: () => {
+                    if (this.isMounted()) {
+                        this.exitCompleted.emit();
+                    }
+                },
+                present: showing,
+                skipAnimationOnMount: this.skipAnimationOnMount(),
+                unmountOnExit: this.unmountOnExit(),
+            };
+        }), this.injector);
+        this.presenceService.init(computed(() => createPresenceApi(presence, normalizeProps)));
+        this.renderStrategyContext.init(renderStrategy);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreDialogRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreDialogRootDirective, isStandalone: true, inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, closeOnInteractOutside: { classPropertyName: "closeOnInteractOutside", publicName: "closeOnInteractOutside", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, finalFocusEl: { classPropertyName: "finalFocusEl", publicName: "finalFocusEl", isSignal: true, isRequired: false, transformFunction: null }, getRootNode: { classPropertyName: "getRootNode", publicName: "getRootNode", isSignal: true, isRequired: false, transformFunction: null }, initialFocusEl: { classPropertyName: "initialFocusEl", publicName: "initialFocusEl", isSignal: true, isRequired: false, transformFunction: null }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, persistentElements: { classPropertyName: "persistentElements", publicName: "persistentElements", isSignal: true, isRequired: false, transformFunction: null }, preventScroll: { classPropertyName: "preventScroll", publicName: "preventScroll", isSignal: true, isRequired: false, transformFunction: null }, restoreFocus: { classPropertyName: "restoreFocus", publicName: "restoreFocus", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, trapFocus: { classPropertyName: "trapFocus", publicName: "trapFocus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { escapeKeyDown: "escapeKeyDown", focusOutside: "focusOutside", interactOutside: "interactOutside", openChanged: "openChanged", pointerDownOutside: "pointerDownOutside", requestDismissed: "requestDismissed" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreDialogRootDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], closeOnInteractOutside: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnInteractOutside", required: false }] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], finalFocusEl: [{ type: i0.Input, args: [{ isSignal: true, alias: "finalFocusEl", required: false }] }], getRootNode: [{ type: i0.Input, args: [{ isSignal: true, alias: "getRootNode", required: false }] }], initialFocusEl: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFocusEl", required: false }] }], modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], persistentElements: [{ type: i0.Input, args: [{ isSignal: true, alias: "persistentElements", required: false }] }], preventScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventScroll", required: false }] }], restoreFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreFocus", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], trapFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "trapFocus", required: false }] }], escapeKeyDown: [{ type: i0.Output, args: ["escapeKeyDown"] }], focusOutside: [{ type: i0.Output, args: ["focusOutside"] }], interactOutside: [{ type: i0.Output, args: ["interactOutside"] }], openChanged: [{ type: i0.Output, args: ["openChanged"] }], pointerDownOutside: [{ type: i0.Output, args: ["pointerDownOutside"] }], requestDismissed: [{ type: i0.Output, args: ["requestDismissed"] }] } });
+//# sourceMappingURL=core-dialog-root.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-dialog-root.directive.js","sourceRoot":"","sources":["../../../src/dialog/core-dialog-root.directive.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {DOCUMENT} from \"@angular/common\"\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  inject,\n  Injector,\n  input,\n  type OnInit,\n  output,\n  untracked,\n} from \"@angular/core\"\n\nimport {useIsMounted} from \"@qualcomm-ui/angular-core/common\"\nimport {normalizeProps, useMachine} from \"@qualcomm-ui/angular-core/machine\"\nimport {\n  CorePresenceDirective,\n  PresenceContextService,\n  RenderStrategyContextService,\n} from \"@qualcomm-ui/angular-core/presence\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  createDialogApi,\n  type DialogApiProps,\n  dialogMachine,\n} from \"@qualcomm-ui/core/dialog\"\nimport {\n  createPresenceApi,\n  type PresenceApiProps,\n  presenceMachine,\n} from \"@qualcomm-ui/core/presence\"\nimport type {LayerDismissEvent} from \"@qualcomm-ui/dom/dismissable\"\nimport type {\n  FocusOutsideEvent,\n  InteractOutsideEvent,\n  MaybeElement,\n  PointerDownOutsideEvent,\n} from \"@qualcomm-ui/dom/interact-outside\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\nimport type {Direction} from \"@qualcomm-ui/utils/direction\"\nimport {type Explicit, isDefined} from \"@qualcomm-ui/utils/guard\"\n\nimport {DialogContextService} from \"./dialog-context.service\"\n\n@Directive()\nexport class CoreDialogRootDirective\n  extends CorePresenceDirective\n  implements\n    SignalifyInput<Omit<DialogApiProps & PresenceApiProps, \"aria-label\">>,\n    OnInit\n{\n  /**\n   * Human-readable label for the dialog, used when the dialog title is not rendered\n   */\n  readonly ariaLabel = input<string | undefined>(undefined, {\n    alias: \"aria-label\",\n  })\n\n  /**\n   * Whether to close the dialog when the escape key is pressed\n   *\n   * @default true\n   */\n  readonly closeOnEscape = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Whether to close the dialog when the outside is clicked\n   *\n   * @default true\n   */\n  readonly closeOnInteractOutside = input<boolean | undefined, Booleanish>(\n    undefined,\n    {transform: booleanAttribute},\n  )\n\n  /**\n   * The initial open state of the dialog when rendered.\n   * Use when you don't need to control the open state of the dialog.\n   */\n  readonly defaultOpen = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * The document's text/writing direction.\n   *\n   * @default \"ltr\"\n   */\n  readonly dir = input<Direction | undefined>(undefined)\n\n  /**\n   * Element to receive focus when the dialog is closed\n   */\n  readonly finalFocusEl = input<(() => MaybeElement) | undefined>()\n\n  /**\n   * A root node to correctly resolve the Document in custom environments. i.e.,\n   * Iframes, Electron.\n   */\n  readonly getRootNode = input<\n    (() => ShadowRoot | Document | Node) | undefined\n  >()\n\n  /**\n   * Element to receive focus when the dialog is opened\n   */\n  readonly initialFocusEl = input<(() => MaybeElement) | undefined>()\n\n  /**\n   * Whether to prevent pointer interaction outside the element and hide all content\n   * below it\n   *\n   * @default true\n   */\n  readonly modal = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * The controlled open state of the dialog\n   */\n  readonly open = input<boolean | undefined>(undefined)\n\n  /**\n   * The persistent elements that:\n   * - should not have pointer-events disabled\n   * - should not trigger the dismiss event\n   */\n  readonly persistentElements = input<Array<() => Element | null> | undefined>()\n\n  /**\n   * Whether to prevent scrolling behind the dialog when it's opened\n   *\n   * @default true\n   */\n  readonly preventScroll = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Whether to restore focus to the element that had focus before the dialog was\n   * opened\n   *\n   * @default true\n   */\n  readonly restoreFocus = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * The dialog's role\n   *\n   * @default 'dialog'\n   */\n  readonly role = input<\"dialog\" | \"alertdialog\" | undefined>()\n\n  /**\n   * Whether to trap focus inside the dialog when it's opened\n   *\n   * @default true\n   */\n  readonly trapFocus = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Function called when the escape key is pressed\n   */\n  readonly escapeKeyDown = output<KeyboardEvent>()\n\n  /**\n   * Function called when the focus is moved outside the component\n   */\n  readonly focusOutside = output<FocusOutsideEvent>()\n\n  /**\n   * Function called when an interaction happens outside the component\n   */\n  readonly interactOutside = output<InteractOutsideEvent>()\n\n  /**\n   * Fired when the dialog opens or closes.\n   */\n  readonly openChanged = output<boolean>()\n\n  /**\n   * Function called when the pointer is pressed down outside the component\n   */\n  readonly pointerDownOutside = output<PointerDownOutsideEvent>()\n\n  /**\n   * Function called when this layer is closed due to a parent layer being closed\n   */\n  readonly requestDismissed = output<LayerDismissEvent>()\n\n  protected readonly dialogService = inject(DialogContextService)\n  protected readonly presenceService = inject(PresenceContextService)\n  protected readonly renderStrategyContext = inject(\n    RenderStrategyContextService,\n  )\n  protected readonly isMounted = useIsMounted()\n\n  private readonly injector = inject(Injector)\n\n  private document = inject(DOCUMENT)\n\n  ngOnInit() {\n    const renderStrategy = computed(() => ({\n      lazyMount: this.lazyMount() || false,\n      unmountOnExit: this.unmountOnExit() || false,\n    }))\n\n    const machine = useMachine(\n      dialogMachine,\n      computed<Explicit<DialogApiProps>>(() => ({\n        \"aria-label\": this.ariaLabel(),\n        closeOnEscape: this.closeOnEscape(),\n        closeOnInteractOutside: this.closeOnInteractOutside(),\n        defaultOpen: this.defaultOpen(),\n        dir: this.dir(),\n        finalFocusEl: this.finalFocusEl(),\n        getRootNode: this.getRootNode() || (() => this.document),\n        initialFocusEl: this.initialFocusEl(),\n        modal: this.modal(),\n        onEscapeKeyDown: (event) => {\n          if (this.isMounted()) {\n            this.escapeKeyDown.emit(event)\n          }\n        },\n        onFocusOutside: (event) => {\n          if (this.isMounted()) {\n            this.focusOutside.emit(event)\n          }\n        },\n        onInteractOutside: (event) => {\n          if (this.isMounted()) {\n            this.interactOutside.emit(event)\n          }\n        },\n        onOpenChange: (open) => {\n          if (this.isMounted()) {\n            this.openChanged.emit(open)\n          }\n        },\n        onPointerDownOutside: (event) => {\n          if (this.isMounted()) {\n            this.pointerDownOutside.emit(event)\n          }\n        },\n        onRequestDismiss: (event) => {\n          if (this.isMounted()) {\n            this.requestDismissed.emit(event)\n          }\n        },\n        open: this.open(),\n        persistentElements: this.persistentElements(),\n        preventScroll: this.preventScroll(),\n        restoreFocus: this.restoreFocus(),\n        role: this.role(),\n        trapFocus: this.trapFocus(),\n      })),\n      this.injector,\n    )\n\n    const dialogApi = computed(() => createDialogApi(machine, normalizeProps))\n\n    this.dialogService.init(dialogApi)\n\n    const presence = useMachine(\n      presenceMachine,\n      computed<Explicit<PresenceApiProps>>(() => {\n        const present = this.present()\n        const api = dialogApi()\n        const showing = isDefined(present) ? present : api.open\n        untracked(() => {\n          if (this.presenceService.initialized()) {\n            this.presenceService.immediatePresent = showing\n          }\n        })\n        return {\n          immediate: this.immediate(),\n          lazyMount: this.lazyMount(),\n          onExitComplete: () => {\n            if (this.isMounted()) {\n              this.exitCompleted.emit()\n            }\n          },\n          present: showing,\n          skipAnimationOnMount: this.skipAnimationOnMount(),\n          unmountOnExit: this.unmountOnExit(),\n        }\n      }),\n      this.injector,\n    )\n\n    this.presenceService.init(\n      computed(() => createPresenceApi(presence, normalizeProps)),\n    )\n\n    this.renderStrategyContext.init(renderStrategy)\n  }\n}\n"]}

package/esm2022/dialog/core-dialog-trigger.directive.js

@@ -0,0 +1,30 @@
+// 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 { useDialogContext } from "./dialog-context.service";
+import * as i0 from "@angular/core";
+export class CoreDialogTriggerDirective {
+    /**
+     * {@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" }] : []));
+    dialogContext = useDialogContext();
+    trackBindings = useTrackBindings(() => this.dialogContext().getTriggerBindings({
+        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: CoreDialogTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreDialogTriggerDirective, 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: CoreDialogTriggerDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=core-dialog-trigger.directive.js.map

package/esm2022/dialog/core-dialog-trigger.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-dialog-trigger.directive.js","sourceRoot":"","sources":["../../../src/dialog/core-dialog-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,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;;AAGzD,MAAM,OAAO,0BAA0B;IACrC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAElC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,aAAa,EAAE,CAAC,kBAAkB,CAAC;QACtC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;QACjB,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC,CACH,CAAA;IAEgB,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,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, 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 {useDialogContext} from \"./dialog-context.service\"\n\n@Directive()\nexport class CoreDialogTriggerDirective 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 dialogContext = useDialogContext()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.dialogContext().getTriggerBindings({\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/dialog/dialog-context.service.js

@@ -0,0 +1,24 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Injectable } from "@angular/core";
+import { BaseApiContextService, createApiContext, } from "@qualcomm-ui/angular-core/machine";
+import { providePresenceContext, provideRenderStrategyContext, } from "@qualcomm-ui/angular-core/presence";
+import {} from "@qualcomm-ui/core/dialog";
+import * as i0 from "@angular/core";
+export class DialogContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DialogContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DialogContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DialogContextService, decorators: [{
+            type: Injectable
+        }] });
+const [DIALOG_CONTEXT, useDialogContext, provideDialogContextService,] = createApiContext("DialogContext", DialogContextService);
+export { DIALOG_CONTEXT, useDialogContext };
+export function provideDialogContext() {
+    return [
+        ...provideDialogContextService(),
+        ...providePresenceContext(),
+        ...provideRenderStrategyContext(),
+    ];
+}
+//# sourceMappingURL=dialog-context.service.js.map

package/esm2022/dialog/dialog-context.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-context.service.js","sourceRoot":"","sources":["../../../src/dialog/dialog-context.service.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,UAAU,EAAgB,MAAM,eAAe,CAAA;AAEvD,OAAO,EAEL,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EACL,sBAAsB,EACtB,4BAA4B,GAC7B,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EAAgB,MAAM,0BAA0B,CAAA;;AAGvD,MAAM,OAAO,oBAAqB,SAAQ,qBAAgC;wGAA7D,oBAAoB;4GAApB,oBAAoB;;4FAApB,oBAAoB;kBADhC,UAAU;;AAGX,MAAM,CACJ,cAAc,EACd,gBAAgB,EAChB,2BAA2B,EAC5B,GAA0B,gBAAgB,CACzC,eAAe,EACf,oBAAoB,CACrB,CAAA;AAED,OAAO,EAAC,cAAc,EAAE,gBAAgB,EAAC,CAAA;AAEzC,MAAM,UAAU,oBAAoB;IAClC,OAAO;QACL,GAAG,2BAA2B,EAAE;QAChC,GAAG,sBAAsB,EAAE;QAC3B,GAAG,4BAA4B,EAAE;KAClC,CAAA;AACH,CAAC","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Injectable, type Provider} from \"@angular/core\"\n\nimport {\n  type ApiContext,\n  BaseApiContextService,\n  createApiContext,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport {\n  providePresenceContext,\n  provideRenderStrategyContext,\n} from \"@qualcomm-ui/angular-core/presence\"\nimport {type DialogApi} from \"@qualcomm-ui/core/dialog\"\n\n@Injectable()\nexport class DialogContextService extends BaseApiContextService<DialogApi> {}\n\nconst [\n  DIALOG_CONTEXT,\n  useDialogContext,\n  provideDialogContextService,\n]: ApiContext<DialogApi> = createApiContext<DialogApi>(\n  \"DialogContext\",\n  DialogContextService,\n)\n\nexport {DIALOG_CONTEXT, useDialogContext}\n\nexport function provideDialogContext(): Provider[] {\n  return [\n    ...provideDialogContextService(),\n    ...providePresenceContext(),\n    ...provideRenderStrategyContext(),\n  ]\n}\n"]}

package/esm2022/dialog/index.js

@@ -0,0 +1,12 @@
+export * from "./core-dialog-backdrop.directive";
+export * from "./core-dialog-body.directive";
+export * from "./core-dialog-close-trigger.directive";
+export * from "./core-dialog-content.directive";
+export * from "./core-dialog-description.directive";
+export * from "./core-dialog-footer.directive";
+export * from "./core-dialog-heading.directive";
+export * from "./core-dialog-positioner.directive";
+export * from "./core-dialog-root.directive";
+export * from "./core-dialog-trigger.directive";
+export * from "./dialog-context.service";
+//# sourceMappingURL=index.js.map

package/esm2022/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uCAAuC,CAAA;AACrD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,qCAAqC,CAAA;AACnD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,oCAAoC,CAAA;AAClD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA","sourcesContent":["export * from \"./core-dialog-backdrop.directive\"\nexport * from \"./core-dialog-body.directive\"\nexport * from \"./core-dialog-close-trigger.directive\"\nexport * from \"./core-dialog-content.directive\"\nexport * from \"./core-dialog-description.directive\"\nexport * from \"./core-dialog-footer.directive\"\nexport * from \"./core-dialog-heading.directive\"\nexport * from \"./core-dialog-positioner.directive\"\nexport * from \"./core-dialog-root.directive\"\nexport * from \"./core-dialog-trigger.directive\"\nexport * from \"./dialog-context.service\"\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"qualcomm-ui-angular-core-dialog.js","sourceRoot":"","sources":["../../../src/dialog/qualcomm-ui-angular-core-dialog.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/dom/clipboard.service.js

@@ -0,0 +1,42 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { isPlatformServer } from "@angular/common";
+import { computed, inject, Injectable, PLATFORM_ID, signal, } from "@angular/core";
+import { Check, Copy } from "lucide-angular";
+import { NAVIGATOR } from "./tokens";
+import * as i0 from "@angular/core";
+/**
+ * A simple helper service for copying text to the user's clipboard. SSR-safe,
+ * debounce support, and optional icon support.
+ */
+export class ClipboardService {
+    get copied() {
+        return this._copied.asReadonly();
+    }
+    _copied = signal(false, ...(ngDevMode ? [{ debugName: "_copied" }] : []));
+    icon = computed(() => this.copied() ? Check : Copy, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    copyTimeout;
+    navigator = inject(NAVIGATOR);
+    platformId = inject(PLATFORM_ID);
+    ngOnDestroy() {
+        clearTimeout(this.copyTimeout);
+    }
+    async copy(text, timeout = 1200) {
+        // debounce
+        if (this.copied() || isPlatformServer(this.platformId)) {
+            return undefined;
+        }
+        // show an indicator that the copy action succeeded
+        this._copied.set(true);
+        this.copyTimeout = setTimeout(() => {
+            this._copied.set(false);
+        }, timeout);
+        return this.navigator.clipboard.writeText(text).then(() => text);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ClipboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ClipboardService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ClipboardService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=clipboard.service.js.map

package/esm2022/dom/clipboard.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard.service.js","sourceRoot":"","sources":["../../../src/dom/clipboard.service.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAA;AAChD,OAAO,EACL,QAAQ,EACR,MAAM,EACN,UAAU,EAEV,WAAW,EAEX,MAAM,GACP,MAAM,eAAe,CAAA;AACtB,OAAO,EAAC,KAAK,EAAE,IAAI,EAAC,MAAM,gBAAgB,CAAA;AAI1C,OAAO,EAAC,SAAS,EAAC,MAAM,UAAU,CAAA;;AAElC;;;GAGG;AAEH,MAAM,OAAO,gBAAgB;IAC3B,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAA;IAClC,CAAC;IACgB,OAAO,GAAG,MAAM,CAAU,KAAK,mDAAC,CAAA;IAExC,IAAI,GAAuB,QAAQ,CAAC,GAAG,EAAE,CAChD,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,gDAC7B,CAAA;IAEO,WAAW,CAA+B;IAE1C,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;IAC7B,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA;IAExC,WAAW;QACT,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAChC,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,IAAY,EAAE,OAAO,GAAG,IAAI;QACrC,WAAW;QACX,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC;YACvD,OAAO,SAAS,CAAA;QAClB,CAAC;QACD,mDAAmD;QACnD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QACtB,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE;YACjC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;QACzB,CAAC,EAAE,OAAO,CAAC,CAAA;QAEX,OAAO,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAA;IAClE,CAAC;wGA/BU,gBAAgB;4GAAhB,gBAAgB;;4FAAhB,gBAAgB;kBAD5B,UAAU","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {isPlatformServer} from \"@angular/common\"\nimport {\n  computed,\n  inject,\n  Injectable,\n  type OnDestroy,\n  PLATFORM_ID,\n  type Signal,\n  signal,\n} from \"@angular/core\"\nimport {Check, Copy} from \"lucide-angular\"\n\nimport type {LucideIcon} from \"@qualcomm-ui/angular-core/lucide\"\n\nimport {NAVIGATOR} from \"./tokens\"\n\n/**\n * A simple helper service for copying text to the user's clipboard. SSR-safe,\n * debounce support, and optional icon support.\n */\n@Injectable()\nexport class ClipboardService implements OnDestroy {\n  get copied() {\n    return this._copied.asReadonly()\n  }\n  private readonly _copied = signal<boolean>(false)\n\n  readonly icon: Signal<LucideIcon> = computed(() =>\n    this.copied() ? Check : Copy,\n  )\n\n  private copyTimeout: ReturnType<typeof setTimeout>\n\n  private navigator = inject(NAVIGATOR)\n  private platformId = inject(PLATFORM_ID)\n\n  ngOnDestroy() {\n    clearTimeout(this.copyTimeout)\n  }\n\n  async copy(text: string, timeout = 1200) {\n    // debounce\n    if (this.copied() || isPlatformServer(this.platformId)) {\n      return undefined\n    }\n    // show an indicator that the copy action succeeded\n    this._copied.set(true)\n    this.copyTimeout = setTimeout(() => {\n      this._copied.set(false)\n    }, timeout)\n\n    return this.navigator.clipboard.writeText(text).then(() => text)\n  }\n}\n"]}

package/esm2022/dom/context-id-signal.js

@@ -0,0 +1,23 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { signal, } from "@angular/core";
+/**
+ * A simple wrapper around a signal for tracking an element's id in a shared
+ * service. This signal resets the value when its element's reference is destroyed.
+ *
+ * @param initialValue
+ * @param options
+ */
+export function contextIdSignal(initialValue, options) {
+    const signalFn = signal(initialValue, options);
+    const setter = signalFn.set;
+    signalFn.asAttribute = () => signalFn() || undefined;
+    signalFn.set = (value, onDestroy) => {
+        onDestroy?.(() => {
+            setter(initialValue);
+        });
+        setter(value);
+    };
+    return signalFn;
+}
+//# sourceMappingURL=context-id-signal.js.map

package/esm2022/dom/context-id-signal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-id-signal.js","sourceRoot":"","sources":["../../../src/dom/context-id-signal.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAEL,MAAM,GAEP,MAAM,eAAe,CAAA;AAoCtB;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAC7B,YAAqB,EACrB,OAAiD;IAEjD,MAAM,QAAQ,GAAG,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,CAAA;IAC9C,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,CAE1B;IAAC,QAAuC,CAAC,WAAW,GAAG,GAAG,EAAE,CAC3D,QAAQ,EAAE,IAAI,SAAS,CACxB;IAAC,QAA2B,CAAC,GAAG,GAAG,CAClC,KAAyB,EACzB,SAA0C,EAC1C,EAAE;QACF,SAAS,EAAE,CAAC,GAAG,EAAE;YACf,MAAM,CAAC,YAAY,CAAC,CAAA;QACtB,CAAC,CAAC,CAAA;QACF,MAAM,CAAC,KAAK,CAAC,CAAA;IACf,CAAC,CAAA;IAED,OAAO,QAA2B,CAAA;AACpC,CAAC","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\n  type CreateSignalOptions,\n  signal,\n  type WritableSignal,\n} from \"@angular/core\"\n\nexport type ContextIdSignal = WritableSignal<string> & {\n  /**\n   * Retrieves the id string, or undefined if it is empty. When you bind `undefined`\n   * to an attribute in Angular, the attribute is removed from the DOM element.\n   *\n   * @example\n   *\n   * ```ts\n   * @Component({\n   *   template: `\n   *     <div id=\"1\" [attr.aria-labelledby]=\"emptyId\"></div>\n   *     <div id=\"2\" [attr.aria-labelledby]=\"undefinedId\"></div>\n   *   `\n   * })\n   * class Component {\n   *   emptyId = \"\"\n   *   undefinedId = undefined\n   * }\n   *```\n   *\n   *```html\n   * <!-- resulting DOM elements: -->\n   * <!-- invalid DOM element: aria-labelledby must be set if defined -->\n   * <div id=\"1\" aria-labelledby></div>\n   *\n   * <!-- valid DOM element -->\n   * <div id=\"2\"></div>\n   *```\n   */\n  asAttribute(): string | undefined\n\n  set(value: string, onDestroy?: (callback: () => void) => void): void\n}\n\n/**\n * A simple wrapper around a signal for tracking an element's id in a shared\n * service. This signal resets the value when its element's reference is destroyed.\n *\n * @param initialValue\n * @param options\n */\nexport function contextIdSignal(\n  initialValue?: string,\n  options?: CreateSignalOptions<string | undefined>,\n) {\n  const signalFn = signal(initialValue, options)\n  const setter = signalFn.set\n\n  ;(signalFn as unknown as ContextIdSignal).asAttribute = () =>\n    signalFn() || undefined\n  ;(signalFn as unknown as any).set = (\n    value: string | undefined,\n    onDestroy?: (callback: () => void) => void,\n  ) => {\n    onDestroy?.(() => {\n      setter(initialValue)\n    })\n    setter(value)\n  }\n\n  return signalFn as ContextIdSignal\n}\n"]}

package/esm2022/dom/descendants-manager.service.js

@@ -0,0 +1,29 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Injectable, signal, untracked } from "@angular/core";
+import { DescendantsManager, } from "@qualcomm-ui/utils/descendants";
+import * as i0 from "@angular/core";
+export class DescendantsManagerService extends DescendantsManager {
+    // simple signal for consumers to subscribe to changes.
+    get subscribe() {
+        return this._subscribe.asReadonly();
+    }
+    _subscribe = signal(0, ...(ngDevMode ? [{ debugName: "_subscribe" }] : []));
+    emit() {
+        this._subscribe.update((prev) => prev + 1);
+    }
+    register(nodeOrOptions) {
+        super.register(nodeOrOptions);
+        untracked(() => this.emit());
+    }
+    unregister(node) {
+        super.unregister(node);
+        untracked(() => this.emit());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DescendantsManagerService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DescendantsManagerService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DescendantsManagerService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=descendants-manager.service.js.map

package/esm2022/dom/descendants-manager.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"descendants-manager.service.js","sourceRoot":"","sources":["../../../src/dom/descendants-manager.service.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAC,MAAM,eAAe,CAAA;AAE3D,OAAO,EAEL,kBAAkB,GACnB,MAAM,gCAAgC,CAAA;;AAGvC,MAAM,OAAO,yBAGX,SAAQ,kBAAwB;IAChC,uDAAuD;IACvD,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAA;IACrC,CAAC;IAEgB,UAAU,GAAG,MAAM,CAAS,CAAC,sDAAC,CAAA;IAE/C,IAAI;QACF,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAA;IAC5C,CAAC;IAEQ,QAAQ,CAAC,aAA8C;QAC9D,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAA;QAC7B,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAA;IAC9B,CAAC;IAEQ,UAAU,CAAC,IAAO;QACzB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;QACtB,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAA;IAC9B,CAAC;wGAvBU,yBAAyB;4GAAzB,yBAAyB;;4FAAzB,yBAAyB;kBADrC,UAAU","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Injectable, signal, untracked} from \"@angular/core\"\n\nimport {\n  type DescendantOptions,\n  DescendantsManager,\n} from \"@qualcomm-ui/utils/descendants\"\n\n@Injectable()\nexport class DescendantsManagerService<\n  T extends HTMLElement,\n  K extends Record<string, any> = object,\n> extends DescendantsManager<T, K> {\n  // simple signal for consumers to subscribe to changes.\n  get subscribe() {\n    return this._subscribe.asReadonly()\n  }\n\n  private readonly _subscribe = signal<number>(0)\n\n  emit() {\n    this._subscribe.update((prev) => prev + 1)\n  }\n\n  override register(nodeOrOptions: T | null | DescendantOptions<K>) {\n    super.register(nodeOrOptions)\n    untracked(() => this.emit())\n  }\n\n  override unregister(node: T) {\n    super.unregister(node)\n    untracked(() => this.emit())\n  }\n}\n"]}

package/esm2022/dom/element-id-signal.js

@@ -0,0 +1,25 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { signal, } from "@angular/core";
+/**
+ * A simple wrapper around a signal for tracking an element's id in a shared
+ * service. This signal resets the value when its element's reference is destroyed.
+ *
+ * @param initialValue
+ * @param options
+ */
+export function elementIdSignal(initialValue, options) {
+    const signalFn = signal(initialValue, options);
+    const setter = signalFn.set;
+    signalFn.asAttribute = () => signalFn() || undefined;
+    signalFn.set = (value, destroyRef) => {
+        onElementDestroyed();
+        onElementDestroyed = destroyRef.onDestroy(() => {
+            setter(initialValue);
+        });
+        setter(value);
+    };
+    let onElementDestroyed = () => { };
+    return signalFn;
+}
+//# sourceMappingURL=element-id-signal.js.map

package/esm2022/dom/element-id-signal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-id-signal.js","sourceRoot":"","sources":["../../../src/dom/element-id-signal.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAGL,MAAM,GAEP,MAAM,eAAe,CAAA;AAoCtB;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAC7B,YAAqB,EACrB,OAAiD;IAEjD,MAAM,QAAQ,GAAG,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,CAAA;IAC9C,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,CAE1B;IAAC,QAAuC,CAAC,WAAW,GAAG,GAAG,EAAE,CAC3D,QAAQ,EAAE,IAAI,SAAS,CACxB;IAAC,QAA2B,CAAC,GAAG,GAAG,CAClC,KAAyB,EACzB,UAAsB,EACtB,EAAE;QACF,kBAAkB,EAAE,CAAA;QACpB,kBAAkB,GAAG,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE;YAC7C,MAAM,CAAC,YAAY,CAAC,CAAA;QACtB,CAAC,CAAC,CAAA;QACF,MAAM,CAAC,KAAK,CAAC,CAAA;IACf,CAAC,CAAA;IAED,IAAI,kBAAkB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAA;IAEjC,OAAO,QAA2B,CAAA;AACpC,CAAC","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\n  type CreateSignalOptions,\n  type DestroyRef,\n  signal,\n  type WritableSignal,\n} from \"@angular/core\"\n\nexport type ElementIdSignal = WritableSignal<string> & {\n  /**\n   * Retrieves the id string, or undefined if it is empty. When you bind `undefined`\n   * to an attribute in Angular, the attribute is removed from the DOM element.\n   *\n   * @example\n   *\n   * ```ts\n   * @Component({\n   *   template: `\n   *     <div id=\"1\" [attr.aria-labelledby]=\"emptyId\"></div>\n   *     <div id=\"2\" [attr.aria-labelledby]=\"undefinedId\"></div>\n   *   `\n   * })\n   * class Component {\n   *   emptyId = \"\"\n   *   undefinedId = undefined\n   * }\n   *```\n   *\n   *```html\n   * <!-- resulting DOM elements: -->\n   * <!-- invalid DOM element: aria-labelledby must be set if defined -->\n   * <div id=\"1\" aria-labelledby></div>\n   *\n   * <!-- valid DOM element -->\n   * <div id=\"2\"></div>\n   *```\n   */\n  asAttribute(): string | undefined\n\n  set(value: string, destroyRef: DestroyRef): void\n}\n\n/**\n * A simple wrapper around a signal for tracking an element's id in a shared\n * service. This signal resets the value when its element's reference is destroyed.\n *\n * @param initialValue\n * @param options\n */\nexport function elementIdSignal(\n  initialValue?: string,\n  options?: CreateSignalOptions<string | undefined>,\n) {\n  const signalFn = signal(initialValue, options)\n  const setter = signalFn.set\n\n  ;(signalFn as unknown as ElementIdSignal).asAttribute = () =>\n    signalFn() || undefined\n  ;(signalFn as unknown as any).set = (\n    value: string | undefined,\n    destroyRef: DestroyRef,\n  ) => {\n    onElementDestroyed()\n    onElementDestroyed = destroyRef.onDestroy(() => {\n      setter(initialValue)\n    })\n    setter(value)\n  }\n\n  let onElementDestroyed = () => {}\n\n  return signalFn as ElementIdSignal\n}\n"]}

package/esm2022/dom/id.service.js

@@ -0,0 +1,33 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Injectable } from "@angular/core";
+import * as i0 from "@angular/core";
+/**
+ * Simple service that can persist IDs across from SSR to CSR.
+ */
+export class IdService {
+    ids = {};
+    useId(componentName, idProp, idAttr) {
+        // only use the supplied id if it does not also map to an attribute. This is a
+        // workaround because we are using the `id` prop. If supplied as `[id]`, it
+        // will work as expected. If supplied as `[attr.id]` or `id`, it will be treated
+        // as an attribute. When this happens, we do not use the supplied id and instead
+        // generate one. Otherwise, we'd get two ID's in the DOM (one on the host
+        // element and one on the internal element that we bind the id to).
+        const id = idProp || idAttr;
+        if (id) {
+            return id;
+        }
+        if (!this.ids[componentName]) {
+            this.ids[componentName] = 1;
+        }
+        return `${componentName}::auto-id::${this.ids[componentName]++}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IdService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IdService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IdService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }] });
+//# sourceMappingURL=id.service.js.map

package/esm2022/dom/id.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"id.service.js","sourceRoot":"","sources":["../../../src/dom/id.service.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;;AAExC;;GAEG;AAEH,MAAM,OAAO,SAAS;IACZ,GAAG,GAA2B,EAAE,CAAA;IAExC,KAAK,CACH,aAAqB,EACrB,MAAiC,EACjC,MAAqB;QAErB,8EAA8E;QAC9E,2EAA2E;QAC3E,gFAAgF;QAChF,gFAAgF;QAChF,yEAAyE;QACzE,mEAAmE;QACnE,MAAM,EAAE,GAAG,MAAM,IAAI,MAAM,CAAA;QAC3B,IAAI,EAAE,EAAE,CAAC;YACP,OAAO,EAAE,CAAA;QACX,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;YAC7B,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;QAC7B,CAAC;QACD,OAAO,GAAG,aAAa,cAAc,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,EAAE,CAAA;IAClE,CAAC;wGAtBU,SAAS;4GAAT,SAAS,cADG,MAAM;;4FAClB,SAAS;kBADrB,UAAU;mBAAC,EAAC,UAAU,EAAE,MAAM,EAAC","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Injectable} from \"@angular/core\"\n\n/**\n * Simple service that can persist IDs across from SSR to CSR.\n */\n@Injectable({providedIn: \"root\"})\nexport class IdService {\n  private ids: Record<string, number> = {}\n\n  useId(\n    componentName: string,\n    idProp: string | undefined | null,\n    idAttr: string | null,\n  ) {\n    // only use the supplied id if it does not also map to an attribute. This is a\n    // workaround because we are using the `id` prop. If supplied as `[id]`, it\n    // will work as expected. If supplied as `[attr.id]` or `id`, it will be treated\n    // as an attribute. When this happens, we do not use the supplied id and instead\n    // generate one. Otherwise, we'd get two ID's in the DOM (one on the host\n    // element and one on the internal element that we bind the id to).\n    const id = idProp || idAttr\n    if (id) {\n      return id\n    }\n    if (!this.ids[componentName]) {\n      this.ids[componentName] = 1\n    }\n    return `${componentName}::auto-id::${this.ids[componentName]++}`\n  }\n}\n"]}

package/esm2022/dom/index.js

@@ -0,0 +1,8 @@
+export * from "./clipboard.service";
+export * from "./context-id-signal";
+export * from "./descendants-manager.service";
+export * from "./element-id-signal";
+export * from "./id.service";
+export * from "./portal-config.service";
+export * from "./tokens";
+//# sourceMappingURL=index.js.map

package/esm2022/dom/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dom/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,yBAAyB,CAAA;AACvC,cAAc,UAAU,CAAA","sourcesContent":["export * from \"./clipboard.service\"\nexport * from \"./context-id-signal\"\nexport * from \"./descendants-manager.service\"\nexport * from \"./element-id-signal\"\nexport * from \"./id.service\"\nexport * from \"./portal-config.service\"\nexport * from \"./tokens\"\n"]}