web-core-tcm 0.0.54 → 0.0.61

package/dist/node_modules/quasar/lang/en-US.js

@@ -0,0 +1,106 @@
+const t = {
+  isoName: "en-US",
+  nativeName: "English (US)",
+  label: {
+    clear: "Clear",
+    ok: "OK",
+    cancel: "Cancel",
+    close: "Close",
+    set: "Set",
+    select: "Select",
+    reset: "Reset",
+    remove: "Remove",
+    update: "Update",
+    create: "Create",
+    search: "Search",
+    filter: "Filter",
+    refresh: "Refresh",
+    expand: (e) => e ? `Expand "${e}"` : "Expand",
+    collapse: (e) => e ? `Collapse "${e}"` : "Collapse"
+  },
+  date: {
+    days: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),
+    daysShort: "Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),
+    months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"),
+    monthsShort: "Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),
+    firstDayOfWeek: 0,
+    // 0-6, 0 - Sunday, 1 Monday, ...
+    format24h: !1,
+    pluralDay: "days",
+    prevMonth: "Previous month",
+    nextMonth: "Next month",
+    prevYear: "Previous year",
+    nextYear: "Next year",
+    today: "Today",
+    prevRangeYears: (e) => `Previous ${e} years`,
+    nextRangeYears: (e) => `Next ${e} years`
+  },
+  table: {
+    noData: "No data available",
+    noResults: "No matching records found",
+    loading: "Loading...",
+    selectedRecords: (e) => e === 1 ? "1 record selected." : (e === 0 ? "No" : e) + " records selected.",
+    recordsPerPage: "Records per page:",
+    allRows: "All",
+    pagination: (e, a, r) => e + "-" + a + " of " + r,
+    columns: "Columns"
+  },
+  pagination: {
+    first: "First page",
+    prev: "Previous page",
+    next: "Next page",
+    last: "Last page"
+  },
+  editor: {
+    url: "URL",
+    bold: "Bold",
+    italic: "Italic",
+    strikethrough: "Strikethrough",
+    underline: "Underline",
+    unorderedList: "Unordered List",
+    orderedList: "Ordered List",
+    subscript: "Subscript",
+    superscript: "Superscript",
+    hyperlink: "Hyperlink",
+    toggleFullscreen: "Toggle Fullscreen",
+    quote: "Quote",
+    left: "Left align",
+    center: "Center align",
+    right: "Right align",
+    justify: "Justify align",
+    print: "Print",
+    outdent: "Decrease indentation",
+    indent: "Increase indentation",
+    removeFormat: "Remove formatting",
+    formatting: "Formatting",
+    fontSize: "Font Size",
+    align: "Align",
+    hr: "Insert Horizontal Rule",
+    undo: "Undo",
+    redo: "Redo",
+    heading1: "Heading 1",
+    heading2: "Heading 2",
+    heading3: "Heading 3",
+    heading4: "Heading 4",
+    heading5: "Heading 5",
+    heading6: "Heading 6",
+    paragraph: "Paragraph",
+    code: "Code",
+    size1: "Very small",
+    size2: "A bit small",
+    size3: "Normal",
+    size4: "Medium-large",
+    size5: "Big",
+    size6: "Very big",
+    size7: "Maximum",
+    defaultFont: "Default Font",
+    viewSource: "View Source"
+  },
+  tree: {
+    noNodes: "No nodes available",
+    noResults: "No matching nodes found"
+  }
+};
+export {
+  t as default
+};

package/dist/node_modules/quasar/src/components/btn/QBtn.js

