@qualcomm-ui/angular-core 1.0.0

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

package/esm2022/popover/core-popover-label.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-popover-label.directive.js","sourceRoot":"","sources":["../../../src/popover/core-popover-label.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,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;;AAG3D,MAAM,OAAO,yBAAyB;IACpC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEZ,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IAE/C,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAEpC,SAAS,GAAG,YAAY,EAAE,CAAA;IAE1B,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACrD,IAAI,CAAC,cAAc,EAAE,CAAC,gBAAgB,CAAC;QACrC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;QACjB,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC,CACH,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAtBU,yBAAyB;4FAAzB,yBAAyB;;4FAAzB,yBAAyB;kBADrC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive, 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 {usePopoverContext} from \"./popover-context.service\"\n\n@Directive()\nexport class CorePopoverLabelDirective 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  private readonly hostId = computed(() => useId(this, this.id()))\n\n  private readonly popoverContext = usePopoverContext()\n\n  private readonly onDestroy = useOnDestroy()\n\n  private readonly trackBindings = useTrackBindings(() =>\n    this.popoverContext().getLabelBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    }),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-popover-positioner.directive.js","sourceRoot":"","sources":["../../../src/popover/core-popover-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;AAElE,OAAO,EAAC,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;;AAG3D,MAAM,OAAO,8BAA8B;IACzC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEZ,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IAE/C,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAEpC,SAAS,GAAG,YAAY,EAAE,CAAA;IAE1B,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACrD,IAAI,CAAC,cAAc,EAAE,CAAC,qBAAqB,CAAC;QAC1C,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;QACjB,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC,CACH,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAtBU,8BAA8B;4FAA9B,8BAA8B;;4FAA9B,8BAA8B;kBAD1C,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {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 {usePopoverContext} from \"./popover-context.service\"\n\n@Directive()\nexport class CorePopoverPositionerDirective 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  private readonly hostId = computed(() => useId(this, this.id()))\n\n  private readonly popoverContext = usePopoverContext()\n\n  private readonly onDestroy = useOnDestroy()\n\n  private readonly trackBindings = useTrackBindings(() =>\n    this.popoverContext().getPositionerBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    }),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

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

@@ -0,0 +1,178 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { DOCUMENT } from "@angular/common";
+import { booleanAttribute, computed, contentChild, Directive, inject, Injector, input, output, } from "@angular/core";
+import { useIsMounted } from "@qualcomm-ui/angular-core/common";
+import { normalizeProps, useMachine, useTrackBindings, } from "@qualcomm-ui/angular-core/machine";
+import { PortalDirective } from "@qualcomm-ui/angular-core/portal";
+import { createPopoverApi, popoverMachine, } from "@qualcomm-ui/core/popover";
+import { PopoverContextService } from "./popover-context.service";
+import * as i0 from "@angular/core";
+export class CorePopoverRootDirective {
+    /**
+     * Whether to automatically set focus on the first focusable
+     * content within the popover when opened.
+     *
+     * @default true
+     */
+    autoFocus = input(...(ngDevMode ? [undefined, { debugName: "autoFocus" }] : []));
+    /**
+     * Whether to close the popover when the escape key is pressed.
+     *
+     * @default true
+     */
+    closeOnEscape = input(...(ngDevMode ? [undefined, { debugName: "closeOnEscape" }] : []));
+    /**
+     * Whether to close the popover when the user clicks outside the popover.
+     *
+     * @default true
+     */
+    closeOnInteractOutside = input(...(ngDevMode ? [undefined, { debugName: "closeOnInteractOutside" }] : []));
+    /**
+     * The initial open state of the popover when rendered.
+     * Use when you don't need to control the open state of the popover.
+     */
+    defaultOpen = input(...(ngDevMode ? [undefined, { debugName: "defaultOpen" }] : []));
+    /**
+     * The document's text/writing direction.
+     *
+     * @default "ltr"
+     */
+    dir = input(...(ngDevMode ? [undefined, { debugName: "dir" }] : []));
+    /**
+     * A root node to correctly resolve the Document in custom environments. i.e.,
+     * Iframes, Electron.
+     */
+    getRootNode = input(...(ngDevMode ? [undefined, { debugName: "getRootNode" }] : []));
+    /**
+     * The element to focus on when the popover is opened.
+     */
+    initialFocusEl = input(...(ngDevMode ? [undefined, { debugName: "initialFocusEl" }] : []));
+    /**
+     * Whether the popover should be modal. When set to `true`:
+     * - interaction with outside elements will be disabled
+     * - only popover content will be visible to screen readers
+     * - scrolling is blocked
+     * - focus is trapped within the popover
+     *
+     * @default false
+     */
+    modal = input(...(ngDevMode ? [undefined, { debugName: "modal" }] : []));
+    /**
+     * The controlled open state of the popover
+     */
+    open = input(...(ngDevMode ? [undefined, { debugName: "open" }] : []));
+    /**
+     * The persistent elements that:
+     * - should not have pointer-events disabled
+     * - should not trigger the dismiss event
+     */
+    persistentElements = input(...(ngDevMode ? [undefined, { debugName: "persistentElements" }] : []));
+    /**
+     * The options used to position the popover content.
+     *
+     * @inheritDoc
+     */
+    positioning = input(...(ngDevMode ? [undefined, { debugName: "positioning" }] : []));
+    /**
+     * On close, restore focus to the element that triggered the open event.
+     *
+     * @default true
+     */
+    restoreFocus = input(undefined, ...(ngDevMode ? [{ debugName: "restoreFocus", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Fired when the popover opens or closes.
+     */
+    openChanged = output();
+    /**
+     * Function called when the escape key is pressed
+     */
+    escapeKeyDown = output();
+    /**
+     * Function called when the focus is moved outside the component
+     */
+    focusOutside = output();
+    /**
+     * Function called when an interaction happens outside the component
+     */
+    interactOutside = output();
+    /**
+     * Function called when the 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();
+    portalChild = contentChild(PortalDirective, ...(ngDevMode ? [{ debugName: "portalChild", descendants: true }] : [{
+            descendants: true,
+        }]));
+    document = inject(DOCUMENT);
+    injector = inject(Injector);
+    isMounted = useIsMounted();
+    popoverContext = inject(PopoverContextService);
+    trackBindings = useTrackBindings(() => this.popoverContext.context().getRootBindings());
+    ngOnInit() {
+        const machine = useMachine(popoverMachine, computed(() => {
+            const portal = this.portalChild();
+            return {
+                autoFocus: this.autoFocus(),
+                closeOnEscape: this.closeOnEscape(),
+                closeOnInteractOutside: this.closeOnInteractOutside(),
+                defaultOpen: this.defaultOpen(),
+                dir: this.dir(),
+                getRootNode: this.getRootNode() || (() => this.document),
+                ids: undefined,
+                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(),
+                portalled: portal && !portal.disabled(),
+                positioning: this.positioning(),
+                restoreFocus: this.restoreFocus(),
+            };
+        }), this.injector);
+        this.popoverContext.init(computed(() => createPopoverApi(machine, normalizeProps)));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CorePopoverRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.3.10", type: CorePopoverRootDirective, isStandalone: true, inputs: { autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", 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 }, 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 }, positioning: { classPropertyName: "positioning", publicName: "positioning", isSignal: true, isRequired: false, transformFunction: null }, restoreFocus: { classPropertyName: "restoreFocus", publicName: "restoreFocus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openChanged: "openChanged", escapeKeyDown: "escapeKeyDown", focusOutside: "focusOutside", interactOutside: "interactOutside", pointerDownOutside: "pointerDownOutside", requestDismissed: "requestDismissed" }, queries: [{ propertyName: "portalChild", first: true, predicate: PortalDirective, descendants: true, isSignal: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CorePopoverRootDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { autoFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoFocus", 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 }] }], 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 }] }], positioning: [{ type: i0.Input, args: [{ isSignal: true, alias: "positioning", required: false }] }], restoreFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreFocus", required: false }] }], openChanged: [{ type: i0.Output, args: ["openChanged"] }], escapeKeyDown: [{ type: i0.Output, args: ["escapeKeyDown"] }], focusOutside: [{ type: i0.Output, args: ["focusOutside"] }], interactOutside: [{ type: i0.Output, args: ["interactOutside"] }], pointerDownOutside: [{ type: i0.Output, args: ["pointerDownOutside"] }], requestDismissed: [{ type: i0.Output, args: ["requestDismissed"] }], portalChild: [{ type: i0.ContentChild, args: [i0.forwardRef(() => PortalDirective), { ...{
+                            descendants: true,
+                        }, isSignal: true }] }] } });
+//# sourceMappingURL=core-popover-root.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-popover-root.directive.js","sourceRoot":"","sources":["../../../src/popover/core-popover-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  contentChild,\n  Directive,\n  inject,\n  Injector,\n  input,\n  type OnInit,\n  output,\n} from \"@angular/core\"\n\nimport {useIsMounted} from \"@qualcomm-ui/angular-core/common\"\nimport {\n  normalizeProps,\n  useMachine,\n  useTrackBindings,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport {PortalDirective} from \"@qualcomm-ui/angular-core/portal\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  createPopoverApi,\n  type PopoverApiProps,\n  popoverMachine,\n} from \"@qualcomm-ui/core/popover\"\nimport type {LayerDismissEvent} from \"@qualcomm-ui/dom/dismissable\"\nimport type {PositioningOptions} from \"@qualcomm-ui/dom/floating-ui\"\nimport type {\n  FocusOutsideEvent,\n  InteractOutsideEvent,\n  PointerDownOutsideEvent,\n} from \"@qualcomm-ui/dom/interact-outside\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\nimport type {Direction} from \"@qualcomm-ui/utils/direction\"\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\n\nimport {PopoverContextService} from \"./popover-context.service\"\n\n@Directive()\nexport class CorePopoverRootDirective\n  implements SignalifyInput<Omit<PopoverApiProps, \"ids\" | \"portalled\">>, OnInit\n{\n  /**\n   * Whether to automatically set focus on the first focusable\n   * content within the popover when opened.\n   *\n   * @default true\n   */\n  readonly autoFocus = input<PopoverApiProps[\"autoFocus\"]>()\n\n  /**\n   * Whether to close the popover when the escape key is pressed.\n   *\n   * @default true\n   */\n  readonly closeOnEscape = input<boolean | undefined>()\n\n  /**\n   * Whether to close the popover when the user clicks outside the popover.\n   *\n   * @default true\n   */\n  readonly closeOnInteractOutside = input<boolean | undefined>()\n\n  /**\n   * The initial open state of the popover when rendered.\n   * Use when you don't need to control the open state of the popover.\n   */\n  readonly defaultOpen = input<boolean | undefined>()\n\n  /**\n   * The document's text/writing direction.\n   *\n   * @default \"ltr\"\n   */\n  readonly dir = input<Direction | 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<() => ShadowRoot | Document | Node>()\n\n  /**\n   * The element to focus on when the popover is opened.\n   */\n  readonly initialFocusEl = input<(() => HTMLElement | null) | undefined>()\n\n  /**\n   * Whether the popover should be modal. When set to `true`:\n   * - interaction with outside elements will be disabled\n   * - only popover content will be visible to screen readers\n   * - scrolling is blocked\n   * - focus is trapped within the popover\n   *\n   * @default false\n   */\n  readonly modal = input<boolean | undefined>()\n\n  /**\n   * The controlled open state of the popover\n   */\n  readonly open = input<boolean | 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   * The options used to position the popover content.\n   *\n   * @inheritDoc\n   */\n  readonly positioning = input<PositioningOptions>()\n\n  /**\n   * On close, restore focus to the element that triggered the open event.\n   *\n   * @default true\n   */\n  readonly restoreFocus = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Fired when the popover opens or closes.\n   */\n  readonly openChanged = output<{open: boolean}>()\n\n  /**\n   * Function called when the escape key is pressed\n   */\n  readonly escapeKeyDown = output<KeyboardEvent>()\n\n  /**\n   * Function called when the focus is moved outside the component\n   */\n  readonly focusOutside = output<FocusOutsideEvent>()\n\n  /**\n   * Function called when an interaction happens outside the component\n   */\n  readonly interactOutside = output<InteractOutsideEvent>()\n\n  /**\n   * Function called when the 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 portalChild = contentChild(PortalDirective, {\n    descendants: true,\n  })\n  protected document = inject(DOCUMENT)\n  protected readonly injector = inject(Injector)\n  protected readonly isMounted = useIsMounted()\n  protected readonly popoverContext = inject(PopoverContextService)\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.popoverContext.context().getRootBindings(),\n  )\n\n  ngOnInit() {\n    const machine = useMachine(\n      popoverMachine,\n      computed<Explicit<PopoverApiProps>>(() => {\n        const portal = this.portalChild()\n        return {\n          autoFocus: this.autoFocus(),\n          closeOnEscape: this.closeOnEscape(),\n          closeOnInteractOutside: this.closeOnInteractOutside(),\n          defaultOpen: this.defaultOpen(),\n          dir: this.dir(),\n          getRootNode: this.getRootNode() || (() => this.document),\n          ids: undefined,\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          portalled: portal && !portal.disabled(),\n          positioning: this.positioning(),\n          restoreFocus: this.restoreFocus(),\n        }\n      }),\n      this.injector,\n    )\n\n    this.popoverContext.init(\n      computed(() => createPopoverApi(machine, normalizeProps)),\n    )\n\n    this.trackBindings()\n  }\n}\n"]}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-popover-trigger.directive.js","sourceRoot":"","sources":["../../../src/popover/core-popover-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,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;;AAG3D,MAAM,OAAO,2BAA2B;IACtC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEZ,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IAE/C,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAEpC,SAAS,GAAG,YAAY,EAAE,CAAA;IAE1B,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACrD,IAAI,CAAC,cAAc,EAAE,CAAC,kBAAkB,CAAC;QACvC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;QACjB,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC,CACH,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAtBU,2BAA2B;4FAA3B,2BAA2B;;4FAA3B,2BAA2B;kBADvC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive, 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 {usePopoverContext} from \"./popover-context.service\"\n\n@Directive()\nexport class CorePopoverTriggerDirective 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  private readonly hostId = computed(() => useId(this, this.id()))\n\n  private readonly popoverContext = usePopoverContext()\n\n  private readonly onDestroy = useOnDestroy()\n\n  private readonly trackBindings = useTrackBindings(() =>\n    this.popoverContext().getTriggerBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    }),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/popover/index.js

@@ -0,0 +1,12 @@
+export * from "./core-popover-anchor.directive";
+export * from "./core-popover-arrow-tip.directive";
+export * from "./core-popover-arrow.directive";
+export * from "./core-popover-close-trigger.directive";
+export * from "./core-popover-content.directive";
+export * from "./core-popover-description.directive";
+export * from "./core-popover-label.directive";
+export * from "./core-popover-positioner.directive";
+export * from "./core-popover-root.directive";
+export * from "./core-popover-trigger.directive";
+export * from "./popover-context.service";
+//# sourceMappingURL=index.js.map

package/esm2022/popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA;AAC/C,cAAc,oCAAoC,CAAA;AAClD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wCAAwC,CAAA;AACtD,cAAc,kCAAkC,CAAA;AAChD,cAAc,sCAAsC,CAAA;AACpD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,qCAAqC,CAAA;AACnD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,kCAAkC,CAAA;AAChD,cAAc,2BAA2B,CAAA","sourcesContent":["export * from \"./core-popover-anchor.directive\"\nexport * from \"./core-popover-arrow-tip.directive\"\nexport * from \"./core-popover-arrow.directive\"\nexport * from \"./core-popover-close-trigger.directive\"\nexport * from \"./core-popover-content.directive\"\nexport * from \"./core-popover-description.directive\"\nexport * from \"./core-popover-label.directive\"\nexport * from \"./core-popover-positioner.directive\"\nexport * from \"./core-popover-root.directive\"\nexport * from \"./core-popover-trigger.directive\"\nexport * from \"./popover-context.service\"\n"]}

package/esm2022/popover/popover-context.service.js

@@ -0,0 +1,14 @@
+// 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 * as i0 from "@angular/core";
+export class PopoverContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PopoverContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PopoverContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PopoverContextService, decorators: [{
+            type: Injectable
+        }] });
+export const [POPOVER_CONTEXT, usePopoverContext, providePopoverContext] = createApiContext("PopoverContext", PopoverContextService);
+//# sourceMappingURL=popover-context.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover-context.service.js","sourceRoot":"","sources":["../../../src/popover/popover-context.service.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAExC,OAAO,EACL,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;;AAI1C,MAAM,OAAO,qBAAsB,SAAQ,qBAAiC;wGAA/D,qBAAqB;4GAArB,qBAAqB;;4FAArB,qBAAqB;kBADjC,UAAU;;AAGX,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE,iBAAiB,EAAE,qBAAqB,CAAC,GACtE,gBAAgB,CAAa,gBAAgB,EAAE,qBAAqB,CAAC,CAAA","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\nimport {\n  BaseApiContextService,\n  createApiContext,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport type {PopoverApi} from \"@qualcomm-ui/core/popover\"\n\n@Injectable()\nexport class PopoverContextService extends BaseApiContextService<PopoverApi> {}\n\nexport const [POPOVER_CONTEXT, usePopoverContext, providePopoverContext] =\n  createApiContext<PopoverApi>(\"PopoverContext\", PopoverContextService)\n"]}

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

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

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

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

@@ -0,0 +1,4 @@
+export * from "./portal-context.service";
+export * from "./portal.component";
+export * from "./portal.directive";
+//# sourceMappingURL=index.js.map

package/esm2022/portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/portal/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA","sourcesContent":["export * from \"./portal-context.service\"\nexport * from \"./portal.component\"\nexport * from \"./portal.directive\"\n"]}

