@simsustech/quasar-components 0.11.25 → 0.12.0

package/dist/general.js

@@ -1,7 +1,7 @@
 import { l as loadLang, u as useLang, _ as _sfc_main$5 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-D-I0Gws4.js";
 import { useQuasar, QCard, QCardSection, QCardActions, QDialog, QLayout, QHeader, QToolbar, QBtn, QToolbarTitle, QPageContainer, QPage, QPageSticky, QSpace, QList } from "quasar";
 import { defineComponent, watch, ref, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeProps, guardReactiveProps, createCommentVNode, toRefs, normalizeClass, createElementBlock } from "vue";
-import { _ as _sfc_main$6 } from "./LocaleSelect.vue_vue_type_script_setup_true_lang-DFwcmPnu.js";
+import { _ as _sfc_main$6 } from "./LocaleSelect.vue_vue_type_script_setup_true_lang-e2EDOyzk.js";
 const _hoisted_1$1 = { class: "text-h6" };
 const _hoisted_2$1 = { class: "text-subtitle2" };
 const __default__$2 = {
@@ -132,17 +132,17 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           createVNode(_component_q_layout, {
             view: "LHh lpR fff",
             container: "",
-            class: "bg-light-surface dark:bg-dark-surface",
+            class: "bg-$light-surface dark:bg-$dark-surface",
             style: { "min-width": "85vw" }
           }, {
             default: withCtx(() => [
-              createVNode(_component_q_header, { class: "bg-light-surface-container-high dark:bg-dark-surface-container-high" }, {
+              createVNode(_component_q_header, { class: "bg-$light-surface-container-high dark:bg-$dark-surface-container-high" }, {
                 default: withCtx(() => [
                   createVNode(_component_q_toolbar, null, {
                     default: withCtx(() => [
                       createVNode(_component_q_btn, {
                         icon: __props.icons.close,
-                        class: "text-light-on-surface dark:text-dark-on-surface",
+                        class: "text-$light-on-surface dark:text-$dark-on-surface",
                         flat: "",
                         round: "",
                         dense: "",
@@ -157,7 +157,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                       !__props.display ? (openBlock(), createBlock(_sfc_main$5, {
                         key: 0,
                         flat: "",
-                        class: "text-light-primary dark:text-dark-primary",
+                        class: "text-$light-primary dark:text-$dark-primary",
                         type: __props.buttonType,
                         onSubmit: submit
                       }, null, 8, ["type"])) : createCommentVNode("", true)
@@ -320,23 +320,23 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const { modelValue, languageImports, locales } = toRefs(props);
     const $q = useQuasar();
-    watch(modelValue, (langIso) => {
-      try {
-        languageImports.value[langIso]().then(
-          // langList[`../../../node_modules/quasar/lang/${langIso}.mjs`]().then(
-          (lang) => {
+    const updateModelValue = (v) => {
+      const iso639 = v.split("-").at(0);
+      for (const i of [iso639, v]) {
+        try {
+          languageImports.value[i]().then((lang) => {
             $q.lang.set(lang.default);
-          }
-        );
-      } catch (e) {
-        console.error(e);
+          });
+        } catch {
+        }
       }
-    });
+      emit("update:modelValue", v);
+    };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$6, {
         "model-value": unref(modelValue),
         locales: unref(locales),
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = (val) => emit("update:modelValue", val))
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = (val) => updateModelValue(val))
       }, null, 8, ["model-value", "locales"]);
     };
   }

package/dist/md3.js

@@ -7,6 +7,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     type: {},
     showSticky: { type: Boolean },
     seekAttention: { type: Boolean },
+    disable: { type: Boolean },
     busEmits: {},
     icons: {}
   },
@@ -37,8 +38,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             }),
             fab: "",
             icon: unref(addIcon),
+            disable: __props.disable,
             onClick: _cache[0] || (_cache[0] = ($event) => unref(bus).emit(__props.busEmits.add))
-          }, null, 8, ["class", "icon"])) : createCommentVNode("", true),
+          }, null, 8, ["class", "icon", "disable"])) : createCommentVNode("", true),
           __props.busEmits.edit && unref(type) === "edit" ? (openBlock(), createBlock(_component_q_btn, {
             key: 1,
             id: "fabEdit",
@@ -50,8 +52,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             }),
             fab: "",
             icon: unref(editIcon),
+            disable: __props.disable,
             onClick: _cache[1] || (_cache[1] = ($event) => unref(bus).emit(__props.busEmits.edit))
-          }, null, 8, ["class", "icon"])) : createCommentVNode("", true)
+          }, null, 8, ["class", "icon", "disable"])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         __props.showSticky ? (openBlock(), createBlock(_component_q_page_sticky, {
           key: 1,
@@ -69,8 +72,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               }),
               fab: "",
               icon: unref(addIcon),
+              disable: __props.disable,
               onClick: _cache[2] || (_cache[2] = ($event) => unref(bus).emit(__props.busEmits.add))
-            }, null, 8, ["class", "icon"])) : createCommentVNode("", true),
+            }, null, 8, ["class", "icon", "disable"])) : createCommentVNode("", true),
             __props.busEmits.edit && unref(type) === "edit" ? (openBlock(), createBlock(_component_q_btn, {
               key: 1,
               class: normalizeClass({
@@ -81,8 +85,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               }),
               fab: "",
               icon: unref(editIcon),
+              disable: __props.disable,
               onClick: _cache[3] || (_cache[3] = ($event) => unref(bus).emit(__props.busEmits.edit))
-            }, null, 8, ["class", "icon"])) : createCommentVNode("", true)
+            }, null, 8, ["class", "icon", "disable"])) : createCommentVNode("", true)
           ]),
           _: 1
         })) : createCommentVNode("", true)

