web-core-tcm 0.0.54 → 0.0.61

package/dist/node_modules/quasar/src/components/select/QSelect.js

@@ -0,0 +1,762 @@
+import { getCurrentInstance as bt, ref as V, computed as i, watch as Z, nextTick as T, onBeforeUpdate as Vt, onUpdated as It, onBeforeUnmount as wt, h as m } from "vue";
+import kt from "../field/QField.js";
+import xt from "../icon/QIcon.js";
+import pt from "../chip/QChip.js";
+import At from "../item/QItem.js";
+import Ft from "../item/QItemSection.js";
+import Dt from "../item/QItemLabel.js";
+import Ot from "../menu/QMenu.js";
+import Lt from "../dialog/QDialog.js";
+import Tt, { useFieldEmits as qt, useFieldProps as Qe, useFieldState as Bt, fieldValueIsFilled as $e } from "../../composables/private.use-field/use-field.js";
+import { useVirtualScrollProps as Ne, useVirtualScroll as _t } from "../virtual-scroll/use-virtual-scroll.js";
+import { useFormProps as Ht, useFormInputNameAttr as Pt } from "../../composables/use-form/private.use-form.js";
+import Mt from "../../composables/private.use-key-composition/use-key-composition.js";
+import { createComponent as Rt } from "../../utils/private.create/create.js";
+import { isDeepEqual as j } from "../../utils/is/is.js";
+import { prevent as se, stopAndPrevent as E, stop as $ } from "../../utils/event/event.js";
+import { normalizeToInterval as Ue } from "../../utils/format/format.js";
+import { shouldIgnoreKey as Kt, isKeyCode as Et } from "../../utils/private.keyboard/key-composition.js";
+import { hMergeSlot as $t } from "../../utils/private.render/render.js";
+const ze = (t) => ["add", "add-unique", "toggle"].includes(t), Nt = ".*+?^${}()|[]\\", Ut = Object.keys(Qe);
+function ce(t, g) {
+  if (typeof t == "function") return t;
+  const o = t !== void 0 ? t : g;
+  return (I) => I !== null && typeof I == "object" && o in I ? I[o] : I;
+}
+const su = Rt({
+  name: "QSelect",
+  inheritAttrs: !1,
+  props: {
+    ...Ne,
+    ...Ht,
+    ...Qe,
+    // override of useFieldProps > modelValue
+    modelValue: {
+      required: !0
+    },
+    multiple: Boolean,
+    displayValue: [String, Number],
+    displayValueHtml: Boolean,
+    dropdownIcon: String,
+    options: {
+      type: Array,
+      default: () => []
+    },
+    optionValue: [Function, String],
+    optionLabel: [Function, String],
+    optionDisable: [Function, String],
+    hideSelected: Boolean,
+    hideDropdownIcon: Boolean,
+    fillInput: Boolean,
+    maxValues: [Number, String],
+    optionsDense: Boolean,
+    optionsDark: {
+      type: Boolean,
+      default: null
+    },
+    optionsSelectedClass: String,
+    optionsHtml: Boolean,
+    optionsCover: Boolean,
+    menuShrink: Boolean,
+    menuAnchor: String,
+    menuSelf: String,
+    menuOffset: Array,
+    popupContentClass: String,
+    popupContentStyle: [String, Array, Object],
+    popupNoRouteDismiss: Boolean,
+    useInput: Boolean,
+    useChips: Boolean,
+    newValueMode: {
+      type: String,
+      validator: ze
+    },
+    mapOptions: Boolean,
+    emitValue: Boolean,
+    disableTabSelection: Boolean,
+    inputDebounce: {
+      type: [Number, String],
+      default: 500
+    },
+    inputClass: [Array, String, Object],
+    inputStyle: [Array, String, Object],
+    tabindex: {
+      type: [String, Number],
+      default: 0
+    },
+    autocomplete: String,
+    transitionShow: {},
+    transitionHide: {},
+    transitionDuration: {},
+    behavior: {
+      type: String,
+      validator: (t) => ["default", "menu", "dialog"].includes(t),
+      default: "default"
+    },
+    // override of useVirtualScrollProps > virtualScrollItemSize (no default)
+    virtualScrollItemSize: Ne.virtualScrollItemSize.type,
+    onNewValue: Function,
+    onFilter: Function
+  },
+  emits: [
+    ...qt,
+    "add",
+    "remove",
+    "inputValue",
+    "keyup",
+    "keypress",
+    "keydown",
+    "popupShow",
+    "popupHide",
+    "filterAbort"
+  ],
+  setup(t, { slots: g, emit: o }) {
+    const { proxy: I } = bt(), { $q: N } = I, d = V(!1), A = V(!1), v = V(-1), h = V(""), U = V(!1), q = V(!1);
+    let w = null, k = null, ee, b, X, x = null, te, ve, F, fe;
+    const je = V(null), S = V(null), B = V(null), ue = V(null), me = V(null), ge = Pt(t), he = Mt(Pe), D = i(() => Array.isArray(t.options) ? t.options.length : 0), Xe = i(() => t.virtualScrollItemSize === void 0 ? t.optionsDense === !0 ? 24 : 48 : t.virtualScrollItemSize), {
+      virtualScrollSliceRange: Ge,
+      virtualScrollSliceSizeComputed: ye,
+      localResetVirtualScroll: le,
+      padVirtualScroll: Je,
+      onVirtualScrollEvt: Se,
+      scrollTo: Ce,
+      setVirtualScrollSize: be
+    } = _t({
+      virtualScrollLength: D,
+      getVirtualScrollTarget: it,
+      getVirtualScrollEl: _e,
+      virtualScrollItemSizeComputed: Xe
+    }), n = Bt(), f = i(() => {
+      const e = t.mapOptions === !0 && t.multiple !== !0, u = t.modelValue !== void 0 && (t.modelValue !== null || e === !0) ? t.multiple === !0 && Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue] : [];
+      if (t.mapOptions === !0 && Array.isArray(t.options) === !0) {
+        const l = t.mapOptions === !0 && ee !== void 0 ? ee : [], a = u.map((s) => ot(s, l));
+        return t.modelValue === null && e === !0 ? a.filter((s) => s !== null) : a;
+      }
+      return u;
+    }), We = i(() => {
+      const e = {};
+      return Ut.forEach((u) => {
+        const l = t[u];
+        l !== void 0 && (e[u] = l);
+      }), e;
+    }), G = i(() => t.optionsDark === null ? n.isDark.value : t.optionsDark), ne = i(() => $e(f.value)), Ye = i(() => {
+      let e = "q-field__input q-placeholder col";
+      return t.hideSelected === !0 || f.value.length === 0 ? [e, t.inputClass] : (e += " q-field__input--padding", t.inputClass === void 0 ? e : [e, t.inputClass]);
+    }), Ve = i(
+      () => (t.virtualScrollHorizontal === !0 ? "q-virtual-scroll--horizontal" : "") + (t.popupContentClass ? " " + t.popupContentClass : "")
+    ), z = i(() => D.value === 0), Ie = i(
+      () => f.value.map((e) => C.value(e)).join(", ")
+    ), we = i(() => t.displayValue !== void 0 ? t.displayValue : Ie.value), ae = i(() => t.optionsHtml === !0 ? () => !0 : (e) => e?.html === !0), Ze = i(() => t.displayValueHtml === !0 || t.displayValue === void 0 && (t.optionsHtml === !0 || f.value.some(ae.value))), ke = i(() => n.focused.value === !0 ? t.tabindex : -1), xe = i(() => {
+      const e = {
+        tabindex: t.tabindex,
+        role: "combobox",
+        "aria-label": t.label,
+        "aria-readonly": t.readonly === !0 ? "true" : "false",
+        "aria-autocomplete": t.useInput === !0 ? "list" : "none",
+        "aria-expanded": d.value === !0 ? "true" : "false",
+        "aria-controls": `${n.targetUid.value}_lb`
+      };
+      return v.value >= 0 && (e["aria-activedescendant"] = `${n.targetUid.value}_${v.value}`), e;
+    }), pe = i(() => ({
+      id: `${n.targetUid.value}_lb`,
+      role: "listbox",
+      "aria-multiselectable": t.multiple === !0 ? "true" : "false"
+    })), Ae = i(() => f.value.map((e, u) => ({
+      index: u,
+      opt: e,
+      html: ae.value(e),
+      selected: !0,
+      removeAtIndex: at,
+      toggleOption: O,
+      tabindex: ke.value
+    }))), et = i(() => {
+      if (D.value === 0)
+        return [];
+      const { from: e, to: u } = Ge.value;
+      return t.options.slice(e, u).map((l, a) => {
+        const s = _.value(l) === !0, r = ie(l) === !0, y = e + a, c = {
+          clickable: !0,
+          active: r,
+          activeClass: lt.value,
+          manualFocus: !0,
+          focused: !1,
+          disable: s,
+          tabindex: -1,
+          dense: t.optionsDense,
+          dark: G.value,
+          role: "option",
+          "aria-selected": r === !0 ? "true" : "false",
+          id: `${n.targetUid.value}_${y}`,
+          onClick: () => {
+            O(l);
+          }
+        };
+        return s !== !0 && (v.value === y && (c.focused = !0), N.platform.is.desktop === !0 && (c.onMousemove = () => {
+          d.value === !0 && H(y);
+        })), {
+          index: y,
+          opt: l,
+          html: ae.value(l),
+          label: C.value(l),
+          selected: c.active,
+          focused: c.focused,
+          toggleOption: O,
+          setOptionIndex: H,
+          itemProps: c
+        };
+      });
+    }), tt = i(() => t.dropdownIcon !== void 0 ? t.dropdownIcon : N.iconSet.arrow.dropdown), ut = i(
+      () => t.optionsCover === !1 && t.outlined !== !0 && t.standout !== !0 && t.borderless !== !0 && t.rounded !== !0
+    ), lt = i(() => t.optionsSelectedClass !== void 0 ? t.optionsSelectedClass : t.color !== void 0 ? `text-${t.color}` : ""), p = i(() => ce(t.optionValue, "value")), C = i(() => ce(t.optionLabel, "label")), _ = i(() => ce(t.optionDisable, "disable")), J = i(() => f.value.map(p.value)), nt = i(() => {
+      const e = {
+        onInput: Pe,
+        // Safari < 10.2 & UIWebView doesn't fire compositionend when
+        // switching focus before confirming composition choice
+        // this also fixes the issue where some browsers e.g. iOS Chrome
+        // fires "change" instead of "input" on autocomplete.
+        onChange: he,
+        onKeydown: Be,
+        onKeyup: Te,
+        onKeypress: qe,
+        onFocus: Oe,
+        onClick(u) {
+          b === !0 && $(u);
+        }
+      };
+      return e.onCompositionstart = e.onCompositionupdate = e.onCompositionend = he, e;
+    });
+    Z(f, (e) => {
+      ee = e, t.useInput === !0 && t.fillInput === !0 && t.multiple !== !0 && n.innerLoading.value !== !0 && (A.value !== !0 && d.value !== !0 || ne.value !== !0) && (X !== !0 && K(), (A.value === !0 || d.value === !0) && P(""));
+    }, { immediate: !0 }), Z(() => t.fillInput, K), Z(d, re), Z(D, Ct);
+    function Fe(e) {
+      return t.emitValue === !0 ? p.value(e) : e;
+    }
+    function oe(e) {
+      if (e !== -1 && e < f.value.length)
+        if (t.multiple === !0) {
+          const u = t.modelValue.slice();
+          o("remove", { index: e, value: u.splice(e, 1)[0] }), o("update:modelValue", u);
+        } else
+          o("update:modelValue", null);
+    }
+    function at(e) {
+      oe(e), n.focus();
+    }
+    function De(e, u) {
+      const l = Fe(e);
+      if (t.multiple !== !0) {
+        t.fillInput === !0 && Q(
+          C.value(e),
+          !0,
+          !0
+        ), o("update:modelValue", l);
+        return;
+      }
+      if (f.value.length === 0) {
+        o("add", { index: 0, value: l }), o("update:modelValue", t.multiple === !0 ? [l] : l);
+        return;
+      }
+      if (u === !0 && ie(e) === !0 || t.maxValues !== void 0 && t.modelValue.length >= t.maxValues) return;
+      const a = t.modelValue.slice();
+      o("add", { index: a.length, value: l }), a.push(l), o("update:modelValue", a);
+    }
+    function O(e, u) {
+      if (n.editable.value !== !0 || e === void 0 || _.value(e) === !0) return;
+      const l = p.value(e);
+      if (t.multiple !== !0) {
+        u !== !0 && (Q(
+          t.fillInput === !0 ? C.value(e) : "",
+          !0,
+          !0
+        ), L()), S.value?.focus(), (f.value.length === 0 || j(p.value(f.value[0]), l) !== !0) && o("update:modelValue", t.emitValue === !0 ? l : e);
+        return;
+      }
+      if ((b !== !0 || U.value === !0) && n.focus(), Oe(), f.value.length === 0) {
+        const r = t.emitValue === !0 ? l : e;
+        o("add", { index: 0, value: r }), o("update:modelValue", t.multiple === !0 ? [r] : r);
+        return;
+      }
+      const a = t.modelValue.slice(), s = J.value.findIndex((r) => j(r, l));
+      if (s !== -1)
+        o("remove", { index: s, value: a.splice(s, 1)[0] });
+      else {
+        if (t.maxValues !== void 0 && a.length >= t.maxValues) return;
+        const r = t.emitValue === !0 ? l : e;
+        o("add", { index: a.length, value: r }), a.push(r);
+      }
+      o("update:modelValue", a);
+    }
+    function H(e) {
+      if (N.platform.is.desktop !== !0) return;
+      const u = e !== -1 && e < D.value ? e : -1;
+      v.value !== u && (v.value = u);
+    }
+    function W(e = 1, u) {
+      if (d.value === !0) {
+        let l = v.value;
+        do
+          l = Ue(
+            l + e,
+            -1,
+            D.value - 1
+          );
+        while (l !== -1 && l !== v.value && _.value(t.options[l]) === !0);
+        v.value !== l && (H(l), Ce(l), u !== !0 && t.useInput === !0 && t.fillInput === !0 && Y(
+          l >= 0 ? C.value(t.options[l]) : te,
+          !0
+        ));
+      }
+    }
+    function ot(e, u) {
+      const l = (a) => j(p.value(a), e);
+      return t.options.find(l) || u.find(l) || e;
+    }
+    function ie(e) {
+      const u = p.value(e);
+      return J.value.find((l) => j(l, u)) !== void 0;
+    }
+    function Oe(e) {
+      t.useInput === !0 && S.value !== null && (e === void 0 || S.value === e.target && e.target.value === Ie.value) && S.value.select();
+    }
+    function Le(e) {
+      Et(e, 27) === !0 && d.value === !0 && ($(e), L(), K()), o("keyup", e);
+    }
+    function Te(e) {
+      const { value: u } = e.target;
+      if (e.keyCode !== void 0) {
+        Le(e);
+        return;
+      }
+      if (e.target.value = "", w !== null && (clearTimeout(w), w = null), k !== null && (clearTimeout(k), k = null), K(), typeof u == "string" && u.length !== 0) {
+        const l = u.toLocaleLowerCase(), a = (r) => {
+          const y = t.options.find((c) => String(r.value(c)).toLocaleLowerCase() === l);
+          return y === void 0 ? !1 : (f.value.indexOf(y) === -1 ? O(y) : L(), !0);
+        }, s = (r) => {
+          a(p) !== !0 && r !== !0 && a(C) !== !0 && P(u, !0, () => s(!0));
+        };
+        s();
+      } else
+        n.clearValue(e);
+    }
+    function qe(e) {
+      o("keypress", e);
+    }
+    function Be(e) {
+      if (o("keydown", e), Kt(e) === !0) return;
+      const u = h.value.length !== 0 && (t.newValueMode !== void 0 || t.onNewValue !== void 0), l = e.shiftKey !== !0 && t.disableTabSelection !== !0 && t.multiple !== !0 && (v.value !== -1 || u === !0);
+      if (e.keyCode === 27) {
+        se(e);
+        return;
+      }
+      if (e.keyCode === 9 && l === !1) {
+        M();
+        return;
+      }
+      if (e.target === void 0 || e.target.id !== n.targetUid.value || n.editable.value !== !0) return;
+      if (e.keyCode === 40 && n.innerLoading.value !== !0 && d.value === !1) {
+        E(e), R();
+        return;
+      }
+      if (e.keyCode === 8 && (t.useChips === !0 || t.clearable === !0) && t.hideSelected !== !0 && h.value.length === 0) {
+        t.multiple === !0 && Array.isArray(t.modelValue) === !0 ? oe(t.modelValue.length - 1) : t.multiple !== !0 && t.modelValue !== null && o("update:modelValue", null);
+        return;
+      }
+      (e.keyCode === 35 || e.keyCode === 36) && (typeof h.value != "string" || h.value.length === 0) && (E(e), v.value = -1, W(e.keyCode === 36 ? 1 : -1, t.multiple)), (e.keyCode === 33 || e.keyCode === 34) && ye.value !== void 0 && (E(e), v.value = Math.max(
+        -1,
+        Math.min(
+          D.value,
+          v.value + (e.keyCode === 33 ? -1 : 1) * ye.value.view
+        )
+      ), W(e.keyCode === 33 ? 1 : -1, t.multiple)), (e.keyCode === 38 || e.keyCode === 40) && (E(e), W(e.keyCode === 38 ? -1 : 1, t.multiple));
+      const a = D.value;
+      if ((F === void 0 || fe < Date.now()) && (F = ""), a > 0 && t.useInput !== !0 && e.key !== void 0 && e.key.length === 1 && e.altKey === !1 && e.ctrlKey === !1 && e.metaKey === !1 && (e.keyCode !== 32 || F.length !== 0)) {
+        d.value !== !0 && R(e);
+        const s = e.key.toLocaleLowerCase(), r = F.length === 1 && F[0] === s;
+        fe = Date.now() + 1500, r === !1 && (E(e), F += s);
+        const y = new RegExp("^" + F.split("").map((de) => Nt.indexOf(de) !== -1 ? "\\" + de : de).join(".*"), "i");
+        let c = v.value;
+        if (r === !0 || c < 0 || y.test(C.value(t.options[c])) !== !0)
+          do
+            c = Ue(c + 1, -1, a - 1);
+          while (c !== v.value && (_.value(t.options[c]) === !0 || y.test(C.value(t.options[c])) !== !0));
+        v.value !== c && T(() => {
+          H(c), Ce(c), c >= 0 && t.useInput === !0 && t.fillInput === !0 && Y(C.value(t.options[c]), !0);
+        });
+        return;
+      }
+      if (!(e.keyCode !== 13 && (e.keyCode !== 32 || t.useInput === !0 || F !== "") && (e.keyCode !== 9 || l === !1))) {
+        if (e.keyCode !== 9 && E(e), v.value !== -1 && v.value < a) {
+          O(t.options[v.value]);
+          return;
+        }
+        if (u === !0) {
+          const s = (r, y) => {
+            if (y) {
+              if (ze(y) !== !0) return;
+            } else
+              y = t.newValueMode;
+            if (Q("", t.multiple !== !0, !0), r == null) return;
+            (y === "toggle" ? O : De)(r, y === "add-unique"), t.multiple !== !0 && (S.value?.focus(), L());
+          };
+          if (t.onNewValue !== void 0 ? o("newValue", h.value, s) : s(h.value), t.multiple !== !0) return;
+        }
+        d.value === !0 ? M() : n.innerLoading.value !== !0 && R();
+      }
+    }
+    function _e() {
+      return b === !0 ? me.value : B.value !== null && B.value.contentEl !== null ? B.value.contentEl : void 0;
+    }
+    function it() {
+      return _e();
+    }
+    function rt() {
+      return t.hideSelected === !0 ? [] : g["selected-item"] !== void 0 ? Ae.value.map((e) => g["selected-item"](e)).slice() : g.selected !== void 0 ? [].concat(g.selected()) : t.useChips === !0 ? Ae.value.map((e, u) => m(pt, {
+        key: "option-" + u,
+        removable: n.editable.value === !0 && _.value(e.opt) !== !0,
+        dense: !0,
+        textColor: t.color,
+        tabindex: ke.value,
+        onRemove() {
+          e.removeAtIndex(u);
+        }
+      }, () => m("span", {
+        class: "ellipsis",
+        [e.html === !0 ? "innerHTML" : "textContent"]: C.value(e.opt)
+      }))) : [
+        m("span", {
+          class: "ellipsis",
+          [Ze.value === !0 ? "innerHTML" : "textContent"]: we.value
+        })
+      ];
+    }
+    function He() {
+      if (z.value === !0)
+        return g["no-option"] !== void 0 ? g["no-option"]({ inputValue: h.value }) : void 0;
+      const e = g.option !== void 0 ? g.option : (l) => m(At, {
+        key: l.index,
+        ...l.itemProps
+      }, () => m(
+        Ft,
+        () => m(
+          Dt,
+          () => m("span", {
+            [l.html === !0 ? "innerHTML" : "textContent"]: l.label
+          })
+        )
+      ));
+      let u = Je("div", et.value.map(e));
+      return g["before-options"] !== void 0 && (u = g["before-options"]().concat(u)), $t(g["after-options"], u);
+    }
+    function dt(e, u) {
+      const l = u === !0 ? { ...xe.value, ...n.splitAttrs.attributes.value } : void 0, a = {
+        ref: u === !0 ? S : void 0,
+        key: "i_t",
+        class: Ye.value,
+        style: t.inputStyle,
+        value: h.value !== void 0 ? h.value : "",
+        // required for Android in order to show ENTER key when in form
+        type: "search",
+        ...l,
+        id: u === !0 ? n.targetUid.value : void 0,
+        maxlength: t.maxlength,
+        autocomplete: t.autocomplete,
+        "data-autofocus": e === !0 || t.autofocus === !0 || void 0,
+        disabled: t.disable === !0,
+        readonly: t.readonly === !0,
+        ...nt.value
+      };
+      return e !== !0 && b === !0 && (Array.isArray(a.class) === !0 ? a.class = [...a.class, "no-pointer-events"] : a.class += " no-pointer-events"), m("input", a);
+    }
+    function Pe(e) {
+      w !== null && (clearTimeout(w), w = null), k !== null && (clearTimeout(k), k = null), !(e && e.target && e.target.qComposing === !0) && (Y(e.target.value || ""), X = !0, te = h.value, n.focused.value !== !0 && (b !== !0 || U.value === !0) && n.focus(), t.onFilter !== void 0 && (w = setTimeout(() => {
+        w = null, P(h.value);
+      }, t.inputDebounce)));
+    }
+    function Y(e, u) {
+      h.value !== e && (h.value = e, u === !0 || t.inputDebounce === 0 || t.inputDebounce === "0" ? o("inputValue", e) : k = setTimeout(() => {
+        k = null, o("inputValue", e);
+      }, t.inputDebounce));
+    }
+    function Q(e, u, l) {
+      X = l !== !0, t.useInput === !0 && (Y(e, !0), (u === !0 || l !== !0) && (te = e), u !== !0 && P(e));
+    }
+    function P(e, u, l) {
+      if (t.onFilter === void 0 || u !== !0 && n.focused.value !== !0) return;
+      n.innerLoading.value === !0 ? o("filterAbort") : (n.innerLoading.value = !0, q.value = !0), e !== "" && t.multiple !== !0 && f.value.length !== 0 && X !== !0 && e === C.value(f.value[0]) && (e = "");
+      const a = setTimeout(() => {
+        d.value === !0 && (d.value = !1);
+      }, 10);
+      x !== null && clearTimeout(x), x = a, o(
+        "filter",
+        e,
+        (s, r) => {
+          (u === !0 || n.focused.value === !0) && x === a && (clearTimeout(x), typeof s == "function" && s(), q.value = !1, T(() => {
+            n.innerLoading.value = !1, n.editable.value === !0 && (u === !0 ? d.value === !0 && L() : d.value === !0 ? re(!0) : d.value = !0), typeof r == "function" && T(() => {
+              r(I);
+            }), typeof l == "function" && T(() => {
+              l(I);
+            });
+          }));
+        },
+        () => {
+          n.focused.value === !0 && x === a && (clearTimeout(x), n.innerLoading.value = !1, q.value = !1), d.value === !0 && (d.value = !1);
+        }
+      );
+    }
+    function st() {
+      return m(Ot, {
+        ref: B,
+        class: Ve.value,
+        style: t.popupContentStyle,
+        modelValue: d.value,
+        fit: t.menuShrink !== !0,
+        cover: t.optionsCover === !0 && z.value !== !0 && t.useInput !== !0,
+        anchor: t.menuAnchor,
+        self: t.menuSelf,
+        offset: t.menuOffset,
+        dark: G.value,
+        noParentEvent: !0,
+        noRefocus: !0,
+        noFocus: !0,
+        noRouteDismiss: t.popupNoRouteDismiss,
+        square: ut.value,
+        transitionShow: t.transitionShow,
+        transitionHide: t.transitionHide,
+        transitionDuration: t.transitionDuration,
+        separateClosePopup: !0,
+        ...pe.value,
+        onScrollPassive: Se,
+        onBeforeShow: Re,
+        onBeforeHide: ct,
+        onShow: vt
+      }, He);
+    }
+    function ct(e) {
+      Ke(e), M();
+    }
+    function vt() {
+      be();
+    }
+    function ft(e) {
+      $(e), S.value?.focus(), U.value = !0, window.scrollTo(window.pageXOffset || window.scrollX || document.body.scrollLeft || 0, 0);
+    }
+    function mt(e) {
+      $(e), T(() => {
+        U.value = !1;
+      });
+    }
+    function gt() {
+      const e = [
+        m(kt, {
+          class: `col-auto ${n.fieldClass.value}`,
+          ...We.value,
+          for: n.targetUid.value,
+          dark: G.value,
+          square: !0,
+          loading: q.value,
+          itemAligned: !1,
+          filled: !0,
+          stackLabel: h.value.length !== 0,
+          ...n.splitAttrs.listeners.value,
+          onFocus: ft,
+          onBlur: mt
+        }, {
+          ...g,
+          rawControl: () => n.getControl(!0),
+          before: void 0,
+          after: void 0
+        })
+      ];
+      return d.value === !0 && e.push(
+        m("div", {
+          ref: me,
+          class: Ve.value + " scroll",
+          style: t.popupContentStyle,
+          ...pe.value,
+          onClick: se,
+          onScrollPassive: Se
+        }, He())
+      ), m(Lt, {
+        ref: ue,
+        modelValue: A.value,
+        position: t.useInput === !0 ? "top" : void 0,
+        transitionShow: ve,
+        transitionHide: t.transitionHide,
+        transitionDuration: t.transitionDuration,
+        noRouteDismiss: t.popupNoRouteDismiss,
+        onBeforeShow: Re,
+        onBeforeHide: ht,
+        onHide: yt,
+        onShow: St
+      }, () => m("div", {
+        class: "q-select__dialog" + (G.value === !0 ? " q-select__dialog--dark q-dark" : "") + (U.value === !0 ? " q-select__dialog--focused" : "")
+      }, e));
+    }
+    function ht(e) {
+      Ke(e), ue.value !== null && ue.value.__updateRefocusTarget(
+        n.rootRef.value.querySelector(".q-field__native > [tabindex]:last-child")
+      ), n.focused.value = !1;
+    }
+    function yt(e) {
+      L(), n.focused.value === !1 && o("blur", e), K();
+    }
+    function St() {
+      const e = document.activeElement;
+      (e === null || e.id !== n.targetUid.value) && S.value !== null && S.value !== e && S.value.focus(), be();
+    }
+    function M() {
+      A.value !== !0 && (v.value = -1, d.value === !0 && (d.value = !1), n.focused.value === !1 && (x !== null && (clearTimeout(x), x = null), n.innerLoading.value === !0 && (o("filterAbort"), n.innerLoading.value = !1, q.value = !1)));
+    }
+    function R(e) {
+      n.editable.value === !0 && (b === !0 ? (n.onControlFocusin(e), A.value = !0, T(() => {
+        n.focus();
+      })) : n.focus(), t.onFilter !== void 0 ? P(h.value) : (z.value !== !0 || g["no-option"] !== void 0) && (d.value = !0));
+    }
+    function L() {
+      A.value = !1, M();
+    }
+    function K() {
+      t.useInput === !0 && Q(
+        t.multiple !== !0 && t.fillInput === !0 && f.value.length !== 0 && C.value(f.value[0]) || "",
+        !0,
+        !0
+      );
+    }
+    function re(e) {
+      let u = -1;
+      if (e === !0) {
+        if (f.value.length !== 0) {
+          const l = p.value(f.value[0]);
+          u = t.options.findIndex((a) => j(p.value(a), l));
+        }
+        le(u);
+      }
+      H(u);
+    }
+    function Ct(e, u) {
+      d.value === !0 && n.innerLoading.value === !1 && (le(-1, !0), T(() => {
+        d.value === !0 && n.innerLoading.value === !1 && (e > u ? le() : re(!0));
+      }));
+    }
+    function Me() {
+      A.value === !1 && B.value !== null && B.value.updatePosition();
+    }
+    function Re(e) {
+      e !== void 0 && $(e), o("popupShow", e), n.hasPopupOpen = !0, n.onControlFocusin(e);
+    }
+    function Ke(e) {
+      e !== void 0 && $(e), o("popupHide", e), n.hasPopupOpen = !1, n.onControlFocusout(e);
+    }
+    function Ee() {
+      b = N.platform.is.mobile !== !0 && t.behavior !== "dialog" ? !1 : t.behavior !== "menu" && (t.useInput === !0 ? g["no-option"] !== void 0 || t.onFilter !== void 0 || z.value === !1 : !0), ve = N.platform.is.ios === !0 && b === !0 && t.useInput === !0 ? "fade" : t.transitionShow;
+    }
+    return Vt(Ee), It(Me), Ee(), wt(() => {
+      w !== null && clearTimeout(w), k !== null && clearTimeout(k);
+    }), Object.assign(I, {
+      showPopup: R,
+      hidePopup: L,
+      removeAtIndex: oe,
+      add: De,
+      toggleOption: O,
+      getOptionIndex: () => v.value,
+      setOptionIndex: H,
+      moveOptionSelection: W,
+      filter: P,
+      updateMenuPosition: Me,
+      updateInputValue: Q,
+      isOptionSelected: ie,
+      getEmittingOptionValue: Fe,
+      isOptionDisabled: (...e) => _.value.apply(null, e) === !0,
+      getOptionValue: (...e) => p.value.apply(null, e),
+      getOptionLabel: (...e) => C.value.apply(null, e)
+    }), Object.assign(n, {
+      innerValue: f,
+      fieldClass: i(
+        () => `q-select q-field--auto-height q-select--with${t.useInput !== !0 ? "out" : ""}-input q-select--with${t.useChips !== !0 ? "out" : ""}-chips q-select--${t.multiple === !0 ? "multiple" : "single"}`
+      ),
+      inputRef: je,
+      targetRef: S,
+      hasValue: ne,
+      showPopup: R,
+      floatingLabel: i(
+        () => t.hideSelected !== !0 && ne.value === !0 || typeof h.value == "number" || h.value.length !== 0 || $e(t.displayValue)
+      ),
+      getControlChild: () => {
+        if (n.editable.value !== !1 && (A.value === !0 || z.value !== !0 || g["no-option"] !== void 0))
+          return b === !0 ? gt() : st();
+        n.hasPopupOpen === !0 && (n.hasPopupOpen = !1);
+      },
+      controlEvents: {
+        onFocusin(e) {
+          n.onControlFocusin(e);
+        },
+        onFocusout(e) {
+          n.onControlFocusout(e, () => {
+            K(), M();
+          });
+        },
+        onClick(e) {
+          if (se(e), b !== !0 && d.value === !0) {
+            M(), S.value?.focus();
+            return;
+          }
+          R(e);
+        }
+      },
+      getControl: (e) => {
+        const u = rt(), l = e === !0 || A.value !== !0 || b !== !0;
+        if (t.useInput === !0)
+          u.push(dt(e, l));
+        else if (n.editable.value === !0) {
+          const s = l === !0 ? xe.value : void 0;
+          u.push(
+            m("input", {
+              ref: l === !0 ? S : void 0,
+              key: "d_t",
+              class: "q-select__focus-target",
+              id: l === !0 ? n.targetUid.value : void 0,
+              value: we.value,
+              readonly: !0,
+              "data-autofocus": e === !0 || t.autofocus === !0 || void 0,
+              ...s,
+              onKeydown: Be,
+              onKeyup: Le,
+              onKeypress: qe
+            })
+          ), l === !0 && typeof t.autocomplete == "string" && t.autocomplete.length !== 0 && u.push(
+            m("input", {
+              class: "q-select__autocomplete-input",
+              autocomplete: t.autocomplete,
+              tabindex: -1,
+              onKeyup: Te
+            })
+          );
+        }
+        if (ge.value !== void 0 && t.disable !== !0 && J.value.length !== 0) {
+          const s = J.value.map((r) => m("option", { value: r, selected: !0 }));
+          u.push(
+            m("select", {
+              class: "hidden",
+              name: ge.value,
+              multiple: t.multiple
+            }, s)
+          );
+        }
+        const a = t.useInput === !0 || l !== !0 ? void 0 : n.splitAttrs.attributes.value;
+        return m("div", {
+          class: "q-field__native row items-center",
+          ...a,
+          ...n.splitAttrs.listeners.value
+        }, u);
+      },
+      getInnerAppend: () => t.loading !== !0 && q.value !== !0 && t.hideDropdownIcon !== !0 ? [
+        m(xt, {
+          class: "q-select__dropdown-icon" + (d.value === !0 ? " rotate-180" : ""),
+          name: tt.value
+        })
+      ] : null
+    }), Tt(n);
+  }
+});
+export {
+  su as default
+};