@qualcomm-ui/angular-core 1.0.1 → 1.0.3

package/esm2022/select/core-select-item.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"core-select-item.directive.js","sourceRoot":"","sources":["../../../src/select/core-select-item.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,GAEN,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAOlE,OAAO,EAAC,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAC,wBAAwB,EAAC,MAAM,+BAA+B,CAAA;;AAGtE,MAAM,OAAO,uBAAuB;IAGlC;;OAEG;IACM,IAAI,GAAG,KAAK,0DAAkB,CAAA;IAEvC;;OAEG;IACM,YAAY,GAAG,KAAK,CAAkC,SAAS,gDACtE,SAAS,EAAE,gBAAgB,OAD6C;YACxE,SAAS,EAAE,gBAAgB;SAC5B,GAAC,CAAA;IAEiB,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAElC,iBAAiB,GAAG,MAAM,CAAC,wBAAwB,CAAC,CAAA;IAEpD,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,aAAa,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,CACvE,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,iBAAiB,CAAC,IAAI,CACzB,QAAQ,CAAC,GAAG,EAAE,CACZ,IAAI,CAAC,aAAa,EAAE,CAAC,YAAY,CAAC;YAChC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;YACjB,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE;SACJ,CAAC,CACjC,CACF,CAAA;QAED,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAlCU,uBAAuB;4FAAvB,uBAAuB;;4FAAvB,uBAAuB;kBADnC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  inject,\n  input,\n  type OnInit,\n} from \"@angular/core\"\n\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport type {ItemProps} from \"@qualcomm-ui/core/select\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\nimport type {CollectionItem} from \"@qualcomm-ui/utils/collection\"\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\n\nimport {useSelectContext} from \"./select-context.service\"\nimport {SelectItemContextService} from \"./select-item-context.service\"\n\n@Directive()\nexport class CoreSelectItemDirective\n  implements SignalifyInput<ItemProps>, OnInit\n{\n  /**\n   * The item to render, from the collection\n   */\n  readonly item = input<CollectionItem>()\n\n  /**\n   * Whether hovering outside should clear the highlighted state\n   */\n  readonly persistFocus = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  protected readonly selectContext = useSelectContext()\n\n  protected readonly selectItemService = inject(SelectItemContextService)\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.selectContext().getItemBindings(this.selectItemService.context()),\n  )\n\n  ngOnInit() {\n    this.selectItemService.init(\n      computed(() =>\n        this.selectContext().getItemState({\n          item: this.item(),\n          persistFocus: this.persistFocus(),\n        } satisfies Explicit<ItemProps>),\n      ),\n    )\n\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/select/core-select-label.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 { useSelectContext } from "./select-context.service";
-import * as i0 from "@angular/core";
-export class CoreSelectLabelDirective {
-    /**
-     * {@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" }] : []));
-    selectContext = useSelectContext();
-    onDestroy = useOnDestroy();
-    trackBindings = useTrackBindings(() => this.selectContext().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: CoreSelectLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreSelectLabelDirective, 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: CoreSelectLabelDirective, decorators: [{
-            type: Directive
-        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
-//# sourceMappingURL=core-select-label.directive.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"core-select-label.directive.js","sourceRoot":"","sources":["../../../src/select/core-select-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,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;;AAGzD,MAAM,OAAO,wBAAwB;IACnC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IAE/C,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAElC,SAAS,GAAG,YAAY,EAAE,CAAA;IAE1B,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,aAAa,EAAE,CAAC,gBAAgB,CAAC;QACpC,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,wBAAwB;4FAAxB,wBAAwB;;4FAAxB,wBAAwB;kBADpC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {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 {useSelectContext} from \"./select-context.service\"\n\n@Directive()\nexport class CoreSelectLabelDirective implements OnInit {\n  /**\n   * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If\n   * omitted, a unique identifier will be generated for accessibility.\n   */\n  readonly id = input<string>()\n\n  protected readonly hostId = computed(() => useId(this, this.id()))\n\n  protected readonly selectContext = useSelectContext()\n\n  protected readonly onDestroy = useOnDestroy()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.selectContext().getLabelBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    }),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/select/core-select-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 { useSelectContext } from "./select-context.service";
-import * as i0 from "@angular/core";
-export class CoreSelectPositionerDirective {
-    /**
-     * {@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" }] : []));
-    selectContext = useSelectContext();
-    onDestroy = useOnDestroy();
-    trackBindings = useTrackBindings(() => this.selectContext().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: CoreSelectPositionerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreSelectPositionerDirective, 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: CoreSelectPositionerDirective, decorators: [{
-            type: Directive
-        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
-//# sourceMappingURL=core-select-positioner.directive.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"core-select-positioner.directive.js","sourceRoot":"","sources":["../../../src/select/core-select-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,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;;AAGzD,MAAM,OAAO,6BAA6B;IACxC;;;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;IAE7C,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAElC,SAAS,GAAG,YAAY,EAAE,CAAA;IAE1B,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,aAAa,EAAE,CAAC,qBAAqB,CAAC;QACzC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;QACjB,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC,CACH,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAtBU,6BAA6B;4FAA7B,6BAA6B;;4FAA7B,6BAA6B;kBADzC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive, input, type OnInit} from \"@angular/core\"\n\nimport {useId, useOnDestroy} from \"@qualcomm-ui/angular-core/common\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {useSelectContext} from \"./select-context.service\"\n\n@Directive()\nexport class CoreSelectPositionerDirective 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  protected readonly selectContext = useSelectContext()\n\n  protected readonly onDestroy = useOnDestroy()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.selectContext().getPositionerBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    }),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

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

@@ -1,231 +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, Directive, inject, input, output, } from "@angular/core";
-import { useId, useIsMounted } from "@qualcomm-ui/angular-core/common";
-import { AbstractListCollectionFormControlDirective } from "@qualcomm-ui/angular-core/input";
-import { normalizeProps, useMachine, useTrackBindings, } from "@qualcomm-ui/angular-core/machine";
-import { createSelectApi, selectMachine, } from "@qualcomm-ui/core/select";
-import { SelectContextService, } from "./select-context.service";
-import * as i0 from "@angular/core";
-export class CoreSelectRootDirective extends AbstractListCollectionFormControlDirective {
-    /**
-     * Whether the select should close after an item is selected
-     *
-     * @default true
-     */
-    closeOnSelect = input(undefined, ...(ngDevMode ? [{ debugName: "closeOnSelect", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
-    /**
-     * The initial value of the highlighted item when opened.
-     * Use when you don't need to control the highlighted value of the select.
-     */
-    defaultHighlightedValue = input(...(ngDevMode ? [undefined, { debugName: "defaultHighlightedValue" }] : []));
-    /**
-     * Whether the select's open state is controlled by the user
-     */
-    defaultOpen = input(undefined, ...(ngDevMode ? [{ debugName: "defaultOpen", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
-    /**
-     * Whether the value can be cleared by clicking the selected item.
-     *
-     * This is only applicable for single selection.
-     */
-    deselectable = input(undefined, ...(ngDevMode ? [{ debugName: "deselectable", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
-    /**
-     * 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 controlled key of the highlighted item
-     */
-    highlightedValue = input(...(ngDevMode ? [undefined, { debugName: "highlightedValue" }] : []));
-    /**
-     * {@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" }] : []));
-    /**
-     * Whether to loop the keyboard navigation through the options
-     *
-     * @default false
-     */
-    loopFocus = input(undefined, ...(ngDevMode ? [{ debugName: "loopFocus", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
-    /**
-     * Whether to allow multiple selection
-     *
-     * @default false
-     */
-    multiple = input(undefined, ...(ngDevMode ? [{ debugName: "multiple", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
-    /**
-     * Whether the select menu is open
-     */
-    open = input(undefined, ...(ngDevMode ? [{ debugName: "open", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
-    /**
-     * Placeholder text to display when no value is selected.
-     *
-     * @default "Select option"
-     */
-    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
-    /**
-     * The positioning options of the menu.
-     *
-     * @inheritDoc
-     */
-    positioning = input(...(ngDevMode ? [undefined, { debugName: "positioning" }] : []));
-    /**
-     * Function to scroll to a specific index
-     */
-    scrollToIndexFn = input(...(ngDevMode ? [undefined, { debugName: "scrollToIndexFn" }] : []));
-    /**
-     * Function called when the focus is moved outside the component
-     */
-    focusOutside = output();
-    /**
-     * The callback fired when the highlighted item changes.
-     */
-    highlightChanged = output();
-    /**
-     * Function called when an interaction happens outside the component
-     */
-    interactOutside = output();
-    /**
-     * Function invoked when the popup opens or closes
-     */
-    openChanged = output();
-    /**
-     * Function called when the pointer is pressed down outside the component
-     */
-    pointerDownOutside = output();
-    /**
-     * Function called when an item is selected
-     */
-    selected = output();
-    /**
-     * The callback fired when the selected item changes.
-     */
-    valueChanged = output();
-    document = inject(DOCUMENT);
-    isMounted = useIsMounted();
-    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
-    selectContext = inject(SelectContextService);
-    trackBindings = useTrackBindings(() => this.selectContext.context().getRootBindings({
-        id: this.hostId(),
-        onDestroy: this.onDestroy,
-    }));
-    ngOnInit() {
-        super.ngOnInit();
-        const initialDefaultValue = this.collection().getValues(this.defaultValue());
-        const machine = useMachine(selectMachine, computed(() => {
-            return {
-                closeOnSelect: this.closeOnSelect(),
-                collection: this.collection(),
-                defaultHighlightedValue: this.defaultHighlightedValue(),
-                defaultOpen: this.defaultOpen(),
-                defaultValue: initialDefaultValue,
-                deselectable: this.deselectable(),
-                dir: this.dir(),
-                disabled: this.isDisabled(),
-                // handled by Angular forms
-                form: undefined,
-                getRootNode: this.getRootNode() || (() => this.document),
-                highlightedValue: this.highlightedValue(),
-                id: this.id(),
-                ids: undefined,
-                invalid: this.isInvalid(),
-                loopFocus: this.loopFocus(),
-                multiple: this.multiple(),
-                name: this.name(),
-                onFocusOutside: (event) => {
-                    if (this.isMounted()) {
-                        this.focusOutside.emit(event);
-                        this.onTouched();
-                    }
-                },
-                onHighlightChange: (value, details) => {
-                    if (this.isMounted()) {
-                        this.highlightChanged.emit({ value, ...details });
-                    }
-                },
-                onInteractOutside: (event) => {
-                    if (this.isMounted()) {
-                        this.interactOutside.emit(event);
-                    }
-                },
-                onOpenChange: (open) => {
-                    if (this.isMounted()) {
-                        this.openChanged.emit(open);
-                        // TODO: create dedicated blur event
-                        if (!open) {
-                            this.onTouched();
-                        }
-                    }
-                },
-                onPointerDownOutside: (event) => {
-                    if (this.isMounted()) {
-                        this.pointerDownOutside.emit(event);
-                    }
-                },
-                onSelect: (value) => {
-                    if (this.isMounted()) {
-                        this.selected.emit({ value });
-                    }
-                },
-                onValueChange: (value, details) => {
-                    if (!this.control) {
-                        if (this.isMounted()) {
-                            this.valueChanged.emit({ value, ...details });
-                        }
-                        this.value.set(details.items);
-                        return;
-                    }
-                    // ngModel is bound to the root, but change events happen from internal
-                    // elements and are passed to the machine.  So we need to fire the
-                    // form's value change event to keep it in sync.
-                    this.onChange(details.items);
-                    // angular handles touched/dirty internally when ngModel is bound to an
-                    // <input> element, but we don't have that luxury here. We fire these
-                    // manually.
-                    if (!this.control?.touched) {
-                        this.control.markAsTouched?.();
-                    }
-                    if (!this.control?.dirty) {
-                        this.control.markAsDirty?.();
-                    }
-                },
-                open: this.open(),
-                placeholder: this.placeholder(),
-                positioning: this.positioning(),
-                readOnly: this.readOnly(),
-                required: this.isRequired(),
-                scrollToIndexFn: this.scrollToIndexFn(),
-                value: this.collection().getValues(this.value()),
-            };
-        }), this.injector);
-        this.selectContext.init(computed(() => createSelectApi(machine, normalizeProps)));
-        this.trackBindings();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreSelectRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreSelectRootDirective, isStandalone: true, inputs: { closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, defaultHighlightedValue: { classPropertyName: "defaultHighlightedValue", publicName: "defaultHighlightedValue", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, deselectable: { classPropertyName: "deselectable", publicName: "deselectable", 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 }, highlightedValue: { classPropertyName: "highlightedValue", publicName: "highlightedValue", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, loopFocus: { classPropertyName: "loopFocus", publicName: "loopFocus", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, positioning: { classPropertyName: "positioning", publicName: "positioning", isSignal: true, isRequired: false, transformFunction: null }, scrollToIndexFn: { classPropertyName: "scrollToIndexFn", publicName: "scrollToIndexFn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { focusOutside: "focusOutside", highlightChanged: "highlightChanged", interactOutside: "interactOutside", openChanged: "openChanged", pointerDownOutside: "pointerDownOutside", selected: "selected", valueChanged: "valueChanged" }, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreSelectRootDirective, decorators: [{
-            type: Directive
-        }], propDecorators: { closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], defaultHighlightedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultHighlightedValue", required: false }] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], deselectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "deselectable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], getRootNode: [{ type: i0.Input, args: [{ isSignal: true, alias: "getRootNode", required: false }] }], highlightedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightedValue", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], loopFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "loopFocus", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], positioning: [{ type: i0.Input, args: [{ isSignal: true, alias: "positioning", required: false }] }], scrollToIndexFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollToIndexFn", required: false }] }], focusOutside: [{ type: i0.Output, args: ["focusOutside"] }], highlightChanged: [{ type: i0.Output, args: ["highlightChanged"] }], interactOutside: [{ type: i0.Output, args: ["interactOutside"] }], openChanged: [{ type: i0.Output, args: ["openChanged"] }], pointerDownOutside: [{ type: i0.Output, args: ["pointerDownOutside"] }], selected: [{ type: i0.Output, args: ["selected"] }], valueChanged: [{ type: i0.Output, args: ["valueChanged"] }] } });
-//# sourceMappingURL=core-select-root.directive.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"core-select-root.directive.js","sourceRoot":"","sources":["../../../src/select/core-select-root.directive.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {DOCUMENT} from \"@angular/common\"\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  inject,\n  input,\n  type OnInit,\n  output,\n} from \"@angular/core\"\n\nimport {useId, useIsMounted} from \"@qualcomm-ui/angular-core/common\"\nimport {AbstractListCollectionFormControlDirective} from \"@qualcomm-ui/angular-core/input\"\nimport {\n  normalizeProps,\n  useMachine,\n  useTrackBindings,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  createSelectApi,\n  type HighlightChangeDetails,\n  type ScrollToIndexDetails,\n  type SelectApiProps,\n  selectMachine,\n} from \"@qualcomm-ui/core/select\"\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 {CollectionItem} from \"@qualcomm-ui/utils/collection\"\nimport type {Direction} from \"@qualcomm-ui/utils/direction\"\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\n\nimport {\n  SelectContextService,\n  type SelectValueChangeEvent,\n} from \"./select-context.service\"\n\n@Directive()\nexport class CoreSelectRootDirective<T extends CollectionItem = CollectionItem>\n  extends AbstractListCollectionFormControlDirective<T>\n  implements\n    Omit<\n      SignalifyInput<SelectApiProps>,\n      \"defaultValue\" | \"form\" | \"ids\" | \"value\"\n    >,\n    OnInit\n{\n  /**\n   * Whether the select should close after an item is selected\n   *\n   * @default true\n   */\n  readonly closeOnSelect = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * The initial value of the highlighted item when opened.\n   * Use when you don't need to control the highlighted value of the select.\n   */\n  readonly defaultHighlightedValue = input<string | null | undefined>()\n\n  /**\n   * Whether the select's open state is controlled by the user\n   */\n  readonly defaultOpen = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Whether the value can be cleared by clicking the selected item.\n   *\n   * This is only applicable for single selection.\n   */\n  readonly deselectable = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * The document's text/writing direction.\n   *\n   * @default \"ltr\"\n   */\n  readonly dir = input<Direction | undefined>()\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 controlled key of the highlighted item\n   */\n  readonly highlightedValue = input<string | null>()\n\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  /**\n   * Whether to loop the keyboard navigation through the options\n   *\n   * @default false\n   */\n  readonly loopFocus = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Whether to allow multiple selection\n   *\n   * @default false\n   */\n  readonly multiple = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Whether the select menu is open\n   */\n  readonly open = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Placeholder text to display when no value is selected.\n   *\n   * @default \"Select option\"\n   */\n  readonly placeholder = input<string | undefined>()\n\n  /**\n   * The positioning options of the menu.\n   *\n   * @inheritDoc\n   */\n  readonly positioning = input<PositioningOptions | undefined>()\n\n  /**\n   * Function to scroll to a specific index\n   */\n  readonly scrollToIndexFn = input<\n    ((details: ScrollToIndexDetails) => void) | undefined\n  >()\n\n  /**\n   * Function called when the focus is moved outside the component\n   */\n  readonly focusOutside = output<FocusOutsideEvent>()\n\n  /**\n   * The callback fired when the highlighted item changes.\n   */\n  readonly highlightChanged = output<\n    {value: string | null} & HighlightChangeDetails<T>\n  >()\n\n  /**\n   * Function called when an interaction happens outside the component\n   */\n  readonly interactOutside = output<InteractOutsideEvent>()\n\n  /**\n   * Function invoked when the popup opens or closes\n   */\n  readonly openChanged = output<boolean>()\n\n  /**\n   * Function called when the pointer is pressed down outside the component\n   */\n  readonly pointerDownOutside = output<PointerDownOutsideEvent>()\n\n  /**\n   * Function called when an item is selected\n   */\n  readonly selected = output<{value: string | undefined}>()\n\n  /**\n   * The callback fired when the selected item changes.\n   */\n  readonly valueChanged = output<SelectValueChangeEvent<T>>()\n\n  protected readonly document = inject(DOCUMENT)\n  protected readonly isMounted = useIsMounted()\n  protected readonly hostId = computed(() => useId(this, this.id()))\n  protected readonly selectContext = inject(SelectContextService)\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.selectContext.context().getRootBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    }),\n  )\n\n  override ngOnInit() {\n    super.ngOnInit()\n\n    const initialDefaultValue = this.collection().getValues(this.defaultValue())\n    const machine = useMachine(\n      selectMachine,\n      computed<Explicit<SelectApiProps>>(() => {\n        return {\n          closeOnSelect: this.closeOnSelect(),\n          collection: this.collection(),\n          defaultHighlightedValue: this.defaultHighlightedValue(),\n          defaultOpen: this.defaultOpen(),\n          defaultValue: initialDefaultValue,\n          deselectable: this.deselectable(),\n          dir: this.dir(),\n          disabled: this.isDisabled(),\n          // handled by Angular forms\n          form: undefined,\n          getRootNode: this.getRootNode() || (() => this.document),\n          highlightedValue: this.highlightedValue(),\n          id: this.id(),\n          ids: undefined,\n          invalid: this.isInvalid(),\n          loopFocus: this.loopFocus(),\n          multiple: this.multiple(),\n          name: this.name(),\n          onFocusOutside: (event) => {\n            if (this.isMounted()) {\n              this.focusOutside.emit(event)\n              this.onTouched()\n            }\n          },\n          onHighlightChange: (value, details) => {\n            if (this.isMounted()) {\n              this.highlightChanged.emit({value, ...details})\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              // TODO: create dedicated blur event\n              if (!open) {\n                this.onTouched()\n              }\n            }\n          },\n          onPointerDownOutside: (event) => {\n            if (this.isMounted()) {\n              this.pointerDownOutside.emit(event)\n            }\n          },\n          onSelect: (value) => {\n            if (this.isMounted()) {\n              this.selected.emit({value})\n            }\n          },\n          onValueChange: (value, details) => {\n            if (!this.control) {\n              if (this.isMounted()) {\n                this.valueChanged.emit({value, ...details})\n              }\n              this.value.set(details.items)\n              return\n            }\n            // ngModel is bound to the root, but change events happen from internal\n            // elements and are passed to the machine.  So we need to fire the\n            // form's value change event to keep it in sync.\n            this.onChange(details.items)\n            // angular handles touched/dirty internally when ngModel is bound to an\n            // <input> element, but we don't have that luxury here. We fire these\n            // manually.\n            if (!this.control?.touched) {\n              this.control.markAsTouched?.()\n            }\n            if (!this.control?.dirty) {\n              this.control.markAsDirty?.()\n            }\n          },\n          open: this.open(),\n          placeholder: this.placeholder(),\n          positioning: this.positioning(),\n          readOnly: this.readOnly(),\n          required: this.isRequired(),\n          scrollToIndexFn: this.scrollToIndexFn(),\n          value: this.collection().getValues(this.value()),\n        }\n      }),\n      this.injector,\n    )\n\n    this.selectContext.init(\n      computed(() => createSelectApi(machine, normalizeProps)),\n    )\n\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/select/core-select-value-text.directive.js

@@ -1,23 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { computed, Directive } from "@angular/core";
-import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
-import { useSelectContext } from "./select-context.service";
-import * as i0 from "@angular/core";
-export class CoreSelectValueTextDirective {
-    collection = computed(() => this.selectContext().collection, ...(ngDevMode ? [{ debugName: "collection" }] : []));
-    placeholder = computed(() => this.selectContext().placeholder, ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
-    valueAsString = computed(() => this.selectContext().valueAsString, ...(ngDevMode ? [{ debugName: "valueAsString" }] : []));
-    value = computed(() => this.selectContext().value, ...(ngDevMode ? [{ debugName: "value" }] : []));
-    selectContext = useSelectContext();
-    trackBindings = useTrackBindings(() => this.selectContext().getValueTextBindings());
-    ngOnInit() {
-        this.trackBindings();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreSelectValueTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: CoreSelectValueTextDirective, isStandalone: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreSelectValueTextDirective, decorators: [{
-            type: Directive
-        }] });
-//# sourceMappingURL=core-select-value-text.directive.js.map

package/esm2022/select/core-select-value-text.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"core-select-value-text.directive.js","sourceRoot":"","sources":["../../../src/select/core-select-value-text.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAc,MAAM,eAAe,CAAA;AAE9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;;AAGzD,MAAM,OAAO,4BAA4B;IAC9B,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,UAAU,sDAAC,CAAA;IAC5D,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,WAAW,uDAAC,CAAA;IAC9D,aAAa,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,aAAa,yDAAC,CAAA;IAClE,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,KAAK,iDAAC,CAAA;IAExC,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAElC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,aAAa,EAAE,CAAC,oBAAoB,EAAE,CAC5C,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAdU,4BAA4B;4FAA5B,4BAA4B;;4FAA5B,4BAA4B;kBADxC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive, type OnInit} from \"@angular/core\"\n\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {useSelectContext} from \"./select-context.service\"\n\n@Directive()\nexport class CoreSelectValueTextDirective implements OnInit {\n  readonly collection = computed(() => this.selectContext().collection)\n  readonly placeholder = computed(() => this.selectContext().placeholder)\n  readonly valueAsString = computed(() => this.selectContext().valueAsString)\n  readonly value = computed(() => this.selectContext().value)\n\n  protected readonly selectContext = useSelectContext()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.selectContext().getValueTextBindings(),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/select/index.js

@@ -1,18 +0,0 @@
-export * from "./core-select-clear-trigger.directive";
-export * from "./core-select-content.directive";
-export * from "./core-select-control.directive";
-export * from "./core-select-error-indicator.directive";
-export * from "./core-select-error-text.directive";
-export * from "./core-select-hidden-select.directive";
-export * from "./core-select-hint.directive";
-export * from "./core-select-indicator.directive";
-export * from "./core-select-item-indicator.directive";
-export * from "./core-select-item-text.directive";
-export * from "./core-select-item.directive";
-export * from "./core-select-label.directive";
-export * from "./core-select-positioner.directive";
-export * from "./core-select-root.directive";
-export * from "./core-select-value-text.directive";
-export * from "./select-context.service";
-export * from "./select-item-context.service";
-//# sourceMappingURL=index.js.map

package/esm2022/select/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select/index.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAA;AACrD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yCAAyC,CAAA;AACvD,cAAc,oCAAoC,CAAA;AAClD,cAAc,uCAAuC,CAAA;AACrD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mCAAmC,CAAA;AACjD,cAAc,wCAAwC,CAAA;AACtD,cAAc,mCAAmC,CAAA;AACjD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,oCAAoC,CAAA;AAClD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oCAAoC,CAAA;AAClD,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA","sourcesContent":["export * from \"./core-select-clear-trigger.directive\"\nexport * from \"./core-select-content.directive\"\nexport * from \"./core-select-control.directive\"\nexport * from \"./core-select-error-indicator.directive\"\nexport * from \"./core-select-error-text.directive\"\nexport * from \"./core-select-hidden-select.directive\"\nexport * from \"./core-select-hint.directive\"\nexport * from \"./core-select-indicator.directive\"\nexport * from \"./core-select-item-indicator.directive\"\nexport * from \"./core-select-item-text.directive\"\nexport * from \"./core-select-item.directive\"\nexport * from \"./core-select-label.directive\"\nexport * from \"./core-select-positioner.directive\"\nexport * from \"./core-select-root.directive\"\nexport * from \"./core-select-value-text.directive\"\nexport * from \"./select-context.service\"\nexport * from \"./select-item-context.service\"\n"]}

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

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

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

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

@@ -1,15 +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 {} from "@qualcomm-ui/core/select";
-import * as i0 from "@angular/core";
-export class SelectContextService extends BaseApiContextService {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SelectContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SelectContextService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SelectContextService, decorators: [{
-            type: Injectable
-        }] });
-export const [SELECT_CONTEXT, useSelectContext, provideSelectContext,] = createApiContext("SelectContext", SelectContextService);
-//# sourceMappingURL=select-context.service.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"select-context.service.js","sourceRoot":"","sources":["../../../src/select/select-context.service.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAExC,OAAO,EAEL,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAGN,MAAM,0BAA0B,CAAA;;AAOjC,MAAM,OAAO,oBAAqB,SAAQ,qBAAgC;wGAA7D,oBAAoB;4GAApB,oBAAoB;;4FAApB,oBAAoB;kBADhC,UAAU;;AAGX,MAAM,CAAC,MAAM,CACX,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACrB,GAA0B,gBAAgB,CACzC,eAAe,EACf,oBAAoB,CACrB,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  type ApiContext,\n  BaseApiContextService,\n  createApiContext,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport {\n  type SelectApi,\n  type SelectValueChangeDetails,\n} from \"@qualcomm-ui/core/select\"\n\nexport interface SelectValueChangeEvent<T> extends SelectValueChangeDetails<T> {\n  value: string[]\n}\n\n@Injectable()\nexport class SelectContextService extends BaseApiContextService<SelectApi> {}\n\nexport const [\n  SELECT_CONTEXT,\n  useSelectContext,\n  provideSelectContext,\n]: ApiContext<SelectApi> = createApiContext<SelectApi>(\n  \"SelectContext\",\n  SelectContextService,\n)\n"]}

package/esm2022/select/select-item-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 SelectItemContextService extends BaseApiContextService {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SelectItemContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SelectItemContextService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SelectItemContextService, decorators: [{
-            type: Injectable
-        }] });
-export const [SELECT_ITEM_CONTEXT, useSelectItemContext, provideSelectItemContext,] = createApiContext("SelectItemContext", SelectItemContextService);
-//# sourceMappingURL=select-item-context.service.js.map

package/esm2022/select/select-item-context.service.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-item-context.service.js","sourceRoot":"","sources":["../../../src/select/select-item-context.service.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAExC,OAAO,EAEL,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;;AAI1C,MAAM,OAAO,wBAAyB,SAAQ,qBAAgC;wGAAjE,wBAAwB;4GAAxB,wBAAwB;;4FAAxB,wBAAwB;kBADpC,UAAU;;AAGX,MAAM,CAAC,MAAM,CACX,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,EACzB,GAA0B,gBAAgB,CACzC,mBAAmB,EACnB,wBAAwB,CACzB,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  type ApiContext,\n  BaseApiContextService,\n  createApiContext,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport type {ItemState} from \"@qualcomm-ui/core/select\"\n\n@Injectable()\nexport class SelectItemContextService extends BaseApiContextService<ItemState> {}\n\nexport const [\n  SELECT_ITEM_CONTEXT,\n  useSelectItemContext,\n  provideSelectItemContext,\n]: ApiContext<ItemState> = createApiContext<ItemState>(\n  \"SelectItemContext\",\n  SelectItemContextService,\n)\n"]}

package/esm2022/signals/access-signal.js

@@ -1,17 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { isSignal } from "@angular/core";
-/**
- * Accesses the value of a signal if the provided input is a signal; otherwise,
- * returns the input directly.
- *
- * @param {T | Signal<T>} maybeSignal - The input which can either be a signal or a direct value of type T.
- * @return {T} The resolved value of the signal if the input is a signal, or the input value itself if it is not a signal.
- */
-export function accessSignal(maybeSignal) {
-    if (!maybeSignal) {
-        return maybeSignal;
-    }
-    return isSignal(maybeSignal) ? maybeSignal() : maybeSignal;
-}
-//# sourceMappingURL=access-signal.js.map

package/esm2022/signals/access-signal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"access-signal.js","sourceRoot":"","sources":["../../../src/signals/access-signal.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAItC;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAAI,WAA2B;IACzD,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,WAA2B,CAAA;IACpC,CAAC;IACD,OAAO,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,WAAW,CAAA;AAC5D,CAAC","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {isSignal} from \"@angular/core\"\n\nimport type {MaybeSignal} from \"./signals.types\"\n\n/**\n * Accesses the value of a signal if the provided input is a signal; otherwise,\n * returns the input directly.\n *\n * @param {T | Signal<T>} maybeSignal - The input which can either be a signal or a direct value of type T.\n * @return {T} The resolved value of the signal if the input is a signal, or the input value itself if it is not a signal.\n */\nexport function accessSignal<T>(maybeSignal: MaybeSignal<T>): T {\n  if (!maybeSignal) {\n    return maybeSignal as unknown as T\n  }\n  return isSignal(maybeSignal) ? maybeSignal() : maybeSignal\n}\n"]}

package/esm2022/signals/host-binding.js

@@ -1,84 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { assertInInjectionContext, effect, ElementRef, inject, Injector, Renderer2, RendererStyleFlags2, runInInjectionContext, } from "@angular/core";
-export function assertInjector(fn, injector, runner) {
-    if (!injector) {
-        assertInInjectionContext(fn);
-    }
-    const assertedInjector = injector ?? inject(Injector);
-    if (!runner) {
-        return assertedInjector;
-    }
-    return runInInjectionContext(assertedInjector, runner);
-}
-/**
- * `hostBinding` takes a `hostPropertyName` to attach a data property, a class, a
- * style or an attribute (as `@HostBinding` would) to the host. The update is
- * applied based on the update of the provided signal.
- *
- * @param hostPropertyName - the same property that is bound to a data property, a class, a style or an attribute as `@HostBinding`.
- * @param signal - the signal on which to react to changes to update the host, and the one that will be returned as it is
- * @returns {Signal | WritableSignal}
- *
- * @example
- * ```ts
- * export class MyComponent {
- *  readonly background = hostBinding('style.background', signal('blue'));
- *
- *  constructor() {
- *    setTimeout(() => this.background.set('red'), 3000);
- *  }
- * }
- * ```
- *
- * TODO: verify with SSR
- */
-export function hostBinding(hostPropertyName, signal, injector) {
-    injector = assertInjector(hostBinding, injector);
-    runInInjectionContext(injector, () => {
-        const renderer = inject(Renderer2);
-        const element = inject(ElementRef).nativeElement;
-        effect(() => {
-            let prevClasses = [];
-            const value = signal();
-            const [binding, property, unit] = hostPropertyName.split(".");
-            switch (binding) {
-                case "style":
-                    renderer.setStyle(element, property, `${value}${unit ?? ""}`, property.startsWith("--")
-                        ? RendererStyleFlags2.DashCase
-                        : undefined);
-                    break;
-                case "attr":
-                    if (value == null) {
-                        renderer.removeAttribute(element, property);
-                    }
-                    else {
-                        renderer.setAttribute(element, property, String(value));
-                    }
-                    break;
-                case "class":
-                    if (!property) {
-                        if (prevClasses.length) {
-                            prevClasses.forEach((k) => renderer.removeClass(element, k));
-                        }
-                        prevClasses =
-                            typeof value === "string" ? value.split(" ").filter(Boolean) : [];
-                        prevClasses.forEach((k) => renderer.addClass(element, k));
-                    }
-                    else {
-                        if (value) {
-                            renderer.addClass(element, property);
-                        }
-                        else {
-                            renderer.removeClass(element, property);
-                        }
-                    }
-                    break;
-                default:
-                    renderer.setProperty(element, binding, value);
-            }
-        });
-    });
-    return signal;
-}
-//# sourceMappingURL=host-binding.js.map

package/esm2022/signals/host-binding.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"host-binding.js","sourceRoot":"","sources":["../../../src/signals/host-binding.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  assertInInjectionContext,\n  effect,\n  ElementRef,\n  type HostBinding,\n  inject,\n  Injector,\n  Renderer2,\n  RendererStyleFlags2,\n  runInInjectionContext,\n  type Signal,\n  type WritableSignal,\n} from \"@angular/core\"\n\n/**\n * `assertInjector` extends `assertInInjectionContext` with an optional `Injector`\n * After assertion, `assertInjector` runs the `runner` function with the guaranteed\n * `Injector` whether it is the default `Injector` within the current **Injection\n * Context** or the custom `Injector` that was passed in.\n *\n * @template {() => any} Runner - Runner is a function that can return anything\n * @param {Function} fn - the Function to pass in `assertInInjectionContext`\n * @param {Injector | undefined | null} injector - the optional \"custom\" Injector\n * @param {Runner} runner - the runner fn\n * @returns {ReturnType<Runner>} result - returns the result of the Runner\n *\n * @example\n * ```ts\n * function injectValue(injector?: Injector) {\n *  return assertInjector(injectValue, injector, () => 'value');\n * }\n *\n * injectValue(); // string\n * ```\n */\nexport function assertInjector<Runner extends () => any>(\n  fn: Function,\n  injector: Injector | undefined | null,\n  runner: Runner,\n): ReturnType<Runner>\n\n/**\n * `assertInjector` extends `assertInInjectionContext` with an optional `Injector`\n * After assertion, `assertInjector` returns a guaranteed `Injector` whether it is\n * the default `Injector` within the current **Injection Context** or the custom\n * `Injector` that was passed in.\n *\n * @param {Function} fn - the Function to pass in `assertInInjectionContext`\n * @param {Injector | undefined | null} injector - the optional \"custom\" Injector\n * @returns Injector\n */\nexport function assertInjector(\n  fn: Function,\n  injector: Injector | undefined | null,\n): Injector\nexport function assertInjector(\n  fn: Function,\n  injector: Injector | undefined | null,\n  runner?: () => any,\n) {\n  if (!injector) {\n    assertInInjectionContext(fn)\n  }\n  const assertedInjector = injector ?? inject(Injector)\n\n  if (!runner) {\n    return assertedInjector\n  }\n  return runInInjectionContext(assertedInjector, runner)\n}\n\n/**\n * `hostBinding` takes a `hostPropertyName` to attach a data property, a class, a\n * style or an attribute (as `@HostBinding` would) to the host. The update is\n * applied based on the update of the provided signal.\n *\n * @param hostPropertyName - the same property that is bound to a data property, a class, a style or an attribute as `@HostBinding`.\n * @param signal - the signal on which to react to changes to update the host, and the one that will be returned as it is\n * @returns {Signal | WritableSignal}\n *\n * @example\n * ```ts\n * export class MyComponent {\n *  readonly background = hostBinding('style.background', signal('blue'));\n *\n *  constructor() {\n *    setTimeout(() => this.background.set('red'), 3000);\n *  }\n * }\n * ```\n *\n * TODO: verify with SSR\n */\nexport function hostBinding<T, S extends Signal<T> | WritableSignal<T>>(\n  hostPropertyName: Required<HostBinding>[\"hostPropertyName\"],\n  signal: S,\n  injector?: Injector,\n): S {\n  injector = assertInjector(hostBinding, injector)\n\n  runInInjectionContext(injector, () => {\n    const renderer = inject(Renderer2)\n    const element: HTMLElement = inject(ElementRef).nativeElement\n\n    effect(() => {\n      let prevClasses: string[] = []\n      const value = signal()\n      const [binding, property, unit] = hostPropertyName.split(\".\")\n\n      switch (binding) {\n        case \"style\":\n          renderer.setStyle(\n            element,\n            property,\n            `${value}${unit ?? \"\"}`,\n            property.startsWith(\"--\")\n              ? RendererStyleFlags2.DashCase\n              : undefined,\n          )\n          break\n        case \"attr\":\n          if (value == null) {\n            renderer.removeAttribute(element, property)\n          } else {\n            renderer.setAttribute(element, property, String(value))\n          }\n          break\n        case \"class\":\n          if (!property) {\n            if (prevClasses.length) {\n              prevClasses.forEach((k) => renderer.removeClass(element, k))\n            }\n            prevClasses =\n              typeof value === \"string\" ? value.split(\" \").filter(Boolean) : []\n            prevClasses.forEach((k) => renderer.addClass(element, k))\n          } else {\n            if (value) {\n              renderer.addClass(element, property)\n            } else {\n              renderer.removeClass(element, property)\n            }\n          }\n          break\n        default:\n          renderer.setProperty(element, binding, value)\n      }\n    })\n  })\n\n  return signal\n}\n"]}

package/esm2022/signals/index.js

@@ -1,4 +0,0 @@
-export * from "./access-signal";
-export * from "./host-binding";
-export * from "./signalify-object";
-//# sourceMappingURL=index.js.map

package/esm2022/signals/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/signals/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAE9B,cAAc,oBAAoB,CAAA","sourcesContent":["export * from \"./access-signal\"\nexport * from \"./host-binding\"\nexport type * from \"./signalify-input\"\nexport * from \"./signalify-object\"\nexport type * from \"./signals.types\"\n"]}

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

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

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

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