package/dist/nl-BRjDNoaR.js

@@ -0,0 +1,209 @@
+const lang = {
+  isoName: "nl",
+  yes: "Ja",
+  no: "Nee",
+  selectMultiple: "Selecteer één of meerdere",
+  noResultsAvailable: "Geen resultaten beschikbaar.",
+  buttons: {
+    close: "Sluiten"
+  },
+  email: {
+    subject: "Onderwerp"
+  },
+  fields: {
+    name: "Naam",
+    firstName: "Voornaam",
+    lastName: "Achternaam",
+    address: "Adres",
+    postalCode: "Postcode",
+    city: "Woonplaats",
+    telephoneNumber: "Telefoonnummer"
+  },
+  validations: {
+    fieldRequired: "Veld is vereist."
+  },
+  gender: {
+    gender: "Geslacht",
+    male: "Mannelijk",
+    female: "Vrouwelijk",
+    other: "Anders"
+  },
+  postalCode: {
+    postalCode: "Postcode",
+    validations: {
+      invalidPostalCode: "Ongeldige postcode"
+    }
+  },
+  datePicker: {
+    date: "Datum",
+    placeholder: "JJJJ/MM/DD",
+    YYYY: "JJJJ",
+    MM: "MM",
+    DD: "DD",
+    validations: {
+      unavailableRange: "De geselecteerde periode bevat ongeschikbare datums."
+    }
+  },
+  currency: {
+    currency: "Valuta",
+    EUR: "Euro",
+    USD: "USD"
+  },
+  locale: {
+    locale: "Regio"
+  },
+  cron: {
+    name: "Herhaling",
+    minute: "Minuut",
+    hour: "Uur",
+    dayOfMonth: "Dag van maand",
+    month: "Maand",
+    dayOfWeek: "Dag van week",
+    every: {
+      minute: "Iedere minuut",
+      hour: "Ieder uur",
+      dayOfMonth: "Iedere dag",
+      month: "Iedere maand",
+      dayOfWeek: "Iedere dag van de week"
+    },
+    validations: {
+      invalidCron: "Cron regel is ongeldig."
+    }
+  },
+  countries: {
+    SA: "Saudi-Arabië",
+    BD: "Bangladesh",
+    IN: "India",
+    CZ: "Tsjechië",
+    DK: "Denemarken",
+    AT: "Oostenrijk",
+    CH: "Zwitserland",
+    DE: "Duitsland",
+    GR: "Griekenland",
+    AU: "Australië",
+    CA: "Canada",
+    GB: "Verenigd Koninkrijk",
+    IE: "Ierland",
+    NZ: "Nieuw-Zeeland",
+    US: "Verenigde Staten",
+    ZA: "Zuid-Afrika",
+    AR: "Argentinië",
+    CL: "Chili",
+    CO: "Colombia",
+    ES: "Spanje",
+    MX: "Mexico",
+    FI: "Finland",
+    BE: "België",
+    FR: "Frankrijk",
+    IL: "Israël",
+    HU: "Hongarije",
+    ID: "Indonesië",
+    IT: "Italië",
+    JP: "Japan",
+    KR: "Zuid-Korea",
+    NL: "Nederland",
+    NO: "Noorwegen",
+    PL: "Polen",
+    BR: "Brazilië",
+    PT: "Portugal",
+    RO: "Roemenië",
+    RU: "Rusland",
+    SK: "Slowakije",
+    SE: "Zweden",
+    LK: "Sri Lanka",
+    TH: "Thailand",
+    TR: "Turkije",
+    CN: "China",
+    HK: "Hongkong",
+    TW: "Taiwan"
+  },
+  languages: {
+    ar: "Arabisch",
+    bn: "Bengaals",
+    cs: "Tsjechisch",
+    da: "Deens",
+    de: "Duits",
+    el: "Grieks",
+    en: "Engels",
+    es: "Spaans",
+    fi: "Fins",
+    fr: "Frans",
+    he: "Hebreeuws",
+    hi: "Hindi",
+    hu: "Hongaars",
+    id: "Indonesisch",
+    it: "Italiaans",
+    ja: "Japans",
+    ko: "Koreaans",
+    nl: "Nederlands",
+    no: "Noors",
+    pl: "Pools",
+    pt: "Portugees",
+    ro: "Roemeens",
+    ru: "Russisch",
+    sk: "Slowaaks",
+    sv: "Zweeds",
+    ta: "Tamil",
+    th: "Thais",
+    tr: "Turks",
+    zh: "Chinees"
+  },
+  bcp47: {
+    "ar-SA": { language: "Arabisch", country: "Saoedi-Arabië" },
+    "bn-BD": { language: "Bengaals", country: "Bangladesh" },
+    "bn-IN": { language: "Bengaals", country: "India" },
+    "cs-CZ": { language: "Tsjechisch", country: "Tsjechië" },
+    "da-DK": { language: "Deens", country: "Denemarken" },
+    "de-AT": { language: "Duits", country: "Oostenrijk" },
+    "de-CH": { language: "Duits", country: "Zwitserland" },
+    "de-DE": { language: "Duits", country: "Duitsland" },
+    "el-GR": { language: "Grieks", country: "Griekenland" },
+    "en-AU": { language: "Engels", country: "Australië" },
+    "en-CA": { language: "Engels", country: "Canada" },
+    "en-GB": { language: "Engels", country: "Verenigd Koninkrijk" },
+    "en-IE": { language: "Engels", country: "Ierland" },
+    "en-IN": { language: "Engels", country: "India" },
+    "en-NZ": { language: "Engels", country: "Nieuw-Zeeland" },
+    "en-US": { language: "Engels", country: "Verenigde Staten" },
+    "en-ZA": { language: "Engels", country: "Zuid-Afrika" },
+    "es-AR": { language: "Spaans", country: "Argentinië" },
+    "es-CL": { language: "Spaans", country: "Chili" },
+    "es-CO": { language: "Spaans", country: "Colombia" },
+    "es-ES": { language: "Spaans", country: "Spanje" },
+    "es-MX": { language: "Spaans", country: "Mexico" },
+    "es-US": { language: "Spaans", country: "Verenigde Staten" },
+    "fi-FI": { language: "Fins", country: "Finland" },
+    "fr-BE": { language: "Frans", country: "België" },
+    "fr-CA": { language: "Frans", country: "Canada" },
+    "fr-CH": { language: "Frans", country: "Zwitserland" },
+    "fr-FR": { language: "Frans", country: "Frankrijk" },
+    "he-IL": { language: "Hebreeuws", country: "Israël" },
+    "hi-IN": { language: "Hindi", country: "India" },
+    "hu-HU": { language: "Hongaars", country: "Hongarije" },
+    "id-ID": { language: "Indonesisch", country: "Indonesië" },
+    "it-CH": { language: "Italiaans", country: "Zwitserland" },
+    "it-IT": { language: "Italiaans", country: "Italië" },
+    "ja-JP": { language: "Japans", country: "Japan" },
+    "ko-KR": { language: "Koreaans", country: "Zuid-Korea" },
+    "nl-BE": { language: "Nederlands", country: "België" },
+    "nl-NL": { language: "Nederlands", country: "Nederland" },
+    "no-NO": { language: "Noors", country: "Noorwegen" },
+    "pl-PL": { language: "Pools", country: "Polen" },
+    "pt-BR": { language: "Portugees", country: "Brazilië" },
+    "pt-PT": { language: "Portugees", country: "Portugal" },
+    "ro-RO": { language: "Roemeens", country: "Roemenië" },
+    "ru-RU": { language: "Russisch", country: "Russische Federatie" },
+    "sk-SK": { language: "Slowaaks", country: "Slowakije" },
+    "sv-SE": { language: "Zweeds", country: "Zweden" },
+    "ta-IN": { language: "Tamil", country: "India" },
+    "ta-LK": { language: "Tamil", country: "Sri Lanka" },
+    "th-TH": { language: "Thais", country: "Thailand" },
+    "tr-TR": { language: "Turks", country: "Turkije" },
+    "zh-CN": { language: "Chinees", country: "China" },
+    "zh-HK": { language: "Chinees", country: "Hongkong" },
+    "zh-TW": { language: "Chinees", country: "Taiwan" }
+  }
+};
+export {
+  lang as default
+};

