@simsustech/quasar-components 0.10.6 → 0.11.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @simsustech/quasar-components
 
+## 0.11.1
+
+### Patch Changes
+
+- 11d936a: fix(DateInput): add pattern attribute for numbers only input
+
+## 0.11.0
+
+### Minor Changes
+
+- 7340d62: feat: add iso3166 flags and country codes
+
+### Patch Changes
+
+- 259240e: fix(DateInput): fix input width
+
 ## 0.10.6
 
 ### Patch Changes

package/dist/flags.js

@@ -1,7 +1,255 @@
-import { e, l, n, u } from "./en-US-BQLrPvIP.js";
+import { g, cR, a, k, i, b, m, h, j, l, c, p, o, n, d5, q, E, v, t, x, L, K, s, M, z, c5, A, J, C, D, H, r, B, G, F, w, y, P, X, $, S, _, cz, a7, a0, U, O, V, Y, a1, a3, Q, a4, W, a5, a6, av, a9, a8, aa, ab, d, ac, ah, ad, d1, e, ag, ct, aj, an, am, ak, bt, al, ao, as, cS, aA, au, ap, aE, aw, ax, az, at, aF, aB, af, ay, cr, aD, aC, aG, aH, aM, aJ, aL, a2, aI, aN, aQ, aP, aT, aV, aU, I, aS, aR, aO, aW, aZ, aX, a_, aY, b0, b5, N, b1, Z, c7, b2, b3, b4, R, a$, b6, b8, c8, bc, cu, d6, ba, b9, bd, be, b7, bb, bz, bv, bu, bx, c9, bh, bn, bg, bl, bB, bw, bf, bN, bo, bp, by, bm, bq, bk, bi, bs, bj, bA, bC, bG, bJ, bM, bK, bI, bF, bO, bE, bD, bL, bH, bP, bT, bW, aq, bU, bX, bQ, bZ, ca, bY, b$, bS, b_, bR, bV, c0, c4, c1, ch, c2, c3, cf, co, ci, cv, cy, ck, c6, cn, cx, cm, cj, cd, cg, cp, cw, cs, ce, ae, cl, cA, ai, cN, T, ar, cG, cE, cC, cH, cF, cM, cK, cI, cL, cJ, cO, cB, cD, cQ, cP, cU, cT, u, cV, cW, aK, cb, cY, c_, c$, cZ, cX, d0, cc, d2, br, cq, d3, d4 } from "./index-DnmJt2wP.js";
 export {
+  g as ad,
+  cR as ae,
+  a as af,
+  k as ag,
+  i as ai,
+  b as al,
+  m as am,
+  h as ao,
+  j as aq,
+  l as ar,
+  c as as,
+  p as at,
+  o as au,
+  n as aw,
+  d5 as ax,
+  q as az,
+  E as ba,
+  v as bb,
+  t as bd,
+  x as be,
+  L as bf,
+  K as bg,
+  s as bh,
+  M as bi,
+  z as bj,
+  c5 as bl,
+  A as bm,
+  J as bn,
+  C as bo,
+  D as bq,
+  H as br,
+  r as bs,
+  B as bt,
+  G as bv,
+  F as bw,
+  w as by,
+  y as bz,
+  P as ca,
+  X as cc,
+  $ as cd,
+  S as cf,
+  _ as cg,
+  cz as ch,
+  a7 as ci,
+  a0 as ck,
+  U as cl,
+  O as cm,
+  V as cn,
+  Y as co,
+  a1 as cr,
+  a3 as cu,
+  Q as cv,
+  a4 as cw,
+  W as cx,
+  a5 as cy,
+  a6 as cz,
+  av as de,
+  a9 as dj,
+  a8 as dk,
+  aa as dm,
+  ab as dom,
+  d as dz,
+  ac as ec,
+  ah as ee,
+  ad as eg,
+  d1 as eh,
   e as enUs,
-  l as loadLang,
-  n as nl,
-  u as useLang
+  ag as er,
+  ct as es,
+  aj as et,
+  an as fi,
+  am as fj,
+  ak as fk,
+  bt as fm,
+  al as fo,
+  ao as fr,
+  as as ga,
+  cS as gb,
+  aA as gd,
+  au as ge,
+  ap as gf,
+  aE as gg,
+  aw as gh,
+  ax as gi,
+  az as gl,
+  at as gm,
+  aF as gn,
+  aB as gp,
+  af as gq,
+  ay as gr,
+  cr as gs,
+  aD as gt,
+  aC as gu,
+  aG as gw,
+  aH as gy,
+  aM as hk,
+  aJ as hm,
+  aL as hn,
+  a2 as hr,
+  aI as ht,
+  aN as hu,
+  aQ as id,
+  aP as idn,
+  aT as ie,
+  aV as il,
+  aU as im,
+  I as io,
+  aS as iq,
+  aR as ir,
+  aO as is,
+  aW as it,
+  aZ as je,
+  aX as jm,
+  a_ as jo,
+  aY as jp,
+  b0 as ke,
+  b5 as kg,
+  N as kh,
+  b1 as ki,
+  Z as km,
+  c7 as kn,
+  b2 as kp,
+  b3 as kr,
+  b4 as kw,
+  R as ky,
+  a$ as kz,
+  b6 as la,
+  b8 as lb,
+  c8 as lc,
+  bc as li,
+  cu as lk,
+  d6 as loadLang,
+  ba as lr,
+  b9 as ls,
+  bd as lt,
+  be as lu,
+  b7 as lv,
+  bb as ly,
+  bz as ma,
+  bv as mc,
+  bu as md,
+  bx as me,
+  c9 as mf,
+  bh as mg,
+  bn as mh,
+  bg as mk,
+  bl as ml,
+  bB as mm,
+  bw as mn,
+  bf as mo,
+  bN as mp,
+  bo as mq,
+  bp as mr,
+  by as ms,
+  bm as mt,
+  bq as mu,
+  bk as mv,
+  bi as mw,
+  bs as mx,
+  bj as my,
+  bA as mz,
+  bC as na,
+  bG as nc,
+  bJ as ne,
+  bM as nf,
+  bK as ng,
+  bI as ni,
+  bF as nl,
+  bO as no,
+  bE as np,
+  bD as nr,
+  bL as nu,
+  bH as nz,
+  bP as om,
+  bT as pa,
+  bW as pe,
+  aq as pf,
+  bU as pg,
+  bX as ph,
+  bQ as pk,
+  bZ as pl,
+  ca as pm,
+  bY as pn,
+  b$ as pr,
+  bS as ps,
+  b_ as pt,
+  bR as pw,
+  bV as py,
+  c0 as qa,
+  c4 as re,
+  c1 as ro,
+  ch as rs,
+  c2 as ru,
+  c3 as rw,
+  cf as sa,
+  co as sb,
+  ci as sc,
+  cv as sd,
+  cy as se,
+  ck as sg,
+  c6 as sh,
+  cn as si,
+  cx as sj,
+  cm as sk,
+  cj as sl,
+  cd as sm,
+  cg as sn,
+  cp as so,
+  cw as sr,
+  cs as ss,
+  ce as st,
+  ae as sv,
+  cl as sx,
+  cA as sy,
+  ai as sz,
+  cN as tc,
+  T as td,
+  ar as tf,
+  cG as tg,
+  cE as th,
+  cC as tj,
+  cH as tk,
+  cF as tl,
+  cM as tm,
+  cK as tn,
+  cI as to,
+  cL as tr,
+  cJ as tt,
+  cO as tv,
+  cB as tw,
+  cD as tz,
+  cQ as ua,
+  cP as ug,
+  cU as um,
+  cT as us,
+  u as useLang,
+  cV as uy,
+  cW as uz,
+  aK as va,
+  cb as vc,
+  cY as ve,
+  c_ as vg,
+  c$ as vi,
+  cZ as vn,
+  cX as vu,
+  d0 as wf,
+  cc as ws,
+  d2 as ye,
+  br as yt,
+  cq as za,
+  d3 as zm,
+  d4 as zw
 };