@@ -0,0 +1,188 @@
+import { getCurrentInstance as N, ref as w, computed as i, onBeforeUnmount as U, h as a, Transition as X, withDirectives as z } from "vue";
+import P from "../icon/QIcon.js";
+import G from "../spinner/QSpinner.js";
+import H from "../../directives/ripple/Ripple.js";
+import J, { useBtnProps as V } from "./use-btn.js";
+import { createComponent as W } from "../../utils/private.create/create.js";
+import { hMergeSlot as Y } from "../../utils/private.render/render.js";
+import { listenOpts as Z, stopAndPrevent as s, prevent as ee, stop as te } from "../../utils/event/event.js";
+import { isKeyCode as C } from "../../utils/private.keyboard/key-composition.js";
+const { passiveCapture: l } = Z;
+let c = null, v = null, d = null;
+const ve = W({
+  name: "QBtn",
+  props: {
+    ...V,
+    percentage: Number,
+    darkPercentage: Boolean,
+    onTouchstart: [Function, Array]
+  },
+  emits: ["click", "keydown", "mousedown", "keyup"],
+  setup(n, { slots: k, emit: b }) {
+    const { proxy: E } = N(), {
+      classes: x,
+      style: R,
+      innerClasses: _,
+      attributes: B,
+      hasLink: M,
+      linkTag: A,
+      navigateOnClick: K,
+      isActionable: L
+    } = J(n), t = w(null), q = w(null);
+    let o = null, p, h = null;
+    const y = i(
+      () => n.label !== void 0 && n.label !== null && n.label !== ""
+    ), S = i(() => n.disable === !0 || n.ripple === !1 ? !1 : {
+      keyCodes: M.value === !0 ? [13, 32] : [13],
+      ...n.ripple === !0 ? {} : n.ripple
+    }), Q = i(() => ({ center: n.round })), F = i(() => {
+      const e = Math.max(0, Math.min(100, n.percentage));
+      return e > 0 ? { transition: "transform 0.6s", transform: `translateX(${e - 100}%)` } : {};
+    }), O = i(() => {
+      if (n.loading === !0)
+        return {
+          onMousedown: m,
+          onTouchstart: m,
+          onClick: m,
+          onKeydown: m,
+          onKeyup: m
+        };
+      if (L.value === !0) {
+        const e = {
+          onClick: T,
+          onKeydown: I,
+          onMousedown: D
+        };
+        if (E.$q.platform.has.touch === !0) {
+          const u = n.onTouchstart !== void 0 ? "" : "Passive";
+          e[`onTouchstart${u}`] = j;
+        }
+        return e;
+      }
+      return {
+        // needed; especially for disabled <a> tags
+        onClick: s
+      };
+    }), $ = i(() => ({
+      ref: t,
+      class: "q-btn q-btn-item non-selectable no-outline " + x.value,
+      style: R.value,
+      ...B.value,
+      ...O.value
+    }));
+    function T(e) {
+      if (t.value !== null) {
+        if (e !== void 0) {
+          if (e.defaultPrevented === !0) return;
+          const u = document.activeElement;
+          if (n.type === "submit" && u !== document.body && t.value.contains(u) === !1 && u.contains(t.value) === !1) {
+            e.qAvoidFocus !== !0 && t.value.focus();
+            const g = () => {
+              document.removeEventListener("keydown", s, !0), document.removeEventListener("keyup", g, l), t.value?.removeEventListener("blur", g, l);
+            };
+            document.addEventListener("keydown", s, !0), document.addEventListener("keyup", g, l), t.value.addEventListener("blur", g, l);
+          }
+        }
+        K(e);
+      }
+    }
+    function I(e) {
+      t.value !== null && (b("keydown", e), C(e, [13, 32]) === !0 && v !== t.value && (v !== null && f(), e.defaultPrevented !== !0 && (e.qAvoidFocus !== !0 && t.value.focus(), v = t.value, t.value.classList.add("q-btn--active"), document.addEventListener("keyup", r, !0), t.value.addEventListener("blur", r, l)), s(e)));
+    }
+    function j(e) {
+      t.value !== null && (b("touchstart", e), e.defaultPrevented !== !0 && (c !== t.value && (c !== null && f(), c = t.value, o = e.target, o.addEventListener("touchcancel", r, l), o.addEventListener("touchend", r, l)), p = !0, h !== null && clearTimeout(h), h = setTimeout(() => {
+        h = null, p = !1;
+      }, 200)));
+    }
+    function D(e) {
+      t.value !== null && (e.qSkipRipple = p === !0, b("mousedown", e), e.defaultPrevented !== !0 && d !== t.value && (d !== null && f(), d = t.value, t.value.classList.add("q-btn--active"), document.addEventListener("mouseup", r, l)));
+    }
+    function r(e) {
+      if (t.value !== null && !(e?.type === "blur" && document.activeElement === t.value)) {
+        if (e?.type === "keyup") {
+          if (v === t.value && C(e, [13, 32]) === !0) {
+            const u = new MouseEvent("click", e);
+            u.qKeyEvent = !0, e.defaultPrevented === !0 && ee(u), e.cancelBubble === !0 && te(u), t.value.dispatchEvent(u), s(e), e.qKeyEvent = !0;
+          }
+          b("keyup", e);
+        }
+        f();
+      }
+    }
+    function f(e) {
+      const u = q.value;
+      e !== !0 && (c === t.value || d === t.value) && u !== null && u !== document.activeElement && (u.setAttribute("tabindex", -1), u.focus()), c === t.value && (o !== null && (o.removeEventListener("touchcancel", r, l), o.removeEventListener("touchend", r, l)), c = o = null), d === t.value && (document.removeEventListener("mouseup", r, l), d = null), v === t.value && (document.removeEventListener("keyup", r, !0), t.value?.removeEventListener("blur", r, l), v = null), t.value?.classList.remove("q-btn--active");
+    }
+    function m(e) {
+      s(e), e.qSkipRipple = !0;
+    }
+    return U(() => {
+      f(!0);
+    }), Object.assign(E, {
+      click: (e) => {
+        L.value === !0 && T(e);
+      }
+    }), () => {
+      let e = [];
+      n.icon !== void 0 && e.push(
+        a(P, {
+          name: n.icon,
+          left: n.stack !== !0 && y.value === !0,
+          role: "img"
+        })
+      ), y.value === !0 && e.push(
+        a("span", { class: "block" }, [n.label])
+      ), e = Y(k.default, e), n.iconRight !== void 0 && n.round === !1 && e.push(
+        a(P, {
+          name: n.iconRight,
+          right: n.stack !== !0 && y.value === !0,
+          role: "img"
+        })
+      );
+      const u = [
+        a("span", {
+          class: "q-focus-helper",
+          ref: q
+        })
+      ];
+      return n.loading === !0 && n.percentage !== void 0 && u.push(
+        a("span", {
+          class: "q-btn__progress absolute-full overflow-hidden" + (n.darkPercentage === !0 ? " q-btn__progress--dark" : "")
+        }, [
+          a("span", {
+            class: "q-btn__progress-indicator fit block",
+            style: F.value
+          })
+        ])
+      ), u.push(
+        a("span", {
+          class: "q-btn__content text-center col items-center q-anchor--skip " + _.value
+        }, e)
+      ), n.loading !== null && u.push(
+        a(X, {
+          name: "q-transition--fade"
+        }, () => n.loading === !0 ? [
+          a("span", {
+            key: "loading",
+            class: "absolute-full flex flex-center"
+          }, k.loading !== void 0 ? k.loading() : [a(G)])
+        ] : null)
+      ), z(
+        a(
+          A.value,
+          $.value,
+          u
+        ),
+        [[
+          H,
+          S.value,
+          void 0,
+          Q.value
+        ]]
+      );
+    };
+  }
+});
+export {
+  ve as default
+};