package/dist/types/ui/form/CountrySelect.vue.d.ts

@@ -0,0 +1,19 @@
+import { ISO3166 } from './lang/index.js';
+export interface Props {
+    modelValue: ISO3166;
+    countries: {
+        icon: string;
+        iso3166: ISO3166;
+    }[];
+    isItem?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {
+    variables: import("vue").Ref<{}, {}>;
+    functions: import("vue").Ref<{}, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/ui/form/LocaleSelect.vue.d.ts

@@ -1,13 +1,25 @@
-import { Language } from './lang/index.js';
+import { type Language, type Locales } from './lang/index.js';
 export interface Props {
-    modelValue: keyof Language['countries'];
+    modelValue: Locales;
     locales: {
         icon: string;
-        isoName: keyof Language['languages'];
+        bcp47: Locales;
     }[];
     isItem?: boolean;
 }
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue").DefineComponent<Props, {
+    variables: import("vue").Ref<{}, {}>;
+    functions: import("vue").Ref<{
+        getCountryLabel: (v: keyof Language["bcp47"]) => string;
+        getLanguageLabel: (v: keyof Language["bcp47"]) => string;
+    }, {
+        getCountryLabel: (v: keyof Language["bcp47"]) => string;
+        getLanguageLabel: (v: keyof Language["bcp47"]) => string;
+    } | {
+        getCountryLabel: (v: keyof Language["bcp47"]) => string;
+        getLanguageLabel: (v: keyof Language["bcp47"]) => string;
+    }>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

package/dist/types/ui/form/index.d.ts

@@ -13,4 +13,5 @@ export { default as CurrencySelect } from './CurrencySelect.vue';
 export { default as LocaleSelect } from './LocaleSelect.vue';
 export { default as FilteredModelSelect } from './FilteredModelSelect.vue';
 export { default as CronScheduleInput } from './CronScheduleInput.vue';
-export { useLang, loadLang } from './lang/index.js';
+export { default as CountrySelect } from './CountrySelect.vue';
+export { useLang, loadLang, type Locales, type ISO3166, type ISO639 } from './lang/index.js';