web-core-tcm 0.0.59 → 0.0.61

package/dist/node_modules/quasar/src/components/item/QItem.js

@@ -0,0 +1,75 @@
+import { getCurrentInstance as L, ref as c, computed as n, h as v } from "vue";
+import B, { useDarkProps as K } from "../../composables/private.use-dark/use-dark.js";
+import R, { useRouterLinkProps as A } from "../../composables/private.use-router-link/use-router-link.js";
+import { createComponent as w } from "../../utils/private.create/create.js";
+import { hUniqueSlot as D } from "../../utils/private.render/render.js";
+import { stopAndPrevent as F } from "../../utils/event/event.js";
+import { isKeyCode as I } from "../../utils/private.keyboard/key-composition.js";
+const j = w({
+  name: "QItem",
+  props: {
+    ...K,
+    ...A,
+    tag: {
+      type: String,
+      default: "div"
+    },
+    active: {
+      type: Boolean,
+      default: null
+    },
+    clickable: Boolean,
+    dense: Boolean,
+    insetLevel: Number,
+    tabindex: [String, Number],
+    focused: Boolean,
+    manualFocus: Boolean
+  },
+  emits: ["click", "keyup"],
+  setup(t, { slots: d, emit: f }) {
+    const { proxy: { $q: i } } = L(), m = B(t, i), { hasLink: r, linkAttrs: b, linkClass: k, linkTag: q, navigateOnClick: g } = R(), l = c(null), a = c(null), o = n(
+      () => t.clickable === !0 || r.value === !0 || t.tag === "label"
+    ), u = n(
+      () => t.disable !== !0 && o.value === !0
+    ), y = n(
+      () => "q-item q-item-type row no-wrap" + (t.dense === !0 ? " q-item--dense" : "") + (m.value === !0 ? " q-item--dark" : "") + (r.value === !0 && t.active === null ? k.value : t.active === !0 ? ` q-item--active${t.activeClass !== void 0 ? ` ${t.activeClass}` : ""}` : "") + (t.disable === !0 ? " disabled" : "") + (u.value === !0 ? " q-item--clickable q-link cursor-pointer " + (t.manualFocus === !0 ? "q-manual-focusable" : "q-focusable q-hoverable") + (t.focused === !0 ? " q-manual-focusable--focused" : "") : "")
+    ), C = n(() => t.insetLevel === void 0 ? null : {
+      ["padding" + (i.lang.rtl === !0 ? "Right" : "Left")]: 16 + t.insetLevel * 56 + "px"
+    });
+    function h(e) {
+      u.value === !0 && (a.value !== null && e.qAvoidFocus !== !0 && (e.qKeyEvent !== !0 && document.activeElement === l.value ? a.value.focus() : document.activeElement === a.value && l.value.focus()), g(e));
+    }
+    function x(e) {
+      if (u.value === !0 && I(e, [13, 32]) === !0) {
+        F(e), e.qKeyEvent = !0;
+        const s = new MouseEvent("click", e);
+        s.qKeyEvent = !0, l.value.dispatchEvent(s);
+      }
+      f("keyup", e);
+    }
+    function E() {
+      const e = D(d.default, []);
+      return u.value === !0 && e.unshift(
+        v("div", { class: "q-focus-helper", tabindex: -1, ref: a })
+      ), e;
+    }
+    return () => {
+      const e = {
+        ref: l,
+        class: y.value,
+        style: C.value,
+        role: "listitem",
+        onClick: h,
+        onKeyup: x
+      };
+      return u.value === !0 ? (e.tabindex = t.tabindex || "0", Object.assign(e, b.value)) : o.value === !0 && (e["aria-disabled"] = "true"), v(
+        q.value,
+        e,
+        E()
+      );
+    };
+  }
+});
+export {
+  j as default
+};

package/dist/node_modules/quasar/src/components/item/QItemLabel.js

