@qualcomm-ui/angular-core 1.0.0

package/esm2022/combobox/core-combobox-item-indicator.directive.js

@@ -0,0 +1,21 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Directive } from "@angular/core";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { useComboboxContext } from "./combobox-context.service";
+import { useComboboxItemContext } from "./combobox-item-context.service";
+import * as i0 from "@angular/core";
+export class CoreComboboxItemIndicatorDirective {
+    comboboxContext = useComboboxContext();
+    itemContext = useComboboxItemContext();
+    trackBindings = useTrackBindings(() => this.comboboxContext().getItemIndicatorBindings(this.itemContext()));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreComboboxItemIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: CoreComboboxItemIndicatorDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreComboboxItemIndicatorDirective, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=core-combobox-item-indicator.directive.js.map

package/esm2022/combobox/core-combobox-item-indicator.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-combobox-item-indicator.directive.js","sourceRoot":"","sources":["../../../src/combobox/core-combobox-item-indicator.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAc,MAAM,eAAe,CAAA;AAEpD,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAC,sBAAsB,EAAC,MAAM,iCAAiC,CAAA;;AAGtE,MAAM,OAAO,kCAAkC;IAC1B,eAAe,GAAG,kBAAkB,EAAE,CAAA;IACtC,WAAW,GAAG,sBAAsB,EAAE,CAAA;IAEtC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,eAAe,EAAE,CAAC,wBAAwB,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CACpE,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAVU,kCAAkC;4FAAlC,kCAAkC;;4FAAlC,kCAAkC;kBAD9C,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Directive, type OnInit} from \"@angular/core\"\n\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {useComboboxContext} from \"./combobox-context.service\"\nimport {useComboboxItemContext} from \"./combobox-item-context.service\"\n\n@Directive()\nexport class CoreComboboxItemIndicatorDirective implements OnInit {\n  protected readonly comboboxContext = useComboboxContext()\n  protected readonly itemContext = useComboboxItemContext()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.comboboxContext().getItemIndicatorBindings(this.itemContext()),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/combobox/core-combobox-item-text.directive.js

@@ -0,0 +1,21 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Directive } from "@angular/core";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { useComboboxContext } from "./combobox-context.service";
+import { useComboboxItemContext } from "./combobox-item-context.service";
+import * as i0 from "@angular/core";
+export class CoreComboboxItemTextDirective {
+    comboboxContext = useComboboxContext();
+    itemContext = useComboboxItemContext();
+    trackBindings = useTrackBindings(() => this.comboboxContext().getItemTextBindings(this.itemContext()));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreComboboxItemTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: CoreComboboxItemTextDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreComboboxItemTextDirective, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=core-combobox-item-text.directive.js.map

package/esm2022/combobox/core-combobox-item-text.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-combobox-item-text.directive.js","sourceRoot":"","sources":["../../../src/combobox/core-combobox-item-text.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAc,MAAM,eAAe,CAAA;AAEpD,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAC,sBAAsB,EAAC,MAAM,iCAAiC,CAAA;;AAGtE,MAAM,OAAO,6BAA6B;IACrB,eAAe,GAAG,kBAAkB,EAAE,CAAA;IACtC,WAAW,GAAG,sBAAsB,EAAE,CAAA;IAEtC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,eAAe,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAC/D,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAVU,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 {Directive, type OnInit} from \"@angular/core\"\n\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {useComboboxContext} from \"./combobox-context.service\"\nimport {useComboboxItemContext} from \"./combobox-item-context.service\"\n\n@Directive()\nexport class CoreComboboxItemTextDirective implements OnInit {\n  protected readonly comboboxContext = useComboboxContext()\n  protected readonly itemContext = useComboboxItemContext()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.comboboxContext().getItemTextBindings(this.itemContext()),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/combobox/core-combobox-item.directive.js

@@ -0,0 +1,35 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { booleanAttribute, computed, Directive, inject, input, } from "@angular/core";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { useComboboxContext } from "./combobox-context.service";
+import { ComboboxItemContextService } from "./combobox-item-context.service";
+import * as i0 from "@angular/core";
+export class CoreComboboxItemDirective {
+    /**
+     * The item to render, from the collection
+     */
+    item = input(...(ngDevMode ? [undefined, { debugName: "item" }] : []));
+    /**
+     * Whether hovering outside should clear the highlighted state
+     */
+    persistFocus = input(undefined, ...(ngDevMode ? [{ debugName: "persistFocus", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    comboboxContext = useComboboxContext();
+    comboboxItemService = inject(ComboboxItemContextService);
+    trackBindings = useTrackBindings(() => this.comboboxContext().getItemBindings(this.comboboxItemService.context()));
+    ngOnInit() {
+        this.comboboxItemService.init(computed(() => this.comboboxContext().getItemState({
+            item: this.item(),
+            persistFocus: this.persistFocus(),
+        })));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreComboboxItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreComboboxItemDirective, isStandalone: true, inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, persistFocus: { classPropertyName: "persistFocus", publicName: "persistFocus", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreComboboxItemDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }], persistFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "persistFocus", required: false }] }] } });
+//# sourceMappingURL=core-combobox-item.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-combobox-item.directive.js","sourceRoot":"","sources":["../../../src/combobox/core-combobox-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,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAC,0BAA0B,EAAC,MAAM,iCAAiC,CAAA;;AAG1E,MAAM,OAAO,yBAAyB;IAGpC;;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,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAEtC,mBAAmB,GAAG,MAAM,CAAC,0BAA0B,CAAC,CAAA;IAExD,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,eAAe,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC,CAC3E,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAC3B,QAAQ,CAAC,GAAG,EAAE,CACZ,IAAI,CAAC,eAAe,EAAE,CAAC,YAAY,CAAC;YAClC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;YACjB,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE;SACuB,CAAC,CAC5D,CACF,CAAA;QAED,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAlCU,yBAAyB;4FAAzB,yBAAyB;;4FAAzB,yBAAyB;kBADrC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\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 {ComboboxApiItemProps} from \"@qualcomm-ui/core/combobox\"\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 {useComboboxContext} from \"./combobox-context.service\"\nimport {ComboboxItemContextService} from \"./combobox-item-context.service\"\n\n@Directive()\nexport class CoreComboboxItemDirective\n  implements SignalifyInput<ComboboxApiItemProps<CollectionItem>>, 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 comboboxContext = useComboboxContext()\n\n  protected readonly comboboxItemService = inject(ComboboxItemContextService)\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.comboboxContext().getItemBindings(this.comboboxItemService.context()),\n  )\n\n  ngOnInit() {\n    this.comboboxItemService.init(\n      computed(() =>\n        this.comboboxContext().getItemState({\n          item: this.item(),\n          persistFocus: this.persistFocus(),\n        } satisfies Explicit<ComboboxApiItemProps<CollectionItem>>),\n      ),\n    )\n\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/combobox/core-combobox-label.directive.js

