@validol4ik/uikit 0.9.5 → 0.9.7

package/dist/AppSelect-De8uYZsG.js

@@ -0,0 +1,1985 @@
+import { getCurrentInstance as ve, ref as F, onBeforeUpdate as Ot, inject as il, watch as Z, onMounted as It, onBeforeUnmount as Ee, computed as c, nextTick as ne, onDeactivated as Mt, onActivated as Et, h as p, Transition as al, onBeforeMount as rl, onUpdated as sl, defineComponent as cl, openBlock as oe, createElementBlock as ue, normalizeClass as Ne, toDisplayString as Ke, createCommentVNode as Qe, createVNode as Ct, unref as dl, withCtx as tt, mergeProps as fl, Fragment as Ue, createTextVNode as wt, createElementVNode as Vt, withModifiers as vl } from "vue";
+import { u as Tt, s as ce, p as de, a as Lt, Q as ze, b as ml, h as Be, c as Te, d as gl, e as pl, f as hl, g as Sl, R as bl, n as yl, i as Cl, j as wl, k as Vl, l as Ae, m as ql, o as kl, q as _l, S as xl, P as Al, _ as Bl } from "./index-DLmO1BOx.js";
+import { u as zl, Q as Rl } from "./QMenu-DBYwgcG3.js";
+import { b as Fl, c as Ol } from "./focusout-DjvPXP_b.js";
+import { a as Il, r as Ml } from "./escape-key-BI7VXtq3.js";
+import { Q as El } from "./QDialog-BNpd5bKf.js";
+const qt = (e) => e ? !0 : "Обовʼязкове поле", kt = /^on[A-Z]/;
+function Tl() {
+  const { attrs: e, vnode: l } = ve(), o = {
+    listeners: F({}),
+    attributes: F({})
+  };
+  function u() {
+    const h = {}, i = {};
+    for (const d in e)
+      d !== "class" && d !== "style" && kt.test(d) === !1 && (h[d] = e[d]);
+    for (const d in l.props)
+      kt.test(d) === !0 && (i[d] = l.props[d]);
+    o.attributes.value = h, o.listeners.value = i;
+  }
+  return Ot(u), u(), o;
+}
+const Ll = "_q_fo_";
+function Hl({ validate: e, resetValidation: l, requiresQForm: o }) {
+  const u = il(Ll, !1);
+  if (u !== !1) {
+    const { props: h, proxy: i } = ve();
+    Object.assign(i, { validate: e, resetValidation: l }), Z(() => h.disable, (d) => {
+      d === !0 ? (typeof l == "function" && l(), u.unbindComponent(i)) : u.bindComponent(i);
+    }), It(() => {
+      h.disable !== !0 && u.bindComponent(i);
+    }), Ee(() => {
+      h.disable !== !0 && u.unbindComponent(i);
+    });
+  } else o === !0 && console.error("Parent QForm not found on useFormChild()!");
+}
+const _t = /^#[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$/, xt = /^#[0-9a-fA-F]{4}([0-9a-fA-F]{4})?$/, At = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/, We = /^rgb\(((0|[1-9][\d]?|1[\d]{0,2}|2[\d]?|2[0-4][\d]|25[0-5]),){2}(0|[1-9][\d]?|1[\d]{0,2}|2[\d]?|2[0-4][\d]|25[0-5])\)$/, Xe = /^rgba\(((0|[1-9][\d]?|1[\d]{0,2}|2[\d]?|2[0-4][\d]|25[0-5]),){2}(0|[1-9][\d]?|1[\d]{0,2}|2[\d]?|2[0-4][\d]|25[0-5]),(0|0\.[0-9]+[1-9]|0\.[1-9]+|1)\)$/, lt = {
+  date: (e) => /^-?[\d]+\/[0-1]\d\/[0-3]\d$/.test(e),
+  time: (e) => /^([0-1]?\d|2[0-3]):[0-5]\d$/.test(e),
+  fulltime: (e) => /^([0-1]?\d|2[0-3]):[0-5]\d:[0-5]\d$/.test(e),
+  timeOrFulltime: (e) => /^([0-1]?\d|2[0-3]):[0-5]\d(:[0-5]\d)?$/.test(e),
+  // -- RFC 5322 --
+  // -- Added in v2.6.6 --
+  // This is a basic helper validation.
+  // For something more complex (like RFC 822) you should write and use your own rule.
+  // We won't be accepting PRs to enhance the one below because of the reason above.
+  // eslint-disable-next-line
+  email: (e) => /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e),
+  hexColor: (e) => _t.test(e),
+  hexaColor: (e) => xt.test(e),
+  hexOrHexaColor: (e) => At.test(e),
+  rgbColor: (e) => We.test(e),
+  rgbaColor: (e) => Xe.test(e),
+  rgbOrRgbaColor: (e) => We.test(e) || Xe.test(e),
+  hexOrRgbColor: (e) => _t.test(e) || We.test(e),
+  hexaOrRgbaColor: (e) => xt.test(e) || Xe.test(e),
+  anyColor: (e) => At.test(e) || We.test(e) || Xe.test(e)
+};
+function Ht(e, l = 250, o) {
+  let u = null;
+  function h() {
+    const i = arguments, d = () => {
+      u = null, e.apply(this, i);
+    };
+    u !== null ? clearTimeout(u) : o === !0 && e.apply(this, i), u = setTimeout(d, l);
+  }
+  return h.cancel = () => {
+    u !== null && clearTimeout(u);
+  }, h;
+}
+const $l = [!0, !1, "ondemand"], Dl = {
+  modelValue: {},
+  error: {
+    type: Boolean,
+    default: null
+  },
+  errorMessage: String,
+  noErrorIcon: Boolean,
+  rules: Array,
+  reactiveRules: Boolean,
+  lazyRules: {
+    type: [Boolean, String],
+    default: !1,
+    // statement unneeded but avoids future vue implementation changes
+    validator: (e) => $l.includes(e)
+  }
+};
+function Pl(e, l) {
+  const { props: o, proxy: u } = ve(), h = F(!1), i = F(null), d = F(!1);
+  Hl({ validate: v, resetValidation: R });
+  let S = 0, b;
+  const O = c(
+    () => o.rules !== void 0 && o.rules !== null && o.rules.length !== 0
+  ), g = c(() => o.disable !== !0 && O.value === !0 && l.value === !1), y = c(
+    () => o.error === !0 || h.value === !0
+  ), _ = c(() => typeof o.errorMessage == "string" && o.errorMessage.length !== 0 ? o.errorMessage : i.value);
+  Z(() => o.modelValue, () => {
+    d.value = !0, g.value === !0 && o.lazyRules === !1 && f();
+  });
+  function x() {
+    o.lazyRules !== "ondemand" && g.value === !0 && d.value === !0 && f();
+  }
+  Z(() => o.reactiveRules, (C) => {
+    C === !0 ? b === void 0 && (b = Z(() => o.rules, x, { immediate: !0, deep: !0 })) : b !== void 0 && (b(), b = void 0);
+  }, { immediate: !0 }), Z(() => o.lazyRules, x), Z(e, (C) => {
+    C === !0 ? d.value = !0 : g.value === !0 && o.lazyRules !== "ondemand" && f();
+  });
+  function R() {
+    S++, l.value = !1, d.value = !1, h.value = !1, i.value = null, f.cancel();
+  }
+  function v(C = o.modelValue) {
+    if (o.disable === !0 || O.value === !1)
+      return !0;
+    const N = ++S, K = l.value !== !0 ? () => {
+      d.value = !0;
+    } : () => {
+    }, I = (B, L) => {
+      B === !0 && K(), h.value = B, i.value = L || null, l.value = !1;
+    }, J = [];
+    for (let B = 0; B < o.rules.length; B++) {
+      const L = o.rules[B];
+      let H;
+      if (typeof L == "function" ? H = L(C, lt) : typeof L == "string" && lt[L] !== void 0 && (H = lt[L](C)), H === !1 || typeof H == "string")
+        return I(!0, H), !1;
+      H !== !0 && H !== void 0 && J.push(H);
+    }
+    return J.length === 0 ? (I(!1), !0) : (l.value = !0, Promise.all(J).then(
+      (B) => {
+        if (B === void 0 || Array.isArray(B) === !1 || B.length === 0)
+          return N === S && I(!1), !0;
+        const L = B.find((H) => H === !1 || typeof H == "string");
+        return N === S && I(L !== void 0, L), L === void 0;
+      },
+      (B) => (N === S && (console.error(B), I(!0)), !1)
+    ));
+  }
+  const f = Ht(v, 0);
+  return Ee(() => {
+    b == null || b(), f.cancel();
+  }), Object.assign(u, { resetValidation: R, validate: v }), Fl(u, "hasError", () => y.value), {
+    isDirtyModel: d,
+    hasRules: O,
+    hasError: y,
+    errorMessage: _,
+    validate: v,
+    resetValidation: R
+  };
+}
+function nt(e) {
+  return e != null && ("" + e).length !== 0;
+}
+const jl = {
+  ...Tt,
+  ...Dl,
+  label: String,
+  stackLabel: Boolean,
+  hint: String,
+  hideHint: Boolean,
+  prefix: String,
+  suffix: String,
+  labelColor: String,
+  color: String,
+  bgColor: String,
+  filled: Boolean,
+  outlined: Boolean,
+  borderless: Boolean,
+  standout: [Boolean, String],
+  square: Boolean,
+  loading: Boolean,
+  labelSlot: Boolean,
+  bottomSlots: Boolean,
+  hideBottomSpace: Boolean,
+  rounded: Boolean,
+  dense: Boolean,
+  itemAligned: Boolean,
+  counter: Boolean,
+  clearable: Boolean,
+  clearIcon: String,
+  disable: Boolean,
+  readonly: Boolean,
+  autofocus: Boolean,
+  for: String
+}, it = {
+  ...jl,
+  maxlength: [Number, String]
+}, $t = ["update:modelValue", "clear", "focus", "blur"];
+function Dt({ requiredForAttr: e = !0, tagProp: l, changeEvent: o = !1 } = {}) {
+  const { props: u, proxy: h } = ve(), i = Lt(u, h.$q), d = zl({
+    required: e,
+    getValue: () => u.for
+  });
+  return {
+    requiredForAttr: e,
+    changeEvent: o,
+    tag: l === !0 ? c(() => u.tag) : { value: "label" },
+    isDark: i,
+    editable: c(
+      () => u.disable !== !0 && u.readonly !== !0
+    ),
+    innerLoading: F(!1),
+    focused: F(!1),
+    hasPopupOpen: !1,
+    splitAttrs: Tl(),
+    targetUid: d,
+    rootRef: F(null),
+    targetRef: F(null),
+    controlRef: F(null)
+    /**
+         * user supplied additionals:
+    
+         * innerValue - computed
+         * floatingLabel - computed
+         * inputRef - computed
+    
+         * fieldClass - computed
+         * hasShadow - computed
+    
+         * controlEvents - Object with fn(e)
+    
+         * getControl - fn
+         * getInnerAppend - fn
+         * getControlChild - fn
+         * getShadowControl - fn
+         * showPopup - fn
+         */
+  };
+}
+function Pt(e) {
+  const { props: l, emit: o, slots: u, attrs: h, proxy: i } = ve(), { $q: d } = i;
+  let S = null;
+  e.hasValue === void 0 && (e.hasValue = c(() => nt(l.modelValue))), e.emitValue === void 0 && (e.emitValue = (m) => {
+    o("update:modelValue", m);
+  }), e.controlEvents === void 0 && (e.controlEvents = {
+    onFocusin: ie,
+    onFocusout: te
+  }), Object.assign(e, {
+    clearValue: ae,
+    onControlFocusin: ie,
+    onControlFocusout: te,
+    focus: L
+  }), e.computedCounter === void 0 && (e.computedCounter = c(() => {
+    if (l.counter !== !1) {
+      const m = typeof l.modelValue == "string" || typeof l.modelValue == "number" ? ("" + l.modelValue).length : Array.isArray(l.modelValue) === !0 ? l.modelValue.length : 0, V = l.maxlength !== void 0 ? l.maxlength : l.maxValues;
+      return m + (V !== void 0 ? " / " + V : "");
+    }
+  }));
+  const {
+    isDirtyModel: b,
+    hasRules: O,
+    hasError: g,
+    errorMessage: y,
+    resetValidation: _
+  } = Pl(e.focused, e.innerLoading), x = e.floatingLabel !== void 0 ? c(() => l.stackLabel === !0 || e.focused.value === !0 || e.floatingLabel.value === !0) : c(() => l.stackLabel === !0 || e.focused.value === !0 || e.hasValue.value === !0), R = c(
+    () => l.bottomSlots === !0 || l.hint !== void 0 || O.value === !0 || l.counter === !0 || l.error !== null
+  ), v = c(() => l.filled === !0 ? "filled" : l.outlined === !0 ? "outlined" : l.borderless === !0 ? "borderless" : l.standout ? "standout" : "standard"), f = c(
+    () => `q-field row no-wrap items-start q-field--${v.value}` + (e.fieldClass !== void 0 ? ` ${e.fieldClass.value}` : "") + (l.rounded === !0 ? " q-field--rounded" : "") + (l.square === !0 ? " q-field--square" : "") + (x.value === !0 ? " q-field--float" : "") + (N.value === !0 ? " q-field--labeled" : "") + (l.dense === !0 ? " q-field--dense" : "") + (l.itemAligned === !0 ? " q-field--item-aligned q-item-type" : "") + (e.isDark.value === !0 ? " q-field--dark" : "") + (e.getControl === void 0 ? " q-field--auto-height" : "") + (e.focused.value === !0 ? " q-field--focused" : "") + (g.value === !0 ? " q-field--error" : "") + (g.value === !0 || e.focused.value === !0 ? " q-field--highlighted" : "") + (l.hideBottomSpace !== !0 && R.value === !0 ? " q-field--with-bottom" : "") + (l.disable === !0 ? " q-field--disabled" : l.readonly === !0 ? " q-field--readonly" : "")
+  ), C = c(
+    () => "q-field__control relative-position row no-wrap" + (l.bgColor !== void 0 ? ` bg-${l.bgColor}` : "") + (g.value === !0 ? " text-negative" : typeof l.standout == "string" && l.standout.length !== 0 && e.focused.value === !0 ? ` ${l.standout}` : l.color !== void 0 ? ` text-${l.color}` : "")
+  ), N = c(
+    () => l.labelSlot === !0 || l.label !== void 0
+  ), K = c(
+    () => "q-field__label no-pointer-events absolute ellipsis" + (l.labelColor !== void 0 && g.value !== !0 ? ` text-${l.labelColor}` : "")
+  ), I = c(() => ({
+    id: e.targetUid.value,
+    editable: e.editable.value,
+    focused: e.focused.value,
+    floatingLabel: x.value,
+    modelValue: l.modelValue,
+    emitValue: e.emitValue
+  })), J = c(() => {
+    const m = {};
+    return e.targetUid.value && (m.for = e.targetUid.value), l.disable === !0 && (m["aria-disabled"] = "true"), m;
+  });
+  function B() {
+    var W;
+    const m = document.activeElement;
+    let V = (W = e.targetRef) == null ? void 0 : W.value;
+    V && (m === null || m.id !== e.targetUid.value) && (V.hasAttribute("tabindex") === !0 || (V = V.querySelector("[tabindex]")), V !== m && (V == null || V.focus({ preventScroll: !0 })));
+  }
+  function L() {
+    Il(B);
+  }
+  function H() {
+    Ml(B);
+    const m = document.activeElement;
+    m !== null && e.rootRef.value.contains(m) && m.blur();
+  }
+  function ie(m) {
+    S !== null && (clearTimeout(S), S = null), e.editable.value === !0 && e.focused.value === !1 && (e.focused.value = !0, o("focus", m));
+  }
+  function te(m, V) {
+    S !== null && clearTimeout(S), S = setTimeout(() => {
+      S = null, !(document.hasFocus() === !0 && (e.hasPopupOpen === !0 || e.controlRef === void 0 || e.controlRef.value === null || e.controlRef.value.contains(document.activeElement) !== !1)) && (e.focused.value === !0 && (e.focused.value = !1, o("blur", m)), V == null || V());
+    });
+  }
+  function ae(m) {
+    var V;
+    ce(m), d.platform.is.mobile !== !0 ? (((V = e.targetRef) == null ? void 0 : V.value) || e.rootRef.value).focus() : e.rootRef.value.contains(document.activeElement) === !0 && document.activeElement.blur(), l.type === "file" && (e.inputRef.value.value = null), o("update:modelValue", null), e.changeEvent === !0 && o("change", null), o("clear", l.modelValue), ne(() => {
+      const W = b.value;
+      _(), b.value = W;
+    });
+  }
+  function Q(m) {
+    [13, 32].includes(m.keyCode) && ae(m);
+  }
+  function me() {
+    const m = [];
+    return u.prepend !== void 0 && m.push(
+      p("div", {
+        class: "q-field__prepend q-field__marginal row no-wrap items-center",
+        key: "prepend",
+        onClick: de
+      }, u.prepend())
+    ), m.push(
+      p("div", {
+        class: "q-field__control-container col relative-position row no-wrap q-anchor--skip"
+      }, be())
+    ), g.value === !0 && l.noErrorIcon === !1 && m.push(
+      U("error", [
+        p(ze, { name: d.iconSet.field.error, color: "negative" })
+      ])
+    ), l.loading === !0 || e.innerLoading.value === !0 ? m.push(
+      U(
+        "inner-loading-append",
+        u.loading !== void 0 ? u.loading() : [p(ml, { color: l.color })]
+      )
+    ) : l.clearable === !0 && e.hasValue.value === !0 && e.editable.value === !0 && m.push(
+      U("inner-clearable-append", [
+        p(ze, {
+          class: "q-field__focusable-action",
+          name: l.clearIcon || d.iconSet.field.clear,
+          tabindex: 0,
+          role: "button",
+          "aria-hidden": "false",
+          "aria-label": d.lang.label.clear,
+          onKeyup: Q,
+          onClick: ae
+        })
+      ])
+    ), u.append !== void 0 && m.push(
+      p("div", {
+        class: "q-field__append q-field__marginal row no-wrap items-center",
+        key: "append",
+        onClick: de
+      }, u.append())
+    ), e.getInnerAppend !== void 0 && m.push(
+      U("inner-append", e.getInnerAppend())
+    ), e.getControlChild !== void 0 && m.push(
+      e.getControlChild()
+    ), m;
+  }
+  function be() {
+    const m = [];
+    return l.prefix !== void 0 && l.prefix !== null && m.push(
+      p("div", {
+        class: "q-field__prefix no-pointer-events row items-center"
+      }, l.prefix)
+    ), e.getShadowControl !== void 0 && e.hasShadow.value === !0 && m.push(
+      e.getShadowControl()
+    ), N.value === !0 && m.push(
+      p("div", {
+        class: K.value
+      }, Be(u.label, l.label))
+    ), e.getControl !== void 0 ? m.push(e.getControl()) : u.rawControl !== void 0 ? m.push(u.rawControl()) : u.control !== void 0 && m.push(
+      p("div", {
+        ref: e.targetRef,
+        class: "q-field__native row",
+        tabindex: -1,
+        ...e.splitAttrs.attributes.value,
+        "data-autofocus": l.autofocus === !0 || void 0
+      }, u.control(I.value))
+    ), l.suffix !== void 0 && l.suffix !== null && m.push(
+      p("div", {
+        class: "q-field__suffix no-pointer-events row items-center"
+      }, l.suffix)
+    ), m.concat(Be(u.default));
+  }
+  function re() {
+    let m, V;
+    g.value === !0 ? y.value !== null ? (m = [p("div", { role: "alert" }, y.value)], V = `q--slot-error-${y.value}`) : (m = Be(u.error), V = "q--slot-error") : (l.hideHint !== !0 || e.focused.value === !0) && (l.hint !== void 0 ? (m = [p("div", l.hint)], V = `q--slot-hint-${l.hint}`) : (m = Be(u.hint), V = "q--slot-hint"));
+    const W = l.counter === !0 || u.counter !== void 0;
+    if (l.hideBottomSpace === !0 && W === !1 && m === void 0) return;
+    const n = p("div", {
+      key: V,
+      class: "q-field__messages col"
+    }, m);
+    return p("div", {
+      class: "q-field__bottom row items-start q-field__bottom--" + (l.hideBottomSpace !== !0 ? "animated" : "stale"),
+      onClick: de
+    }, [
+      l.hideBottomSpace === !0 ? n : p(al, { name: "q-transition--field-message" }, () => n),
+      W === !0 ? p("div", {
+        class: "q-field__counter"
+      }, u.counter !== void 0 ? u.counter() : e.computedCounter.value) : null
+    ]);
+  }
+  function U(m, V) {
+    return V === null ? null : p("div", {
+      key: m,
+      class: "q-field__append q-field__marginal row no-wrap items-center q-anchor--skip"
+    }, V);
+  }
+  let ye = !1;
+  return Mt(() => {
+    ye = !0;
+  }), Et(() => {
+    ye === !0 && l.autofocus === !0 && i.focus();
+  }), l.autofocus === !0 && It(() => {
+    i.focus();
+  }), Ee(() => {
+    S !== null && clearTimeout(S);
+  }), Object.assign(i, { focus: L, blur: H }), function() {
+    const V = e.getControl === void 0 && u.control === void 0 ? {
+      ...e.splitAttrs.attributes.value,
+      "data-autofocus": l.autofocus === !0 || void 0,
+      ...J.value
+    } : J.value;
+    return p(e.tag.value, {
+      ref: e.rootRef,
+      class: [
+        f.value,
+        h.class
+      ],
+      style: h.style,
+      ...V
+    }, [
+      u.before !== void 0 ? p("div", {
+        class: "q-field__before q-field__marginal row no-wrap items-center",
+        onClick: de
+      }, u.before()) : null,
+      p("div", {
+        class: "q-field__inner relative-position col self-stretch"
+      }, [
+        p("div", {
+          ref: e.controlRef,
+          class: C.value,
+          tabindex: -1,
+          ...e.controlEvents
+        }, me()),
+        R.value === !0 ? re() : null
+      ]),
+      u.after !== void 0 ? p("div", {
+        class: "q-field__after q-field__marginal row no-wrap items-center",
+        onClick: de
+      }, u.after()) : null
+    ]);
+  };
+}
+const Nl = Te({
+  name: "QField",
+  inheritAttrs: !1,
+  props: {
+    ...it,
+    tag: {
+      type: String,
+      default: "label"
+    }
+  },
+  emits: $t,
+  setup() {
+    return Pt(
+      Dt({ tagProp: !0 })
+    );
+  }
+}), Kl = {
+  xs: 8,
+  sm: 10,
+  md: 14,
+  lg: 20,
+  xl: 24
+}, Ql = Te({
+  name: "QChip",
+  props: {
+    ...Tt,
+    ...gl,
+    dense: Boolean,
+    icon: String,
+    iconRight: String,
+    iconRemove: String,
+    iconSelected: String,
+    label: [String, Number],
+    color: String,
+    textColor: String,
+    modelValue: {
+      type: Boolean,
+      default: !0
+    },
+    selected: {
+      type: Boolean,
+      default: null
+    },
+    square: Boolean,
+    outline: Boolean,
+    clickable: Boolean,
+    removable: Boolean,
+    removeAriaLabel: String,
+    tabindex: [String, Number],
+    disable: Boolean,
+    ripple: {
+      type: [Boolean, Object],
+      default: !0
+    }
+  },
+  emits: ["update:modelValue", "update:selected", "remove", "click"],
+  setup(e, { slots: l, emit: o }) {
+    const { proxy: { $q: u } } = ve(), h = Lt(e, u), i = pl(e, Kl), d = c(() => e.selected === !0 || e.icon !== void 0), S = c(() => e.selected === !0 ? e.iconSelected || u.iconSet.chip.selected : e.icon), b = c(() => e.iconRemove || u.iconSet.chip.remove), O = c(
+      () => e.disable === !1 && (e.clickable === !0 || e.selected !== null)
+    ), g = c(() => {
+      const f = e.outline === !0 && e.color || e.textColor;
+      return "q-chip row inline no-wrap items-center" + (e.outline === !1 && e.color !== void 0 ? ` bg-${e.color}` : "") + (f ? ` text-${f} q-chip--colored` : "") + (e.disable === !0 ? " disabled" : "") + (e.dense === !0 ? " q-chip--dense" : "") + (e.outline === !0 ? " q-chip--outline" : "") + (e.selected === !0 ? " q-chip--selected" : "") + (O.value === !0 ? " q-chip--clickable cursor-pointer non-selectable q-hoverable" : "") + (e.square === !0 ? " q-chip--square" : "") + (h.value === !0 ? " q-chip--dark q-dark" : "");
+    }), y = c(() => {
+      const f = e.disable === !0 ? { tabindex: -1, "aria-disabled": "true" } : { tabindex: e.tabindex || 0 }, C = {
+        ...f,
+        role: "button",
+        "aria-hidden": "false",
+        "aria-label": e.removeAriaLabel || u.lang.label.remove
+      };
+      return { chip: f, remove: C };
+    });
+    function _(f) {
+      f.keyCode === 13 && x(f);
+    }
+    function x(f) {
+      e.disable || (o("update:selected", !e.selected), o("click", f));
+    }
+    function R(f) {
+      (f.keyCode === void 0 || f.keyCode === 13) && (ce(f), e.disable === !1 && (o("update:modelValue", !1), o("remove")));
+    }
+    function v() {
+      const f = [];
+      O.value === !0 && f.push(
+        p("div", { class: "q-focus-helper" })
+      ), d.value === !0 && f.push(
+        p(ze, {
+          class: "q-chip__icon q-chip__icon--left",
+          name: S.value
+        })
+      );
+      const C = e.label !== void 0 ? [p("div", { class: "ellipsis" }, [e.label])] : void 0;
+      return f.push(
+        p("div", {
+          class: "q-chip__content col row no-wrap items-center q-anchor--skip"
+        }, Sl(l.default, C))
+      ), e.iconRight && f.push(
+        p(ze, {
+          class: "q-chip__icon q-chip__icon--right",
+          name: e.iconRight
+        })
+      ), e.removable === !0 && f.push(
+        p(ze, {
+          class: "q-chip__icon q-chip__icon--remove cursor-pointer",
+          name: b.value,
+          ...y.value.remove,
+          onClick: R,
+          onKeyup: R
+        })
+      ), f;
+    }
+    return () => {
+      if (e.modelValue === !1) return;
+      const f = {
+        class: g.value,
+        style: i.value
+      };
+      return O.value === !0 && Object.assign(
+        f,
+        y.value.chip,
+        { onClick: x, onKeyup: _ }
+      ), hl(
+        "div",
+        f,
+        v(),
+        "ripple",
+        e.ripple !== !1 && e.disable !== !0,
+        () => [[bl, e.ripple]]
+      );
+    };
+  }
+}), Ul = Te({
+  name: "QItemSection",
+  props: {
+    avatar: Boolean,
+    thumbnail: Boolean,
+    side: Boolean,
+    top: Boolean,
+    noWrap: Boolean
+  },
+  setup(e, { slots: l }) {
+    const o = c(
+      () => `q-item__section column q-item__section--${e.avatar === !0 || e.side === !0 || e.thumbnail === !0 ? "side" : "main"}` + (e.top === !0 ? " q-item__section--top justify-start" : " justify-center") + (e.avatar === !0 ? " q-item__section--avatar" : "") + (e.thumbnail === !0 ? " q-item__section--thumbnail" : "") + (e.noWrap === !0 ? " q-item__section--nowrap" : "")
+    );
+    return () => p("div", { class: o.value }, Be(l.default));
+  }
+}), Wl = Te({
+  name: "QItemLabel",
+  props: {
+    overline: Boolean,
+    caption: Boolean,
+    header: Boolean,
+    lines: [Number, String]
+  },
+  setup(e, { slots: l }) {
+    const o = c(() => parseInt(e.lines, 10)), u = c(
+      () => "q-item__label" + (e.overline === !0 ? " q-item__label--overline text-overline" : "") + (e.caption === !0 ? " q-item__label--caption text-caption" : "") + (e.header === !0 ? " q-item__label--header" : "") + (o.value === 1 ? " ellipsis" : "")
+    ), h = c(() => e.lines !== void 0 && o.value > 1 ? {
+      overflow: "hidden",
+      display: "-webkit-box",
+      "-webkit-box-orient": "vertical",
+      "-webkit-line-clamp": o.value
+    } : null);
+    return () => p("div", {
+      style: h.value,
+      class: u.value
+    }, Be(l.default));
+  }
+});
+let Ye = !1;
+{
+  const e = document.createElement("div");
+  e.setAttribute("dir", "rtl"), Object.assign(e.style, {
+    width: "1px",
+    height: "1px",
+    overflow: "auto"
+  });
+  const l = document.createElement("div");
+  Object.assign(l.style, {
+    width: "1000px",
+    height: "1px"
+  }), document.body.appendChild(e), e.appendChild(l), e.scrollLeft = -1e3, Ye = e.scrollLeft >= 0, e.remove();
+}
+const ee = 1e3, Xl = [
+  "start",
+  "center",
+  "end",
+  "start-force",
+  "center-force",
+  "end-force"
+], jt = Array.prototype.filter, Yl = window.getComputedStyle(document.body).overflowAnchor === void 0 ? yl : function(e, l) {
+  e !== null && (e._qOverflowAnimationFrame !== void 0 && cancelAnimationFrame(e._qOverflowAnimationFrame), e._qOverflowAnimationFrame = requestAnimationFrame(() => {
+    if (e === null) return;
+    e._qOverflowAnimationFrame = void 0;
+    const o = e.children || [];
+    jt.call(o, (h) => h.dataset && h.dataset.qVsAnchor !== void 0).forEach((h) => {
+      delete h.dataset.qVsAnchor;
+    });
+    const u = o[l];
+    u != null && u.dataset && (u.dataset.qVsAnchor = "");
+  }));
+};
+function Re(e, l) {
+  return e + l;
+}
+function ot(e, l, o, u, h, i, d, S) {
+  const b = e === window ? document.scrollingElement || document.documentElement : e, O = h === !0 ? "offsetWidth" : "offsetHeight", g = {
+    scrollStart: 0,
+    scrollViewSize: -d - S,
+    scrollMaxSize: 0,
+    offsetStart: -d,
+    offsetEnd: -S
+  };
+  if (h === !0 ? (e === window ? (g.scrollStart = window.pageXOffset || window.scrollX || document.body.scrollLeft || 0, g.scrollViewSize += document.documentElement.clientWidth) : (g.scrollStart = b.scrollLeft, g.scrollViewSize += b.clientWidth), g.scrollMaxSize = b.scrollWidth, i === !0 && (g.scrollStart = (Ye === !0 ? g.scrollMaxSize - g.scrollViewSize : 0) - g.scrollStart)) : (e === window ? (g.scrollStart = window.pageYOffset || window.scrollY || document.body.scrollTop || 0, g.scrollViewSize += document.documentElement.clientHeight) : (g.scrollStart = b.scrollTop, g.scrollViewSize += b.clientHeight), g.scrollMaxSize = b.scrollHeight), o !== null)
+    for (let y = o.previousElementSibling; y !== null; y = y.previousElementSibling)
+      y.classList.contains("q-virtual-scroll--skip") === !1 && (g.offsetStart += y[O]);
+  if (u !== null)
+    for (let y = u.nextElementSibling; y !== null; y = y.nextElementSibling)
+      y.classList.contains("q-virtual-scroll--skip") === !1 && (g.offsetEnd += y[O]);
+  if (l !== e) {
+    const y = b.getBoundingClientRect(), _ = l.getBoundingClientRect();
+    h === !0 ? (g.offsetStart += _.left - y.left, g.offsetEnd -= _.width) : (g.offsetStart += _.top - y.top, g.offsetEnd -= _.height), e !== window && (g.offsetStart += g.scrollStart), g.offsetEnd += g.scrollMaxSize - g.offsetStart;
+  }
+  return g;
+}
+function Bt(e, l, o, u) {
+  l === "end" && (l = (e === window ? document.body : e)[o === !0 ? "scrollWidth" : "scrollHeight"]), e === window ? o === !0 ? (u === !0 && (l = (Ye === !0 ? document.body.scrollWidth - document.documentElement.clientWidth : 0) - l), window.scrollTo(l, window.pageYOffset || window.scrollY || document.body.scrollTop || 0)) : window.scrollTo(window.pageXOffset || window.scrollX || document.body.scrollLeft || 0, l) : o === !0 ? (u === !0 && (l = (Ye === !0 ? e.scrollWidth - e.offsetWidth : 0) - l), e.scrollLeft = l) : e.scrollTop = l;
+}
+function Me(e, l, o, u) {
+  if (o >= u)
+    return 0;
+  const h = l.length, i = Math.floor(o / ee), d = Math.floor((u - 1) / ee) + 1;
+  let S = e.slice(i, d).reduce(Re, 0);
+  return o % ee !== 0 && (S -= l.slice(i * ee, o).reduce(Re, 0)), u % ee !== 0 && u !== h && (S -= l.slice(u, d * ee).reduce(Re, 0)), S;
+}
+const Zl = {
+  virtualScrollSliceSize: {
+    type: [Number, String],
+    default: 10
+  },
+  virtualScrollSliceRatioBefore: {
+    type: [Number, String],
+    default: 1
+  },
+  virtualScrollSliceRatioAfter: {
+    type: [Number, String],
+    default: 1
+  },
+  virtualScrollItemSize: {
+    type: [Number, String],
+    default: 24
+  },
+  virtualScrollStickySizeStart: {
+    type: [Number, String],
+    default: 0
+  },
+  virtualScrollStickySizeEnd: {
+    type: [Number, String],
+    default: 0
+  },
+  tableColspan: [Number, String]
+}, zt = {
+  virtualScrollHorizontal: Boolean,
+  onVirtualScroll: Function,
+  ...Zl
+};
+function Jl({
+  virtualScrollLength: e,
+  getVirtualScrollTarget: l,
+  getVirtualScrollEl: o,
+  virtualScrollItemSizeComputed: u
+  // optional
+}) {
+  const h = ve(), { props: i, emit: d, proxy: S } = h, { $q: b } = S;
+  let O, g, y, _ = [], x;
+  const R = F(0), v = F(0), f = F({}), C = F(null), N = F(null), K = F(null), I = F({ from: 0, to: 0 }), J = c(() => i.tableColspan !== void 0 ? i.tableColspan : 100);
+  u === void 0 && (u = c(() => i.virtualScrollItemSize));
+  const B = c(() => u.value + ";" + i.virtualScrollHorizontal), L = c(
+    () => B.value + ";" + i.virtualScrollSliceRatioBefore + ";" + i.virtualScrollSliceRatioAfter
+  );
+  Z(L, () => {
+    U();
+  }), Z(B, H);
+  function H() {
+    re(g, !0);
+  }
+  function ie(n) {
+    re(n === void 0 ? g : n);
+  }
+  function te(n, s) {
+    const q = l();
+    if (q == null || q.nodeType === 8) return;
+    const T = ot(
+      q,
+      o(),
+      C.value,
+      N.value,
+      i.virtualScrollHorizontal,
+      b.lang.rtl,
+      i.virtualScrollStickySizeStart,
+      i.virtualScrollStickySizeEnd
+    );
+    y !== T.scrollViewSize && U(T.scrollViewSize), Q(
+      q,
+      T,
+      Math.min(e.value - 1, Math.max(0, parseInt(n, 10) || 0)),
+      0,
+      Xl.indexOf(s) !== -1 ? s : g !== -1 && n > g ? "end" : "start"
+    );
+  }
+  function ae() {
+    const n = l();
+    if (n == null || n.nodeType === 8) return;
+    const s = ot(
+      n,
+      o(),
+      C.value,
+      N.value,
+      i.virtualScrollHorizontal,
+      b.lang.rtl,
+      i.virtualScrollStickySizeStart,
+      i.virtualScrollStickySizeEnd
+    ), q = e.value - 1, T = s.scrollMaxSize - s.offsetStart - s.offsetEnd - v.value;
+    if (O === s.scrollStart) return;
+    if (s.scrollMaxSize <= 0) {
+      Q(n, s, 0, 0);
+      return;
+    }
+    y !== s.scrollViewSize && U(s.scrollViewSize), me(I.value.from);
+    const P = Math.floor(s.scrollMaxSize - Math.max(s.scrollViewSize, s.offsetEnd) - Math.min(x[q], s.scrollViewSize / 2));
+    if (P > 0 && Math.ceil(s.scrollStart) >= P) {
+      Q(
+        n,
+        s,
+        q,
+        s.scrollMaxSize - s.offsetEnd - _.reduce(Re, 0)
+      );
+      return;
+    }
+    let z = 0, A = s.scrollStart - s.offsetStart, j = A;
+    if (A <= T && A + s.scrollViewSize >= R.value)
+      A -= R.value, z = I.value.from, j = A;
+    else
+      for (let k = 0; A >= _[k] && z < q; k++)
+        A -= _[k], z += ee;
+    for (; A > 0 && z < q; )
+      A -= x[z], A > -s.scrollViewSize ? (z++, j = A) : j = x[z] + A;
+    Q(
+      n,
+      s,
+      z,
+      j
+    );
+  }
+  function Q(n, s, q, T, P) {
+    const z = typeof P == "string" && P.indexOf("-force") !== -1, A = z === !0 ? P.replace("-force", "") : P, j = A !== void 0 ? A : "start";
+    let k = Math.max(0, q - f.value[j]), X = k + f.value.total;
+    X > e.value && (X = e.value, k = Math.max(0, X - f.value.total)), O = s.scrollStart;
+    const se = k !== I.value.from || X !== I.value.to;
+    if (se === !1 && A === void 0) {
+      m(q);
+      return;
+    }
+    const { activeElement: Le } = document, G = K.value;
+    se === !0 && G !== null && G !== Le && G.contains(Le) === !0 && (G.addEventListener("focusout", be), setTimeout(() => {
+      G == null || G.removeEventListener("focusout", be);
+    })), Yl(G, q - k);
+    const He = A !== void 0 ? x.slice(k, q).reduce(Re, 0) : 0;
+    if (se === !0) {
+      const ge = X >= I.value.from && k <= I.value.to ? I.value.to : X;
+      I.value = { from: k, to: ge }, R.value = Me(_, x, 0, k), v.value = Me(_, x, X, e.value), requestAnimationFrame(() => {
+        I.value.to !== X && O === s.scrollStart && (I.value = { from: I.value.from, to: X }, v.value = Me(_, x, X, e.value));
+      });
+    }
+    requestAnimationFrame(() => {
+      if (O !== s.scrollStart) return;
+      se === !0 && me(k);
+      const ge = x.slice(k, q).reduce(Re, 0), pe = ge + s.offsetStart + R.value, $e = pe + x[q];
+      let Fe = pe + T;
+      if (A !== void 0) {
+        const Ze = ge - He, Oe = s.scrollStart + Ze;
+        Fe = z !== !0 && Oe < pe && $e < Oe + s.scrollViewSize ? Oe : A === "end" ? $e - s.scrollViewSize : pe - (A === "start" ? 0 : Math.round((s.scrollViewSize - x[q]) / 2));
+      }
+      O = Fe, Bt(
+        n,
+        Fe,
+        i.virtualScrollHorizontal,
+        b.lang.rtl
+      ), m(q);
+    });
+  }
+  function me(n) {
+    const s = K.value;
+    if (s) {
+      const q = jt.call(
+        s.children,
+        (k) => k.classList && k.classList.contains("q-virtual-scroll--skip") === !1
+      ), T = q.length, P = i.virtualScrollHorizontal === !0 ? (k) => k.getBoundingClientRect().width : (k) => k.offsetHeight;
+      let z = n, A, j;
+      for (let k = 0; k < T; ) {
+        for (A = P(q[k]), k++; k < T && q[k].classList.contains("q-virtual-scroll--with-prev") === !0; )
+          A += P(q[k]), k++;
+        j = A - x[z], j !== 0 && (x[z] += j, _[Math.floor(z / ee)] += j), z++;
+      }
+    }
+  }
+  function be() {
+    var n;
+    (n = K.value) == null || n.focus();
+  }
+  function re(n, s) {
+    const q = 1 * u.value;
+    (s === !0 || Array.isArray(x) === !1) && (x = []);
+    const T = x.length;
+    x.length = e.value;
+    for (let z = e.value - 1; z >= T; z--)
+      x[z] = q;
+    const P = Math.floor((e.value - 1) / ee);
+    _ = [];
+    for (let z = 0; z <= P; z++) {
+      let A = 0;
+      const j = Math.min((z + 1) * ee, e.value);
+      for (let k = z * ee; k < j; k++)
+        A += x[k];
+      _.push(A);
+    }
+    g = -1, O = void 0, R.value = Me(_, x, 0, I.value.from), v.value = Me(_, x, I.value.to, e.value), n >= 0 ? (me(I.value.from), ne(() => {
+      te(n);
+    })) : V();
+  }
+  function U(n) {
+    if (n === void 0 && typeof window < "u") {
+      const A = l();
+      A != null && A.nodeType !== 8 && (n = ot(
+        A,
+        o(),
+        C.value,
+        N.value,
+        i.virtualScrollHorizontal,
+        b.lang.rtl,
+        i.virtualScrollStickySizeStart,
+        i.virtualScrollStickySizeEnd
+      ).scrollViewSize);
+    }
+    y = n;
+    const s = parseFloat(i.virtualScrollSliceRatioBefore) || 0, q = parseFloat(i.virtualScrollSliceRatioAfter) || 0, T = 1 + s + q, P = n === void 0 || n <= 0 ? 1 : Math.ceil(n / u.value), z = Math.max(
+      1,
+      P,
+      Math.ceil((i.virtualScrollSliceSize > 0 ? i.virtualScrollSliceSize : 10) / T)
+    );
+    f.value = {
+      total: Math.ceil(z * T),
+      start: Math.ceil(z * s),
+      center: Math.ceil(z * (0.5 + s)),
+      end: Math.ceil(z * (1 + s)),
+      view: P
+    };
+  }
+  function ye(n, s) {
+    const q = i.virtualScrollHorizontal === !0 ? "width" : "height", T = {
+      ["--q-virtual-scroll-item-" + q]: u.value + "px"
+    };
+    return [
+      n === "tbody" ? p(n, {
+        class: "q-virtual-scroll__padding",
+        key: "before",
+        ref: C
+      }, [
+        p("tr", [
+          p("td", {
+            style: { [q]: `${R.value}px`, ...T },
+            colspan: J.value
+          })
+        ])
+      ]) : p(n, {
+        class: "q-virtual-scroll__padding",
+        key: "before",
+        ref: C,
+        style: { [q]: `${R.value}px`, ...T }
+      }),
+      p(n, {
+        class: "q-virtual-scroll__content",
+        key: "content",
+        ref: K,
+        tabindex: -1
+      }, s.flat()),
+      n === "tbody" ? p(n, {
+        class: "q-virtual-scroll__padding",
+        key: "after",
+        ref: N
+      }, [
+        p("tr", [
+          p("td", {
+            style: { [q]: `${v.value}px`, ...T },
+            colspan: J.value
+          })
+        ])
+      ]) : p(n, {
+        class: "q-virtual-scroll__padding",
+        key: "after",
+        ref: N,
+        style: { [q]: `${v.value}px`, ...T }
+      })
+    ];
+  }
+  function m(n) {
+    g !== n && (i.onVirtualScroll !== void 0 && d("virtualScroll", {
+      index: n,
+      from: I.value.from,
+      to: I.value.to - 1,
+      direction: n < g ? "decrease" : "increase",
+      ref: S
+    }), g = n);
+  }
+  U();
+  const V = Ht(
+    ae,
+    b.platform.is.ios === !0 ? 120 : 35
+  );
+  rl(() => {
+    U();
+  });
+  let W = !1;
+  return Mt(() => {
+    W = !0;
+  }), Et(() => {
+    if (W !== !0) return;
+    const n = l();
+    O !== void 0 && n !== void 0 && n !== null && n.nodeType !== 8 ? Bt(
+      n,
+      O,
+      i.virtualScrollHorizontal,
+      b.lang.rtl
+    ) : te(g);
+  }), Ee(() => {
+    V.cancel();
+  }), Object.assign(S, { scrollTo: te, reset: H, refresh: ie }), {
+    virtualScrollSliceRange: I,
+    virtualScrollSliceSizeComputed: f,
+    setVirtualScrollSize: U,
+    onVirtualScrollEvt: V,
+    localResetVirtualScroll: re,
+    padVirtualScroll: ye,
+    scrollTo: te,
+    reset: H,
+    refresh: ie
+  };
+}
+const Gl = /[\u3000-\u303f\u3040-\u309f\u30a0-\u30ff\uff00-\uff9f\u4e00-\u9faf\u3400-\u4dbf]/, eo = /[\u4e00-\u9fff\u3400-\u4dbf\u{20000}-\u{2a6df}\u{2a700}-\u{2b73f}\u{2b740}-\u{2b81f}\u{2b820}-\u{2ceaf}\uf900-\ufaff\u3300-\u33ff\ufe30-\ufe4f\uf900-\ufaff\u{2f800}-\u{2fa1f}]/u, to = /[\u3131-\u314e\u314f-\u3163\uac00-\ud7a3]/, lo = /[a-z0-9_ -]$/i;
+function oo(e) {
+  return function(o) {
+    if (o.type === "compositionend" || o.type === "change") {
+      if (o.target.qComposing !== !0) return;
+      o.target.qComposing = !1, e(o);
+    } else o.type === "compositionupdate" && o.target.qComposing !== !0 && typeof o.data == "string" && (Ol.is.firefox === !0 ? lo.test(o.data) === !1 : Gl.test(o.data) === !0 || eo.test(o.data) === !0 || to.test(o.data) === !0) === !0 && (o.target.qComposing = !0);
+  };
+}
+function fe(e, l) {
+  if (e === l)
+    return !0;
+  if (e !== null && l !== null && typeof e == "object" && typeof l == "object") {
+    if (e.constructor !== l.constructor)
+      return !1;
+    let o, u;
+    if (e.constructor === Array) {
+      if (o = e.length, o !== l.length)
+        return !1;
+      for (u = o; u-- !== 0; )
+        if (fe(e[u], l[u]) !== !0)
+          return !1;
+      return !0;
+    }
+    if (e.constructor === Map) {
+      if (e.size !== l.size)
+        return !1;
+      let i = e.entries();
+      for (u = i.next(); u.done !== !0; ) {
+        if (l.has(u.value[0]) !== !0)
+          return !1;
+        u = i.next();
+      }
+      for (i = e.entries(), u = i.next(); u.done !== !0; ) {
+        if (fe(u.value[1], l.get(u.value[0])) !== !0)
+          return !1;
+        u = i.next();
+      }
+      return !0;
+    }
+    if (e.constructor === Set) {
+      if (e.size !== l.size)
+        return !1;
+      const i = e.entries();
+      for (u = i.next(); u.done !== !0; ) {
+        if (l.has(u.value[0]) !== !0)
+          return !1;
+        u = i.next();
+      }
+      return !0;
+    }
+    if (e.buffer != null && e.buffer.constructor === ArrayBuffer) {
+      if (o = e.length, o !== l.length)
+        return !1;
+      for (u = o; u-- !== 0; )
+        if (e[u] !== l[u])
+          return !1;
+      return !0;
+    }
+    if (e.constructor === RegExp)
+      return e.source === l.source && e.flags === l.flags;
+    if (e.valueOf !== Object.prototype.valueOf)
+      return e.valueOf() === l.valueOf();
+    if (e.toString !== Object.prototype.toString)
+      return e.toString() === l.toString();
+    const h = Object.keys(e).filter((i) => e[i] !== void 0);
+    if (o = h.length, o !== Object.keys(l).filter((i) => l[i] !== void 0).length)
+      return !1;
+    for (u = o; u-- !== 0; ) {
+      const i = h[u];
+      if (fe(e[i], l[i]) !== !0)
+        return !1;
+    }
+    return !0;
+  }
+  return e !== e && l !== l;
+}
+function Rt(e, l, o) {
+  if (o <= l)
+    return l;
+  const u = o - l + 1;
+  let h = l + (e - l) % u;
+  return h < l && (h = u + h), h === 0 ? 0 : h;
+}
+const Ft = (e) => ["add", "add-unique", "toggle"].includes(e), uo = ".*+?^${}()|[]\\", no = Object.keys(it);
+function ut(e, l) {
+  if (typeof e == "function") return e;
+  const o = e !== void 0 ? e : l;
+  return (u) => u !== null && typeof u == "object" && o in u ? u[o] : u;
+}
+const io = Te({
+  name: "QSelect",
+  inheritAttrs: !1,
+  props: {
+    ...zt,
+    ...Cl,
+    ...it,
+    // 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: Ft
+    },
+    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: (e) => ["default", "menu", "dialog"].includes(e),
+      default: "default"
+    },
+    // override of useVirtualScrollProps > virtualScrollItemSize (no default)
+    virtualScrollItemSize: zt.virtualScrollItemSize.type,
+    onNewValue: Function,
+    onFilter: Function
+  },
+  emits: [
+    ...$t,
+    "add",
+    "remove",
+    "inputValue",
+    "keyup",
+    "keypress",
+    "keydown",
+    "popupShow",
+    "popupHide",
+    "filterAbort"
+  ],
+  setup(e, { slots: l, emit: o }) {
+    const { proxy: u } = ve(), { $q: h } = u, i = F(!1), d = F(!1), S = F(-1), b = F(""), O = F(!1), g = F(!1);
+    let y = null, _ = null, x, R, v, f = null, C, N, K, I;
+    const J = F(null), B = F(null), L = F(null), H = F(null), ie = F(null), te = wl(e), ae = oo(pt), Q = c(() => Array.isArray(e.options) ? e.options.length : 0), me = c(() => e.virtualScrollItemSize === void 0 ? e.optionsDense === !0 ? 24 : 48 : e.virtualScrollItemSize), {
+      virtualScrollSliceRange: be,
+      virtualScrollSliceSizeComputed: re,
+      localResetVirtualScroll: U,
+      padVirtualScroll: ye,
+      onVirtualScrollEvt: m,
+      scrollTo: V,
+      setVirtualScrollSize: W
+    } = Jl({
+      virtualScrollLength: Q,
+      getVirtualScrollTarget: Ut,
+      getVirtualScrollEl: mt,
+      virtualScrollItemSizeComputed: me
+    }), n = Dt(), s = c(() => {
+      const t = e.mapOptions === !0 && e.multiple !== !0, a = e.modelValue !== void 0 && (e.modelValue !== null || t === !0) ? e.multiple === !0 && Array.isArray(e.modelValue) ? e.modelValue : [e.modelValue] : [];
+      if (e.mapOptions === !0 && Array.isArray(e.options) === !0) {
+        const r = e.mapOptions === !0 && x !== void 0 ? x : [], w = a.map((M) => Qt(M, r));
+        return e.modelValue === null && t === !0 ? w.filter((M) => M !== null) : w;
+      }
+      return a;
+    }), q = c(() => {
+      const t = {};
+      return no.forEach((a) => {
+        const r = e[a];
+        r !== void 0 && (t[a] = r);
+      }), t;
+    }), T = c(() => e.optionsDark === null ? n.isDark.value : e.optionsDark), P = c(() => nt(s.value)), z = c(() => {
+      let t = "q-field__input q-placeholder col";
+      return e.hideSelected === !0 || s.value.length === 0 ? [t, e.inputClass] : (t += " q-field__input--padding", e.inputClass === void 0 ? t : [t, e.inputClass]);
+    }), A = c(
+      () => (e.virtualScrollHorizontal === !0 ? "q-virtual-scroll--horizontal" : "") + (e.popupContentClass ? " " + e.popupContentClass : "")
+    ), j = c(() => Q.value === 0), k = c(
+      () => s.value.map((t) => Y.value(t)).join(", ")
+    ), X = c(() => e.displayValue !== void 0 ? e.displayValue : k.value), se = c(() => e.optionsHtml === !0 ? () => !0 : (t) => (t == null ? void 0 : t.html) === !0), Le = c(() => e.displayValueHtml === !0 || e.displayValue === void 0 && (e.optionsHtml === !0 || s.value.some(se.value))), G = c(() => n.focused.value === !0 ? e.tabindex : -1), He = c(() => {
+      const t = {
+        tabindex: e.tabindex,
+        role: "combobox",
+        "aria-label": e.label,
+        "aria-readonly": e.readonly === !0 ? "true" : "false",
+        "aria-autocomplete": e.useInput === !0 ? "list" : "none",
+        "aria-expanded": i.value === !0 ? "true" : "false",
+        "aria-controls": `${n.targetUid.value}_lb`
+      };
+      return S.value >= 0 && (t["aria-activedescendant"] = `${n.targetUid.value}_${S.value}`), t;
+    }), ge = c(() => ({
+      id: `${n.targetUid.value}_lb`,
+      role: "listbox",
+      "aria-multiselectable": e.multiple === !0 ? "true" : "false"
+    })), pe = c(() => s.value.map((t, a) => ({
+      index: a,
+      opt: t,
+      html: se.value(t),
+      selected: !0,
+      removeAtIndex: Kt,
+      toggleOption: he,
+      tabindex: G.value
+    }))), $e = c(() => {
+      if (Q.value === 0)
+        return [];
+      const { from: t, to: a } = be.value;
+      return e.options.slice(t, a).map((r, w) => {
+        const M = Ce.value(r) === !0, $ = Ge(r) === !0, E = t + w, D = {
+          clickable: !0,
+          active: $,
+          activeClass: Oe.value,
+          manualFocus: !0,
+          focused: !1,
+          disable: M,
+          tabindex: -1,
+          dense: e.optionsDense,
+          dark: T.value,
+          role: "option",
+          "aria-selected": $ === !0 ? "true" : "false",
+          id: `${n.targetUid.value}_${E}`,
+          onClick: () => {
+            he(r);
+          }
+        };
+        return M !== !0 && (S.value === E && (D.focused = !0), h.platform.is.desktop === !0 && (D.onMousemove = () => {
+          i.value === !0 && we(E);
+        })), {
+          index: E,
+          opt: r,
+          html: se.value(r),
+          label: Y.value(r),
+          selected: D.active,
+          focused: D.focused,
+          toggleOption: he,
+          setOptionIndex: we,
+          itemProps: D
+        };
+      });
+    }), Fe = c(() => e.dropdownIcon !== void 0 ? e.dropdownIcon : h.iconSet.arrow.dropdown), Ze = c(
+      () => e.optionsCover === !1 && e.outlined !== !0 && e.standout !== !0 && e.borderless !== !0 && e.rounded !== !0
+    ), Oe = c(() => e.optionsSelectedClass !== void 0 ? e.optionsSelectedClass : e.color !== void 0 ? `text-${e.color}` : ""), le = c(() => ut(e.optionValue, "value")), Y = c(() => ut(e.optionLabel, "label")), Ce = c(() => ut(e.optionDisable, "disable")), De = c(() => s.value.map(le.value)), Nt = c(() => {
+      const t = {
+        onInput: pt,
+        // 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: ae,
+        onKeydown: vt,
+        onKeyup: dt,
+        onKeypress: ft,
+        onFocus: st,
+        onClick(a) {
+          R === !0 && Ae(a);
+        }
+      };
+      return t.onCompositionstart = t.onCompositionupdate = t.onCompositionend = ae, t;
+    });
+    Z(s, (t) => {
+      x = t, e.useInput === !0 && e.fillInput === !0 && e.multiple !== !0 && n.innerLoading.value !== !0 && (d.value !== !0 && i.value !== !0 || P.value !== !0) && (v !== !0 && _e(), (d.value === !0 || i.value === !0) && Ve(""));
+    }, { immediate: !0 }), Z(() => e.fillInput, _e), Z(i, et), Z(Q, nl);
+    function at(t) {
+      return e.emitValue === !0 ? le.value(t) : t;
+    }
+    function Je(t) {
+      if (t !== -1 && t < s.value.length)
+        if (e.multiple === !0) {
+          const a = e.modelValue.slice();
+          o("remove", { index: t, value: a.splice(t, 1)[0] }), o("update:modelValue", a);
+        } else
+          o("update:modelValue", null);
+    }
+    function Kt(t) {
+      Je(t), n.focus();
+    }
+    function rt(t, a) {
+      const r = at(t);
+      if (e.multiple !== !0) {
+        e.fillInput === !0 && Ie(
+          Y.value(t),
+          !0,
+          !0
+        ), o("update:modelValue", r);
+        return;
+      }
+      if (s.value.length === 0) {
+        o("add", { index: 0, value: r }), o("update:modelValue", e.multiple === !0 ? [r] : r);
+        return;
+      }
+      if (a === !0 && Ge(t) === !0 || e.maxValues !== void 0 && e.modelValue.length >= e.maxValues) return;
+      const w = e.modelValue.slice();
+      o("add", { index: w.length, value: r }), w.push(r), o("update:modelValue", w);
+    }
+    function he(t, a) {
+      var $;
+      if (n.editable.value !== !0 || t === void 0 || Ce.value(t) === !0) return;
+      const r = le.value(t);
+      if (e.multiple !== !0) {
+        a !== !0 && (Ie(
+          e.fillInput === !0 ? Y.value(t) : "",
+          !0,
+          !0
+        ), Se()), ($ = B.value) == null || $.focus(), (s.value.length === 0 || fe(le.value(s.value[0]), r) !== !0) && o("update:modelValue", e.emitValue === !0 ? r : t);
+        return;
+      }
+      if ((R !== !0 || O.value === !0) && n.focus(), st(), s.value.length === 0) {
+        const E = e.emitValue === !0 ? r : t;
+        o("add", { index: 0, value: E }), o("update:modelValue", e.multiple === !0 ? [E] : E);
+        return;
+      }
+      const w = e.modelValue.slice(), M = De.value.findIndex((E) => fe(E, r));
+      if (M !== -1)
+        o("remove", { index: M, value: w.splice(M, 1)[0] });
+      else {
+        if (e.maxValues !== void 0 && w.length >= e.maxValues) return;
+        const E = e.emitValue === !0 ? r : t;
+        o("add", { index: w.length, value: E }), w.push(E);
+      }
+      o("update:modelValue", w);
+    }
+    function we(t) {
+      if (h.platform.is.desktop !== !0) return;
+      const a = t !== -1 && t < Q.value ? t : -1;
+      S.value !== a && (S.value = a);
+    }
+    function Pe(t = 1, a) {
+      if (i.value === !0) {
+        let r = S.value;
+        do
+          r = Rt(
+            r + t,
+            -1,
+            Q.value - 1
+          );
+        while (r !== -1 && r !== S.value && Ce.value(e.options[r]) === !0);
+        S.value !== r && (we(r), V(r), a !== !0 && e.useInput === !0 && e.fillInput === !0 && je(
+          r >= 0 ? Y.value(e.options[r]) : C,
+          !0
+        ));
+      }
+    }
+    function Qt(t, a) {
+      const r = (w) => fe(le.value(w), t);
+      return e.options.find(r) || a.find(r) || t;
+    }
+    function Ge(t) {
+      const a = le.value(t);
+      return De.value.find((r) => fe(r, a)) !== void 0;
+    }
+    function st(t) {
+      e.useInput === !0 && B.value !== null && (t === void 0 || B.value === t.target && t.target.value === k.value) && B.value.select();
+    }
+    function ct(t) {
+      ql(t, 27) === !0 && i.value === !0 && (Ae(t), Se(), _e()), o("keyup", t);
+    }
+    function dt(t) {
+      const { value: a } = t.target;
+      if (t.keyCode !== void 0) {
+        ct(t);
+        return;
+      }
+      if (t.target.value = "", y !== null && (clearTimeout(y), y = null), _ !== null && (clearTimeout(_), _ = null), _e(), typeof a == "string" && a.length !== 0) {
+        const r = a.toLocaleLowerCase(), w = ($) => {
+          const E = e.options.find((D) => String($.value(D)).toLocaleLowerCase() === r);
+          return E === void 0 ? !1 : (s.value.indexOf(E) === -1 ? he(E) : Se(), !0);
+        }, M = ($) => {
+          w(le) !== !0 && $ !== !0 && w(Y) !== !0 && Ve(a, !0, () => M(!0));
+        };
+        M();
+      } else
+        n.clearValue(t);
+    }
+    function ft(t) {
+      o("keypress", t);
+    }
+    function vt(t) {
+      if (o("keydown", t), Vl(t) === !0) return;
+      const a = b.value.length !== 0 && (e.newValueMode !== void 0 || e.onNewValue !== void 0), r = t.shiftKey !== !0 && e.disableTabSelection !== !0 && e.multiple !== !0 && (S.value !== -1 || a === !0);
+      if (t.keyCode === 27) {
+        de(t);
+        return;
+      }
+      if (t.keyCode === 9 && r === !1) {
+        qe();
+        return;
+      }
+      if (t.target === void 0 || t.target.id !== n.targetUid.value || n.editable.value !== !0) return;
+      if (t.keyCode === 40 && n.innerLoading.value !== !0 && i.value === !1) {
+        ce(t), ke();
+        return;
+      }
+      if (t.keyCode === 8 && (e.useChips === !0 || e.clearable === !0) && e.hideSelected !== !0 && b.value.length === 0) {
+        e.multiple === !0 && Array.isArray(e.modelValue) === !0 ? Je(e.modelValue.length - 1) : e.multiple !== !0 && e.modelValue !== null && o("update:modelValue", null);
+        return;
+      }
+      (t.keyCode === 35 || t.keyCode === 36) && (typeof b.value != "string" || b.value.length === 0) && (ce(t), S.value = -1, Pe(t.keyCode === 36 ? 1 : -1, e.multiple)), (t.keyCode === 33 || t.keyCode === 34) && re.value !== void 0 && (ce(t), S.value = Math.max(
+        -1,
+        Math.min(
+          Q.value,
+          S.value + (t.keyCode === 33 ? -1 : 1) * re.value.view
+        )
+      ), Pe(t.keyCode === 33 ? 1 : -1, e.multiple)), (t.keyCode === 38 || t.keyCode === 40) && (ce(t), Pe(t.keyCode === 38 ? -1 : 1, e.multiple));
+      const w = Q.value;
+      if ((K === void 0 || I < Date.now()) && (K = ""), w > 0 && e.useInput !== !0 && t.key !== void 0 && t.key.length === 1 && t.altKey === !1 && t.ctrlKey === !1 && t.metaKey === !1 && (t.keyCode !== 32 || K.length !== 0)) {
+        i.value !== !0 && ke(t);
+        const M = t.key.toLocaleLowerCase(), $ = K.length === 1 && K[0] === M;
+        I = Date.now() + 1500, $ === !1 && (ce(t), K += M);
+        const E = new RegExp("^" + K.split("").map((xe) => uo.indexOf(xe) !== -1 ? "\\" + xe : xe).join(".*"), "i");
+        let D = S.value;
+        if ($ === !0 || D < 0 || E.test(Y.value(e.options[D])) !== !0)
+          do
+            D = Rt(D + 1, -1, w - 1);
+          while (D !== S.value && (Ce.value(e.options[D]) === !0 || E.test(Y.value(e.options[D])) !== !0));
+        S.value !== D && ne(() => {
+          we(D), V(D), D >= 0 && e.useInput === !0 && e.fillInput === !0 && je(Y.value(e.options[D]), !0);
+        });
+        return;
+      }
+      if (!(t.keyCode !== 13 && (t.keyCode !== 32 || e.useInput === !0 || K !== "") && (t.keyCode !== 9 || r === !1))) {
+        if (t.keyCode !== 9 && ce(t), S.value !== -1 && S.value < w) {
+          he(e.options[S.value]);
+          return;
+        }
+        if (a === !0) {
+          const M = ($, E) => {
+            var xe;
+            if (E) {
+              if (Ft(E) !== !0) return;
+            } else
+              E = e.newValueMode;
+            if (Ie("", e.multiple !== !0, !0), $ == null) return;
+            (E === "toggle" ? he : rt)($, E === "add-unique"), e.multiple !== !0 && ((xe = B.value) == null || xe.focus(), Se());
+          };
+          if (e.onNewValue !== void 0 ? o("newValue", b.value, M) : M(b.value), e.multiple !== !0) return;
+        }
+        i.value === !0 ? qe() : n.innerLoading.value !== !0 && ke();
+      }
+    }
+    function mt() {
+      return R === !0 ? ie.value : L.value !== null && L.value.contentEl !== null ? L.value.contentEl : void 0;
+    }
+    function Ut() {
+      return mt();
+    }
+    function Wt() {
+      return e.hideSelected === !0 ? [] : l["selected-item"] !== void 0 ? pe.value.map((t) => l["selected-item"](t)).slice() : l.selected !== void 0 ? [].concat(l.selected()) : e.useChips === !0 ? pe.value.map((t, a) => p(Ql, {
+        key: "option-" + a,
+        removable: n.editable.value === !0 && Ce.value(t.opt) !== !0,
+        dense: !0,
+        textColor: e.color,
+        tabindex: G.value,
+        onRemove() {
+          t.removeAtIndex(a);
+        }
+      }, () => p("span", {
+        class: "ellipsis",
+        [t.html === !0 ? "innerHTML" : "textContent"]: Y.value(t.opt)
+      }))) : [
+        p("span", {
+          class: "ellipsis",
+          [Le.value === !0 ? "innerHTML" : "textContent"]: X.value
+        })
+      ];
+    }
+    function gt() {
+      if (j.value === !0)
+        return l["no-option"] !== void 0 ? l["no-option"]({ inputValue: b.value }) : void 0;
+      const t = l.option !== void 0 ? l.option : (r) => p(kl, {
+        key: r.index,
+        ...r.itemProps
+      }, () => p(
+        Ul,
+        () => p(
+          Wl,
+          () => p("span", {
+            [r.html === !0 ? "innerHTML" : "textContent"]: r.label
+          })
+        )
+      ));
+      let a = ye("div", $e.value.map(t));
+      return l["before-options"] !== void 0 && (a = l["before-options"]().concat(a)), _l(l["after-options"], a);
+    }
+    function Xt(t, a) {
+      const r = a === !0 ? { ...He.value, ...n.splitAttrs.attributes.value } : void 0, w = {
+        ref: a === !0 ? B : void 0,
+        key: "i_t",
+        class: z.value,
+        style: e.inputStyle,
+        value: b.value !== void 0 ? b.value : "",
+        // required for Android in order to show ENTER key when in form
+        type: "search",
+        ...r,
+        id: a === !0 ? n.targetUid.value : void 0,
+        maxlength: e.maxlength,
+        autocomplete: e.autocomplete,
+        "data-autofocus": t === !0 || e.autofocus === !0 || void 0,
+        disabled: e.disable === !0,
+        readonly: e.readonly === !0,
+        ...Nt.value
+      };
+      return t !== !0 && R === !0 && (Array.isArray(w.class) === !0 ? w.class = [...w.class, "no-pointer-events"] : w.class += " no-pointer-events"), p("input", w);
+    }
+    function pt(t) {
+      y !== null && (clearTimeout(y), y = null), _ !== null && (clearTimeout(_), _ = null), !(t && t.target && t.target.qComposing === !0) && (je(t.target.value || ""), v = !0, C = b.value, n.focused.value !== !0 && (R !== !0 || O.value === !0) && n.focus(), e.onFilter !== void 0 && (y = setTimeout(() => {
+        y = null, Ve(b.value);
+      }, e.inputDebounce)));
+    }
+    function je(t, a) {
+      b.value !== t && (b.value = t, a === !0 || e.inputDebounce === 0 || e.inputDebounce === "0" ? o("inputValue", t) : _ = setTimeout(() => {
+        _ = null, o("inputValue", t);
+      }, e.inputDebounce));
+    }
+    function Ie(t, a, r) {
+      v = r !== !0, e.useInput === !0 && (je(t, !0), (a === !0 || r !== !0) && (C = t), a !== !0 && Ve(t));
+    }
+    function Ve(t, a, r) {
+      if (e.onFilter === void 0 || a !== !0 && n.focused.value !== !0) return;
+      n.innerLoading.value === !0 ? o("filterAbort") : (n.innerLoading.value = !0, g.value = !0), t !== "" && e.multiple !== !0 && s.value.length !== 0 && v !== !0 && t === Y.value(s.value[0]) && (t = "");
+      const w = setTimeout(() => {
+        i.value === !0 && (i.value = !1);
+      }, 10);
+      f !== null && clearTimeout(f), f = w, o(
+        "filter",
+        t,
+        (M, $) => {
+          (a === !0 || n.focused.value === !0) && f === w && (clearTimeout(f), typeof M == "function" && M(), g.value = !1, ne(() => {
+            n.innerLoading.value = !1, n.editable.value === !0 && (a === !0 ? i.value === !0 && Se() : i.value === !0 ? et(!0) : i.value = !0), typeof $ == "function" && ne(() => {
+              $(u);
+            }), typeof r == "function" && ne(() => {
+              r(u);
+            });
+          }));
+        },
+        () => {
+          n.focused.value === !0 && f === w && (clearTimeout(f), n.innerLoading.value = !1, g.value = !1), i.value === !0 && (i.value = !1);
+        }
+      );
+    }
+    function Yt() {
+      return p(Rl, {
+        ref: L,
+        class: A.value,
+        style: e.popupContentStyle,
+        modelValue: i.value,
+        fit: e.menuShrink !== !0,
+        cover: e.optionsCover === !0 && j.value !== !0 && e.useInput !== !0,
+        anchor: e.menuAnchor,
+        self: e.menuSelf,
+        offset: e.menuOffset,
+        dark: T.value,
+        noParentEvent: !0,
+        noRefocus: !0,
+        noFocus: !0,
+        noRouteDismiss: e.popupNoRouteDismiss,
+        square: Ze.value,
+        transitionShow: e.transitionShow,
+        transitionHide: e.transitionHide,
+        transitionDuration: e.transitionDuration,
+        separateClosePopup: !0,
+        ...ge.value,
+        onScrollPassive: m,
+        onBeforeShow: St,
+        onBeforeHide: Zt,
+        onShow: Jt
+      }, gt);
+    }
+    function Zt(t) {
+      bt(t), qe();
+    }
+    function Jt() {
+      W();
+    }
+    function Gt(t) {
+      var a;
+      Ae(t), (a = B.value) == null || a.focus(), O.value = !0, window.scrollTo(window.pageXOffset || window.scrollX || document.body.scrollLeft || 0, 0);
+    }
+    function el(t) {
+      Ae(t), ne(() => {
+        O.value = !1;
+      });
+    }
+    function tl() {
+      const t = [
+        p(Nl, {
+          class: `col-auto ${n.fieldClass.value}`,
+          ...q.value,
+          for: n.targetUid.value,
+          dark: T.value,
+          square: !0,
+          loading: g.value,
+          itemAligned: !1,
+          filled: !0,
+          stackLabel: b.value.length !== 0,
+          ...n.splitAttrs.listeners.value,
+          onFocus: Gt,
+          onBlur: el
+        }, {
+          ...l,
+          rawControl: () => n.getControl(!0),
+          before: void 0,
+          after: void 0
+        })
+      ];
+      return i.value === !0 && t.push(
+        p("div", {
+          ref: ie,
+          class: A.value + " scroll",
+          style: e.popupContentStyle,
+          ...ge.value,
+          onClick: de,
+          onScrollPassive: m
+        }, gt())
+      ), p(El, {
+        ref: H,
+        modelValue: d.value,
+        position: e.useInput === !0 ? "top" : void 0,
+        transitionShow: N,
+        transitionHide: e.transitionHide,
+        transitionDuration: e.transitionDuration,
+        noRouteDismiss: e.popupNoRouteDismiss,
+        onBeforeShow: St,
+        onBeforeHide: ll,
+        onHide: ol,
+        onShow: ul
+      }, () => p("div", {
+        class: "q-select__dialog" + (T.value === !0 ? " q-select__dialog--dark q-dark" : "") + (O.value === !0 ? " q-select__dialog--focused" : "")
+      }, t));
+    }
+    function ll(t) {
+      bt(t), H.value !== null && H.value.__updateRefocusTarget(
+        n.rootRef.value.querySelector(".q-field__native > [tabindex]:last-child")
+      ), n.focused.value = !1;
+    }
+    function ol(t) {
+      Se(), n.focused.value === !1 && o("blur", t), _e();
+    }
+    function ul() {
+      const t = document.activeElement;
+      (t === null || t.id !== n.targetUid.value) && B.value !== null && B.value !== t && B.value.focus(), W();
+    }
+    function qe() {
+      d.value !== !0 && (S.value = -1, i.value === !0 && (i.value = !1), n.focused.value === !1 && (f !== null && (clearTimeout(f), f = null), n.innerLoading.value === !0 && (o("filterAbort"), n.innerLoading.value = !1, g.value = !1)));
+    }
+    function ke(t) {
+      n.editable.value === !0 && (R === !0 ? (n.onControlFocusin(t), d.value = !0, ne(() => {
+        n.focus();
+      })) : n.focus(), e.onFilter !== void 0 ? Ve(b.value) : (j.value !== !0 || l["no-option"] !== void 0) && (i.value = !0));
+    }
+    function Se() {
+      d.value = !1, qe();
+    }
+    function _e() {
+      e.useInput === !0 && Ie(
+        e.multiple !== !0 && e.fillInput === !0 && s.value.length !== 0 && Y.value(s.value[0]) || "",
+        !0,
+        !0
+      );
+    }
+    function et(t) {
+      let a = -1;
+      if (t === !0) {
+        if (s.value.length !== 0) {
+          const r = le.value(s.value[0]);
+          a = e.options.findIndex((w) => fe(le.value(w), r));
+        }
+        U(a);
+      }
+      we(a);
+    }
+    function nl(t, a) {
+      i.value === !0 && n.innerLoading.value === !1 && (U(-1, !0), ne(() => {
+        i.value === !0 && n.innerLoading.value === !1 && (t > a ? U() : et(!0));
+      }));
+    }
+    function ht() {
+      d.value === !1 && L.value !== null && L.value.updatePosition();
+    }
+    function St(t) {
+      t !== void 0 && Ae(t), o("popupShow", t), n.hasPopupOpen = !0, n.onControlFocusin(t);
+    }
+    function bt(t) {
+      t !== void 0 && Ae(t), o("popupHide", t), n.hasPopupOpen = !1, n.onControlFocusout(t);
+    }
+    function yt() {
+      R = h.platform.is.mobile !== !0 && e.behavior !== "dialog" ? !1 : e.behavior !== "menu" && (e.useInput === !0 ? l["no-option"] !== void 0 || e.onFilter !== void 0 || j.value === !1 : !0), N = h.platform.is.ios === !0 && R === !0 && e.useInput === !0 ? "fade" : e.transitionShow;
+    }
+    return Ot(yt), sl(ht), yt(), Ee(() => {
+      y !== null && clearTimeout(y), _ !== null && clearTimeout(_);
+    }), Object.assign(u, {
+      showPopup: ke,
+      hidePopup: Se,
+      removeAtIndex: Je,
+      add: rt,
+      toggleOption: he,
+      getOptionIndex: () => S.value,
+      setOptionIndex: we,
+      moveOptionSelection: Pe,
+      filter: Ve,
+      updateMenuPosition: ht,
+      updateInputValue: Ie,
+      isOptionSelected: Ge,
+      getEmittingOptionValue: at,
+      isOptionDisabled: (...t) => Ce.value.apply(null, t) === !0,
+      getOptionValue: (...t) => le.value.apply(null, t),
+      getOptionLabel: (...t) => Y.value.apply(null, t)
+    }), Object.assign(n, {
+      innerValue: s,
+      fieldClass: c(
+        () => `q-select q-field--auto-height q-select--with${e.useInput !== !0 ? "out" : ""}-input q-select--with${e.useChips !== !0 ? "out" : ""}-chips q-select--${e.multiple === !0 ? "multiple" : "single"}`
+      ),
+      inputRef: J,
+      targetRef: B,
+      hasValue: P,
+      showPopup: ke,
+      floatingLabel: c(
+        () => e.hideSelected !== !0 && P.value === !0 || typeof b.value == "number" || b.value.length !== 0 || nt(e.displayValue)
+      ),
+      getControlChild: () => {
+        if (n.editable.value !== !1 && (d.value === !0 || j.value !== !0 || l["no-option"] !== void 0))
+          return R === !0 ? tl() : Yt();
+        n.hasPopupOpen === !0 && (n.hasPopupOpen = !1);
+      },
+      controlEvents: {
+        onFocusin(t) {
+          n.onControlFocusin(t);
+        },
+        onFocusout(t) {
+          n.onControlFocusout(t, () => {
+            _e(), qe();
+          });
+        },
+        onClick(t) {
+          var a;
+          if (de(t), R !== !0 && i.value === !0) {
+            qe(), (a = B.value) == null || a.focus();
+            return;
+          }
+          ke(t);
+        }
+      },
+      getControl: (t) => {
+        const a = Wt(), r = t === !0 || d.value !== !0 || R !== !0;
+        if (e.useInput === !0)
+          a.push(Xt(t, r));
+        else if (n.editable.value === !0) {
+          const M = r === !0 ? He.value : void 0;
+          a.push(
+            p("input", {
+              ref: r === !0 ? B : void 0,
+              key: "d_t",
+              class: "q-select__focus-target",
+              id: r === !0 ? n.targetUid.value : void 0,
+              value: X.value,
+              readonly: !0,
+              "data-autofocus": t === !0 || e.autofocus === !0 || void 0,
+              ...M,
+              onKeydown: vt,
+              onKeyup: ct,
+              onKeypress: ft
+            })
+          ), r === !0 && typeof e.autocomplete == "string" && e.autocomplete.length !== 0 && a.push(
+            p("input", {
+              class: "q-select__autocomplete-input",
+              autocomplete: e.autocomplete,
+              tabindex: -1,
+              onKeyup: dt
+            })
+          );
+        }
+        if (te.value !== void 0 && e.disable !== !0 && De.value.length !== 0) {
+          const M = De.value.map(($) => p("option", { value: $, selected: !0 }));
+          a.push(
+            p("select", {
+              class: "hidden",
+              name: te.value,
+              multiple: e.multiple
+            }, M)
+          );
+        }
+        const w = e.useInput === !0 || r !== !0 ? void 0 : n.splitAttrs.attributes.value;
+        return p("div", {
+          class: "q-field__native row items-center",
+          ...w,
+          ...n.splitAttrs.listeners.value
+        }, a);
+      },
+      getInnerAppend: () => e.loading !== !0 && g.value !== !0 && e.hideDropdownIcon !== !0 ? [
+        p(ze, {
+          class: "q-select__dropdown-icon" + (i.value === !0 ? " rotate-180" : ""),
+          name: Fe.value
+        })
+      ] : null
+    }), Pt(n);
+  }
+}), ao = { class: "app-select__amount" }, ro = /* @__PURE__ */ cl({
+  __name: "AppSelect",
+  props: {
+    modelValue: {},
+    size: { default: xl.MD },
+    options: {},
+    multiple: { type: Boolean },
+    label: {},
+    placeholder: {},
+    required: { type: Boolean },
+    clearable: { type: Boolean },
+    disabled: { type: Boolean },
+    loading: { type: Boolean },
+    filtering: { type: Boolean },
+    autofocus: { type: Boolean },
+    rules: {},
+    lazyRules: { type: [Boolean, String] },
+    menuClass: {},
+    glass: { type: Boolean },
+    isMobile: { type: Boolean }
+  },
+  emits: ["update:modelValue", "popupShow", "popupHide"],
+  setup(e, { emit: l }) {
+    const o = e, u = l, h = F(!1), i = F(""), d = c({
+      get() {
+        if (o.modelValue) {
+          if (o.multiple && Array.isArray(o.modelValue))
+            return o.options.filter(
+              (v) => o.modelValue.includes(v.value)
+            );
+          if (!Array.isArray(o.modelValue))
+            return o.options.find(
+              (v) => v.value === o.modelValue
+            );
+        }
+      },
+      set(v) {
+        if (!v) {
+          u("update:modelValue", void 0);
+          return;
+        }
+        if (o.multiple && Array.isArray(v)) {
+          const f = v.map((C) => C.value);
+          u("update:modelValue", f);
+        } else Array.isArray(v) || u("update:modelValue", v.value);
+      }
+    }), S = c(() => {
+      var v;
+      if (Array.isArray(d.value)) {
+        if (o.multiple && d.value.length == 0)
+          return o.placeholder;
+      } else return ((v = d.value) == null ? void 0 : v.label) || o.placeholder || "";
+      return "";
+    }), b = c(() => !(!o.clearable || !o.modelValue || o.modelValue && Array.isArray(o.modelValue) && !o.modelValue.length)), O = c(() => i.value ? o.options.filter(
+      (v) => v.label.toLowerCase().includes(i.value.toLowerCase())
+    ) : o.options), g = c(() => {
+      if (o.rules)
+        return o.required ? [...o.rules, qt] : o.rules;
+      if (o.required)
+        return [qt];
+    }), y = () => {
+      h.value = !0, u("popupShow");
+    }, _ = () => {
+      h.value = !1, u("popupHide");
+    }, x = () => {
+      d.value = void 0;
+    }, R = (v, f) => {
+      f(() => {
+        i.value = v;
+      });
+    };
+    return (v, f) => (oe(), ue("div", {
+      class: Ne(["app-select", [{ "app-select_opened": h.value }, `app-select_${v.size}`]])
+    }, [
+      v.label ? (oe(), ue("label", {
+        key: 0,
+        class: Ne(["app-select__label", { "app-select__label_bold": v.required }])
+      }, Ke(v.required ? `${v.label} *` : v.label), 3)) : Qe("", !0),
+      Ct(dl(io), {
+        standout: "",
+        "hide-bottom-space": "",
+        "hide-dropdown-icon": "",
+        "no-error-icon": "",
+        behavior: "menu",
+        "popup-no-route-dismiss": "",
+        "popup-content-class": `kl-menu ${v.glass ? "glass-menu" : ""} app-select-menu app-select-menu_${v.size} ${v.menuClass}`,
+        placeholder: v.filtering && "Почніть вводити",
+        "input-debounce": "50",
+        modelValue: d.value,
+        "onUpdate:modelValue": f[0] || (f[0] = (C) => d.value = C),
+        options: O.value,
+        multiple: v.multiple,
+        "use-input": v.filtering && (Array.isArray(d.value) || !d.value),
+        rules: g.value,
+        "lazy-rules": v.lazyRules,
+        autofocus: v.autofocus,
+        disable: v.disabled,
+        loading: v.loading,
+        "menu-offset": [0, 2],
+        onFilter: R,
+        onPopupShow: y,
+        onPopupHide: _
+      }, {
+        append: tt(() => [
+          b.value ? (oe(), ue("i", {
+            key: 0,
+            class: "icon-kl icon-kl-circle-close app-select__clear",
+            onClick: vl(x, ["stop", "prevent"])
+          })) : Qe("", !0),
+          f[1] || (f[1] = Vt("i", { class: "icon-kl icon-kl-arrow-down app-select__drop-icon" }, null, -1))
+        ]),
+        selected: tt(() => {
+          var C, N;
+          return [
+            Array.isArray(d.value) ? (oe(), ue(Ue, { key: 0 }, [
+              !v.filtering || d.value.length ? (oe(), ue("span", {
+                key: 0,
+                class: Ne([
+                  "app-select__selected",
+                  {
+                    "app-select__placeholder": !((C = d.value) != null && C.length) && v.placeholder
+                  }
+                ])
+              }, [
+                (N = d.value) != null && N.length ? (oe(), ue(Ue, { key: 0 }, [
+                  f[2] || (f[2] = wt(" Вибрано ", -1)),
+                  Vt("span", ao, Ke(d.value.length), 1)
+                ], 64)) : (oe(), ue(Ue, { key: 1 }, [
+                  wt(Ke(o.placeholder), 1)
+                ], 64))
+              ], 2)) : Qe("", !0)
+            ], 64)) : (oe(), ue(Ue, { key: 1 }, [
+              !v.filtering || d.value ? (oe(), ue("span", {
+                key: 0,
+                class: Ne([
+                  "app-select__selected",
+                  { "app-select__placeholder": !d.value && v.placeholder }
+                ])
+              }, Ke(S.value), 3)) : Qe("", !0)
+            ], 64))
+          ];
+        }),
+        option: tt((C) => [
+          Ct(Al, fl({
+            "no-arrow": "",
+            label: C.opt.label,
+            checked: C.opt.done,
+            active: C.selected,
+            "is-mobile": v.isMobile,
+            checkbox: o.multiple,
+            "model-value": C.selected
+          }, o.multiple ? { ...C.itemProps, onClick: void 0 } : C.itemProps, {
+            "onUpdate:modelValue": () => C.toggleOption(C.opt)
+          }), null, 16, ["label", "checked", "active", "is-mobile", "checkbox", "model-value", "onUpdate:modelValue"])
+        ]),
+        _: 1
+      }, 8, ["popup-content-class", "placeholder", "modelValue", "options", "multiple", "use-input", "rules", "lazy-rules", "autofocus", "disable", "loading"])
+    ], 2));
+  }
+}), po = /* @__PURE__ */ Bl(ro, [["__scopeId", "data-v-21482233"]]);
+export {
+  po as default
+};