@@ -0,0 +1,29 @@
+import { computed as l, h as n } from "vue";
+import { createComponent as r } from "../../utils/private.create/create.js";
+import { hSlot as s } from "../../utils/private.render/render.js";
+const v = r({
+  name: "QItemLabel",
+  props: {
+    overline: Boolean,
+    caption: Boolean,
+    header: Boolean,
+    lines: [Number, String]
+  },
+  setup(e, { slots: a }) {
+    const t = l(() => parseInt(e.lines, 10)), i = l(
+      () => "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" : "") + (t.value === 1 ? " ellipsis" : "")
+    ), o = l(() => e.lines !== void 0 && t.value > 1 ? {
+      overflow: "hidden",
+      display: "-webkit-box",
+      "-webkit-box-orient": "vertical",
+      "-webkit-line-clamp": t.value
+    } : null);
+    return () => n("div", {
+      style: o.value,
+      class: i.value
+    }, s(a.default));
+  }
+});
+export {
+  v as default
+};

package/dist/node_modules/quasar/src/components/item/QItemSection.js

@@ -0,0 +1,22 @@
+import { computed as o, h as n } from "vue";
+import { createComponent as i } from "../../utils/private.create/create.js";
+import { hSlot as m } from "../../utils/private.render/render.js";
+const l = i({
+  name: "QItemSection",
+  props: {
+    avatar: Boolean,
+    thumbnail: Boolean,
+    side: Boolean,
+    top: Boolean,
+    noWrap: Boolean
+  },
+  setup(t, { slots: e }) {
+    const a = o(
+      () => `q-item__section column q-item__section--${t.avatar === !0 || t.side === !0 || t.thumbnail === !0 ? "side" : "main"}` + (t.top === !0 ? " q-item__section--top justify-start" : " justify-center") + (t.avatar === !0 ? " q-item__section--avatar" : "") + (t.thumbnail === !0 ? " q-item__section--thumbnail" : "") + (t.noWrap === !0 ? " q-item__section--nowrap" : "")
+    );
+    return () => n("div", { class: a.value }, m(e.default));
+  }
+});
+export {
+  l as default
+};

package/dist/node_modules/quasar/src/components/item/QList.js

@@ -0,0 +1,29 @@
+import { getCurrentInstance as n, computed as t, h as d } from "vue";
+import { createComponent as i } from "../../utils/private.create/create.js";
+import u, { useDarkProps as c } from "../../composables/private.use-dark/use-dark.js";
+import { hSlot as m } from "../../utils/private.render/render.js";
+const g = ["ul", "ol"], k = i({
+  name: "QList",
+  props: {
+    ...c,
+    bordered: Boolean,
+    dense: Boolean,
+    separator: Boolean,
+    padding: Boolean,
+    tag: {
+      type: String,
+      default: "div"
+    }
+  },
+  setup(e, { slots: r }) {
+    const o = n(), a = u(e, o.proxy.$q), s = t(
+      () => g.includes(e.tag) ? null : "list"
+    ), l = t(
+      () => "q-list" + (e.bordered === !0 ? " q-list--bordered" : "") + (e.dense === !0 ? " q-list--dense" : "") + (e.separator === !0 ? " q-list--separator" : "") + (a.value === !0 ? " q-list--dark" : "") + (e.padding === !0 ? " q-list--padding" : "")
+    );
+    return () => d(e.tag, { class: l.value, role: s.value }, m(r.default));
+  }
+});
+export {
+  k as default
+};

package/dist/node_modules/quasar/src/components/linear-progress/QLinearProgress.js

