@qualcomm-ui/angular 1.0.0

package/esm2022/combobox/combobox.component.js

@@ -0,0 +1,355 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChild, input, } from "@angular/core";
+import { provideQdsInputContext } from "@qualcomm-ui/angular/input";
+import { provideComboboxContext } from "@qualcomm-ui/angular-core/combobox";
+import { providePresenceContext } from "@qualcomm-ui/angular-core/presence";
+import { ComboboxContentDirective } from "./combobox-content.directive";
+import { ComboboxRootDirective } from "./combobox-root.directive";
+import { ComboboxVirtualContentDirective } from "./combobox-virtual-content.directive";
+import { provideQdsComboboxContext } from "./qds-combobox-context.service";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular-core/portal";
+import * as i2 from "@qualcomm-ui/angular-core/highlight";
+import * as i3 from "./combobox-clear-trigger.directive";
+import * as i4 from "./combobox-content.directive";
+import * as i5 from "./combobox-control.directive";
+import * as i6 from "./combobox-empty.directive";
+import * as i7 from "./combobox-error-indicator.directive";
+import * as i8 from "./combobox-error-text.directive";
+import * as i9 from "./combobox-hint.directive";
+import * as i10 from "./combobox-input.directive";
+import * as i11 from "./combobox-item.directive";
+import * as i12 from "./combobox-item-indicator.directive";
+import * as i13 from "./combobox-item-text.directive";
+import * as i14 from "./combobox-label.directive";
+import * as i15 from "./combobox-positioner.directive";
+import * as i16 from "./combobox-trigger.directive";
+import * as i17 from "./combobox-virtual-content.directive";
+import * as i18 from "./combobox-virtual-item.directive";
+import * as i19 from "./combobox-virtualizer.directive";
+export class ComboboxComponent extends ComboboxRootDirective {
+    /**
+     * ARIA label applied to the control element. Use this if you omit the {@link
+     * label}
+     */
+    ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
+    /**
+     * When `true`, renders a clear button that resets the input value on click.
+     * The button only appears when the input has a value.
+     *
+     * @default true
+     */
+    clearable = input(true, ...(ngDevMode ? [{ debugName: "clearable", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Set to true to disable portalling behavior for the combobox dropdown content.
+     */
+    disablePortal = input(undefined, ...(ngDevMode ? [{ debugName: "disablePortal", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Text to display when no items match the filter.
+     *
+     * @default 'No results found'
+     */
+    emptyText = input("No results found", ...(ngDevMode ? [{ debugName: "emptyText" }] : []));
+    /**
+     * Optional error that describes the element when {@link invalid} is true.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     *
+     * ```angular-html
+     * <div q-combobox-error-text>...</div>
+     * ```
+     */
+    errorText = input(...(ngDevMode ? [undefined, { debugName: "errorText" }] : []));
+    /**
+     * Optional hint describing the element. This element is automatically
+     * associated with the component's input element for accessibility.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     *
+     * ```angular-html
+     * <div q-combobox-hint>...</div>
+     * ```
+     */
+    hint = input(...(ngDevMode ? [undefined, { debugName: "hint" }] : []));
+    /**
+     * Set to `true` to highlight option text matches during filtering.
+     */
+    highlightMatchingText = input(undefined, ...(ngDevMode ? [{ debugName: "highlightMatchingText", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Optional label describing the element. Recommended. This element is
+     * automatically associated with the component's input element for
+     * accessibility.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     *
+     * ```angular-html
+     * <div q-combobox-label>...</div>
+     * ```
+     */
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+    /**
+     * When `true`, the list items will be virtually rendered. Useful for large lists.
+     */
+    virtual = input(undefined, ...(ngDevMode ? [{ debugName: "virtual", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    customContent = contentChild(ComboboxContentDirective, ...(ngDevMode ? [{ debugName: "customContent" }] : []));
+    customVirtualContent = contentChild(ComboboxVirtualContentDirective, ...(ngDevMode ? [{ debugName: "customVirtualContent" }] : []));
+    shouldRenderCustom = computed(() => !!this.customContent(), ...(ngDevMode ? [{ debugName: "shouldRenderCustom" }] : []));
+    shouldRenderVirtual = computed(() => !!this.customVirtualContent(), ...(ngDevMode ? [{ debugName: "shouldRenderVirtual" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ComboboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ComboboxComponent, isStandalone: false, selector: "q-combobox", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, disablePortal: { classPropertyName: "disablePortal", publicName: "disablePortal", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, errorText: { classPropertyName: "errorText", publicName: "errorText", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, highlightMatchingText: { classPropertyName: "highlightMatchingText", publicName: "highlightMatchingText", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, virtual: { classPropertyName: "virtual", publicName: "virtual", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            provideComboboxContext(),
+            provideQdsComboboxContext(),
+            provideQdsInputContext(),
+            providePresenceContext(),
+        ], queries: [{ propertyName: "customContent", first: true, predicate: ComboboxContentDirective, descendants: true, isSignal: true }, { propertyName: "customVirtualContent", first: true, predicate: ComboboxVirtualContentDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <ng-content select="[q-combobox-label]">
+      @if (label()) {
+        <div q-combobox-label>{{ label() }}</div>
+      }
+    </ng-content>
+
+    <ng-content select="[q-combobox-control]">
+      <div q-combobox-control [attr.aria-label]="ariaLabel()">
+        <ng-content select="[q-combobox-icon]" />
+        <ng-content select="[q-combobox-input]">
+          <input q-combobox-input [placeholder]="placeholder()" />
+        </ng-content>
+        <ng-content select="[q-combobox-clear-trigger]">
+          @if (clearable()) {
+            <button q-combobox-clear-trigger></button>
+          }
+        </ng-content>
+        <ng-content select="[q-combobox-trigger]">
+          <button q-combobox-trigger></button>
+        </ng-content>
+        <ng-content select="[q-combobox-error-indicator]">
+          <div q-combobox-error-indicator></div>
+        </ng-content>
+      </div>
+    </ng-content>
+
+    <ng-content select="[q-combobox-hint]">
+      @if (hint()) {
+        <div q-combobox-hint>{{ hint() }}</div>
+      }
+    </ng-content>
+
+    <ng-content select="[q-combobox-error-text]">
+      @if (errorText()) {
+        <div q-combobox-error-text>{{ errorText() }}</div>
+      }
+    </ng-content>
+
+    <ng-template qPortal [disabled]="disablePortal()">
+      <div q-combobox-positioner>
+        @if (shouldRenderCustom()) {
+          <ng-content select="[q-combobox-content]" />
+        } @else if (shouldRenderVirtual()) {
+          <ng-content select="[q-combobox-virtual-content]" />
+        } @else {
+          @if (virtual()) {
+            <div q-combobox-virtual-content>
+              <ng-content select="[q-combobox-empty]">
+                @if (emptyText()) {
+                  <div q-combobox-empty>{{ emptyText() }}</div>
+                }
+              </ng-content>
+              <ng-container *comboboxVirtualizer="let virtualizer">
+                @for (
+                  virtualItem of virtualizer.getVirtualItems();
+                  track virtualItem.index
+                ) {
+                  @let item = collection().items.at(virtualItem.index);
+                  <div q-combobox-virtual-item [virtualItem]="virtualItem">
+                    @if (highlightMatchingText()) {
+                      <span
+                        ignoreCase
+                        q-combobox-item-text
+                        q-highlight
+                        [query]="inputValue()"
+                        [text]="collection().stringifyItem(item)"
+                      ></span>
+                    } @else {
+                      <span q-combobox-item-text>
+                        {{ collection().stringifyItem(item) }}
+                      </span>
+                    }
+                    <span q-combobox-item-indicator></span>
+                  </div>
+                }
+              </ng-container>
+            </div>
+          } @else {
+            <div q-combobox-content>
+              <ng-content select="[q-combobox-empty]">
+                @if (emptyText()) {
+                  <div q-combobox-empty>{{ emptyText() }}</div>
+                }
+              </ng-content>
+              @for (
+                item of collection().items;
+                track collection().getItemValue(item)
+              ) {
+                <div q-combobox-item [item]="item">
+                  @if (highlightMatchingText()) {
+                    <span
+                      ignoreCase
+                      q-combobox-item-text
+                      q-highlight
+                      [query]="inputValue()"
+                      [text]="collection().stringifyItem(item)"
+                    ></span>
+                  } @else {
+                    <span q-combobox-item-text>
+                      {{ collection().stringifyItem(item) }}
+                    </span>
+                  }
+                  <span q-combobox-item-indicator></span>
+                </div>
+              }
+            </div>
+          }
+        }
+      </div>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.PortalDirective, selector: "[qPortal]", inputs: ["disabled", "container"] }, { kind: "component", type: i2.HighlightDirective, selector: "[q-highlight]", inputs: ["exactMatch", "ignoreCase", "matchAll", "query", "text"] }, { kind: "component", type: i3.ComboboxClearTriggerDirective, selector: "[q-combobox-clear-trigger]" }, { kind: "directive", type: i4.ComboboxContentDirective, selector: "[q-combobox-content]" }, { kind: "component", type: i5.ComboboxControlDirective, selector: "[q-combobox-control]" }, { kind: "directive", type: i6.ComboboxEmptyDirective, selector: "[q-combobox-empty]" }, { kind: "component", type: i7.ComboboxErrorIndicatorDirective, selector: "[q-combobox-error-indicator]", inputs: ["icon"] }, { kind: "component", type: i8.ComboboxErrorTextDirective, selector: "[q-combobox-error-text]", inputs: ["icon"] }, { kind: "directive", type: i9.ComboboxHintDirective, selector: "[q-combobox-hint]" }, { kind: "directive", type: i10.ComboboxInputDirective, selector: "[q-combobox-input]" }, { kind: "directive", type: i11.ComboboxItemDirective, selector: "[q-combobox-item]" }, { kind: "component", type: i12.ComboboxItemIndicatorDirective, selector: "[q-combobox-item-indicator]" }, { kind: "directive", type: i13.ComboboxItemTextDirective, selector: "[q-combobox-item-text]" }, { kind: "component", type: i14.ComboboxLabelDirective, selector: "[q-combobox-label]" }, { kind: "directive", type: i15.ComboboxPositionerDirective, selector: "[q-combobox-positioner]" }, { kind: "component", type: i16.ComboboxTriggerDirective, selector: "[q-combobox-trigger]" }, { kind: "directive", type: i17.ComboboxVirtualContentDirective, selector: "[q-combobox-virtual-content]", inputs: ["virtualOptions"] }, { kind: "directive", type: i18.ComboboxVirtualItemDirective, selector: "[q-combobox-virtual-item]", inputs: ["virtualItem", "persistFocus"] }, { kind: "directive", type: i19.ComboboxVirtualizerDirective, selector: "[comboboxVirtualizer]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ComboboxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        provideComboboxContext(),
+                        provideQdsComboboxContext(),
+                        provideQdsInputContext(),
+                        providePresenceContext(),
+                    ],
+                    selector: "q-combobox",
+                    standalone: false,
+                    template: `
+    <ng-content select="[q-combobox-label]">
+      @if (label()) {
+        <div q-combobox-label>{{ label() }}</div>
+      }
+    </ng-content>
+
+    <ng-content select="[q-combobox-control]">
+      <div q-combobox-control [attr.aria-label]="ariaLabel()">
+        <ng-content select="[q-combobox-icon]" />
+        <ng-content select="[q-combobox-input]">
+          <input q-combobox-input [placeholder]="placeholder()" />
+        </ng-content>
+        <ng-content select="[q-combobox-clear-trigger]">
+          @if (clearable()) {
+            <button q-combobox-clear-trigger></button>
+          }
+        </ng-content>
+        <ng-content select="[q-combobox-trigger]">
+          <button q-combobox-trigger></button>
+        </ng-content>
+        <ng-content select="[q-combobox-error-indicator]">
+          <div q-combobox-error-indicator></div>
+        </ng-content>
+      </div>
+    </ng-content>
+
+    <ng-content select="[q-combobox-hint]">
+      @if (hint()) {
+        <div q-combobox-hint>{{ hint() }}</div>
+      }
+    </ng-content>
+
+    <ng-content select="[q-combobox-error-text]">
+      @if (errorText()) {
+        <div q-combobox-error-text>{{ errorText() }}</div>
+      }
+    </ng-content>
+
+    <ng-template qPortal [disabled]="disablePortal()">
+      <div q-combobox-positioner>
+        @if (shouldRenderCustom()) {
+          <ng-content select="[q-combobox-content]" />
+        } @else if (shouldRenderVirtual()) {
+          <ng-content select="[q-combobox-virtual-content]" />
+        } @else {
+          @if (virtual()) {
+            <div q-combobox-virtual-content>
+              <ng-content select="[q-combobox-empty]">
+                @if (emptyText()) {
+                  <div q-combobox-empty>{{ emptyText() }}</div>
+                }
+              </ng-content>
+              <ng-container *comboboxVirtualizer="let virtualizer">
+                @for (
+                  virtualItem of virtualizer.getVirtualItems();
+                  track virtualItem.index
+                ) {
+                  @let item = collection().items.at(virtualItem.index);
+                  <div q-combobox-virtual-item [virtualItem]="virtualItem">
+                    @if (highlightMatchingText()) {
+                      <span
+                        ignoreCase
+                        q-combobox-item-text
+                        q-highlight
+                        [query]="inputValue()"
+                        [text]="collection().stringifyItem(item)"
+                      ></span>
+                    } @else {
+                      <span q-combobox-item-text>
+                        {{ collection().stringifyItem(item) }}
+                      </span>
+                    }
+                    <span q-combobox-item-indicator></span>
+                  </div>
+                }
+              </ng-container>
+            </div>
+          } @else {
+            <div q-combobox-content>
+              <ng-content select="[q-combobox-empty]">
+                @if (emptyText()) {
+                  <div q-combobox-empty>{{ emptyText() }}</div>
+                }
+              </ng-content>
+              @for (
+                item of collection().items;
+                track collection().getItemValue(item)
+              ) {
+                <div q-combobox-item [item]="item">
+                  @if (highlightMatchingText()) {
+                    <span
+                      ignoreCase
+                      q-combobox-item-text
+                      q-highlight
+                      [query]="inputValue()"
+                      [text]="collection().stringifyItem(item)"
+                    ></span>
+                  } @else {
+                    <span q-combobox-item-text>
+                      {{ collection().stringifyItem(item) }}
+                    </span>
+                  }
+                  <span q-combobox-item-indicator></span>
+                </div>
+              }
+            </div>
+          }
+        }
+      </div>
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], disablePortal: [{ type: i0.Input, args: [{ isSignal: true, alias: "disablePortal", required: false }] }], emptyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyText", required: false }] }], errorText: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorText", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], highlightMatchingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightMatchingText", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], virtual: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtual", required: false }] }], customContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ComboboxContentDirective), { isSignal: true }] }], customVirtualContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ComboboxVirtualContentDirective), { isSignal: true }] }] } });
+//# sourceMappingURL=combobox.component.js.map

package/esm2022/combobox/combobox.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.component.js","sourceRoot":"","sources":["../../../src/combobox/combobox.component.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  input,\n} from \"@angular/core\"\n\nimport {provideQdsInputContext} from \"@qualcomm-ui/angular/input\"\nimport {provideComboboxContext} from \"@qualcomm-ui/angular-core/combobox\"\nimport {providePresenceContext} from \"@qualcomm-ui/angular-core/presence\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\n\nimport {ComboboxContentDirective} from \"./combobox-content.directive\"\nimport {ComboboxRootDirective} from \"./combobox-root.directive\"\nimport {ComboboxVirtualContentDirective} from \"./combobox-virtual-content.directive\"\nimport {provideQdsComboboxContext} from \"./qds-combobox-context.service\"\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    provideComboboxContext(),\n    provideQdsComboboxContext(),\n    provideQdsInputContext(),\n    providePresenceContext(),\n  ],\n  selector: \"q-combobox\",\n  standalone: false,\n  template: `\n    <ng-content select=\"[q-combobox-label]\">\n      @if (label()) {\n        <div q-combobox-label>{{ label() }}</div>\n      }\n    </ng-content>\n\n    <ng-content select=\"[q-combobox-control]\">\n      <div q-combobox-control [attr.aria-label]=\"ariaLabel()\">\n        <ng-content select=\"[q-combobox-icon]\" />\n        <ng-content select=\"[q-combobox-input]\">\n          <input q-combobox-input [placeholder]=\"placeholder()\" />\n        </ng-content>\n        <ng-content select=\"[q-combobox-clear-trigger]\">\n          @if (clearable()) {\n            <button q-combobox-clear-trigger></button>\n          }\n        </ng-content>\n        <ng-content select=\"[q-combobox-trigger]\">\n          <button q-combobox-trigger></button>\n        </ng-content>\n        <ng-content select=\"[q-combobox-error-indicator]\">\n          <div q-combobox-error-indicator></div>\n        </ng-content>\n      </div>\n    </ng-content>\n\n    <ng-content select=\"[q-combobox-hint]\">\n      @if (hint()) {\n        <div q-combobox-hint>{{ hint() }}</div>\n      }\n    </ng-content>\n\n    <ng-content select=\"[q-combobox-error-text]\">\n      @if (errorText()) {\n        <div q-combobox-error-text>{{ errorText() }}</div>\n      }\n    </ng-content>\n\n    <ng-template qPortal [disabled]=\"disablePortal()\">\n      <div q-combobox-positioner>\n        @if (shouldRenderCustom()) {\n          <ng-content select=\"[q-combobox-content]\" />\n        } @else if (shouldRenderVirtual()) {\n          <ng-content select=\"[q-combobox-virtual-content]\" />\n        } @else {\n          @if (virtual()) {\n            <div q-combobox-virtual-content>\n              <ng-content select=\"[q-combobox-empty]\">\n                @if (emptyText()) {\n                  <div q-combobox-empty>{{ emptyText() }}</div>\n                }\n              </ng-content>\n              <ng-container *comboboxVirtualizer=\"let virtualizer\">\n                @for (\n                  virtualItem of virtualizer.getVirtualItems();\n                  track virtualItem.index\n                ) {\n                  @let item = collection().items.at(virtualItem.index);\n                  <div q-combobox-virtual-item [virtualItem]=\"virtualItem\">\n                    @if (highlightMatchingText()) {\n                      <span\n                        ignoreCase\n                        q-combobox-item-text\n                        q-highlight\n                        [query]=\"inputValue()\"\n                        [text]=\"collection().stringifyItem(item)\"\n                      ></span>\n                    } @else {\n                      <span q-combobox-item-text>\n                        {{ collection().stringifyItem(item) }}\n                      </span>\n                    }\n                    <span q-combobox-item-indicator></span>\n                  </div>\n                }\n              </ng-container>\n            </div>\n          } @else {\n            <div q-combobox-content>\n              <ng-content select=\"[q-combobox-empty]\">\n                @if (emptyText()) {\n                  <div q-combobox-empty>{{ emptyText() }}</div>\n                }\n              </ng-content>\n              @for (\n                item of collection().items;\n                track collection().getItemValue(item)\n              ) {\n                <div q-combobox-item [item]=\"item\">\n                  @if (highlightMatchingText()) {\n                    <span\n                      ignoreCase\n                      q-combobox-item-text\n                      q-highlight\n                      [query]=\"inputValue()\"\n                      [text]=\"collection().stringifyItem(item)\"\n                    ></span>\n                  } @else {\n                    <span q-combobox-item-text>\n                      {{ collection().stringifyItem(item) }}\n                    </span>\n                  }\n                  <span q-combobox-item-indicator></span>\n                </div>\n              }\n            </div>\n          }\n        }\n      </div>\n    </ng-template>\n  `,\n})\nexport class ComboboxComponent extends ComboboxRootDirective {\n  /**\n   * ARIA label applied to the control element. Use this if you omit the {@link\n   * label}\n   */\n  readonly ariaLabel = input<string | undefined>()\n\n  /**\n   * When `true`, renders a clear button that resets the input value on click.\n   * The button only appears when the input has a value.\n   *\n   * @default true\n   */\n  readonly clearable = input<boolean | undefined, Booleanish>(true, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Set to true to disable portalling behavior for the combobox dropdown content.\n   */\n  readonly disablePortal = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Text to display when no items match the filter.\n   *\n   * @default 'No results found'\n   */\n  readonly emptyText = input<string | undefined | null>(\"No results found\")\n\n  /**\n   * Optional error that describes the element when {@link invalid} is true.\n   *\n   * @remarks\n   * To customize the element, provide it using the directive instead:\n   *\n   * ```angular-html\n   * <div q-combobox-error-text>...</div>\n   * ```\n   */\n  readonly errorText = input<string | undefined | null>()\n\n  /**\n   * Optional hint describing the element. This element is automatically\n   * associated with the component's input element for accessibility.\n   *\n   * @remarks\n   * To customize the element, provide it using the directive instead:\n   *\n   * ```angular-html\n   * <div q-combobox-hint>...</div>\n   * ```\n   */\n  readonly hint = input<string | undefined | null>()\n\n  /**\n   * Set to `true` to highlight option text matches during filtering.\n   */\n  readonly highlightMatchingText = input<boolean | undefined, Booleanish>(\n    undefined,\n    {\n      transform: booleanAttribute,\n    },\n  )\n\n  /**\n   * Optional label describing the element. Recommended. This element is\n   * automatically associated with the component's input element for\n   * accessibility.\n   *\n   * @remarks\n   * To customize the element, provide it using the directive instead:\n   *\n   * ```angular-html\n   * <div q-combobox-label>...</div>\n   * ```\n   */\n  readonly label = input<string | undefined>()\n\n  /**\n   * When `true`, the list items will be virtually rendered. Useful for large lists.\n   */\n  readonly virtual = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  protected readonly customContent = contentChild(ComboboxContentDirective)\n  protected readonly customVirtualContent = contentChild(\n    ComboboxVirtualContentDirective,\n  )\n  protected readonly shouldRenderCustom = computed(() => !!this.customContent())\n  protected readonly shouldRenderVirtual = computed(\n    () => !!this.customVirtualContent(),\n  )\n}\n"]}

package/esm2022/combobox/combobox.module.js

@@ -0,0 +1,144 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { NgModule } from "@angular/core";
+import { IconDirective } from "@qualcomm-ui/angular/icon";
+import { TagDirective } from "@qualcomm-ui/angular/tag";
+import { HighlightDirective } from "@qualcomm-ui/angular-core/highlight";
+import { QBindDirective } from "@qualcomm-ui/angular-core/machine";
+import { PortalDirective } from "@qualcomm-ui/angular-core/portal";
+import { ComboboxClearTriggerDirective } from "./combobox-clear-trigger.directive";
+import { ComboboxContentDirective } from "./combobox-content.directive";
+import { ComboboxContextDirective } from "./combobox-context.directive";
+import { ComboboxControlDirective } from "./combobox-control.directive";
+import { ComboboxEmptyDirective } from "./combobox-empty.directive";
+import { ComboboxErrorIndicatorDirective } from "./combobox-error-indicator.directive";
+import { ComboboxErrorTextDirective } from "./combobox-error-text.directive";
+import { ComboboxHintDirective } from "./combobox-hint.directive";
+import { ComboboxIconDirective } from "./combobox-icon.directive";
+import { ComboboxInputDirective } from "./combobox-input.directive";
+import { ComboboxItemIndicatorDirective } from "./combobox-item-indicator.directive";
+import { ComboboxItemTextDirective } from "./combobox-item-text.directive";
+import { ComboboxItemDirective } from "./combobox-item.directive";
+import { ComboboxItemsComponent } from "./combobox-items.component";
+import { ComboboxLabelDirective } from "./combobox-label.directive";
+import { ComboboxPositionerDirective } from "./combobox-positioner.directive";
+import { ComboboxRootDirective } from "./combobox-root.directive";
+import { ComboboxTriggerDirective } from "./combobox-trigger.directive";
+import { ComboboxVirtualContentDirective } from "./combobox-virtual-content.directive";
+import { ComboboxVirtualItemDirective } from "./combobox-virtual-item.directive";
+import { ComboboxVirtualizerDirective } from "./combobox-virtualizer.directive";
+import { ComboboxComponent } from "./combobox.component";
+import * as i0 from "@angular/core";
+export class ComboboxModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ComboboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ComboboxModule, declarations: [ComboboxComponent,
+            ComboboxRootDirective,
+            ComboboxClearTriggerDirective,
+            ComboboxContentDirective,
+            ComboboxContextDirective,
+            ComboboxControlDirective,
+            ComboboxEmptyDirective,
+            ComboboxErrorIndicatorDirective,
+            ComboboxErrorTextDirective,
+            ComboboxHintDirective,
+            ComboboxInputDirective,
+            ComboboxItemDirective,
+            ComboboxItemIndicatorDirective,
+            ComboboxItemTextDirective,
+            ComboboxItemsComponent,
+            ComboboxLabelDirective,
+            ComboboxPositionerDirective,
+            ComboboxTriggerDirective,
+            ComboboxIconDirective,
+            ComboboxVirtualContentDirective,
+            ComboboxVirtualItemDirective,
+            ComboboxVirtualizerDirective], imports: [IconDirective,
+            QBindDirective,
+            TagDirective,
+            PortalDirective,
+            HighlightDirective], exports: [ComboboxComponent,
+            ComboboxRootDirective,
+            ComboboxClearTriggerDirective,
+            ComboboxContentDirective,
+            ComboboxContextDirective,
+            ComboboxControlDirective,
+            ComboboxEmptyDirective,
+            ComboboxErrorIndicatorDirective,
+            ComboboxErrorTextDirective,
+            ComboboxHintDirective,
+            ComboboxInputDirective,
+            ComboboxItemDirective,
+            ComboboxItemIndicatorDirective,
+            ComboboxItemTextDirective,
+            ComboboxItemsComponent,
+            ComboboxLabelDirective,
+            ComboboxPositionerDirective,
+            ComboboxTriggerDirective,
+            ComboboxIconDirective,
+            ComboboxVirtualContentDirective,
+            ComboboxVirtualItemDirective,
+            ComboboxVirtualizerDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ComboboxModule, imports: [TagDirective,
+            HighlightDirective] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ComboboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ComboboxComponent,
+                        ComboboxRootDirective,
+                        ComboboxClearTriggerDirective,
+                        ComboboxContentDirective,
+                        ComboboxContextDirective,
+                        ComboboxControlDirective,
+                        ComboboxEmptyDirective,
+                        ComboboxErrorIndicatorDirective,
+                        ComboboxErrorTextDirective,
+                        ComboboxHintDirective,
+                        ComboboxInputDirective,
+                        ComboboxItemDirective,
+                        ComboboxItemIndicatorDirective,
+                        ComboboxItemTextDirective,
+                        ComboboxItemsComponent,
+                        ComboboxLabelDirective,
+                        ComboboxPositionerDirective,
+                        ComboboxTriggerDirective,
+                        ComboboxIconDirective,
+                        ComboboxVirtualContentDirective,
+                        ComboboxVirtualItemDirective,
+                        ComboboxVirtualizerDirective,
+                    ],
+                    exports: [
+                        ComboboxComponent,
+                        ComboboxRootDirective,
+                        ComboboxClearTriggerDirective,
+                        ComboboxContentDirective,
+                        ComboboxContextDirective,
+                        ComboboxControlDirective,
+                        ComboboxEmptyDirective,
+                        ComboboxErrorIndicatorDirective,
+                        ComboboxErrorTextDirective,
+                        ComboboxHintDirective,
+                        ComboboxInputDirective,
+                        ComboboxItemDirective,
+                        ComboboxItemIndicatorDirective,
+                        ComboboxItemTextDirective,
+                        ComboboxItemsComponent,
+                        ComboboxLabelDirective,
+                        ComboboxPositionerDirective,
+                        ComboboxTriggerDirective,
+                        ComboboxIconDirective,
+                        ComboboxVirtualContentDirective,
+                        ComboboxVirtualItemDirective,
+                        ComboboxVirtualizerDirective,
+                    ],
+                    imports: [
+                        IconDirective,
+                        QBindDirective,
+                        TagDirective,
+                        PortalDirective,
+                        HighlightDirective,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=combobox.module.js.map

package/esm2022/combobox/combobox.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.module.js","sourceRoot":"","sources":["../../../src/combobox/combobox.module.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAC,kBAAkB,EAAC,MAAM,qCAAqC,CAAA;AACtE,OAAO,EAAC,cAAc,EAAC,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAC,eAAe,EAAC,MAAM,kCAAkC,CAAA;AAEhE,OAAO,EAAC,6BAA6B,EAAC,MAAM,oCAAoC,CAAA;AAChF,OAAO,EAAC,wBAAwB,EAAC,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAC,wBAAwB,EAAC,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAC,wBAAwB,EAAC,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAC,+BAA+B,EAAC,MAAM,sCAAsC,CAAA;AACpF,OAAO,EAAC,0BAA0B,EAAC,MAAM,iCAAiC,CAAA;AAC1E,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAC,8BAA8B,EAAC,MAAM,qCAAqC,CAAA;AAClF,OAAO,EAAC,yBAAyB,EAAC,MAAM,gCAAgC,CAAA;AACxE,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAC,2BAA2B,EAAC,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAC,wBAAwB,EAAC,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAC,+BAA+B,EAAC,MAAM,sCAAsC,CAAA;AACpF,OAAO,EAAC,4BAA4B,EAAC,MAAM,mCAAmC,CAAA;AAC9E,OAAO,EAAC,4BAA4B,EAAC,MAAM,kCAAkC,CAAA;AAC7E,OAAO,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAA;;AA2DtD,MAAM,OAAO,cAAc;wGAAd,cAAc;yGAAd,cAAc,iBAvDvB,iBAAiB;YACjB,qBAAqB;YACrB,6BAA6B;YAC7B,wBAAwB;YACxB,wBAAwB;YACxB,wBAAwB;YACxB,sBAAsB;YACtB,+BAA+B;YAC/B,0BAA0B;YAC1B,qBAAqB;YACrB,sBAAsB;YACtB,qBAAqB;YACrB,8BAA8B;YAC9B,yBAAyB;YACzB,sBAAsB;YACtB,sBAAsB;YACtB,2BAA2B;YAC3B,wBAAwB;YACxB,qBAAqB;YACrB,+BAA+B;YAC/B,4BAA4B;YAC5B,4BAA4B,aA2B5B,aAAa;YACb,cAAc;YACd,YAAY;YACZ,eAAe;YACf,kBAAkB,aA5BlB,iBAAiB;YACjB,qBAAqB;YACrB,6BAA6B;YAC7B,wBAAwB;YACxB,wBAAwB;YACxB,wBAAwB;YACxB,sBAAsB;YACtB,+BAA+B;YAC/B,0BAA0B;YAC1B,qBAAqB;YACrB,sBAAsB;YACtB,qBAAqB;YACrB,8BAA8B;YAC9B,yBAAyB;YACzB,sBAAsB;YACtB,sBAAsB;YACtB,2BAA2B;YAC3B,wBAAwB;YACxB,qBAAqB;YACrB,+BAA+B;YAC/B,4BAA4B;YAC5B,4BAA4B;yGAUnB,cAAc,YALvB,YAAY;YAEZ,kBAAkB;;4FAGT,cAAc;kBAzD1B,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,iBAAiB;wBACjB,qBAAqB;wBACrB,6BAA6B;wBAC7B,wBAAwB;wBACxB,wBAAwB;wBACxB,wBAAwB;wBACxB,sBAAsB;wBACtB,+BAA+B;wBAC/B,0BAA0B;wBAC1B,qBAAqB;wBACrB,sBAAsB;wBACtB,qBAAqB;wBACrB,8BAA8B;wBAC9B,yBAAyB;wBACzB,sBAAsB;wBACtB,sBAAsB;wBACtB,2BAA2B;wBAC3B,wBAAwB;wBACxB,qBAAqB;wBACrB,+BAA+B;wBAC/B,4BAA4B;wBAC5B,4BAA4B;qBAC7B;oBACD,OAAO,EAAE;wBACP,iBAAiB;wBACjB,qBAAqB;wBACrB,6BAA6B;wBAC7B,wBAAwB;wBACxB,wBAAwB;wBACxB,wBAAwB;wBACxB,sBAAsB;wBACtB,+BAA+B;wBAC/B,0BAA0B;wBAC1B,qBAAqB;wBACrB,sBAAsB;wBACtB,qBAAqB;wBACrB,8BAA8B;wBAC9B,yBAAyB;wBACzB,sBAAsB;wBACtB,sBAAsB;wBACtB,2BAA2B;wBAC3B,wBAAwB;wBACxB,qBAAqB;wBACrB,+BAA+B;wBAC/B,4BAA4B;wBAC5B,4BAA4B;qBAC7B;oBACD,OAAO,EAAE;wBACP,aAAa;wBACb,cAAc;wBACd,YAAY;wBACZ,eAAe;wBACf,kBAAkB;qBACnB;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {NgModule} from \"@angular/core\"\n\nimport {IconDirective} from \"@qualcomm-ui/angular/icon\"\nimport {TagDirective} from \"@qualcomm-ui/angular/tag\"\nimport {HighlightDirective} from \"@qualcomm-ui/angular-core/highlight\"\nimport {QBindDirective} from \"@qualcomm-ui/angular-core/machine\"\nimport {PortalDirective} from \"@qualcomm-ui/angular-core/portal\"\n\nimport {ComboboxClearTriggerDirective} from \"./combobox-clear-trigger.directive\"\nimport {ComboboxContentDirective} from \"./combobox-content.directive\"\nimport {ComboboxContextDirective} from \"./combobox-context.directive\"\nimport {ComboboxControlDirective} from \"./combobox-control.directive\"\nimport {ComboboxEmptyDirective} from \"./combobox-empty.directive\"\nimport {ComboboxErrorIndicatorDirective} from \"./combobox-error-indicator.directive\"\nimport {ComboboxErrorTextDirective} from \"./combobox-error-text.directive\"\nimport {ComboboxHintDirective} from \"./combobox-hint.directive\"\nimport {ComboboxIconDirective} from \"./combobox-icon.directive\"\nimport {ComboboxInputDirective} from \"./combobox-input.directive\"\nimport {ComboboxItemIndicatorDirective} from \"./combobox-item-indicator.directive\"\nimport {ComboboxItemTextDirective} from \"./combobox-item-text.directive\"\nimport {ComboboxItemDirective} from \"./combobox-item.directive\"\nimport {ComboboxItemsComponent} from \"./combobox-items.component\"\nimport {ComboboxLabelDirective} from \"./combobox-label.directive\"\nimport {ComboboxPositionerDirective} from \"./combobox-positioner.directive\"\nimport {ComboboxRootDirective} from \"./combobox-root.directive\"\nimport {ComboboxTriggerDirective} from \"./combobox-trigger.directive\"\nimport {ComboboxVirtualContentDirective} from \"./combobox-virtual-content.directive\"\nimport {ComboboxVirtualItemDirective} from \"./combobox-virtual-item.directive\"\nimport {ComboboxVirtualizerDirective} from \"./combobox-virtualizer.directive\"\nimport {ComboboxComponent} from \"./combobox.component\"\n\n@NgModule({\n  declarations: [\n    ComboboxComponent,\n    ComboboxRootDirective,\n    ComboboxClearTriggerDirective,\n    ComboboxContentDirective,\n    ComboboxContextDirective,\n    ComboboxControlDirective,\n    ComboboxEmptyDirective,\n    ComboboxErrorIndicatorDirective,\n    ComboboxErrorTextDirective,\n    ComboboxHintDirective,\n    ComboboxInputDirective,\n    ComboboxItemDirective,\n    ComboboxItemIndicatorDirective,\n    ComboboxItemTextDirective,\n    ComboboxItemsComponent,\n    ComboboxLabelDirective,\n    ComboboxPositionerDirective,\n    ComboboxTriggerDirective,\n    ComboboxIconDirective,\n    ComboboxVirtualContentDirective,\n    ComboboxVirtualItemDirective,\n    ComboboxVirtualizerDirective,\n  ],\n  exports: [\n    ComboboxComponent,\n    ComboboxRootDirective,\n    ComboboxClearTriggerDirective,\n    ComboboxContentDirective,\n    ComboboxContextDirective,\n    ComboboxControlDirective,\n    ComboboxEmptyDirective,\n    ComboboxErrorIndicatorDirective,\n    ComboboxErrorTextDirective,\n    ComboboxHintDirective,\n    ComboboxInputDirective,\n    ComboboxItemDirective,\n    ComboboxItemIndicatorDirective,\n    ComboboxItemTextDirective,\n    ComboboxItemsComponent,\n    ComboboxLabelDirective,\n    ComboboxPositionerDirective,\n    ComboboxTriggerDirective,\n    ComboboxIconDirective,\n    ComboboxVirtualContentDirective,\n    ComboboxVirtualItemDirective,\n    ComboboxVirtualizerDirective,\n  ],\n  imports: [\n    IconDirective,\n    QBindDirective,\n    TagDirective,\n    PortalDirective,\n    HighlightDirective,\n  ],\n})\nexport class ComboboxModule {}\n"]}

package/esm2022/combobox/index.js

@@ -0,0 +1,25 @@
+export * from "./combobox-clear-trigger.directive";
+export * from "./combobox-content.directive";
+export * from "./combobox-context.directive";
+export * from "./combobox-control.directive";
+export * from "./combobox-empty.directive";
+export * from "./combobox-error-indicator.directive";
+export * from "./combobox-error-text.directive";
+export * from "./combobox-hint.directive";
+export * from "./combobox-icon.directive";
+export * from "./combobox-input.directive";
+export * from "./combobox-item-indicator.directive";
+export * from "./combobox-item-text.directive";
+export * from "./combobox-item.directive";
+export * from "./combobox-items.component";
+export * from "./combobox-label.directive";
+export * from "./combobox-positioner.directive";
+export * from "./combobox-root.directive";
+export * from "./combobox-trigger.directive";
+export * from "./combobox-virtual-content.directive";
+export * from "./combobox-virtual-item.directive";
+export * from "./combobox-virtualizer.directive";
+export * from "./combobox.component";
+export * from "./combobox.module";
+export * from "./qds-combobox-context.service";
+//# sourceMappingURL=index.js.map

package/esm2022/combobox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAA;AAClD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,sCAAsC,CAAA;AACpD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,qCAAqC,CAAA;AACnD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,sCAAsC,CAAA;AACpD,cAAc,mCAAmC,CAAA;AACjD,cAAc,kCAAkC,CAAA;AAChD,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AACjC,cAAc,gCAAgC,CAAA","sourcesContent":["export * from \"./combobox-clear-trigger.directive\"\nexport * from \"./combobox-content.directive\"\nexport * from \"./combobox-context.directive\"\nexport * from \"./combobox-control.directive\"\nexport * from \"./combobox-empty.directive\"\nexport * from \"./combobox-error-indicator.directive\"\nexport * from \"./combobox-error-text.directive\"\nexport * from \"./combobox-hint.directive\"\nexport * from \"./combobox-icon.directive\"\nexport * from \"./combobox-input.directive\"\nexport * from \"./combobox-item-indicator.directive\"\nexport * from \"./combobox-item-text.directive\"\nexport * from \"./combobox-item.directive\"\nexport * from \"./combobox-items.component\"\nexport * from \"./combobox-label.directive\"\nexport * from \"./combobox-positioner.directive\"\nexport * from \"./combobox-root.directive\"\nexport * from \"./combobox-trigger.directive\"\nexport * from \"./combobox-virtual-content.directive\"\nexport * from \"./combobox-virtual-item.directive\"\nexport * from \"./combobox-virtualizer.directive\"\nexport * from \"./combobox.component\"\nexport * from \"./combobox.module\"\nexport * from \"./qds-combobox-context.service\"\n"]}

package/esm2022/combobox/qds-combobox-context.service.js

@@ -0,0 +1,14 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Injectable } from "@angular/core";
+import { BaseApiContextService, createApiContext, } from "@qualcomm-ui/angular-core/machine";
+import * as i0 from "@angular/core";
+export class QdsComboboxContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: QdsComboboxContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: QdsComboboxContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: QdsComboboxContextService, decorators: [{
+            type: Injectable
+        }] });
+export const [QDS_COMBOBOX_CONTEXT, useQdsComboboxContext, provideQdsComboboxContext,] = createApiContext("QdsComboboxContext", QdsComboboxContextService);
+//# sourceMappingURL=qds-combobox-context.service.js.map

package/esm2022/combobox/qds-combobox-context.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qds-combobox-context.service.js","sourceRoot":"","sources":["../../../src/combobox/qds-combobox-context.service.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAExC,OAAO,EAEL,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;;AAI1C,MAAM,OAAO,yBAA0B,SAAQ,qBAAmC;wGAArE,yBAAyB;4GAAzB,yBAAyB;;4FAAzB,yBAAyB;kBADrC,UAAU;;AAGX,MAAM,CAAC,MAAM,CACX,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,EAC1B,GAA6B,gBAAgB,CAC5C,oBAAoB,EACpB,yBAAyB,CAC1B,CAAA","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Injectable} from \"@angular/core\"\n\nimport {\n  type ApiContext,\n  BaseApiContextService,\n  createApiContext,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport type {QdsSelectApi} from \"@qualcomm-ui/qds-core/select\"\n\n@Injectable()\nexport class QdsComboboxContextService extends BaseApiContextService<QdsSelectApi> {}\n\nexport const [\n  QDS_COMBOBOX_CONTEXT,\n  useQdsComboboxContext,\n  provideQdsComboboxContext,\n]: ApiContext<QdsSelectApi> = createApiContext<QdsSelectApi>(\n  \"QdsComboboxContext\",\n  QdsComboboxContextService,\n)\n"]}

package/esm2022/combobox/qualcomm-ui-angular-combobox.js

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

package/esm2022/combobox/qualcomm-ui-angular-combobox.js.map

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

package/esm2022/dialog/dialog-backdrop.directive.js

@@ -0,0 +1,31 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Directive } from "@angular/core";
+import { CoreDialogBackdropDirective } from "@qualcomm-ui/angular-core/dialog";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { providePresenceContext } from "@qualcomm-ui/angular-core/presence";
+import { mergeProps } from "@qualcomm-ui/utils/merge-props";
+import { useQdsDialogContext } from "./qds-dialog-context.service";
+import * as i0 from "@angular/core";
+/**
+ * The backdrop that overlays the content behind the dialog.
+ */
+export class DialogBackdropDirective extends CoreDialogBackdropDirective {
+    qdsContext = useQdsDialogContext();
+    trackBindings = useTrackBindings(() => mergeProps(this.dialogBackdropProps(), this.qdsContext().getBackdropBindings()));
+    ngOnInit() {
+        super.ngOnInit();
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DialogBackdropDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: DialogBackdropDirective, isStandalone: false, selector: "[q-dialog-backdrop]", providers: [providePresenceContext()], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DialogBackdropDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [providePresenceContext()],
+                    selector: "[q-dialog-backdrop]",
+                    standalone: false,
+                }]
+        }] });
+//# sourceMappingURL=dialog-backdrop.directive.js.map