@qualcomm-ui/angular-core 1.0.0

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-select-error-text.directive.js","sourceRoot":"","sources":["../../../src/select/core-select-error-text.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,4BAA4B;IACvC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAElC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,oBAAoB,CAAC;YAC/C,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEe,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IAE/C,SAAS,GAAG,YAAY,EAAE,CAAA;IAE3C,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAtBU,4BAA4B;4FAA5B,4BAA4B;;4FAA5B,4BAA4B;kBADxC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\r\n// SPDX-License-Identifier: BSD-3-Clause-Clear\r\n\r\nimport {computed, Directive, input, type OnInit} from \"@angular/core\"\r\n\r\nimport {useId, useOnDestroy} from \"@qualcomm-ui/angular-core/common\"\r\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\r\n\r\nimport {useSelectContext} from \"./select-context.service\"\r\n\r\n@Directive()\r\nexport class CoreSelectErrorTextDirective implements OnInit {\r\n  /**\r\n   * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If\r\n   * omitted, a unique identifier will be generated for accessibility.\r\n   */\r\n  readonly id = input<string>()\r\n\r\n  protected readonly selectContext = useSelectContext()\r\n\r\n  protected readonly trackBindings = useTrackBindings(() => {\r\n    return this.selectContext().getErrorTextBindings({\r\n      id: this.hostId(),\r\n      onDestroy: this.onDestroy,\r\n    })\r\n  })\r\n\r\n  private readonly hostId = computed(() => useId(this, this.id()))\r\n\r\n  private readonly onDestroy = useOnDestroy()\r\n\r\n  ngOnInit() {\r\n    this.trackBindings()\r\n  }\r\n}\r\n"]}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-select-hidden-select.directive.js","sourceRoot":"","sources":["../../../src/select/core-select-hidden-select.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,+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,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAEpC,SAAS,GAAG,YAAY,EAAE,CAAA;IAExB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,aAAa,EAAE,CAAC,uBAAuB,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;wGAtBU,+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\"\n\nimport {useSelectContext} from \"./select-context.service\"\n\n@Directive()\nexport class CoreSelectHiddenSelectDirective 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  private readonly onDestroy = useOnDestroy()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.selectContext().getHiddenSelectBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    }),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-select-hint.directive.js","sourceRoot":"","sources":["../../../src/select/core-select-hint.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,uBAAuB;IAClC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAElC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,eAAe,CAAC;YAC1C,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEe,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IAE/C,SAAS,GAAG,YAAY,EAAE,CAAA;IAE3C,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAtBU,uBAAuB;4FAAvB,uBAAuB;;4FAAvB,uBAAuB;kBADnC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\r\n// SPDX-License-Identifier: BSD-3-Clause-Clear\r\n\r\nimport {computed, Directive, input, type OnInit} from \"@angular/core\"\r\n\r\nimport {useId, useOnDestroy} from \"@qualcomm-ui/angular-core/common\"\r\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\r\n\r\nimport {useSelectContext} from \"./select-context.service\"\r\n\r\n@Directive()\r\nexport class CoreSelectHintDirective implements OnInit {\r\n  /**\r\n   * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If\r\n   * omitted, a unique identifier will be generated for accessibility.\r\n   */\r\n  readonly id = input<string>()\r\n\r\n  protected readonly selectContext = useSelectContext()\r\n\r\n  protected readonly trackBindings = useTrackBindings(() => {\r\n    return this.selectContext().getHintBindings({\r\n      id: this.hostId(),\r\n      onDestroy: this.onDestroy,\r\n    })\r\n  })\r\n\r\n  private readonly hostId = computed(() => useId(this, this.id()))\r\n\r\n  private readonly onDestroy = useOnDestroy()\r\n\r\n  ngOnInit() {\r\n    this.trackBindings()\r\n  }\r\n}\r\n"]}