@@ -0,0 +1,83 @@
+import { getCurrentInstance as b, computed as r, h as a } from "vue";
+import k, { useDarkProps as S } from "../../composables/private.use-dark/use-dark.js";
+import h, { useSizeProps as C } from "../../composables/private.use-size/use-size.js";
+import { createComponent as x } from "../../utils/private.create/create.js";
+import { hMergeSlot as B } from "../../utils/private.render/render.js";
+const w = {
+  xs: 2,
+  sm: 4,
+  md: 6,
+  lg: 10,
+  xl: 14
+};
+function d(e, l, t) {
+  return {
+    transform: l === !0 ? `translateX(${t.lang.rtl === !0 ? "-" : ""}100%) scale3d(${-e},1,1)` : `scale3d(${e},1,1)`
+  };
+}
+const L = x({
+  name: "QLinearProgress",
+  props: {
+    ...S,
+    ...C,
+    value: {
+      type: Number,
+      default: 0
+    },
+    buffer: Number,
+    color: String,
+    trackColor: String,
+    reverse: Boolean,
+    stripe: Boolean,
+    indeterminate: Boolean,
+    query: Boolean,
+    rounded: Boolean,
+    animationSpeed: {
+      type: [String, Number],
+      default: 2100
+    },
+    instantFeedback: Boolean
+  },
+  setup(e, { slots: l }) {
+    const { proxy: t } = b(), c = k(e, t.$q), o = h(e, w), s = r(() => e.indeterminate === !0 || e.query === !0), u = r(() => e.reverse !== e.query), v = r(() => ({
+      ...o.value !== null ? o.value : {},
+      "--q-linear-progress-speed": `${e.animationSpeed}ms`
+    })), m = r(
+      () => "q-linear-progress" + (e.color !== void 0 ? ` text-${e.color}` : "") + (e.reverse === !0 || e.query === !0 ? " q-linear-progress--reverse" : "") + (e.rounded === !0 ? " rounded-borders" : "")
+    ), f = r(() => d(e.buffer !== void 0 ? e.buffer : 1, u.value, t.$q)), n = r(() => `with${e.instantFeedback === !0 ? "out" : ""}-transition`), g = r(
+      () => `q-linear-progress__track absolute-full q-linear-progress__track--${n.value} q-linear-progress__track--${c.value === !0 ? "dark" : "light"}` + (e.trackColor !== void 0 ? ` bg-${e.trackColor}` : "")
+    ), q = r(() => d(s.value === !0 ? 1 : e.value, u.value, t.$q)), $ = r(
+      () => `q-linear-progress__model absolute-full q-linear-progress__model--${n.value} q-linear-progress__model--${s.value === !0 ? "in" : ""}determinate`
+    ), y = r(() => ({ width: `${e.value * 100}%` })), _ = r(
+      () => `q-linear-progress__stripe absolute-${e.reverse === !0 ? "right" : "left"} q-linear-progress__stripe--${n.value}`
+    );
+    return () => {
+      const i = [
+        a("div", {
+          class: g.value,
+          style: f.value
+        }),
+        a("div", {
+          class: $.value,
+          style: q.value
+        })
+      ];
+      return e.stripe === !0 && s.value === !1 && i.push(
+        a("div", {
+          class: _.value,
+          style: y.value
+        })
+      ), a("div", {
+        class: m.value,
+        style: v.value,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 1,
+        "aria-valuenow": e.indeterminate === !0 ? void 0 : e.value
+      }, B(l.default, i));
+    };
+  }
+});
+export {
+  L as default
+};

package/dist/node_modules/quasar/src/components/menu/QMenu.js