package/dist/node_modules/quasar/src/components/btn/use-btn.js

@@ -0,0 +1,122 @@
+import { computed as a } from "vue";
+import y, { useAlignProps as S } from "../../composables/private.use-align/use-align.js";
+import k, { useSizeProps as C } from "../../composables/private.use-size/use-size.js";
+import R, { useRouterLinkNonMatchingProps as $ } from "../../composables/private.use-router-link/use-router-link.js";
+const r = {
+  none: 0,
+  xs: 4,
+  sm: 8,
+  md: 16,
+  lg: 24,
+  xl: 32
+}, j = {
+  xs: 8,
+  sm: 10,
+  md: 14,
+  lg: 20,
+  xl: 24
+}, O = ["button", "submit", "reset"], P = /[^\s]\/[^\s]/, w = ["flat", "outline", "push", "unelevated"];
+function s(e, n) {
+  return e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : n;
+}
+function D(e) {
+  const n = s(e);
+  return n !== void 0 ? { [n]: !0 } : {};
+}
+const z = {
+  ...C,
+  ...$,
+  type: {
+    type: String,
+    default: "button"
+  },
+  label: [Number, String],
+  icon: String,
+  iconRight: String,
+  ...w.reduce(
+    (e, n) => (e[n] = Boolean) && e,
+    {}
+  ),
+  square: Boolean,
+  rounded: Boolean,
+  glossy: Boolean,
+  size: String,
+  fab: Boolean,
+  fabMini: Boolean,
+  padding: String,
+  color: String,
+  textColor: String,
+  noCaps: Boolean,
+  noWrap: Boolean,
+  dense: Boolean,
+  tabindex: [Number, String],
+  ripple: {
+    type: [Boolean, Object],
+    default: !0
+  },
+  align: {
+    ...S.align,
+    default: "center"
+  },
+  stack: Boolean,
+  stretch: Boolean,
+  loading: {
+    type: Boolean,
+    default: null
+  },
+  disable: Boolean
+}, N = {
+  ...z,
+  round: Boolean
+};
+function W(e) {
+  const n = k(e, j), d = y(e), { hasRouterLink: b, hasLink: l, linkTag: o, linkAttrs: c, navigateOnClick: f } = R({
+    fallbackTag: "button"
+  }), g = a(() => {
+    const t = e.fab === !1 && e.fabMini === !1 ? n.value : {};
+    return e.padding !== void 0 ? Object.assign({}, t, {
+      padding: e.padding.split(/\s+/).map((i) => i in r ? r[i] + "px" : i).join(" "),
+      minWidth: "0",
+      minHeight: "0"
+    }) : t;
+  }), m = a(
+    () => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
+  ), u = a(
+    () => e.disable !== !0 && e.loading !== !0
+  ), v = a(() => u.value === !0 ? e.tabindex || 0 : -1), x = a(() => s(e, "standard")), B = a(() => {
+    const t = { tabindex: v.value };
+    return l.value === !0 ? Object.assign(t, c.value) : O.includes(e.type) === !0 && (t.type = e.type), o.value === "a" ? (e.disable === !0 ? t["aria-disabled"] = "true" : t.href === void 0 && (t.role = "button"), b.value !== !0 && P.test(e.type) === !0 && (t.type = e.type)) : e.disable === !0 && (t.disabled = "", t["aria-disabled"] = "true"), e.loading === !0 && e.percentage !== void 0 && Object.assign(t, {
+      role: "progressbar",
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": e.percentage
+    }), t;
+  }), q = a(() => {
+    let t;
+    e.color !== void 0 ? e.flat === !0 || e.outline === !0 ? t = `text-${e.textColor || e.color}` : t = `bg-${e.color} text-${e.textColor || "white"}` : e.textColor && (t = `text-${e.textColor}`);
+    const i = e.round === !0 ? "round" : `rectangle${m.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
+    return `q-btn--${x.value} q-btn--${i}` + (t !== void 0 ? " " + t : "") + (u.value === !0 ? " q-btn--actionable q-focusable q-hoverable" : e.disable === !0 ? " disabled" : "") + (e.fab === !0 ? " q-btn--fab" : e.fabMini === !0 ? " q-btn--fab-mini" : "") + (e.noCaps === !0 ? " q-btn--no-uppercase" : "") + (e.dense === !0 ? " q-btn--dense" : "") + (e.stretch === !0 ? " no-border-radius self-stretch" : "") + (e.glossy === !0 ? " glossy" : "") + (e.square ? " q-btn--square" : "");
+  }), h = a(
+    () => d.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
+  );
+  return {
+    classes: q,
+    style: g,
+    innerClasses: h,
+    attributes: B,
+    hasLink: l,
+    linkTag: o,
+    navigateOnClick: f,
+    isActionable: u
+  };
+}
+export {
+  w as btnDesignOptions,
+  r as btnPadding,
+  W as default,
+  j as defaultSizes,
+  s as getBtnDesign,
+  D as getBtnDesignAttr,
+  z as nonRoundBtnProps,
+  N as useBtnProps
+};

package/dist/node_modules/quasar/src/components/btn-group/QBtnGroup.js

@@ -0,0 +1,27 @@
+import { computed as a, h as l } from "vue";
+import { createComponent as s } from "../../utils/private.create/create.js";
+import { hSlot as u } from "../../utils/private.render/render.js";
+const c = s({
+  name: "QBtnGroup",
+  props: {
+    unelevated: Boolean,
+    outline: Boolean,
+    flat: Boolean,
+    rounded: Boolean,
+    square: Boolean,
+    push: Boolean,
+    stretch: Boolean,
+    glossy: Boolean,
+    spread: Boolean
+  },
+  setup(e, { slots: n }) {
+    const r = a(() => {
+      const t = ["unelevated", "outline", "flat", "rounded", "square", "push", "stretch", "glossy"].filter((o) => e[o] === !0).map((o) => `q-btn-group--${o}`).join(" ");
+      return `q-btn-group row no-wrap${t.length !== 0 ? " " + t : ""}` + (e.spread === !0 ? " q-btn-group--spread" : " inline");
+    });
+    return () => l("div", { class: r.value }, u(n.default));
+  }
+});
+export {
+  c as default
+};

package/dist/node_modules/quasar/src/components/btn-toggle/QBtnToggle.js

@@ -0,0 +1,114 @@
+import { computed as r, h as c } from "vue";
+import V from "../btn/QBtn.js";
+import p from "../btn-group/QBtnGroup.js";
+import { createComponent as S } from "../../utils/private.create/create.js";
+import { useFormProps as x, useFormInject as k } from "../../composables/use-form/private.use-form.js";
+import { hMergeSlot as A } from "../../utils/private.render/render.js";
+import { getBtnDesignAttr as O } from "../btn/use-btn.js";
+const W = S({
+  name: "QBtnToggle",
+  props: {
+    ...x,
+    modelValue: {
+      required: !0
+    },
+    options: {
+      type: Array,
+      required: !0,
+      validator: (e) => e.every(
+        (a) => ("label" in a || "icon" in a || "slot" in a) && "value" in a
+      )
+    },
+    // To avoid seeing the active raise shadow through
+    // the transparent button, give it a color (even white)
+    color: String,
+    textColor: String,
+    toggleColor: {
+      type: String,
+      default: "primary"
+    },
+    toggleTextColor: String,
+    outline: Boolean,
+    flat: Boolean,
+    unelevated: Boolean,
+    rounded: Boolean,
+    push: Boolean,
+    glossy: Boolean,
+    size: String,
+    padding: String,
+    noCaps: Boolean,
+    noWrap: Boolean,
+    dense: Boolean,
+    readonly: Boolean,
+    disable: Boolean,
+    stack: Boolean,
+    stretch: Boolean,
+    spread: Boolean,
+    clearable: Boolean,
+    ripple: {
+      type: [Boolean, Object],
+      default: !0
+    }
+  },
+  emits: ["update:modelValue", "clear", "click"],
+  setup(e, { slots: a, emit: u }) {
+    const m = r(
+      () => e.options.find((o) => o.value === e.modelValue) !== void 0
+    ), g = r(() => ({
+      type: "hidden",
+      name: e.name,
+      value: e.modelValue
+    })), f = k(g), s = r(() => O(e)), B = r(() => ({
+      rounded: e.rounded,
+      dense: e.dense,
+      ...s.value
+    })), v = r(() => e.options.map((o, n) => {
+      const { attrs: d, value: i, slot: h, ...t } = o;
+      return {
+        slot: h,
+        props: {
+          key: n,
+          "aria-pressed": i === e.modelValue ? "true" : "false",
+          ...d,
+          ...t,
+          ...B.value,
+          disable: e.disable === !0 || t.disable === !0,
+          // Options that come from the button specific options first, then from general props
+          color: i === e.modelValue ? l(t, "toggleColor") : l(t, "color"),
+          textColor: i === e.modelValue ? l(t, "toggleTextColor") : l(t, "textColor"),
+          noCaps: l(t, "noCaps") === !0,
+          noWrap: l(t, "noWrap") === !0,
+          size: l(t, "size"),
+          padding: l(t, "padding"),
+          ripple: l(t, "ripple"),
+          stack: l(t, "stack") === !0,
+          stretch: l(t, "stretch") === !0,
+          onClick(y) {
+            b(i, o, y);
+          }
+        }
+      };
+    }));
+    function b(o, n, d) {
+      e.readonly !== !0 && (e.modelValue === o ? e.clearable === !0 && (u("update:modelValue", null, null), u("clear")) : u("update:modelValue", o, n), u("click", d));
+    }
+    function l(o, n) {
+      return o[n] === void 0 ? e[n] : o[n];
+    }
+    function C() {
+      const o = v.value.map((n) => c(V, n.props, n.slot !== void 0 ? a[n.slot] : void 0));
+      return e.name !== void 0 && e.disable !== !0 && m.value === !0 && f(o, "push"), A(a.default, o);
+    }
+    return () => c(p, {
+      class: "q-btn-toggle",
+      ...s.value,
+      rounded: e.rounded,
+      stretch: e.stretch,
+      glossy: e.glossy,
+      spread: e.spread
+    }, C);
+  }
+});
+export {
+  W as default
+};

package/dist/node_modules/quasar/src/components/card/QCard.js

@@ -0,0 +1,26 @@
+import { getCurrentInstance as d, computed as u, h as s } from "vue";
+import n, { useDarkProps as c } from "../../composables/private.use-dark/use-dark.js";
+import { createComponent as l } from "../../utils/private.create/create.js";
+import { hSlot as m } from "../../utils/private.render/render.js";
+const p = l({
+  name: "QCard",
+  props: {
+    ...c,
+    tag: {
+      type: String,
+      default: "div"
+    },
+    square: Boolean,
+    flat: Boolean,
+    bordered: Boolean
+  },
+  setup(r, { slots: e }) {
+    const { proxy: { $q: a } } = d(), t = n(r, a), o = u(
+      () => "q-card" + (t.value === !0 ? " q-card--dark q-dark" : "") + (r.bordered === !0 ? " q-card--bordered" : "") + (r.square === !0 ? " q-card--square no-border-radius" : "") + (r.flat === !0 ? " q-card--flat no-shadow" : "")
+    );
+    return () => s(r.tag, { class: o.value }, m(e.default));
+  }
+});
+export {
+  p as default
+};

package/dist/node_modules/quasar/src/components/card/QCardActions.js

@@ -0,0 +1,20 @@
+import { computed as e, h as s } from "vue";
+import c, { useAlignProps as n } from "../../composables/private.use-align/use-align.js";
+import { createComponent as i } from "../../utils/private.create/create.js";
+import { hSlot as l } from "../../utils/private.render/render.js";
+const f = i({
+  name: "QCardActions",
+  props: {
+    ...n,
+    vertical: Boolean
+  },
+  setup(o, { slots: t }) {
+    const r = c(o), a = e(
+      () => `q-card__actions ${r.value} q-card__actions--${o.vertical === !0 ? "vert column" : "horiz row"}`
+    );
+    return () => s("div", { class: a.value }, l(t.default));
+  }
+});
+export {
+  f as default
+};

package/dist/node_modules/quasar/src/components/card/QCardSection.js

@@ -0,0 +1,22 @@
+import { computed as e, h as a } from "vue";
+import { createComponent as n } from "../../utils/private.create/create.js";
+import { hSlot as c } from "../../utils/private.render/render.js";
+const d = n({
+  name: "QCardSection",
+  props: {
+    tag: {
+      type: String,
+      default: "div"
+    },
+    horizontal: Boolean
+  },
+  setup(t, { slots: o }) {
+    const r = e(
+      () => `q-card__section q-card__section--${t.horizontal === !0 ? "horiz row no-wrap" : "vert"}`
+    );
+    return () => a(t.tag, { class: r.value }, c(o.default));
+  }
+});
+export {
+  d as default
+};

package/dist/node_modules/quasar/src/components/checkbox/QCheckbox.js

@@ -0,0 +1,50 @@
+import { h as e, computed as a } from "vue";
+import u from "../icon/QIcon.js";
+import { createComponent as r } from "../../utils/private.create/create.js";
+import i, { useCheckboxEmits as h, useCheckboxProps as b } from "./use-checkbox.js";
+const k = () => e("div", {
+  key: "svg",
+  class: "q-checkbox__bg absolute"
+}, [
+  e("svg", {
+    class: "q-checkbox__svg fit absolute-full",
+    viewBox: "0 0 24 24"
+  }, [
+    e("path", {
+      class: "q-checkbox__truthy",
+      fill: "none",
+      d: "M1.73,12.91 8.1,19.28 22.79,4.59"
+    }),
+    e("path", {
+      class: "q-checkbox__indet",
+      d: "M4,14H20V10H4"
+    })
+  ])
+]), _ = r({
+  name: "QCheckbox",
+  props: b,
+  emits: h,
+  setup(c) {
+    const t = k();
+    function n(s, l) {
+      const o = a(
+        () => (s.value === !0 ? c.checkedIcon : l.value === !0 ? c.indeterminateIcon : c.uncheckedIcon) || null
+      );
+      return () => o.value !== null ? [
+        e("div", {
+          key: "icon",
+          class: "q-checkbox__icon-container absolute-full flex flex-center no-wrap"
+        }, [
+          e(u, {
+            class: "q-checkbox__icon",
+            name: o.value
+          })
+        ])
+      ] : [t];
+    }
+    return i("checkbox", n);
+  }
+});
+export {
+  _ as default
+};