package/esm2022/select/core-select-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 { useSelectContext } from "./select-context.service";
+import * as i0 from "@angular/core";
+export class CoreSelectIndicatorDirective {
+    selectContext = useSelectContext();
+    trackBindings = useTrackBindings(() => {
+        return this.selectContext().getIndicatorBindings();
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreSelectIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: CoreSelectIndicatorDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreSelectIndicatorDirective, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=core-select-indicator.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-select-indicator.directive.js","sourceRoot":"","sources":["../../../src/select/core-select-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,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;;AAGzD,MAAM,OAAO,4BAA4B;IACpB,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAElC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,oBAAoB,EAAE,CAAA;IACpD,CAAC,CAAC,CAAA;IAEF,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGATU,4BAA4B;4FAA5B,4BAA4B;;4FAA5B,4BAA4B;kBADxC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\r\n// SPDX-License-Identifier: BSD-3-Clause-Clear\r\n\r\nimport {Directive, type OnInit} from \"@angular/core\"\r\n\r\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\r\n\r\nimport {useSelectContext} from \"./select-context.service\"\r\n\r\n@Directive()\r\nexport class CoreSelectIndicatorDirective implements OnInit {\r\n  protected readonly selectContext = useSelectContext()\r\n\r\n  protected readonly trackBindings = useTrackBindings(() => {\r\n    return this.selectContext().getIndicatorBindings()\r\n  })\r\n\r\n  ngOnInit() {\r\n    this.trackBindings()\r\n  }\r\n}\r\n"]}

package/esm2022/select/core-select-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 { useSelectContext } from "./select-context.service";
+import { useSelectItemContext } from "./select-item-context.service";
+import * as i0 from "@angular/core";
+export class CoreSelectItemIndicatorDirective {
+    selectContext = useSelectContext();
+    selectItemContext = useSelectItemContext();
+    trackBindings = useTrackBindings(() => this.selectContext().getItemIndicatorBindings(this.selectItemContext()));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreSelectItemIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: CoreSelectItemIndicatorDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreSelectItemIndicatorDirective, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=core-select-item-indicator.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-select-item-indicator.directive.js","sourceRoot":"","sources":["../../../src/select/core-select-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,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAC,oBAAoB,EAAC,MAAM,+BAA+B,CAAA;;AAGlE,MAAM,OAAO,gCAAgC;IACxB,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAClC,iBAAiB,GAAG,oBAAoB,EAAE,CAAA;IAE1C,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,aAAa,EAAE,CAAC,wBAAwB,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CACxE,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAVU,gCAAgC;4FAAhC,gCAAgC;;4FAAhC,gCAAgC;kBAD5C,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 {useSelectContext} from \"./select-context.service\"\nimport {useSelectItemContext} from \"./select-item-context.service\"\n\n@Directive()\nexport class CoreSelectItemIndicatorDirective implements OnInit {\n  protected readonly selectContext = useSelectContext()\n  protected readonly selectItemContext = useSelectItemContext()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.selectContext().getItemIndicatorBindings(this.selectItemContext()),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/select/core-select-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 { useSelectContext } from "./select-context.service";
+import { useSelectItemContext } from "./select-item-context.service";
+import * as i0 from "@angular/core";
+export class CoreSelectItemTextDirective {
+    selectContext = useSelectContext();
+    selectItemContext = useSelectItemContext();
+    trackBindings = useTrackBindings(() => this.selectContext().getItemTextBindings(this.selectItemContext()));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreSelectItemTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: CoreSelectItemTextDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreSelectItemTextDirective, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=core-select-item-text.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-select-item-text.directive.js","sourceRoot":"","sources":["../../../src/select/core-select-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,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAC,oBAAoB,EAAC,MAAM,+BAA+B,CAAA;;AAGlE,MAAM,OAAO,2BAA2B;IACnB,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAClC,iBAAiB,GAAG,oBAAoB,EAAE,CAAA;IAE1C,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,aAAa,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CACnE,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAVU,2BAA2B;4FAA3B,2BAA2B;;4FAA3B,2BAA2B;kBADvC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Directive, type OnInit} from \"@angular/core\"\n\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {useSelectContext} from \"./select-context.service\"\nimport {useSelectItemContext} from \"./select-item-context.service\"\n\n@Directive()\nexport class CoreSelectItemTextDirective implements OnInit {\n  protected readonly selectContext = useSelectContext()\n  protected readonly selectItemContext = useSelectItemContext()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.selectContext().getItemTextBindings(this.selectItemContext()),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/select/core-select-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 { useSelectContext } from "./select-context.service";
+import { SelectItemContextService } from "./select-item-context.service";
+import * as i0 from "@angular/core";
+export class CoreSelectItemDirective {
+    /**
+     * 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,
+        }]));
+    selectContext = useSelectContext();
+    selectItemService = inject(SelectItemContextService);
+    trackBindings = useTrackBindings(() => this.selectContext().getItemBindings(this.selectItemService.context()));
+    ngOnInit() {
+        this.selectItemService.init(computed(() => this.selectContext().getItemState({
+            item: this.item(),
+            persistFocus: this.persistFocus(),
+        })));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreSelectItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreSelectItemDirective, 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: CoreSelectItemDirective, 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-select-item.directive.js.map

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

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

@@ -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 { 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

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

@@ -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 { 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

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

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

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