@@ -0,0 +1,30 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive, input } from "@angular/core";
+import { useId, useOnDestroy } from "@qualcomm-ui/angular-core/common";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { useComboboxContext } from "./combobox-context.service";
+import * as i0 from "@angular/core";
+export class CoreComboboxLabelDirective {
+    /**
+     * {@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" }] : []));
+    comboboxContext = useComboboxContext();
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    trackBindings = useTrackBindings(() => this.comboboxContext().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: CoreComboboxLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreComboboxLabelDirective, 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: CoreComboboxLabelDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=core-combobox-label.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-combobox-label.directive.js","sourceRoot":"","sources":["../../../src/combobox/core-combobox-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,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;;AAG7D,MAAM,OAAO,0BAA0B;IACrC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,eAAe,GAAG,kBAAkB,EAAE,CAAA;IACtC,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IAC/C,SAAS,GAAG,YAAY,EAAE,CAAA;IAE1B,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,eAAe,EAAE,CAAC,gBAAgB,CAAC;QACtC,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;wGApBU,0BAA0B;4FAA1B,0BAA0B;;4FAA1B,0BAA0B;kBADtC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive, input, type OnInit} from \"@angular/core\"\n\nimport {useId, useOnDestroy} from \"@qualcomm-ui/angular-core/common\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {useComboboxContext} from \"./combobox-context.service\"\n\n@Directive()\nexport class CoreComboboxLabelDirective 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 comboboxContext = useComboboxContext()\n  protected readonly hostId = computed(() => useId(this, this.id()))\n  protected readonly onDestroy = useOnDestroy()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.comboboxContext().getLabelBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    }),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

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

@@ -0,0 +1,32 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive, input } from "@angular/core";
+import { useId, useOnDestroy } from "@qualcomm-ui/angular-core/common";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { usePresenceRenderer } from "@qualcomm-ui/angular-core/presence";
+import { useComboboxContext } from "./combobox-context.service";
+import * as i0 from "@angular/core";
+export class CoreComboboxPositionerDirective {
+    /**
+     * {@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" }] : []));
+    comboboxContext = useComboboxContext();
+    onDestroy = useOnDestroy();
+    presenceRendererEffect = usePresenceRenderer();
+    trackBindings = useTrackBindings(() => this.comboboxContext().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: CoreComboboxPositionerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreComboboxPositionerDirective, 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: CoreComboboxPositionerDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=core-combobox-positioner.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-combobox-positioner.directive.js","sourceRoot":"","sources":["../../../src/combobox/core-combobox-positioner.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAErE,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAClE,OAAO,EAAC,mBAAmB,EAAC,MAAM,oCAAoC,CAAA;AAEtE,OAAO,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;;AAG7D,MAAM,OAAO,+BAA+B;IAC1C;;;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,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAEtC,SAAS,GAAG,YAAY,EAAE,CAAA;IAE1B,sBAAsB,GAAG,mBAAmB,EAAE,CAAA;IAE9C,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,eAAe,EAAE,CAAC,qBAAqB,CAAC;QAC3C,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;wGAxBU,+BAA+B;4FAA/B,+BAA+B;;4FAA/B,+BAA+B;kBAD3C,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive, input, type OnInit} from \"@angular/core\"\n\nimport {useId, useOnDestroy} from \"@qualcomm-ui/angular-core/common\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\nimport {usePresenceRenderer} from \"@qualcomm-ui/angular-core/presence\"\n\nimport {useComboboxContext} from \"./combobox-context.service\"\n\n@Directive()\nexport class CoreComboboxPositionerDirective 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 comboboxContext = useComboboxContext()\n\n  protected readonly onDestroy = useOnDestroy()\n\n  protected readonly presenceRendererEffect = usePresenceRenderer()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.comboboxContext().getPositionerBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    }),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

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

@@ -0,0 +1,387 @@
+// 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, untracked, } 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 { PresenceContextService } from "@qualcomm-ui/angular-core/presence";
+import { comboboxMachine, createComboboxApi, } from "@qualcomm-ui/core/combobox";
+import { createPresenceApi, presenceMachine, } from "@qualcomm-ui/core/presence";
+import { isDefined } from "@qualcomm-ui/utils/guard";
+import { ComboboxContextService, } from "./combobox-context.service";
+import * as i0 from "@angular/core";
+export class CoreComboboxRootDirective extends AbstractListCollectionFormControlDirective {
+    /**
+     * Whether to allow custom values that are not in the collection
+     *
+     * @default false
+     */
+    allowCustomValue = input(undefined, ...(ngDevMode ? [{ debugName: "allowCustomValue", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether to always submit on Enter key press, even if popup is open
+     *
+     * @default false
+     */
+    alwaysSubmitOnEnter = input(undefined, ...(ngDevMode ? [{ debugName: "alwaysSubmitOnEnter", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether to autofocus the input on mount
+     */
+    autoFocus = input(undefined, ...(ngDevMode ? [{ debugName: "autoFocus", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether the combobox should close after an item is selected
+     *
+     * @default false
+     */
+    closeOnSelect = input(undefined, ...(ngDevMode ? [{ debugName: "closeOnSelect", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether the combobox is a composed with other composite widgets
+     *
+     * @default true
+     */
+    composite = input(undefined, ...(ngDevMode ? [{ debugName: "composite", 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 combobox.
+     */
+    defaultHighlightedValue = input(...(ngDevMode ? [undefined, { debugName: "defaultHighlightedValue" }] : []));
+    /**
+     * The initial value of the input when opened.
+     */
+    defaultInputValue = input(...(ngDevMode ? [undefined, { debugName: "defaultInputValue" }] : []));
+    /**
+     * Whether the combobox's open state is controlled by the user
+     */
+    defaultOpen = input(undefined, ...(ngDevMode ? [{ debugName: "defaultOpen", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The document's text/writing direction.
+     *
+     * @default "ltr"
+     */
+    dir = input(...(ngDevMode ? [undefined, { debugName: "dir" }] : []));
+    /**
+     * Whether to disable registering this as a dismissable layer
+     */
+    disableLayer = input(undefined, ...(ngDevMode ? [{ debugName: "disableLayer", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * 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" }] : []));
+    /**
+     * Defines the auto-completion behavior of the combobox
+     *
+     * @default "none"
+     */
+    inputBehavior = input(...(ngDevMode ? [undefined, { debugName: "inputBehavior" }] : []));
+    /**
+     * {@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 synchronize the present change immediately or defer it to the next
+     * frame.
+     *
+     * @default false
+     */
+    immediate = input(undefined, ...(ngDevMode ? [{ debugName: "immediate", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The value of the input
+     */
+    inputValue = input(...(ngDevMode ? [undefined, { debugName: "inputValue" }] : []));
+    /**
+     * When true, the component will not be rendered in the DOM until it becomes
+     * visible or active.
+     *
+     * @default false
+     */
+    lazyMount = input(undefined, ...(ngDevMode ? [{ debugName: "lazyMount", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * 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 combobox menu is open
+     */
+    open = input(undefined, ...(ngDevMode ? [{ debugName: "open", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether to show the combobox when the input value changes
+     *
+     * @default true
+     */
+    openOnChange = input(undefined, ...(ngDevMode ? [{ debugName: "openOnChange", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether to open the combobox popup on click
+     *
+     * @default true
+     */
+    openOnClick = input(undefined, ...(ngDevMode ? [{ debugName: "openOnClick", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether to open the combobox on arrow key press
+     *
+     * @default true
+     */
+    openOnKeyPress = input(undefined, ...(ngDevMode ? [{ debugName: "openOnKeyPress", 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" }] : []));
+    /**
+     * The controlled presence of the node.
+     */
+    present = input(undefined, ...(ngDevMode ? [{ debugName: "present" }] : []));
+    /**
+     * Function to scroll to a specific index
+     */
+    scrollToIndexFn = input(...(ngDevMode ? [undefined, { debugName: "scrollToIndexFn" }] : []));
+    /**
+     * The behavior of the combobox input when an item is selected
+     * - `replace`: The selected item string is set as the input value
+     * - `clear`: The input value is cleared
+     * - `preserve`: The input value is preserved
+     *
+     * @default "replace"
+     */
+    selectionBehavior = input(...(ngDevMode ? [undefined, { debugName: "selectionBehavior" }] : []));
+    /**
+     * Whether to allow the initial presence animation.
+     *
+     * @default false
+     */
+    skipAnimationOnMount = input(undefined, ...(ngDevMode ? [{ debugName: "skipAnimationOnMount", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /**
+     * Specifies the localized strings
+     */
+    translations = input(...(ngDevMode ? [undefined, { debugName: "translations" }] : []));
+    /**
+     * When true, the component will be completely removed from the DOM when it
+     * becomes inactive or hidden, rather than just being hidden with CSS.
+     *
+     * @default false
+     */
+    unmountOnExit = input(undefined, ...(ngDevMode ? [{ debugName: "unmountOnExit", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Function called when the animation ends in the closed state
+     */
+    exitCompleted = output();
+    /**
+     * Function called when the focus is moved outside the component
+     */
+    focusOutside = output();
+    /**
+     * The callback fired when the highlighted item changes.
+     */
+    highlightChanged = output();
+    /**
+     * The callback fired when the input value changes
+     */
+    inputValueChanged = 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();
+    /**
+     * The callback fired when the selected item changes.
+     */
+    valueChanged = output();
+    document = inject(DOCUMENT);
+    isMounted = useIsMounted();
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    comboboxContext = inject(ComboboxContextService);
+    presenceService = inject(PresenceContextService);
+    trackBindings = useTrackBindings(() => this.comboboxContext.context().getRootBindings({
+        id: this.hostId(),
+        onDestroy: this.onDestroy,
+    }));
+    ngOnInit() {
+        super.ngOnInit();
+        const initialDefaultValue = this.collection().getValues(this.defaultValue());
+        const machine = useMachine(comboboxMachine, computed(() => {
+            return {
+                allowCustomValue: this.allowCustomValue(),
+                alwaysSubmitOnEnter: this.alwaysSubmitOnEnter(),
+                autoFocus: this.autoFocus(),
+                closeOnSelect: this.closeOnSelect(),
+                collection: this.collection(),
+                composite: this.composite(),
+                defaultHighlightedValue: this.defaultHighlightedValue(),
+                defaultInputValue: this.defaultInputValue(),
+                defaultOpen: this.defaultOpen(),
+                defaultValue: initialDefaultValue,
+                dir: this.dir(),
+                disabled: this.isDisabled(),
+                disableLayer: this.disableLayer(),
+                form: undefined,
+                getRootNode: this.getRootNode() || (() => this.document),
+                highlightedValue: this.highlightedValue(),
+                id: this.id(),
+                ids: undefined,
+                inputBehavior: this.inputBehavior(),
+                inputValue: this.inputValue(),
+                invalid: this.isInvalid(),
+                loopFocus: this.loopFocus(),
+                multiple: this.multiple(),
+                name: this.name(),
+                onFocusOutside: (event) => {
+                    if (this.isMounted()) {
+                        this.focusOutside.emit(event);
+                        this.onTouched();
+                    }
+                },
+                onHighlightChange: (details) => {
+                    if (this.isMounted()) {
+                        this.highlightChanged.emit({
+                            value: details.highlightedValue,
+                            ...details,
+                        });
+                    }
+                },
+                onInputValueChange: (details) => {
+                    if (this.isMounted()) {
+                        this.inputValueChanged.emit(details);
+                    }
+                },
+                onInteractOutside: (event) => {
+                    if (this.isMounted()) {
+                        this.interactOutside.emit(event);
+                    }
+                },
+                onOpenChange: (details) => {
+                    if (this.isMounted()) {
+                        this.openChanged.emit(details);
+                        if (!details.open) {
+                            this.onTouched();
+                        }
+                    }
+                },
+                onPointerDownOutside: (event) => {
+                    if (this.isMounted()) {
+                        this.pointerDownOutside.emit(event);
+                    }
+                },
+                onSelect: undefined,
+                onValueChange: (details) => {
+                    if (!this.control) {
+                        if (this.isMounted()) {
+                            this.valueChanged.emit({ ...details, value: details.value });
+                        }
+                        this.value.set(details.items);
+                        return;
+                    }
+                    this.onChange(details.items);
+                    if (!this.control?.touched) {
+                        this.control.markAsTouched?.();
+                    }
+                    if (!this.control?.dirty) {
+                        this.control.markAsDirty?.();
+                    }
+                },
+                open: this.open(),
+                openOnChange: this.openOnChange(),
+                openOnClick: this.openOnClick(),
+                openOnKeyPress: this.openOnKeyPress(),
+                placeholder: this.placeholder(),
+                positioning: this.positioning(),
+                readOnly: this.readOnly(),
+                required: this.isRequired(),
+                scrollToIndexFn: this.scrollToIndexFn(),
+                selectionBehavior: this.selectionBehavior(),
+                translations: this.translations(),
+                value: this.collection().getValues(this.value()),
+            };
+        }), this.injector);
+        const comboboxApi = computed(() => createComboboxApi(machine, normalizeProps), ...(ngDevMode ? [{ debugName: "comboboxApi" }] : []));
+        this.comboboxContext.init(comboboxApi);
+        const presence = useMachine(presenceMachine, computed(() => {
+            const present = this.present();
+            const api = comboboxApi();
+            const showing = isDefined(present) ? present : api.open;
+            untracked(() => {
+                if (this.presenceService.initialized()) {
+                    this.presenceService.immediatePresent = showing;
+                }
+            });
+            return {
+                immediate: this.immediate(),
+                lazyMount: this.lazyMount(),
+                onExitComplete: () => {
+                    if (this.isMounted()) {
+                        this.exitCompleted.emit();
+                    }
+                },
+                present: showing,
+                skipAnimationOnMount: this.skipAnimationOnMount(),
+                unmountOnExit: this.unmountOnExit(),
+            };
+        }), this.injector);
+        this.presenceService.init(computed(() => createPresenceApi(presence, normalizeProps)));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreComboboxRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreComboboxRootDirective, isStandalone: true, inputs: { allowCustomValue: { classPropertyName: "allowCustomValue", publicName: "allowCustomValue", isSignal: true, isRequired: false, transformFunction: null }, alwaysSubmitOnEnter: { classPropertyName: "alwaysSubmitOnEnter", publicName: "alwaysSubmitOnEnter", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, composite: { classPropertyName: "composite", publicName: "composite", isSignal: true, isRequired: false, transformFunction: null }, defaultHighlightedValue: { classPropertyName: "defaultHighlightedValue", publicName: "defaultHighlightedValue", isSignal: true, isRequired: false, transformFunction: null }, defaultInputValue: { classPropertyName: "defaultInputValue", publicName: "defaultInputValue", 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 }, disableLayer: { classPropertyName: "disableLayer", publicName: "disableLayer", 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 }, inputBehavior: { classPropertyName: "inputBehavior", publicName: "inputBehavior", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, immediate: { classPropertyName: "immediate", publicName: "immediate", isSignal: true, isRequired: false, transformFunction: null }, inputValue: { classPropertyName: "inputValue", publicName: "inputValue", isSignal: true, isRequired: false, transformFunction: null }, lazyMount: { classPropertyName: "lazyMount", publicName: "lazyMount", 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 }, openOnChange: { classPropertyName: "openOnChange", publicName: "openOnChange", isSignal: true, isRequired: false, transformFunction: null }, openOnClick: { classPropertyName: "openOnClick", publicName: "openOnClick", isSignal: true, isRequired: false, transformFunction: null }, openOnKeyPress: { classPropertyName: "openOnKeyPress", publicName: "openOnKeyPress", 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 }, present: { classPropertyName: "present", publicName: "present", isSignal: true, isRequired: false, transformFunction: null }, scrollToIndexFn: { classPropertyName: "scrollToIndexFn", publicName: "scrollToIndexFn", isSignal: true, isRequired: false, transformFunction: null }, selectionBehavior: { classPropertyName: "selectionBehavior", publicName: "selectionBehavior", isSignal: true, isRequired: false, transformFunction: null }, skipAnimationOnMount: { classPropertyName: "skipAnimationOnMount", publicName: "skipAnimationOnMount", isSignal: true, isRequired: false, transformFunction: null }, translations: { classPropertyName: "translations", publicName: "translations", isSignal: true, isRequired: false, transformFunction: null }, unmountOnExit: { classPropertyName: "unmountOnExit", publicName: "unmountOnExit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { exitCompleted: "exitCompleted", focusOutside: "focusOutside", highlightChanged: "highlightChanged", inputValueChanged: "inputValueChanged", interactOutside: "interactOutside", openChanged: "openChanged", pointerDownOutside: "pointerDownOutside", valueChanged: "valueChanged" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreComboboxRootDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { allowCustomValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowCustomValue", required: false }] }], alwaysSubmitOnEnter: [{ type: i0.Input, args: [{ isSignal: true, alias: "alwaysSubmitOnEnter", required: false }] }], autoFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoFocus", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], composite: [{ type: i0.Input, args: [{ isSignal: true, alias: "composite", required: false }] }], defaultHighlightedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultHighlightedValue", required: false }] }], defaultInputValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultInputValue", required: false }] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], disableLayer: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableLayer", required: false }] }], getRootNode: [{ type: i0.Input, args: [{ isSignal: true, alias: "getRootNode", required: false }] }], highlightedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightedValue", required: false }] }], inputBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputBehavior", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], immediate: [{ type: i0.Input, args: [{ isSignal: true, alias: "immediate", required: false }] }], inputValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputValue", required: false }] }], lazyMount: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazyMount", 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 }] }], openOnChange: [{ type: i0.Input, args: [{ isSignal: true, alias: "openOnChange", required: false }] }], openOnClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "openOnClick", required: false }] }], openOnKeyPress: [{ type: i0.Input, args: [{ isSignal: true, alias: "openOnKeyPress", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], positioning: [{ type: i0.Input, args: [{ isSignal: true, alias: "positioning", required: false }] }], present: [{ type: i0.Input, args: [{ isSignal: true, alias: "present", required: false }] }], scrollToIndexFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollToIndexFn", required: false }] }], selectionBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionBehavior", required: false }] }], skipAnimationOnMount: [{ type: i0.Input, args: [{ isSignal: true, alias: "skipAnimationOnMount", required: false }] }], translations: [{ type: i0.Input, args: [{ isSignal: true, alias: "translations", required: false }] }], unmountOnExit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unmountOnExit", required: false }] }], exitCompleted: [{ type: i0.Output, args: ["exitCompleted"] }], focusOutside: [{ type: i0.Output, args: ["focusOutside"] }], highlightChanged: [{ type: i0.Output, args: ["highlightChanged"] }], inputValueChanged: [{ type: i0.Output, args: ["inputValueChanged"] }], interactOutside: [{ type: i0.Output, args: ["interactOutside"] }], openChanged: [{ type: i0.Output, args: ["openChanged"] }], pointerDownOutside: [{ type: i0.Output, args: ["pointerDownOutside"] }], valueChanged: [{ type: i0.Output, args: ["valueChanged"] }] } });
+//# sourceMappingURL=core-combobox-root.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-combobox-root.directive.js","sourceRoot":"","sources":["../../../src/combobox/core-combobox-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  untracked,\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 {PresenceContextService} from \"@qualcomm-ui/angular-core/presence\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  type ComboboxApiProps,\n  type ComboboxHighlightChangeDetails,\n  type ComboboxInputValueChangeDetails,\n  comboboxMachine,\n  type ComboboxOpenChangeDetails,\n  type ComboboxScrollToIndexDetails,\n  createComboboxApi,\n} from \"@qualcomm-ui/core/combobox\"\nimport {\n  createPresenceApi,\n  type PresenceApiProps,\n  presenceMachine,\n} from \"@qualcomm-ui/core/presence\"\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, isDefined} from \"@qualcomm-ui/utils/guard\"\n\nimport {\n  ComboboxContextService,\n  type ComboboxValueChangeEvent,\n} from \"./combobox-context.service\"\n\n@Directive()\nexport class CoreComboboxRootDirective<\n    T extends CollectionItem = CollectionItem,\n  >\n  extends AbstractListCollectionFormControlDirective<T>\n  implements\n    Omit<\n      SignalifyInput<ComboboxApiProps>,\n      \"defaultValue\" | \"form\" | \"ids\" | \"value\"\n    >,\n    SignalifyInput<PresenceApiProps>,\n    OnInit\n{\n  /**\n   * Whether to allow custom values that are not in the collection\n   *\n   * @default false\n   */\n  readonly allowCustomValue = input<boolean | undefined, Booleanish>(\n    undefined,\n    {\n      transform: booleanAttribute,\n    },\n  )\n\n  /**\n   * Whether to always submit on Enter key press, even if popup is open\n   *\n   * @default false\n   */\n  readonly alwaysSubmitOnEnter = input<boolean | undefined, Booleanish>(\n    undefined,\n    {\n      transform: booleanAttribute,\n    },\n  )\n\n  /**\n   * Whether to autofocus the input on mount\n   */\n  readonly autoFocus = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Whether the combobox should close after an item is selected\n   *\n   * @default false\n   */\n  readonly closeOnSelect = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Whether the combobox is a composed with other composite widgets\n   *\n   * @default true\n   */\n  readonly composite = 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 combobox.\n   */\n  readonly defaultHighlightedValue = input<string | null | undefined>()\n\n  /**\n   * The initial value of the input when opened.\n   */\n  readonly defaultInputValue = input<string | undefined>()\n\n  /**\n   * Whether the combobox's open state is controlled by the user\n   */\n  readonly defaultOpen = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * The document's text/writing direction.\n   *\n   * @default \"ltr\"\n   */\n  readonly dir = input<Direction | undefined>()\n\n  /**\n   * Whether to disable registering this as a dismissable layer\n   */\n  readonly disableLayer = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\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   * Defines the auto-completion behavior of the combobox\n   *\n   * @default \"none\"\n   */\n  readonly inputBehavior = input<\n    \"autohighlight\" | \"autocomplete\" | \"none\" | undefined\n  >()\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 synchronize the present change immediately or defer it to the next\n   * frame.\n   *\n   * @default false\n   */\n  readonly immediate = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * The value of the input\n   */\n  readonly inputValue = input<string | undefined>()\n\n  /**\n   * When true, the component will not be rendered in the DOM until it becomes\n   * visible or active.\n   *\n   * @default false\n   */\n  readonly lazyMount = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\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 combobox menu is open\n   */\n  readonly open = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Whether to show the combobox when the input value changes\n   *\n   * @default true\n   */\n  readonly openOnChange = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Whether to open the combobox popup on click\n   *\n   * @default true\n   */\n  readonly openOnClick = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Whether to open the combobox on arrow key press\n   *\n   * @default true\n   */\n  readonly openOnKeyPress = 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   * The controlled presence of the node.\n   */\n  readonly present = input<boolean | undefined>(undefined)\n\n  /**\n   * Function to scroll to a specific index\n   */\n  readonly scrollToIndexFn = input<\n    ((details: ComboboxScrollToIndexDetails) => void) | undefined\n  >()\n\n  /**\n   * The behavior of the combobox input when an item is selected\n   * - `replace`: The selected item string is set as the input value\n   * - `clear`: The input value is cleared\n   * - `preserve`: The input value is preserved\n   *\n   * @default \"replace\"\n   */\n  readonly selectionBehavior = input<\n    \"clear\" | \"replace\" | \"preserve\" | undefined\n  >()\n\n  /**\n   * Whether to allow the initial presence animation.\n   *\n   * @default false\n   */\n  readonly skipAnimationOnMount = input<boolean | undefined, Booleanish>(\n    undefined,\n    {transform: booleanAttribute},\n  )\n\n  /**\n   * Specifies the localized strings\n   */\n  readonly translations = input<\n    {clearTriggerLabel?: string; triggerLabel?: string} | undefined\n  >()\n\n  /**\n   * When true, the component will be completely removed from the DOM when it\n   * becomes inactive or hidden, rather than just being hidden with CSS.\n   *\n   * @default false\n   */\n  readonly unmountOnExit = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Function called when the animation ends in the closed state\n   */\n  exitCompleted = output<void>()\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} & ComboboxHighlightChangeDetails<T>\n  >()\n\n  /**\n   * The callback fired when the input value changes\n   */\n  readonly inputValueChanged = output<ComboboxInputValueChangeDetails>()\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<ComboboxOpenChangeDetails>()\n\n  /**\n   * Function called when the pointer is pressed down outside the component\n   */\n  readonly pointerDownOutside = output<PointerDownOutsideEvent>()\n\n  /**\n   * The callback fired when the selected item changes.\n   */\n  readonly valueChanged = output<ComboboxValueChangeEvent<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 comboboxContext = inject(ComboboxContextService)\n  protected readonly presenceService = inject(PresenceContextService)\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.comboboxContext.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      comboboxMachine,\n      computed<Explicit<ComboboxApiProps>>(() => {\n        return {\n          allowCustomValue: this.allowCustomValue(),\n          alwaysSubmitOnEnter: this.alwaysSubmitOnEnter(),\n          autoFocus: this.autoFocus(),\n          closeOnSelect: this.closeOnSelect(),\n          collection: this.collection(),\n          composite: this.composite(),\n          defaultHighlightedValue: this.defaultHighlightedValue(),\n          defaultInputValue: this.defaultInputValue(),\n          defaultOpen: this.defaultOpen(),\n          defaultValue: initialDefaultValue,\n          dir: this.dir(),\n          disabled: this.isDisabled(),\n          disableLayer: this.disableLayer(),\n          form: undefined,\n          getRootNode: this.getRootNode() || (() => this.document),\n          highlightedValue: this.highlightedValue(),\n          id: this.id(),\n          ids: undefined,\n          inputBehavior: this.inputBehavior(),\n          inputValue: this.inputValue(),\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: (details) => {\n            if (this.isMounted()) {\n              this.highlightChanged.emit({\n                value: details.highlightedValue,\n                ...details,\n              })\n            }\n          },\n          onInputValueChange: (details) => {\n            if (this.isMounted()) {\n              this.inputValueChanged.emit(details)\n            }\n          },\n          onInteractOutside: (event) => {\n            if (this.isMounted()) {\n              this.interactOutside.emit(event)\n            }\n          },\n          onOpenChange: (details) => {\n            if (this.isMounted()) {\n              this.openChanged.emit(details)\n              if (!details.open) {\n                this.onTouched()\n              }\n            }\n          },\n          onPointerDownOutside: (event) => {\n            if (this.isMounted()) {\n              this.pointerDownOutside.emit(event)\n            }\n          },\n          onSelect: undefined,\n          onValueChange: (details) => {\n            if (!this.control) {\n              if (this.isMounted()) {\n                this.valueChanged.emit({...details, value: details.value})\n              }\n              this.value.set(details.items)\n              return\n            }\n            this.onChange(details.items)\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          openOnChange: this.openOnChange(),\n          openOnClick: this.openOnClick(),\n          openOnKeyPress: this.openOnKeyPress(),\n          placeholder: this.placeholder(),\n          positioning: this.positioning(),\n          readOnly: this.readOnly(),\n          required: this.isRequired(),\n          scrollToIndexFn: this.scrollToIndexFn(),\n          selectionBehavior: this.selectionBehavior(),\n          translations: this.translations(),\n          value: this.collection().getValues(this.value()),\n        }\n      }),\n      this.injector,\n    )\n\n    const comboboxApi = computed(() =>\n      createComboboxApi(machine, normalizeProps),\n    )\n\n    this.comboboxContext.init(comboboxApi)\n\n    const presence = useMachine(\n      presenceMachine,\n      computed<Explicit<PresenceApiProps>>(() => {\n        const present = this.present()\n        const api = comboboxApi()\n        const showing = isDefined(present) ? present : api.open\n        untracked(() => {\n          if (this.presenceService.initialized()) {\n            this.presenceService.immediatePresent = showing\n          }\n        })\n        return {\n          immediate: this.immediate(),\n          lazyMount: this.lazyMount(),\n          onExitComplete: () => {\n            if (this.isMounted()) {\n              this.exitCompleted.emit()\n            }\n          },\n          present: showing,\n          skipAnimationOnMount: this.skipAnimationOnMount(),\n          unmountOnExit: this.unmountOnExit(),\n        }\n      }),\n      this.injector,\n    )\n\n    this.presenceService.init(\n      computed(() => createPresenceApi(presence, normalizeProps)),\n    )\n\n    this.trackBindings()\n  }\n}\n"]}