@@ -0,0 +1,183 @@
+import { getCurrentInstance as ne, ref as D, computed as u, watch as w, h as M, Transition as ie, onBeforeUnmount as re } from "vue";
+import ue, { useAnchorProps as ae } from "../../composables/private.use-anchor/use-anchor.js";
+import le from "../../composables/private.use-scroll-target/use-scroll-target.js";
+import se, { useModelToggleEmits as ce, useModelToggleProps as fe } from "../../composables/private.use-model-toggle/use-model-toggle.js";
+import de, { useDarkProps as me } from "../../composables/private.use-dark/use-dark.js";
+import ve from "../../composables/private.use-portal/use-portal.js";
+import ge, { useTransitionProps as he } from "../../composables/private.use-transition/use-transition.js";
+import Pe from "../../composables/use-tick/use-tick.js";
+import ye from "../../composables/use-timeout/use-timeout.js";
+import { createComponent as Te } from "../../utils/private.create/create.js";
+import { closePortalMenus as ke } from "../../utils/private.portal/portal.js";
+import { scrollTargetProp as Ce, getScrollTarget as Se } from "../../utils/scroll/scroll.js";
+import { position as xe, stopAndPrevent as Oe } from "../../utils/event/event.js";
+import { hSlot as qe } from "../../utils/private.render/render.js";
+import { addEscapeKey as Ee, removeEscapeKey as A } from "../../utils/private.keyboard/escape-key.js";
+import { addFocusout as Be, removeFocusout as be } from "../../utils/private.focus/focusout.js";
+import { childHasFocus as Fe } from "../../utils/dom/dom.js";
+import { addClickOutside as De, removeClickOutside as R } from "../../utils/private.click-outside/click-outside.js";
+import { addFocusFn as we } from "../../utils/private.focus/focus-manager.js";
+import { validateOffset as Me, validatePosition as p, parsePosition as H, setPosition as Ae } from "../../utils/private.position-engine/position-engine.js";
+const et = Te({
+  name: "QMenu",
+  inheritAttrs: !1,
+  props: {
+    ...ae,
+    ...fe,
+    ...me,
+    ...he,
+    persistent: Boolean,
+    autoClose: Boolean,
+    separateClosePopup: Boolean,
+    noEscDismiss: Boolean,
+    noRouteDismiss: Boolean,
+    noRefocus: Boolean,
+    noFocus: Boolean,
+    fit: Boolean,
+    cover: Boolean,
+    square: Boolean,
+    anchor: {
+      type: String,
+      validator: p
+    },
+    self: {
+      type: String,
+      validator: p
+    },
+    offset: {
+      type: Array,
+      validator: Me
+    },
+    scrollTarget: Ce,
+    touchPosition: Boolean,
+    maxHeight: {
+      type: String,
+      default: null
+    },
+    maxWidth: {
+      type: String,
+      default: null
+    }
+  },
+  emits: [
+    ...ce,
+    "click",
+    "escapeKey"
+  ],
+  setup(t, { slots: K, emit: c, attrs: d }) {
+    let i = null, f, a, m;
+    const T = ne(), { proxy: v } = T, { $q: o } = v, n = D(null), r = D(!1), W = u(
+      () => t.persistent !== !0 && t.noRouteDismiss !== !0
+    ), Q = de(t, o), { registerTick: _, removeTick: j } = Pe(), { registerTimeout: k } = ye(), { transitionProps: I, transitionStyle: L } = ge(t), { localScrollTarget: C, changeScrollEvent: U, unconfigureScrollTarget: $ } = le(t, b), { anchorEl: l, canShow: z } = ue({ showing: r }), { hide: S } = se({
+      showing: r,
+      canShow: z,
+      handleShow: X,
+      handleHide: Y,
+      hideOnRouteChange: W,
+      processOnMount: !0
+    }), { showPortal: x, hidePortal: O, renderPortal: G } = ve(T, n, ee, "menu"), g = {
+      anchorEl: l,
+      innerRef: n,
+      onClickOutside(e) {
+        if (t.persistent !== !0 && r.value === !0)
+          return S(e), // always prevent touch event
+          (e.type === "touchstart" || e.target.classList.contains("q-dialog__backdrop")) && Oe(e), !0;
+      }
+    }, q = u(
+      () => H(
+        t.anchor || (t.cover === !0 ? "center middle" : "bottom start"),
+        o.lang.rtl
+      )
+    ), J = u(() => t.cover === !0 ? q.value : H(t.self || "top start", o.lang.rtl)), N = u(
+      () => (t.square === !0 ? " q-menu--square" : "") + (Q.value === !0 ? " q-menu--dark q-dark" : "")
+    ), V = u(() => t.autoClose === !0 ? { onClick: Z } : {}), E = u(
+      () => r.value === !0 && t.persistent !== !0
+    );
+    w(E, (e) => {
+      e === !0 ? (Ee(P), De(g)) : (A(P), R(g));
+    });
+    function h() {
+      we(() => {
+        let e = n.value;
+        e && e.contains(document.activeElement) !== !0 && (e = e.querySelector("[autofocus][tabindex], [data-autofocus][tabindex]") || e.querySelector("[autofocus] [tabindex], [data-autofocus] [tabindex]") || e.querySelector("[autofocus], [data-autofocus]") || e, e.focus({ preventScroll: !0 }));
+      });
+    }
+    function X(e) {
+      if (i = t.noRefocus === !1 ? document.activeElement : null, Be(F), x(), b(), f = void 0, e !== void 0 && (t.touchPosition || t.contextMenu)) {
+        const y = xe(e);
+        if (y.left !== void 0) {
+          const { top: te, left: oe } = l.value.getBoundingClientRect();
+          f = { left: y.left - oe, top: y.top - te };
+        }
+      }
+      a === void 0 && (a = w(
+        () => o.screen.width + "|" + o.screen.height + "|" + t.self + "|" + t.anchor + "|" + o.lang.rtl,
+        s
+      )), t.noFocus !== !0 && document.activeElement.blur(), _(() => {
+        s(), t.noFocus !== !0 && h();
+      }), k(() => {
+        o.platform.is.ios === !0 && (m = t.autoClose, n.value.click()), s(), x(!0), c("show", e);
+      }, t.transitionDuration);
+    }
+    function Y(e) {
+      j(), O(), B(!0), i !== null && // menu was hidden from code or ESC plugin
+      (e === void 0 || e.qClickOutside !== !0) && (((e?.type.indexOf("key") === 0 ? i.closest('[tabindex]:not([tabindex^="-"])') : void 0) || i).focus(), i = null), k(() => {
+        O(!0), c("hide", e);
+      }, t.transitionDuration);
+    }
+    function B(e) {
+      f = void 0, a !== void 0 && (a(), a = void 0), (e === !0 || r.value === !0) && (be(F), $(), R(g), A(P)), e !== !0 && (i = null);
+    }
+    function b() {
+      (l.value !== null || t.scrollTarget !== void 0) && (C.value = Se(l.value, t.scrollTarget), U(C.value, s));
+    }
+    function Z(e) {
+      m !== !0 ? (ke(v, e), c("click", e)) : m = !1;
+    }
+    function F(e) {
+      E.value === !0 && t.noFocus !== !0 && Fe(n.value, e.target) !== !0 && h();
+    }
+    function P(e) {
+      t.noEscDismiss !== !0 && (c("escapeKey"), S(e));
+    }
+    function s() {
+      Ae({
+        targetEl: n.value,
+        offset: t.offset,
+        anchorEl: l.value,
+        anchorOrigin: q.value,
+        selfOrigin: J.value,
+        absoluteOffset: f,
+        fit: t.fit,
+        cover: t.cover,
+        maxHeight: t.maxHeight,
+        maxWidth: t.maxWidth
+      });
+    }
+    function ee() {
+      return M(
+        ie,
+        I.value,
+        () => r.value === !0 ? M("div", {
+          role: "menu",
+          ...d,
+          ref: n,
+          tabindex: -1,
+          class: [
+            "q-menu q-position-engine scroll" + N.value,
+            d.class
+          ],
+          style: [
+            d.style,
+            L.value
+          ],
+          ...V.value
+        }, qe(K.default)) : null
+      );
+    }
+    return re(B), Object.assign(v, { focus: h, updatePosition: s }), G;
+  }
+});
+export {
+  et as default
+};

