agnosticui-core 2.0.0-alpha.21 → 2.0.0-alpha.23

package/dist/components/Combobox/core/_Combobox.js

@@ -1,4 +1,4 @@
-import { LitElement as f, css as x, nothing as h, html as l } from "lit";
+import { LitElement as f, css as x, nothing as p, html as l } from "lit";
 import { n as a } from "../../../property-CemaeiRl.js";
 import { r as b } from "../../../state-CovhUvdr.js";
 import { e as u } from "../../../query-BykXNUlT.js";
@@ -8,10 +8,10 @@ import { formControlStyles as I } from "../../../shared/form-control-styles.js";
 import "../../shared/CloseButton/CloseButton.js";
 import "../../Checkbox/core/Checkbox.js";
 import "../../Tag/core/Tag.js";
-var k = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, s = (m, e, t, o) => {
-  for (var r = o > 1 ? void 0 : o ? $(e, t) : e, n = m.length - 1, c; n >= 0; n--)
-    (c = m[n]) && (r = (o ? c(e, t, r) : c(r)) || r);
-  return o && r && k(e, t, r), r;
+var k = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, s = (m, e, t, i) => {
+  for (var n = i > 1 ? void 0 : i ? $(e, t) : e, r = m.length - 1, c; r >= 0; r--)
+    (c = m[r]) && (n = (i ? c(e, t, n) : c(n)) || n);
+  return i && n && k(e, t, n), n;
 };
 const g = class g extends y(f) {
   constructor() {
@@ -38,17 +38,17 @@ const g = class g extends y(f) {
   willUpdate(e) {
     if (super.willUpdate(e), !this._isDefaultValueInitialized && this.defaultValue && this.options.length > 0) {
       const t = Array.isArray(this.defaultValue) ? this.defaultValue : [this.defaultValue];
-      this._selectedOptions = this.options.filter((o) => t.includes(o.value)), this._selectionChanged(), this._isDefaultValueInitialized = !0;
+      this._selectedOptions = this.options.filter((i) => t.includes(i.value)), this._selectionChanged(), this._isDefaultValueInitialized = !0;
       return;
     }
     if (e.has("value") && (this._isDefaultValueInitialized || !this.defaultValue)) {
-      const t = this.value, o = Array.isArray(t) ? t : t ? [t] : [];
-      this._selectedOptions = this.options.filter((r) => o.includes(r.value)), this._selectionChanged();
+      const t = this.value, i = Array.isArray(t) ? t : t ? [t] : [];
+      this._selectedOptions = this.options.filter((n) => i.includes(n.value)), this._selectionChanged();
     }
     e.has("errorMessage") && (this.invalid = !!this.errorMessage);
   }
   updated(e) {
-    super.updated(e), e.has("value") && (this._syncFormValue(), this._syncValidity());
+    super.updated(e), e.has("value") && (this._syncFormValue(), this._syncValidity()), (e.has("disabled") || e.has("readonly") || e.has("required") || e.has("value")) && this._syncStates();
   }
   // Public methods
   focus() {
@@ -71,9 +71,9 @@ const g = class g extends y(f) {
     if (!this._open) return;
     if (this._open = !1, this._activeIndex = -1, this.multiple)
       this._searchTerm = this._displayLabel;
-    else if (!this.options.some((o) => o.label === this._searchTerm)) {
-      const o = this._selectedOptions[0];
-      o ? this._searchTerm = o.label : this._searchTerm = "";
+    else if (!this.options.some((i) => i.label === this._searchTerm)) {
+      const i = this._selectedOptions[0];
+      i ? this._searchTerm = i.label : this._searchTerm = "";
     }
     this.removeAttribute("open");
     const e = new CustomEvent("close", {
@@ -89,12 +89,12 @@ const g = class g extends y(f) {
   selectOption(e) {
     let t;
     if (typeof e == "string") {
-      if (t = this.options.find((n) => n.value === e), !t) return;
+      if (t = this.options.find((r) => r.value === e), !t) return;
     } else
       t = e;
     if (t.disabled) return;
     this.multiple ? (this._selectedOptions.findIndex((c) => c.value === t.value) > -1 ? this._selectedOptions = this._selectedOptions.filter((c) => c.value !== t.value) : this._selectedOptions = [...this._selectedOptions, t], this._selectionChanged()) : (this._selectedOptions = [t], this._selectionChanged(), this.closeOnSelect && this.close()), this._inputElement && (this._inputElement.value = this._searchTerm);
-    const o = new CustomEvent("select", {
+    const i = new CustomEvent("select", {
       detail: {
         option: t,
         value: t.value
@@ -102,8 +102,8 @@ const g = class g extends y(f) {
       bubbles: !0,
       composed: !0
     });
-    this.dispatchEvent(o), this.onSelect?.(o), this._syncFormValue(), this._syncValidity();
-    const r = new CustomEvent("change", {
+    this.dispatchEvent(i), this.onSelect?.(i), this._syncFormValue(), this._syncValidity();
+    const n = new CustomEvent("change", {
       detail: {
         value: this.value,
         // Use the updated value
@@ -112,11 +112,11 @@ const g = class g extends y(f) {
       bubbles: !0,
       composed: !0
     });
-    this.dispatchEvent(r), this.onChange?.(r), this._justSelected = !0, this._inputElement?.focus(), requestAnimationFrame(() => {
-      const n = this._inputElement;
-      if (n) {
-        const c = n.value.length;
-        n.setSelectionRange(c, c);
+    this.dispatchEvent(n), this.onChange?.(n), this._justSelected = !0, this._inputElement?.focus(), requestAnimationFrame(() => {
+      const r = this._inputElement;
+      if (r) {
+        const c = r.value.length;
+        r.setSelectionRange(c, c);
       }
     }), setTimeout(() => {
       this._justSelected = !1;
@@ -148,7 +148,7 @@ const g = class g extends y(f) {
         this._internals.setFormValue(null);
       else {
         const t = new FormData();
-        e.forEach((o) => t.append(this.name, o)), this._internals.setFormValue(t);
+        e.forEach((i) => t.append(this.name, i)), this._internals.setFormValue(t);
       }
     } else {
       const e = typeof this.value == "string" ? this.value : "";
@@ -166,14 +166,46 @@ const g = class g extends y(f) {
     ) : this._internals.setValidity({});
   }
   firstUpdated() {
-    this._syncFormValue(), this._syncValidity();
+    this._syncFormValue(), this._syncValidity(), this._syncStates();
   }
   /**
    * FACE lifecycle: called when the parent form is reset.
    * Clears selection and re-syncs form value.
    */
   formResetCallback() {
-    this._selectedOptions = [], this._selectionChanged(), this._internals.setFormValue(null), this._internals.setValidity({});
+    this._selectedOptions = [], this._selectionChanged(), this._internals.setFormValue(null), this._internals.setValidity({}), this._syncStates();
+  }
+  /**
+   * FACE lifecycle: called on session restore or browser autofill.
+   * Restores the selected option(s) by matching saved values against this.options.
+   * Single: state is a string. Multiple: state is FormData.
+   */
+  formStateRestoreCallback(e, t) {
+    if (e === null)
+      this._selectedOptions = [];
+    else if (e instanceof FormData) {
+      const i = new Set(Array.from(e.getAll(this.name)));
+      this._selectedOptions = this.options.filter((n) => i.has(n.value));
+    } else if (typeof e == "string") {
+      const i = this.options.find((n) => n.value === e);
+      this._selectedOptions = i ? [i] : [];
+    }
+    this._selectionChanged(), this._syncFormValue(), this._syncValidity(), this._syncStates();
+  }
+  /**
+   * Sync CustomStateSet states so :state() pseudo-classes work from external CSS.
+   *
+   * Must be called AFTER _syncValidity() so that :state(invalid) reads the
+   * freshly-updated _internals.validity.valid value.
+   *
+   * Exposed states:
+   *  :state(disabled) — combobox is disabled
+   *  :state(readonly) — combobox is read-only
+   *  :state(required) — combobox is required
+   *  :state(invalid)  — FACE constraint validation is failing
+   */
+  _syncStates() {
+    this._setState("disabled", this.disabled), this._setState("readonly", this.readonly), this._setState("required", this.required), this._setState("invalid", !this._internals.validity.valid);
   }
   // ─── End FACE ─────────────────────────────────────────────────────────────
   // Private methods
@@ -187,22 +219,22 @@ const g = class g extends y(f) {
   }
   _renderSelectedTags() {
     if (!this.multiple || this._selectedOptions.length === 0)
-      return h;
+      return p;
     const e = this._selectedOptions.slice(0, this.maxOptionsVisible), t = this._selectedOptions.length - this.maxOptionsVisible;
     return l`
       <div class="combobox-tags-wrapper" part="ag-combobox-tags-wrapper">
-        ${e.map((o) => l`
+        ${e.map((i) => l`
           <ag-tag
             removable
-            .value=${o.value}
-            @tag-remove=${() => this._handleTagRemove(o)}
+            .value=${i.value}
+            @tag-remove=${() => this._handleTagRemove(i)}
           >
-            ${o.label}
+            ${i.label}
           </ag-tag>
         `)}
         ${t > 0 ? l`
           <ag-tag>+${t}</ag-tag>
-        ` : h}
+        ` : p}
       </div>
     `;
   }
@@ -212,7 +244,7 @@ const g = class g extends y(f) {
   _filterOptions() {
     const e = this._searchTerm.trim();
     if (!this.multiple && this._selectedOptions.length > 0 && e === this._selectedOptions[0].label) {
-      this._filteredOptions = this.options.slice(0, this.maxVisibleOptions), this._activeIndex !== -1 && (this._activeIndex = this.options.findIndex((r) => r.value === this._selectedOptions[0]?.value));
+      this._filteredOptions = this.options.slice(0, this.maxVisibleOptions), this._activeIndex !== -1 && (this._activeIndex = this.options.findIndex((n) => n.value === this._selectedOptions[0]?.value));
       return;
     }
     if (!e || this.filterMode === "none") {
@@ -231,20 +263,20 @@ const g = class g extends y(f) {
         t = this.options;
     }
     this._filteredOptions = t.slice(0, this.maxVisibleOptions), this._filteredOptions.length > 0 ? (this._activeIndex = 0, this._updateAriaActivedescendant(), this._announceOption(this._filteredOptions[0])) : (this._activeIndex = -1, this._announceNoResults());
-    const o = new CustomEvent("search", {
+    const i = new CustomEvent("search", {
       detail: { searchTerm: e },
       bubbles: !0,
       composed: !0
     });
-    this.dispatchEvent(o), this.onSearch?.(o);
+    this.dispatchEvent(i), this.onSearch?.(i);
   }
   _filterStartsWith(e, t) {
-    const o = t.toLowerCase();
-    return e.filter((r) => r.label.toLowerCase().startsWith(o));
+    const i = t.toLowerCase();
+    return e.filter((n) => n.label.toLowerCase().startsWith(i));
   }
   _filterContains(e, t) {
-    const o = t.toLowerCase();
-    return e.filter((r) => r.label.toLowerCase().includes(o));
+    const i = t.toLowerCase();
+    return e.filter((n) => n.label.toLowerCase().includes(i));
   }
   _handleInputChange(e) {
     const t = e.target.value;
@@ -269,7 +301,7 @@ const g = class g extends y(f) {
           e.preventDefault();
           const t = this._selectedOptions[this._selectedOptions.length - 1];
           this._selectedOptions = this._selectedOptions.slice(0, -1), this._selectionChanged();
-          const o = new CustomEvent("change", {
+          const i = new CustomEvent("change", {
             detail: {
               value: this.value,
               option: t
@@ -277,7 +309,7 @@ const g = class g extends y(f) {
             bubbles: !0,
             composed: !0
           });
-          this.dispatchEvent(o), this.onChange?.(o);
+          this.dispatchEvent(i), this.onChange?.(i);
         }
         break;
       case "Tab":
@@ -319,11 +351,11 @@ const g = class g extends y(f) {
   }
   _updateActiveIndex(e) {
     if (this._filteredOptions.length === 0) return;
-    let t = this._activeIndex + e, o = 0;
-    const r = this._filteredOptions.length;
-    for (; o < r && (t < 0 ? t = this._filteredOptions.length - 1 : t >= this._filteredOptions.length && (t = 0), !!this._filteredOptions[t].disabled); )
-      t += e, o++;
-    o < r && !this._filteredOptions[t].disabled && (this._activeIndex = t, this._updateAriaActivedescendant(), this._scrollOptionIntoView(t), this._announceOption(this._filteredOptions[t]));
+    let t = this._activeIndex + e, i = 0;
+    const n = this._filteredOptions.length;
+    for (; i < n && (t < 0 ? t = this._filteredOptions.length - 1 : t >= this._filteredOptions.length && (t = 0), !!this._filteredOptions[t].disabled); )
+      t += e, i++;
+    i < n && !this._filteredOptions[t].disabled && (this._activeIndex = t, this._updateAriaActivedescendant(), this._scrollOptionIntoView(t), this._announceOption(this._filteredOptions[t]));
   }
   _updateAriaActivedescendant() {
     if (this._activeIndex >= 0 && this._activeIndex < this._filteredOptions.length) {
@@ -334,16 +366,16 @@ const g = class g extends y(f) {
   }
   _scrollOptionIntoView(e) {
     e < 0 || e >= this._filteredOptions.length || requestAnimationFrame(() => {
-      const t = this._getOptionId(e), o = this.shadowRoot?.getElementById(t);
-      if (o && this._listboxElement) {
-        const r = this._listboxElement.getBoundingClientRect(), n = o.getBoundingClientRect();
-        n.bottom > r.bottom ? o.scrollIntoView({ block: "nearest", behavior: "smooth" }) : n.top < r.top && o.scrollIntoView({ block: "nearest", behavior: "smooth" });
+      const t = this._getOptionId(e), i = this.shadowRoot?.getElementById(t);
+      if (i && this._listboxElement) {
+        const n = this._listboxElement.getBoundingClientRect(), r = i.getBoundingClientRect();
+        r.bottom > n.bottom ? i.scrollIntoView({ block: "nearest", behavior: "smooth" }) : r.top < n.top && i.scrollIntoView({ block: "nearest", behavior: "smooth" });
       }
     });
   }
   _announceOption(e) {
-    const t = this._filteredOptions.indexOf(e), o = this._filteredOptions.length, r = `${e.label}, ${t + 1} of ${o}`;
-    this._srAnnouncer && (this._srAnnouncer.textContent = r);
+    const t = this._filteredOptions.indexOf(e), i = this._filteredOptions.length, n = `${e.label}, ${t + 1} of ${i}`;
+    this._srAnnouncer && (this._srAnnouncer.textContent = n);
   }
   _announceNoResults() {
     this._srAnnouncer && (this._srAnnouncer.textContent = this.noResultsText);
@@ -374,14 +406,14 @@ const g = class g extends y(f) {
     `;
   }
   render() {
-    const e = !this.noLabel && this.label, t = this._getDescribedBy(), o = _(this.labelPosition), r = l`
+    const e = !this.noLabel && this.label, t = this._getDescribedBy(), i = _(this.labelPosition), n = l`
 
         <div
           class="combobox-input-wrapper"
           part="ag-combobox-input-wrapper"
           @click=${() => this._inputElement?.focus()}
         >
-          ${this.multiple ? this._renderSelectedTags() : h}
+          ${this.multiple ? this._renderSelectedTags() : p}
           <input
             id=${this._comboboxId}
             class="combobox-input"
@@ -392,10 +424,10 @@ const g = class g extends y(f) {
             aria-controls=${this._listboxId}
             aria-expanded=${this._open ? "true" : "false"}
             aria-haspopup="listbox"
-            aria-disabled=${this.disabled ? "true" : h}
-            aria-labelledby=${e ? this._labelId : h}
-            aria-label=${this.ariaLabel || h}
-            aria-describedby=${t || h}
+            aria-disabled=${this.disabled ? "true" : p}
+            aria-labelledby=${e ? this._labelId : p}
+            aria-label=${this.ariaLabel || p}
+            aria-describedby=${t || p}
             aria-invalid=${this.invalid ? "true" : "false"}
             aria-required=${this.required ? "true" : "false"}
             .value=${this._searchTerm}
@@ -419,7 +451,7 @@ const g = class g extends y(f) {
                 @close-button-click=${this._handleClearClick}
               ></ag-close-button>
             </div>
-          ` : h}
+          ` : p}
 
           <button
             type="button"
@@ -462,31 +494,31 @@ const g = class g extends y(f) {
               ${this.noResultsText}
             </div>
           ` : l`
-            ${this._filteredOptions.map((p, v) => l`
+            ${this._filteredOptions.map((h, v) => l`
               <div
                 id=${this._getOptionId(v)}
                 class="combobox-option ${v === this._activeIndex ? "option-active" : ""}"
                 part="ag-combobox-option"
                 role="option"
-                aria-selected=${this._selectedOptions.some((d) => d.value === p.value) ? "true" : "false"}
-                aria-disabled=${p.disabled ? "true" : "false"}
-                @click=${(d) => this._handleOptionClick(p, d)}
+                aria-selected=${this._selectedOptions.some((d) => d.value === h.value) ? "true" : "false"}
+                aria-disabled=${h.disabled ? "true" : "false"}
+                @click=${(d) => this._handleOptionClick(h, d)}
               >
                 ${this.multiple ? l`
                   <ag-checkbox
-                    .checked=${this._selectedOptions.some((d) => d.value === p.value)}
+                    .checked=${this._selectedOptions.some((d) => d.value === h.value)}
                     .size=${this.size === "default" ? "medium" : this.size}
-                    .value=${p.value}
+                    .value=${h.value}
                     .name=${this._comboboxId}
-                    .disabled=${p.disabled}
+                    .disabled=${h.disabled}
                     @change=${(d) => {
-      d.stopPropagation(), this._handleOptionClick(p, d);
+      d.stopPropagation(), this._handleOptionClick(h, d);
     }}
                   >
-                    ${p.label}
+                    ${h.label}
                   </ag-checkbox>
                 ` : l`
-                  ${p.label}
+                  ${h.label}
                 `}
               </div>
             `)}
@@ -499,33 +531,33 @@ const g = class g extends y(f) {
           aria-live="polite"
           aria-atomic="true"
         ></div>
-    `, n = this.helpText && !this.invalid ? l`<div id=${this._helpTextId} class="ag-form-control__helper">
+    `, r = this.helpText && !this.invalid ? l`<div id=${this._helpTextId} class="ag-form-control__helper">
           ${this.helpText}
         </div>` : "", c = this.invalid && this.errorMessage ? l`<div id=${this._errorTextId} class="ag-form-control__error">
           ${this.errorMessage}
         </div>` : "";
-    return o ? l`
+    return i ? l`
         <div class="ag-form-control--horizontal">
           ${this.renderLabel()}
           <div class="combobox-wrapper" part="ag-combobox-wrapper">
-            ${r}
+            ${n}
           </div>
         </div>
-        ${n}
+        ${r}
         ${c}
       ` : this.labelPosition === "bottom" ? l`
         <div class="combobox-wrapper" part="ag-combobox-wrapper">
-          ${r}
+          ${n}
         </div>
-        ${n}
+        ${r}
         ${c}
         ${this.renderLabel()}
       ` : l`
       ${this.renderLabel()}
       <div class="combobox-wrapper" part="ag-combobox-wrapper">
-        ${r}
+        ${n}
       </div>
-      ${n}
+      ${r}
       ${c}
     `;
   }
@@ -884,142 +916,142 @@ g.styles = [
     }
   `
 ];
-let i = g;
+let o = g;
 s([
   a({ type: Array })
-], i.prototype, "options", 2);
+], o.prototype, "options", 2);
 s([
   a({ type: [String, Array] })
-], i.prototype, "value", 1);
+], o.prototype, "value", 1);
 s([
   a({ type: [String, Array], attribute: "default-value" })
-], i.prototype, "defaultValue", 2);
+], o.prototype, "defaultValue", 2);
 s([
   a({ type: String })
-], i.prototype, "placeholder", 2);
+], o.prototype, "placeholder", 2);
 s([
   a({ type: String })
-], i.prototype, "label", 2);
+], o.prototype, "label", 2);
 s([
   a({ type: String, attribute: "label-position" })
-], i.prototype, "labelPosition", 2);
+], o.prototype, "labelPosition", 2);
 s([
   a({ type: Boolean, attribute: "label-hidden" })
-], i.prototype, "labelHidden", 2);
+], o.prototype, "labelHidden", 2);
 s([
   a({ type: Boolean, attribute: "no-label" })
-], i.prototype, "noLabel", 2);
+], o.prototype, "noLabel", 2);
 s([
   a({ type: String, attribute: "aria-label" })
-], i.prototype, "ariaLabel", 2);
+], o.prototype, "ariaLabel", 2);
 s([
   a({ type: String, attribute: "help-text" })
-], i.prototype, "helpText", 2);
+], o.prototype, "helpText", 2);
 s([
   a({ type: String, attribute: "error-message" })
-], i.prototype, "errorMessage", 2);
+], o.prototype, "errorMessage", 2);
 s([
   a({ type: String })
-], i.prototype, "id", 2);
+], o.prototype, "id", 2);
 s([
   a({ type: String })
-], i.prototype, "autocomplete", 2);
+], o.prototype, "autocomplete", 2);
 s([
   a({ type: String, attribute: "filter-mode" })
-], i.prototype, "filterMode", 2);
+], o.prototype, "filterMode", 2);
 s([
   a({ type: Boolean })
-], i.prototype, "clearable", 2);
+], o.prototype, "clearable", 2);
 s([
   a({ type: Boolean, reflect: !0 })
-], i.prototype, "disabled", 2);
+], o.prototype, "disabled", 2);
 s([
   a({ type: Boolean })
-], i.prototype, "readonly", 2);
+], o.prototype, "readonly", 2);
 s([
   a({ type: Boolean })
-], i.prototype, "required", 2);
+], o.prototype, "required", 2);
 s([
   a({ type: Boolean, reflect: !0 })
-], i.prototype, "invalid", 2);
+], o.prototype, "invalid", 2);
 s([
   a({ type: String, reflect: !0 })
-], i.prototype, "size", 2);
+], o.prototype, "size", 2);
 s([
   a({ type: String, reflect: !0 })
-], i.prototype, "variant", 2);
+], o.prototype, "variant", 2);
 s([
   a({ type: Number, attribute: "max-visible-options" })
-], i.prototype, "maxVisibleOptions", 2);
+], o.prototype, "maxVisibleOptions", 2);
 s([
   a({ type: Boolean })
-], i.prototype, "closeOnSelect", 2);
+], o.prototype, "closeOnSelect", 2);
 s([
   a({ type: Boolean })
-], i.prototype, "multiple", 2);
+], o.prototype, "multiple", 2);
 s([
   a({ type: Number, attribute: "max-options-visible" })
-], i.prototype, "maxOptionsVisible", 2);
+], o.prototype, "maxOptionsVisible", 2);
 s([
   a({ type: Boolean })
-], i.prototype, "loading", 2);
+], o.prototype, "loading", 2);
 s([
   a({ type: String, attribute: "loading-text" })
-], i.prototype, "loadingText", 2);
+], o.prototype, "loadingText", 2);
 s([
   a({ type: String, attribute: "no-results-text" })
-], i.prototype, "noResultsText", 2);
+], o.prototype, "noResultsText", 2);
 s([
   a({ attribute: !1 })
-], i.prototype, "onChange", 2);
+], o.prototype, "onChange", 2);
 s([
   a({ attribute: !1 })
-], i.prototype, "onSelect", 2);
+], o.prototype, "onSelect", 2);
 s([
   a({ attribute: !1 })
-], i.prototype, "onSearch", 2);
+], o.prototype, "onSearch", 2);
 s([
   a({ attribute: !1 })
-], i.prototype, "onOpen", 2);
+], o.prototype, "onOpen", 2);
 s([
   a({ attribute: !1 })
-], i.prototype, "onClose", 2);
+], o.prototype, "onClose", 2);
 s([
   a({ attribute: !1 })
-], i.prototype, "onFocus", 2);
+], o.prototype, "onFocus", 2);
 s([
   a({ attribute: !1 })
-], i.prototype, "onBlur", 2);
+], o.prototype, "onBlur", 2);
 s([
   a({ attribute: !1 })
-], i.prototype, "validationMessages", 2);
+], o.prototype, "validationMessages", 2);
 s([
   b()
-], i.prototype, "_open", 2);
+], o.prototype, "_open", 2);
 s([
   b()
-], i.prototype, "_searchTerm", 2);
+], o.prototype, "_searchTerm", 2);
 s([
   b()
-], i.prototype, "_filteredOptions", 2);
+], o.prototype, "_filteredOptions", 2);
 s([
   b()
-], i.prototype, "_activeIndex", 2);
+], o.prototype, "_activeIndex", 2);
 s([
   b()
-], i.prototype, "_selectedOptions", 2);
+], o.prototype, "_selectedOptions", 2);
 s([
   b()
-], i.prototype, "_displayLabel", 2);
+], o.prototype, "_displayLabel", 2);
 s([
   u(".combobox-input")
-], i.prototype, "_inputElement", 2);
+], o.prototype, "_inputElement", 2);
 s([
   u(".combobox-listbox")
-], i.prototype, "_listboxElement", 2);
+], o.prototype, "_listboxElement", 2);
 s([
   u(".combobox-sr-announcer")
-], i.prototype, "_srAnnouncer", 2);
+], o.prototype, "_srAnnouncer", 2);
 export {
-  i as AgCombobox
+  o as AgCombobox
 };

package/dist/components/Combobox/vue/VueCombobox.vue.d.ts

@@ -121,6 +121,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     ariaLabel: string | null;
     label: string;
     options: ComboboxOption[];
+    autocomplete: "list" | "none";
     labelPosition: import('../../../shared/form-control-utils').LabelPosition;
     labelHidden: boolean;
     noLabel: boolean;
@@ -135,7 +136,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     loading: boolean;
     placeholder: string;
     defaultValue: string | string[];
-    autocomplete: "list" | "none";
     filterMode: "startsWith" | "contains" | "none";
     clearable: boolean;
     closeOnSelect: boolean;

package/dist/components/Dialog/core/_dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/core/_dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAKrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,sCAAsC,CAAC;AAG9C,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;AAChD,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;AACjD,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;AAGlD,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAE1C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACrD;AAED,qBAAa,cAAe,SAAQ,UAAW,YAAW,WAAW;IAE3D,IAAI,EAAE,OAAO,CAAC;IAGd,OAAO,EAAE,MAAM,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,eAAe,EAAE,OAAO,CAAC;IAGzB,iBAAiB,EAAE,OAAO,CAAC;IAG3B,eAAe,EAAE,OAAO,CAAC;IAGzB,cAAc,EAAE,YAAY,GAAG,SAAS,CAAC;IAGzC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAGhD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAGlD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAE5D,OAAO,CAAC,UAAU,CAA0B;;IAa5C,OAAO,CAAC,cAAc,CAwBpB;IAEF,OAAO,CAAC,oBAAoB,CAS1B;IAEF,OAAO,CAAC,uBAAuB,CAM7B;IAEF,iBAAiB;IAIjB,oBAAoB;IAcpB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IA0BlD,OAAO,CAAC,wBAAwB;IAehC,OAAO,CAAC,wBAAwB;IAgBhC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IA8C/C,MAAM,CAAC,MAAM,0BA2KX;IAEF,MAAM;CAoCP"}
+{"version":3,"file":"_dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/core/_dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAKrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,sCAAsC,CAAC;AAG9C,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;AAChD,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;AACjD,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;AAGlD,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAE1C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACrD;AAED,qBAAa,cAAe,SAAQ,UAAW,YAAW,WAAW;IAE3D,IAAI,EAAE,OAAO,CAAC;IAGd,OAAO,EAAE,MAAM,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,eAAe,EAAE,OAAO,CAAC;IAGzB,iBAAiB,EAAE,OAAO,CAAC;IAG3B,eAAe,EAAE,OAAO,CAAC;IAGzB,cAAc,EAAE,YAAY,GAAG,SAAS,CAAC;IAGzC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAGhD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAGlD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAE5D,OAAO,CAAC,UAAU,CAA0B;;IAa5C,OAAO,CAAC,cAAc,CAwBpB;IAEF,OAAO,CAAC,oBAAoB,CAS1B;IAEF,OAAO,CAAC,uBAAuB,CAM7B;IAEF,iBAAiB;IAIjB,oBAAoB;IAcpB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IA0BlD,OAAO,CAAC,wBAAwB;IAyBhC,OAAO,CAAC,wBAAwB;IAuBhC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IA8C/C,MAAM,CAAC,MAAM,0BA2KX;IAEF,MAAM;CAoCP"}