package/dist/form.js

@@ -1,6 +1,6 @@
 import { ref, defineComponent, useAttrs, withAsyncContext, watch, openBlock, createBlock, unref, mergeProps, normalizeProps, guardReactiveProps, withCtx, createVNode, createTextVNode, toDisplayString, computed, useSlots, renderSlot, createCommentVNode, createSlots, renderList, toRefs, resolveDirective, createElementBlock, Fragment, resolveDynamicComponent, createElementVNode, withDirectives } from "vue";
 import { useQuasar, QSelect, QItem, QItemSection, QItemLabel, QInput, QDate, QIcon, QTooltip, QBtn, QPopupProxy, QField, QEditor } from "quasar";
-import { e as enUs, n as nl, u as useLang$1 } from "./en-US-BQLrPvIP.js";
+import { f as flags, u as useLang$1 } from "./index-DnmJt2wP.js";
 const lang$1 = {
   isoName: "en-US",
   yes: "Yes",
@@ -80,7 +80,7 @@ const enUS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty
 const lang = ref(lang$1);
 const locales = /* @__PURE__ */ Object.assign({
   "./en-US.ts": () => Promise.resolve().then(() => enUS),
-  "./nl.ts": () => import("./nl-DOn8oMdw.js")
+  "./nl.ts": () => import("./nl-db4MMX_N.js")
 });
 const useLang = () => {
   return lang;
@@ -362,7 +362,7 @@ const _hoisted_1$1 = {
   key: 0,
   style: { "margin-left": "-0.75em", "margin-top": "0.75em" }
 };
-const _hoisted_2$1 = { class: "row items-center justify-end" };
+const _hoisted_2 = { class: "row items-center justify-end" };
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "DateInput",
   props: {
@@ -455,7 +455,11 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       YYYY: {
         modelValue: year.value,
         placeholder: lang2.value.datePicker.YYYY,
-        style: "width: 7ch; margin-top: -2em; margin-bottom: -0.5em",
+        style: {
+          width: format.value === "YYYY-MM-DD" ? "8ch" : "6ch",
+          "margin-top": "-2em",
+          "margin-bottom": "-0.5em"
+        },
         // suffix: format.value === 'YYYY-MM-DD' ? '-' : undefined,
         class: format.value !== "YYYY-MM-DD" ? "q-mb-none q-ml-none" : void 0,
         "onUpdate:modelValue": setYear,
@@ -464,7 +468,11 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       MM: {
         modelValue: month.value ? String(month.value).padStart(2, "0") : "",
         placeholder: lang2.value.datePicker.MM,
-        style: "width: 6ch; margin-top: -2em; margin-bottom: -0.5em",
+        style: {
+          width: "6ch",
+          "margin-top": "-2em",
+          "margin-bottom": "-0.5em"
+        },
         // suffix: '-',
         class: "q-ml-none",
         "onUpdate:modelValue": setMonth,
@@ -473,7 +481,11 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       DD: {
         modelValue: day.value ? String(day.value).padStart(2, "0") : "",
         placeholder: lang2.value.datePicker.DD,
-        style: "width: 6ch; margin-top: -2em; margin-bottom: -0.5em",
+        style: {
+          width: format.value === "DD-MM-YYYY" ? "6ch" : "4ch",
+          "margin-top": "-2em",
+          "margin-bottom": "-0.5em"
+        },
         // suffix: format.value === 'DD-MM-YYYY' ? '-' : undefined,
         class: format.value === "YYYY-MM-DD" ? "q-ml-none" : void 0,
         "onUpdate:modelValue": setDay,
@@ -511,7 +523,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               key: part,
               borderless: "",
               ref_for: true
-            }, dateProps.value[part]), {
+            }, dateProps.value[part], { pattern: "[0-9]*" }), {
               after: withCtx(() => [
                 index < 2 ? (openBlock(), createElementBlock("a", _hoisted_1$1, "-")) : createCommentVNode("", true)
               ]),
@@ -550,7 +562,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                       "onUpdate:modelValue": setDate
                     }), {
                       default: withCtx(() => [
-                        createElementVNode("div", _hoisted_2$1, [
+                        createElementVNode("div", _hoisted_2, [
                           withDirectives(createVNode(_component_q_btn, {
                             label: unref(lang2).buttons.close,
                             color: "primary",
@@ -811,98 +823,75 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1 = { key: 0 };
-const _hoisted_2 = { key: 1 };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "LocaleSelect",
   props: {
     modelValue: {},
-    required: { type: Boolean }
+    required: { type: Boolean },
+    allowedCodes: { default: () => ["en-US", "nl"] }
   },
   setup(__props) {
-    const props = __props;
-    const { modelValue } = toRefs(props);
     const attrs = useAttrs();
     const lang2 = useLang();
     const flagsLang = useLang$1();
-    const languageOptions = [
-      {
-        label: flagsLang.value.languages["en-US"],
-        value: "en-US"
-      },
-      {
-        label: flagsLang.value.languages.nl,
-        value: "nl"
+    const languageOptions = computed(() => {
+      var _a;
+      const options = [];
+      for (let lang22 of Object.keys(flagsLang.value.languages)) {
+        if (!((_a = __props.allowedCodes) == null ? void 0 : _a.length) || __props.allowedCodes.includes(lang22)) {
+          options.push({
+            label: flagsLang.value.languages[lang22],
+            value: lang22
+          });
+        }
       }
-    ];
+      return options;
+    });
     return (_ctx, _cache) => {
       const _component_q_item_section = QItemSection;
       const _component_q_item_label = QItemLabel;
       const _component_q_item = QItem;
       return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
-        options: languageOptions,
-        "model-value": unref(modelValue),
+        options: languageOptions.value,
+        "model-value": _ctx.modelValue,
         label: `${unref(lang2).locale.locale}${_ctx.required ? "*" : ""}`,
         "emit-value": "",
         "map-options": ""
       }), {
         selected: withCtx(() => [
-          unref(modelValue) === "en-US" ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            createVNode(unref(enUs)),
-            createTextVNode(" " + toDisplayString(unref(flagsLang).languages["en-US"]), 1)
-          ])) : createCommentVNode("", true),
-          unref(modelValue) === "nl" ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            createVNode(unref(nl)),
-            createTextVNode(" " + toDisplayString(unref(flagsLang).languages.nl), 1)
+          _ctx.modelValue ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            (openBlock(), createBlock(resolveDynamicComponent(flags[_ctx.modelValue.slice(-2).toLowerCase()]))),
+            createTextVNode(" " + toDisplayString(unref(flagsLang).languages[_ctx.modelValue]), 1)
           ])) : createCommentVNode("", true)
         ]),
         option: withCtx((scope) => [
-          scope.opt.value === "en-US" ? (openBlock(), createBlock(_component_q_item, normalizeProps(mergeProps({ key: 0 }, scope.itemProps)), {
-            default: withCtx(() => [
-              createVNode(_component_q_item_section, { avatar: "" }, {
-                default: withCtx(() => [
-                  createVNode(unref(enUs))
-                ]),
-                _: 1
-              }),
-              createVNode(_component_q_item_section, null, {
-                default: withCtx(() => [
-                  createVNode(_component_q_item_label, null, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(unref(flagsLang).languages["en-US"]), 1)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 2
-          }, 1040)) : createCommentVNode("", true),
-          scope.opt.value === "nl" ? (openBlock(), createBlock(_component_q_item, normalizeProps(mergeProps({ key: 1 }, scope.itemProps)), {
+          createVNode(_component_q_item, normalizeProps(guardReactiveProps(scope.itemProps)), {
             default: withCtx(() => [
               createVNode(_component_q_item_section, { avatar: "" }, {
                 default: withCtx(() => [
-                  createVNode(unref(nl))
+                  (openBlock(), createBlock(resolveDynamicComponent(
+                    flags[scope.opt.value.slice(-2).toLowerCase()]
+                  )))
                 ]),
-                _: 1
-              }),
+                _: 2
+              }, 1024),
               createVNode(_component_q_item_section, null, {
                 default: withCtx(() => [
                   createVNode(_component_q_item_label, null, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(unref(flagsLang).languages.nl), 1)
+                      createTextVNode(toDisplayString(scope.opt.label), 1)
                     ]),
-                    _: 1
-                  })
+                    _: 2
+                  }, 1024)
                 ]),
-                _: 1
-              })
+                _: 2
+              }, 1024)
             ]),
             _: 2
-          }, 1040)) : createCommentVNode("", true)
+          }, 1040)
         ]),
         _: 1
-      }, 16, ["model-value", "label"]);
+      }, 16, ["options", "model-value", "label"]);
     };
   }
 });