package/dist/node_modules/quasar/src/components/option-group/QOptionGroup.js

@@ -0,0 +1,90 @@
+import { getCurrentInstance as p, computed as n, h as r } from "vue";
+import C from "../radio/QRadio.js";
+import L from "../checkbox/QCheckbox.js";
+import O from "../toggle/QToggle.js";
+import { createComponent as q } from "../../utils/private.create/create.js";
+import S, { useDarkProps as D } from "../../composables/private.use-dark/use-dark.js";
+import { isObject as x } from "../../utils/is/is.js";
+const s = {
+  radio: C,
+  checkbox: L,
+  toggle: O
+}, z = Object.keys(s);
+function d(e, a) {
+  if (typeof e == "function") return e;
+  const l = e !== void 0 ? e : a;
+  return (i) => i[l];
+}
+const M = q({
+  name: "QOptionGroup",
+  props: {
+    ...D,
+    modelValue: {
+      required: !0
+    },
+    options: {
+      type: Array,
+      validator: (e) => e.every(x),
+      default: () => []
+    },
+    optionValue: [Function, String],
+    optionLabel: [Function, String],
+    optionDisable: [Function, String],
+    name: String,
+    type: {
+      type: String,
+      default: "radio",
+      validator: (e) => z.includes(e)
+    },
+    color: String,
+    keepColor: Boolean,
+    dense: Boolean,
+    size: String,
+    leftLabel: Boolean,
+    inline: Boolean,
+    disable: Boolean
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a, slots: l }) {
+    const { proxy: { $q: i } } = p(), u = Array.isArray(e.modelValue);
+    e.type === "radio" ? u === !0 && console.error("q-option-group: model should not be array") : u === !1 && console.error("q-option-group: model should be array in your case");
+    const m = S(e, i), b = n(() => s[e.type]), f = n(() => d(e.optionValue, "value")), v = n(() => d(e.optionLabel, "label")), g = n(() => d(e.optionDisable, "disable")), k = n(() => e.options.map((o) => ({
+      val: f.value(o),
+      name: o.name === void 0 ? e.name : o.name,
+      disable: e.disable || g.value(o),
+      leftLabel: o.leftLabel === void 0 ? e.leftLabel : o.leftLabel,
+      color: o.color === void 0 ? e.color : o.color,
+      checkedIcon: o.checkedIcon,
+      uncheckedIcon: o.uncheckedIcon,
+      dark: o.dark === void 0 ? m.value : o.dark,
+      size: o.size === void 0 ? e.size : o.size,
+      dense: e.dense,
+      keepColor: o.keepColor === void 0 ? e.keepColor : o.keepColor
+    }))), y = n(
+      () => "q-option-group q-gutter-x-sm" + (e.inline === !0 ? " q-option-group--inline" : "")
+    ), V = n(() => {
+      const o = { role: "group" };
+      return e.type === "radio" && (o.role = "radiogroup", e.disable === !0 && (o["aria-disabled"] = "true")), o;
+    });
+    function h(o) {
+      a("update:modelValue", o);
+    }
+    return () => r("div", {
+      class: y.value,
+      ...V.value
+    }, e.options.map((o, t) => {
+      const c = l["label-" + t] !== void 0 ? () => l["label-" + t](o) : l.label !== void 0 ? () => l.label(o) : void 0;
+      return r("div", [
+        r(b.value, {
+          label: c === void 0 ? v.value(o) : null,
+          modelValue: e.modelValue,
+          "onUpdate:modelValue": h,
+          ...k.value[t]
+        }, c)
+      ]);
+    }));
+  }
+});
+export {
+  M as default
+};

