@qualcomm-ui/angular-core 1.0.2 → 1.0.4

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

@@ -1,30 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

@@ -1,178 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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 readonly 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

@@ -1,30 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

@@ -1,12 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,14 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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

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

package/esm2022/portal/index.js.map

@@ -1 +0,0 @@
-{"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

@@ -1,16 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

@@ -1,125 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"version":3,"file":"portal.component.js","sourceRoot":"","sources":["../../../src/portal/portal.component.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EACL,eAAe,EACf,YAAY,EACZ,cAAc,GACf,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAEL,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,UAAU,EACV,MAAM,EACN,QAAQ,EACR,KAAK,EAEL,MAAM,EACN,WAAW,EACX,SAAS,EACT,gBAAgB,GACjB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAC,WAAW,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAA;AAG1E,OAAO,EAAC,oBAAoB,EAAC,MAAM,0BAA0B,CAAA;;AAE7D;;GAEG;AAQH,MAAM,OAAO,eAAe;IAC1B;;;OAGG;IACM,QAAQ,GAAG,KAAK,CAAkC,SAAS,4CAClE,SAAS,EAAE,gBAAgB,OADyC;YACpE,SAAS,EAAE,gBAAgB;SAC5B,GAAC,CAAA;IAEF;;OAEG;IACM,SAAS,GAAG,KAAK,CAA+C,IAAI,qDAAC,CAAA;IAE3D,SAAS,GAAG,YAAY,EAAE,CAAA;IAE5B,GAAG,GAAG,SAAS,CAAmB,KAAK,+CAAC,CAAA;IACxC,cAAc,GAAG,MAAM,CAAwB,IAAI,0DAAC,CAAA;IAE7D,MAAM,GAA2B,IAAI,CAAA;IAC5B,MAAM,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA;IAC/B,GAAG,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;IAC9B,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IAC3B,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAA;IACxD,SAAS,GAAG,WAAW,EAAE,CAAA;IACzB,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IAC3B,aAAa,GAAG,MAAM,CAAC,oBAAoB,EAAE;QAC5D,QAAQ,EAAE,IAAI;KACf,CAAC,CAAA;IAEF;QACE,MAAM,CAAC,GAAG,EAAE;YACV,kCAAkC;YAClC,MAAM,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAA;YACjD,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAA;YAEpC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;gBACjC,OAAM;YACR,CAAC;YAED,IAAI,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC;gBAC/B,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAA;YACtB,CAAC;YAED,MAAM,IAAI,GAAG,iBAAiB,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAA;YACpD,IAAI,CAAC,MAAM,GAAG,IAAI,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;YACnE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;QAC5B,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE;YAClB,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,CAAC;gBAC7C,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAA;YACtB,CAAC;YAED,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAA;YACpC,IAAI,MAAM,EAAE,UAAU,EAAE,CAAC;gBACvB,MAAM,EAAE,MAAM,EAAE,CAAA;YAClB,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,SAAS,EAAE,CAAA;IAClB,CAAC;IAED,eAAe;QACb,IAAI,CAAC,SAAS,EAAE,CAAA;IAClB,CAAC;IAEO,SAAS;QACf,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;YACtB,OAAM;QACR,CAAC;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;QACtB,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAM;QACR,CAAC;QAED,IAAI,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC;YAC1B,OAAM;QACR,CAAC;QACD,MAAM,MAAM,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA;QAChD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QAE/B,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAA;QAC1D,IAAI,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC;YAC/B,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAA;QACtB,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,IAAI,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;QACnE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;IAC5B,CAAC;IAEkB,gBAAgB,GAAG,QAAQ,CAAC,GAAG,EAAE;QAClD,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,EAAE,CAAA;QACtC,MAAM,gBAAgB,GAAG,IAAI,CAAC,aAAa,EAAE,SAAS,CAAA;QACtD,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAA;QAChC,IAAI,QAAQ,EAAE,CAAC;YACb,+EAA+E;YAC/E,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAC5C,CAAC;QACD,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAA;QAC1C,CAAC;QACD,IAAI,gBAAgB,EAAE,CAAC;YACrB,OAAO,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAA;QAC7C,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,4DAAC,CAAA;IAEM,aAAa,CAAC,OAAqD;QACzE,IAAI,OAAO,YAAY,UAAU,EAAE,CAAC;YAClC,OAAO,OAAO,CAAC,aAAa,CAAA;QAC9B,CAAC;QACD,OAAO,OAAO,IAAI,IAAI,CAAA;IACxB,CAAC;wGAnHU,eAAe;4FAAf,eAAe,icAJhB;;GAET,2DAJS,YAAY,8BAAE,YAAY;;4FAMzB,eAAe;kBAP3B,SAAS;mBAAC;oBACT,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;oBACrC,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE;;GAET;iBACF;6RAiBoD,KAAK","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"]}

package/esm2022/portal/portal.directive.js

@@ -1,116 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { DomPortalOutlet, TemplatePortal } from "@angular/cdk/portal";
-import { DOCUMENT } from "@angular/common";
-import { ApplicationRef, booleanAttribute, computed, Directive, effect, ElementRef, inject, Injector, input, signal, TemplateRef, untracked, 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";
-export class PortalDirective {
-    disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
-    container = input(null, ...(ngDevMode ? [{ debugName: "container" }] : []));
-    onDestroy = useOnDestroy();
-    templatePortal = signal(null, ...(ngDevMode ? [{ debugName: "templatePortal" }] : []));
-    outlet = null;
-    appRef = inject(ApplicationRef);
-    vcr = inject(ViewContainerRef);
-    document = inject(DOCUMENT);
-    templateRef = inject(TemplateRef);
-    isBrowser = useCsrCheck();
-    injector = inject(Injector);
-    portalContext = inject(PortalContextService, {
-        optional: true,
-    });
-    attachedToSelf = false;
-    constructor() {
-        effect(() => {
-            const disabled = this.disabled();
-            this.container();
-            const portal = this.templatePortal();
-            untracked(() => {
-                if (!this.isBrowser() || !portal) {
-                    return;
-                }
-                if (disabled) {
-                    if (this.outlet?.hasAttached()) {
-                        this.outlet.detach();
-                    }
-                    this.vcr.clear();
-                    this.vcr.createEmbeddedView(this.templateRef);
-                    return;
-                }
-                this.vcr.clear();
-                if (this.outlet?.hasAttached()) {
-                    this.outlet.detach();
-                }
-                const resolvedContainer = this.resolveContainer();
-                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() {
-        const disabled = this.disabled();
-        if (!this.isBrowser() || this.templatePortal()) {
-            return;
-        }
-        if (disabled && !this.attachedToSelf) {
-            this.vcr.createEmbeddedView(this.templateRef);
-            this.attachedToSelf = true;
-            return;
-        }
-        const portal = new TemplatePortal(this.templateRef, 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;
-        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: PortalDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: PortalDirective, isStandalone: true, selector: "[qPortal]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PortalDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: "[qPortal]",
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], container: [{ type: i0.Input, args: [{ isSignal: true, alias: "container", required: false }] }] } });
-//# sourceMappingURL=portal.directive.js.map