package/dist/general.js

@@ -1,8 +1,8 @@
 import { l as loadLang, u as useLang, _ as _sfc_main$5 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-D133pxTB.js";
 import { useQuasar, QCard, QCardSection, QCardActions, QDialog, QBtn, QToolbarTitle, QToolbar, QHeader, QPage, QPageContainer, QLayout, QPageSticky, QSelect, QItemSection, QItemLabel, QItem, QList } from "quasar";
-import { defineComponent, watch, ref, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeProps, guardReactiveProps, normalizeClass, createCommentVNode, toRefs, useAttrs, computed, mergeProps, createTextVNode, toDisplayString } from "vue";
-import { e as enUs, n as nl } from "./en-US-BQLrPvIP.js";
-const _hoisted_1$1 = { class: "text-h6" };
+import { defineComponent, watch, ref, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeProps, guardReactiveProps, normalizeClass, createCommentVNode, toRefs, useAttrs, computed, mergeProps, createElementBlock, resolveDynamicComponent, createTextVNode, toDisplayString } from "vue";
+import { f as flags, u as useLang$1 } from "./index-DnmJt2wP.js";
+const _hoisted_1$2 = { class: "text-h6" };
 const _hoisted_2 = { class: "text-subtitle2" };
 const __default__$2 = {
   name: "QStyledCard"
@@ -42,7 +42,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "image", {}, void 0, true),
           createVNode(_component_q_card_section, null, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_1$1, [
+              createElementVNode("div", _hoisted_1$2, [
                 renderSlot(_ctx.$slots, "title", {}, void 0, true)
               ]),
               createElementVNode("div", _hoisted_2, [
@@ -199,7 +199,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = { style: { "margin-top": "80px" } };
+const _hoisted_1$1 = { style: { "margin-top": "80px" } };
 const __default__ = {
   name: "ResourcePage"
 };
@@ -231,7 +231,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       const _component_q_page = QPage;
       return openBlock(), createBlock(_component_q_page, { class: "q-ma-md" }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_1$1, [
             renderSlot(_ctx.$slots, "default")
           ]),
           createVNode(_component_q_page_sticky, {
@@ -286,117 +286,88 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1 = { key: 0 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "QLanguageSelect",
   props: {
     modelValue: {},
-    languageImports: {}
+    languageImports: {},
+    allowedCodes: { default: () => ["en-US", "nl"] }
   },
   setup(__props) {
-    const props = __props;
     const $q = useQuasar();
-    const { modelValue } = toRefs(props);
     const attrs = useAttrs();
-    const nlRef = ref();
-    const nlLanguage = computed(() => {
-      var _a;
-      return (_a = nlRef.value) == null ? void 0 : _a.variables.language;
-    });
-    const enUsRef = ref();
-    const enUsLanguage = computed(() => {
-      var _a;
-      return (_a = enUsRef.value) == null ? void 0 : _a.variables.language;
-    });
-    const languageOptions = [
-      {
-        label: enUsLanguage.value,
-        value: "en-US"
-      },
-      {
-        label: nlLanguage.value,
-        value: "nl"
-      }
-    ];
-    watch(modelValue, (langIso) => {
-      try {
-        props.languageImports[langIso]().then(
-          // langList[`../../../node_modules/quasar/lang/${langIso}.mjs`]().then(
-          (lang) => {
-            $q.lang.set(lang.default);
-          }
-        );
-      } catch (e) {
-        console.error(e);
+    const flagsLang = useLang$1();
+    const languageOptions = computed(() => {
+      const options = [];
+      for (let lang of Object.keys(flagsLang.value.languages)) {
+        if (!__props.allowedCodes.length || __props.allowedCodes.includes(lang)) {
+          options.push({
+            label: flagsLang.value.languages[lang],
+            value: lang
+          });
+        }
       }
+      return options;
     });
+    watch(
+      () => __props.modelValue,
+      (langIso) => {
+        try {
+          __props.languageImports[langIso]().then(
+            // langList[`../../../node_modules/quasar/lang/${langIso}.mjs`]().then(
+            (lang) => {
+              $q.lang.set(lang.default);
+            }
+          );
+        } catch (e) {
+          console.error(e);
+        }
+      }
+    );
     return (_ctx, _cache) => {
       const _component_q_item_section = QItemSection;
       const _component_q_item_label = QItemLabel;
       const _component_q_item = QItem;
       return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
-        options: languageOptions,
-        "model-value": unref(modelValue),
+        options: languageOptions.value,
+        "model-value": _ctx.modelValue,
         "emit-value": "",
         "map-options": ""
       }), {
         selected: withCtx(() => [
-          unref(modelValue) === "en-US" ? (openBlock(), createBlock(unref(enUs), { key: 0 })) : createCommentVNode("", true),
-          unref(modelValue) === "nl" ? (openBlock(), createBlock(unref(nl), { key: 1 })) : createCommentVNode("", true)
+          _ctx.modelValue ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            (openBlock(), createBlock(resolveDynamicComponent(flags[_ctx.modelValue.slice(-2).toLowerCase()])))
+          ])) : createCommentVNode("", true)
         ]),
         option: withCtx((scope) => [
-          scope.opt.value === "en-US" ? (openBlock(), createBlock(_component_q_item, normalizeProps(mergeProps({ key: 0 }, scope.itemProps)), {
+          createVNode(_component_q_item, normalizeProps(guardReactiveProps(scope.itemProps)), {
             default: withCtx(() => [
               createVNode(_component_q_item_section, { avatar: "" }, {
                 default: withCtx(() => [
-                  createVNode(unref(enUs), {
-                    ref_key: "enUsRef",
-                    ref: enUsRef
-                  }, null, 512)
+                  (openBlock(), createBlock(resolveDynamicComponent(
+                    flags[scope.opt.value.slice(-2).toLowerCase()]
+                  )))
                 ]),
-                _: 1
-              }),
+                _: 2
+              }, 1024),
               createVNode(_component_q_item_section, null, {
                 default: withCtx(() => [
                   createVNode(_component_q_item_label, null, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(enUsLanguage.value), 1)
+                      createTextVNode(toDisplayString(scope.opt.label), 1)
                     ]),
-                    _: 1
-                  })
+                    _: 2
+                  }, 1024)
                 ]),
-                _: 1
-              })
-            ]),
-            _: 2
-          }, 1040)) : createCommentVNode("", true),
-          scope.opt.value === "nl" ? (openBlock(), createBlock(_component_q_item, normalizeProps(mergeProps({ key: 1 }, scope.itemProps)), {
-            default: withCtx(() => [
-              createVNode(_component_q_item_section, { avatar: "" }, {
-                default: withCtx(() => [
-                  createVNode(unref(nl), {
-                    ref_key: "nlRef",
-                    ref: nlRef
-                  }, null, 512)
-                ]),
-                _: 1
-              }),
-              createVNode(_component_q_item_section, null, {
-                default: withCtx(() => [
-                  createVNode(_component_q_item_label, null, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(nlLanguage.value), 1)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
+                _: 2
+              }, 1024)
             ]),
             _: 2
-          }, 1040)) : createCommentVNode("", true)
+          }, 1040)
         ]),
         _: 1
-      }, 16, ["model-value"]);
+      }, 16, ["options", "model-value"]);
     };
   }
 });