package/esm2022/portal/portal-context.service.js

@@ -0,0 +1,16 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { ElementRef, inject, Injectable, InjectionToken } from "@angular/core";
+import * as i0 from "@angular/core";
+export const PORTAL_CONTAINER = new InjectionToken("PORTAL_CONTAINER", {
+    factory: () => null,
+});
+export class PortalContextService {
+    container = inject(PORTAL_CONTAINER, { optional: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PortalContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PortalContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PortalContextService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=portal-context.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"portal-context.service.js","sourceRoot":"","sources":["../../../src/portal/portal-context.service.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAC,MAAM,eAAe,CAAA;;AAE5E,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,cAAc,CAEhD,kBAAkB,EAAE;IACpB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI;CACpB,CAAC,CAAA;AAGF,MAAM,OAAO,oBAAoB;IACtB,SAAS,GAAG,MAAM,CAAC,gBAAgB,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAA;wGADpD,oBAAoB;4GAApB,oBAAoB;;4FAApB,oBAAoB;kBADhC,UAAU","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {ElementRef, inject, Injectable, InjectionToken} from \"@angular/core\"\n\nexport const PORTAL_CONTAINER = new InjectionToken<\n  ElementRef<HTMLElement> | HTMLElement | null\n>(\"PORTAL_CONTAINER\", {\n  factory: () => null,\n})\n\n@Injectable()\nexport class PortalContextService {\n  readonly container = inject(PORTAL_CONTAINER, {optional: true})\n}\n"]}

package/esm2022/portal/portal.component.js

@@ -0,0 +1,125 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { DomPortalOutlet, PortalModule, TemplatePortal, } from "@angular/cdk/portal";
+import { CommonModule, DOCUMENT } from "@angular/common";
+import { ApplicationRef, booleanAttribute, Component, computed, effect, ElementRef, inject, Injector, input, signal, TemplateRef, viewChild, ViewContainerRef, } from "@angular/core";
+import { useCsrCheck, useOnDestroy } from "@qualcomm-ui/angular-core/common";
+import { PortalContextService } from "./portal-context.service";
+import * as i0 from "@angular/core";
+/**
+ * @deprecated use the PortalDirective instead
+ */
+export class PortalComponent {
+    /**
+     * Set this to true to disable portalling behavior, causing the children to be
+     * rendered as-is.
+     */
+    disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Override the element that the portal is attached to.
+     */
+    container = input(null, ...(ngDevMode ? [{ debugName: "container" }] : []));
+    onDestroy = useOnDestroy();
+    tpl = viewChild("tpl", ...(ngDevMode ? [{ debugName: "tpl" }] : []));
+    templatePortal = signal(null, ...(ngDevMode ? [{ debugName: "templatePortal" }] : []));
+    outlet = null;
+    appRef = inject(ApplicationRef);
+    vcr = inject(ViewContainerRef);
+    document = inject(DOCUMENT);
+    elementRef = inject(ElementRef);
+    isBrowser = useCsrCheck();
+    injector = inject(Injector);
+    portalContext = inject(PortalContextService, {
+        optional: true,
+    });
+    constructor() {
+        effect(() => {
+            // handle changes to the container
+            const resolvedContainer = this.resolveContainer();
+            const portal = this.templatePortal();
+            if (!this.isBrowser() || !portal) {
+                return;
+            }
+            if (this.outlet?.hasAttached()) {
+                this.outlet.detach();
+            }
+            const host = resolvedContainer ?? this.document.body;
+            this.outlet = new DomPortalOutlet(host, this.appRef, this.injector);
+            this.outlet.attach(portal);
+        });
+        this.onDestroy(() => {
+            if (this.outlet && this.outlet.hasAttached()) {
+                this.outlet.detach();
+            }
+            const portal = this.templatePortal();
+            if (portal?.isAttached) {
+                portal?.detach();
+            }
+        });
+    }
+    ngOnInit() {
+        this.tryAttach();
+    }
+    ngAfterViewInit() {
+        this.tryAttach();
+    }
+    tryAttach() {
+        if (!this.isBrowser()) {
+            return;
+        }
+        const tpl = this.tpl();
+        if (!tpl) {
+            return;
+        }
+        if (this.templatePortal()) {
+            return;
+        }
+        const portal = new TemplatePortal(tpl, this.vcr);
+        this.templatePortal.set(portal);
+        const host = this.resolveContainer() ?? this.document.body;
+        if (this.outlet?.hasAttached()) {
+            this.outlet.detach();
+        }
+        this.outlet = new DomPortalOutlet(host, this.appRef, this.injector);
+        this.outlet.attach(portal);
+    }
+    resolveContainer = computed(() => {
+        const containerProp = this.container();
+        const containerContext = this.portalContext?.container;
+        const disabled = this.disabled();
+        if (disabled) {
+            // when disabled, we append the portal to the element itself to render it as-is
+            return this.accessElement(this.elementRef);
+        }
+        if (containerProp) {
+            return this.accessElement(containerProp);
+        }
+        if (containerContext) {
+            return this.accessElement(containerContext);
+        }
+        return null;
+    }, ...(ngDevMode ? [{ debugName: "resolveContainer" }] : []));
+    accessElement(element) {
+        if (element instanceof ElementRef) {
+            return element.nativeElement;
+        }
+        return element || null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.10", type: PortalComponent, isStandalone: true, selector: "q-portal", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "tpl", first: true, predicate: ["tpl"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <ng-template #tpl><ng-content /></ng-template>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: PortalModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PortalComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [CommonModule, PortalModule],
+                    selector: "q-portal",
+                    template: `
+    <ng-template #tpl><ng-content /></ng-template>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], container: [{ type: i0.Input, args: [{ isSignal: true, alias: "container", required: false }] }], tpl: [{ type: i0.ViewChild, args: ["tpl", { isSignal: true }] }] } });
+//# sourceMappingURL=portal.component.js.map

package/esm2022/portal/portal.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.component.js","sourceRoot":"","sources":["../../../src/portal/portal.component.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  DomPortalOutlet,\n  PortalModule,\n  TemplatePortal,\n} from \"@angular/cdk/portal\"\nimport {CommonModule, DOCUMENT} from \"@angular/common\"\nimport {\n  type AfterViewInit,\n  ApplicationRef,\n  booleanAttribute,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  Injector,\n  input,\n  type OnInit,\n  signal,\n  TemplateRef,\n  viewChild,\n  ViewContainerRef,\n} from \"@angular/core\"\n\nimport {useCsrCheck, useOnDestroy} from \"@qualcomm-ui/angular-core/common\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\n\nimport {PortalContextService} from \"./portal-context.service\"\n\n/**\n * @deprecated use the PortalDirective instead\n */\n@Component({\n  imports: [CommonModule, PortalModule],\n  selector: \"q-portal\",\n  template: `\n    <ng-template #tpl><ng-content /></ng-template>\n  `,\n})\nexport class PortalComponent implements OnInit, AfterViewInit {\n  /**\n   * Set this to true to disable portalling behavior, causing the children to be\n   * rendered as-is.\n   */\n  readonly disabled = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Override the element that the portal is attached to.\n   */\n  readonly container = input<ElementRef<HTMLElement> | HTMLElement | null>(null)\n\n  protected readonly onDestroy = useOnDestroy()\n\n  private readonly tpl = viewChild<TemplateRef<any>>(\"tpl\")\n  private readonly templatePortal = signal<TemplatePortal | null>(null)\n\n  private outlet: DomPortalOutlet | null = null\n  private readonly appRef = inject(ApplicationRef)\n  private readonly vcr = inject(ViewContainerRef)\n  private readonly document = inject(DOCUMENT)\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef)\n  private readonly isBrowser = useCsrCheck()\n  private readonly injector = inject(Injector)\n  private readonly portalContext = inject(PortalContextService, {\n    optional: true,\n  })\n\n  constructor() {\n    effect(() => {\n      // handle changes to the container\n      const resolvedContainer = this.resolveContainer()\n      const portal = this.templatePortal()\n\n      if (!this.isBrowser() || !portal) {\n        return\n      }\n\n      if (this.outlet?.hasAttached()) {\n        this.outlet.detach()\n      }\n\n      const host = resolvedContainer ?? this.document.body\n      this.outlet = new DomPortalOutlet(host, this.appRef, this.injector)\n      this.outlet.attach(portal)\n    })\n\n    this.onDestroy(() => {\n      if (this.outlet && this.outlet.hasAttached()) {\n        this.outlet.detach()\n      }\n\n      const portal = this.templatePortal()\n      if (portal?.isAttached) {\n        portal?.detach()\n      }\n    })\n  }\n\n  ngOnInit() {\n    this.tryAttach()\n  }\n\n  ngAfterViewInit() {\n    this.tryAttach()\n  }\n\n  private tryAttach() {\n    if (!this.isBrowser()) {\n      return\n    }\n    const tpl = this.tpl()\n    if (!tpl) {\n      return\n    }\n\n    if (this.templatePortal()) {\n      return\n    }\n    const portal = new TemplatePortal(tpl, this.vcr)\n    this.templatePortal.set(portal)\n\n    const host = this.resolveContainer() ?? this.document.body\n    if (this.outlet?.hasAttached()) {\n      this.outlet.detach()\n    }\n\n    this.outlet = new DomPortalOutlet(host, this.appRef, this.injector)\n    this.outlet.attach(portal)\n  }\n\n  protected readonly resolveContainer = computed(() => {\n    const containerProp = this.container()\n    const containerContext = this.portalContext?.container\n    const disabled = this.disabled()\n    if (disabled) {\n      // when disabled, we append the portal to the element itself to render it as-is\n      return this.accessElement(this.elementRef)\n    }\n    if (containerProp) {\n      return this.accessElement(containerProp)\n    }\n    if (containerContext) {\n      return this.accessElement(containerContext)\n    }\n    return null\n  })\n\n  private accessElement(element: ElementRef<HTMLElement> | HTMLElement | null) {\n    if (element instanceof ElementRef) {\n      return element.nativeElement\n    }\n    return element || null\n  }\n}\n"]}