package/dist/node_modules/quasar/src/components/radio/QRadio.js

@@ -0,0 +1,118 @@
+import { getCurrentInstance as B, ref as R, computed as n, toRaw as m, h as o } from "vue";
+import j from "../icon/QIcon.js";
+import z, { useDarkProps as P } from "../../composables/private.use-dark/use-dark.js";
+import T, { useSizeProps as V } from "../../composables/private.use-size/use-size.js";
+import $ from "../../composables/private.use-refocus-target/use-refocus-target.js";
+import { useFormProps as D, useFormInject as F } from "../../composables/use-form/private.use-form.js";
+import { createComponent as M } from "../../utils/private.create/create.js";
+import Q from "../../utils/private.option-sizes/option-sizes.js";
+import { stopAndPrevent as f } from "../../utils/event/event.js";
+import { hMergeSlot as A, hSlot as K } from "../../utils/private.render/render.js";
+const L = () => o("svg", {
+  key: "svg",
+  class: "q-radio__bg absolute non-selectable",
+  viewBox: "0 0 24 24"
+}, [
+  o("path", {
+    d: "M12,22a10,10 0 0 1 -10,-10a10,10 0 0 1 10,-10a10,10 0 0 1 10,10a10,10 0 0 1 -10,10m0,-22a12,12 0 0 0 -12,12a12,12 0 0 0 12,12a12,12 0 0 0 12,-12a12,12 0 0 0 -12,-12"
+  }),
+  o("path", {
+    class: "q-radio__check",
+    d: "M12,6a6,6 0 0 0 -6,6a6,6 0 0 0 6,6a6,6 0 0 0 6,-6a6,6 0 0 0 -6,-6"
+  })
+]), Z = M({
+  name: "QRadio",
+  props: {
+    ...P,
+    ...V,
+    ...D,
+    modelValue: { required: !0 },
+    val: { required: !0 },
+    label: String,
+    leftLabel: Boolean,
+    checkedIcon: String,
+    uncheckedIcon: String,
+    color: String,
+    keepColor: Boolean,
+    dense: Boolean,
+    disable: Boolean,
+    tabindex: [String, Number]
+  },
+  emits: ["update:modelValue"],
+  setup(e, { slots: i, emit: b }) {
+    const { proxy: u } = B(), k = z(e, u.$q), h = T(e, Q), c = R(null), { refocusTargetEl: d, refocusTarget: g } = $(e, c), t = n(() => m(e.modelValue) === m(e.val)), q = n(
+      () => "q-radio cursor-pointer no-outline row inline no-wrap items-center" + (e.disable === !0 ? " disabled" : "") + (k.value === !0 ? " q-radio--dark" : "") + (e.dense === !0 ? " q-radio--dense" : "") + (e.leftLabel === !0 ? " reverse" : "")
+    ), _ = n(() => {
+      const a = e.color !== void 0 && (e.keepColor === !0 || t.value === !0) ? ` text-${e.color}` : "";
+      return `q-radio__inner relative-position q-radio__inner--${t.value === !0 ? "truthy" : "falsy"}${a}`;
+    }), s = n(
+      () => (t.value === !0 ? e.checkedIcon : e.uncheckedIcon) || null
+    ), y = n(() => e.disable === !0 ? -1 : e.tabindex || 0), S = n(() => {
+      const a = { type: "radio" };
+      return e.name !== void 0 && Object.assign(a, {
+        // see https://vuejs.org/guide/extras/render-function.html#creating-vnodes (.prop)
+        ".checked": t.value === !0,
+        "^checked": t.value === !0 ? "checked" : void 0,
+        name: e.name,
+        value: e.val
+      }), a;
+    }), x = F(S);
+    function r(a) {
+      a !== void 0 && (f(a), g(a)), e.disable !== !0 && t.value !== !0 && b("update:modelValue", e.val, a);
+    }
+    function C(a) {
+      (a.keyCode === 13 || a.keyCode === 32) && f(a);
+    }
+    function I(a) {
+      (a.keyCode === 13 || a.keyCode === 32) && r(a);
+    }
+    Object.assign(u, { set: r });
+    const w = L();
+    return () => {
+      const a = s.value !== null ? [
+        o("div", {
+          key: "icon",
+          class: "q-radio__icon-container absolute-full flex flex-center no-wrap"
+        }, [
+          o(j, {
+            class: "q-radio__icon",
+            name: s.value
+          })
+        ])
+      ] : [w];
+      e.disable !== !0 && x(
+        a,
+        "unshift",
+        " q-radio__native q-ma-none q-pa-none"
+      );
+      const l = [
+        o("div", {
+          class: _.value,
+          style: h.value,
+          "aria-hidden": "true"
+        }, a)
+      ];
+      d.value !== null && l.push(d.value);
+      const v = e.label !== void 0 ? A(i.default, [e.label]) : K(i.default);
+      return v !== void 0 && l.push(
+        o("div", {
+          class: "q-radio__label q-anchor--skip"
+        }, v)
+      ), o("div", {
+        ref: c,
+        class: q.value,
+        tabindex: y.value,
+        role: "radio",
+        "aria-label": e.label,
+        "aria-checked": t.value === !0 ? "true" : "false",
+        "aria-disabled": e.disable === !0 ? "true" : void 0,
+        onClick: r,
+        onKeydown: C,
+        onKeyup: I
+      }, l);
+    };
+  }
+});
+export {
+  Z as default
+};