@simsustech/quasar-components 0.1.3 → 0.3.0

package/dist/general.js

@@ -1,14 +1,14 @@
-import { l as loadLang, u as useLang } from "./QSubmitButton.vue_vue_type_script_setup_true_lang.1d0c06eb.js";
-import { _ } from "./QSubmitButton.vue_vue_type_script_setup_true_lang.1d0c06eb.js";
-import { useQuasar, QCard, QCardSection, QCardActions } from "quasar";
-import { defineComponent, watch, ref, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeProps, guardReactiveProps } from "vue";
-const _hoisted_1 = { class: "text-h6" };
+import { l as loadLang, u as useLang, _ as _sfc_main$4 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-b5f452c6.js";
+import { useQuasar, QCard, QCardSection, QCardActions, QDialog, QBtn, QToolbarTitle, QToolbar, QHeader, QPage, QPageContainer, QLayout, QSpace, QPageSticky, QSelect, QItemSection, QItemLabel, QItem } 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-6cc72154.js";
+const _hoisted_1$1 = { class: "text-h6" };
 const _hoisted_2 = { class: "text-subtitle2" };
-const __default__ = {
+const __default__$2 = {
   name: "QStyledCard"
 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
   props: {
     actions: null
   },
@@ -21,8 +21,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       loadLang($q.lang.isoName);
     });
     const qCardRef = ref();
-    const variables = ref({});
-    const functions = ref({});
+    const variables = ref({
+      // header: lang.value.some.nested.prop
+    });
+    const functions = ref({
+      // submit
+    });
     expose({
       variables,
       functions
@@ -39,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "image", {}, void 0, true),
           createVNode(_component_q_card_section, null, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_1, [
+              createElementVNode("div", _hoisted_1$1, [
                 renderSlot(_ctx.$slots, "title", {}, void 0, true)
               ]),
               createElementVNode("div", _hoisted_2, [
@@ -66,7 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const QStyledCard_vue_vue_type_style_index_0_scoped_110a70fd_lang = "";
+const QStyledCard_vue_vue_type_style_index_0_scoped_302df27a_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -74,8 +78,354 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const QStyledCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-110a70fd"]]);
+const QStyledCard = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-302df27a"]]);
+const __default__$1 = {
+  name: "ResponsiveDialog"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  props: {
+    display: { type: Boolean }
+  },
+  emits: ["submit"],
+  setup(__props, { expose, emit }) {
+    ref(false);
+    const $q = useQuasar();
+    const lang = useLang();
+    if (lang.value.isoName !== $q.lang.isoName)
+      loadLang($q.lang.isoName);
+    watch($q.lang, (val) => {
+      loadLang($q.lang.isoName);
+    });
+    const submit = (evt) => {
+      emit("submit", {
+        done: (success = true) => {
+          var _a;
+          evt.done();
+          if (success)
+            (_a = dialogRef.value) == null ? void 0 : _a.hide();
+        }
+      });
+    };
+    const dialogRef = ref();
+    const open = () => {
+      var _a;
+      return (_a = dialogRef.value) == null ? void 0 : _a.show();
+    };
+    const close = () => {
+      var _a;
+      return (_a = dialogRef.value) == null ? void 0 : _a.hide();
+    };
+    const toggle = () => {
+      var _a;
+      return (_a = dialogRef.value) == null ? void 0 : _a.toggle();
+    };
+    const variables = ref({
+      // header: lang.value.some.nested.prop
+    });
+    const functions = ref({
+      open,
+      close,
+      toggle
+    });
+    expose({
+      variables,
+      functions
+    });
+    return (_ctx, _cache) => {
+      const _component_q_btn = QBtn;
+      const _component_q_toolbar_title = QToolbarTitle;
+      const _component_q_toolbar = QToolbar;
+      const _component_q_header = QHeader;
+      const _component_q_page = QPage;
+      const _component_q_page_container = QPageContainer;
+      const _component_q_layout = QLayout;
+      return openBlock(), createBlock(unref(QDialog), {
+        ref_key: "dialogRef",
+        ref: dialogRef,
+        maximized: unref($q).screen.lt.md
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_q_layout, {
+            view: "LHh lpR fff",
+            container: "",
+            class: normalizeClass({ "bg-dark": unref($q).dark.isActive, "bg-white": !unref($q).dark.isActive }),
+            style: { "min-width": "85vw" }
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_q_header, { class: "bg-primary" }, {
+                default: withCtx(() => [
+                  createVNode(_component_q_toolbar, null, {
+                    default: withCtx(() => [
+                      createVNode(_component_q_btn, {
+                        icon: "close",
+                        flat: "",
+                        round: "",
+                        dense: "",
+                        onClick: close
+                      }),
+                      createVNode(_component_q_toolbar_title, null, {
+                        default: withCtx(() => [
+                          renderSlot(_ctx.$slots, "title")
+                        ]),
+                        _: 3
+                      }),
+                      !__props.display ? (openBlock(), createBlock(_sfc_main$4, {
+                        key: 0,
+                        color: "accent",
+                        onSubmit: submit
+                      })) : createCommentVNode("", true)
+                    ]),
+                    _: 3
+                  })
+                ]),
+                _: 3
+              }),
+              createVNode(_component_q_page_container, { style: { "padding-bottom": "-50px" } }, {
+                default: withCtx(() => [
+                  createVNode(_component_q_page, { class: "q-pa-md q-pb-xl" }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "default")
+                    ]),
+                    _: 3
+                  })
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          }, 8, ["class"])
+        ]),
+        _: 3
+      }, 8, ["maximized"]);
+    };
+  }
+});
+const _hoisted_1 = { style: { "margin-top": "80px" } };
+const __default__ = {
+  name: "ResourcePage"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    type: { default: "create" },
+    disabled: { type: Boolean, default: false }
+  },
+  emits: ["create", "update"],
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const $q = useQuasar();
+    const lang = useLang();
+    if (lang.value.isoName !== $q.lang.isoName)
+      loadLang($q.lang.isoName);
+    watch($q.lang, (val) => {
+      loadLang($q.lang.isoName);
+    });
+    const { disabled } = toRefs(props);
+    const done = () => "";
+    const create = (evt) => disabled.value ? () => {
+    } : emit("create", { done });
+    const update = (evt) => disabled.value ? () => {
+    } : emit("update", { done });
+    const variables = ref({
+      // header: lang.value.some.nested.prop
+    });
+    const functions = ref({
+      // submit
+    });
+    expose({
+      variables,
+      functions
+    });
+    return (_ctx, _cache) => {
+      const _component_q_btn = QBtn;
+      const _component_q_toolbar_title = QToolbarTitle;
+      const _component_q_space = QSpace;
+      const _component_q_toolbar = QToolbar;
+      const _component_q_page_sticky = QPageSticky;
+      const _component_q_page = QPage;
+      return openBlock(), createBlock(_component_q_page, { class: "q-ma-md" }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          createVNode(_component_q_page_sticky, {
+            expand: "",
+            position: "top"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_q_toolbar, {
+                class: normalizeClass(["shadow-2", { "bg-dark": unref($q).dark.isActive, "bg-white": !unref($q).dark.isActive }])
+              }, {
+                default: withCtx(() => [
+                  __props.type === "create" ? (openBlock(), createBlock(_component_q_btn, {
+                    key: 0,
+                    disable: unref(disabled),
+                    flat: "",
+                    style: { "margin-bottom": "-50px", "z-index": "5" },
+                    round: "",
+                    size: "lg",
+                    dense: "",
+                    icon: "add",
+                    class: "q-mr-sm bg-primary text-white",
+                    onClick: create
+                  }, null, 8, ["disable"])) : (openBlock(), createBlock(_component_q_btn, {
+                    key: 1,
+                    disable: unref(disabled),
+                    flat: "",
+                    style: { "margin-bottom": "-50px", "z-index": "5" },
+                    round: "",
+                    size: "lg",
+                    dense: "",
+                    icon: "edit",
+                    class: "q-mr-sm bg-primary text-white",
+                    onClick: update
+                  }, null, 8, ["disable"])),
+                  createVNode(_component_q_toolbar_title, { shrink: "" }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "header")
+                    ]),
+                    _: 3
+                  }),
+                  createVNode(_component_q_space)
+                ]),
+                _: 3
+              }, 8, ["class"])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "QLanguageSelect",
+  props: {
+    modelValue: null,
+    languageImports: null
+  },
+  setup(__props) {
+    const props = __props;
+    const $q = useQuasar();
+    const { modelValue } = toRefs(props);
+    const attrs = useAttrs();
+    const nlRef = ref();
+    computed(() => {
+      var _a;
+      return (_a = nlRef.value) == null ? void 0 : _a.variables.country;
+    });
+    const nlLanguage = computed(() => {
+      var _a;
+      return (_a = nlRef.value) == null ? void 0 : _a.variables.language;
+    });
+    const enUsRef = ref();
+    computed(() => {
+      var _a;
+      return (_a = enUsRef.value) == null ? void 0 : _a.variables.country;
+    });
+    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);
+      }
+    });
+    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),
+        "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)
+        ]),
+        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), {
+                    ref_key: "enUsRef",
+                    ref: enUsRef
+                  }, null, 512)
+                ]),
+                _: 1
+              }),
+              createVNode(_component_q_item_section, null, {
+                default: withCtx(() => [
+                  createVNode(_component_q_item_label, null, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(enUsLanguage)), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 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(unref(nlLanguage)), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 2
+          }, 1040)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 16, ["model-value"]);
+    };
+  }
+});
 export {
+  _sfc_main as QLanguageSelect,
   QStyledCard,
-  _ as QSubmitButton
+  _sfc_main$4 as QSubmitButton,
+  _sfc_main$1 as ResourcePage,
+  _sfc_main$2 as ResponsiveDialog
 };

package/dist/icons.js

@@ -1,7 +1,7 @@
 import { ref, h } from "vue";
 import { useQuasar, QIcon } from "quasar";
 const icon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCmFyaWEtbGFiZWw9Ik1pY3Jvc29mdCIgcm9sZT0iaW1nIgp2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHJlY3QKd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiCnJ4PSIxNSUiCmZpbGw9IiNmZmYiLz48cGF0aApkPSJNNzUgNzV2MTcxaDE3MXYtMTcxeiIgZmlsbD0iI2YyNTAyMiIvPjxwYXRoCmQ9Ik0yNjYgNzV2MTcxaDE3MXYtMTcxeiIgZmlsbD0iIzdmYmEwMCIvPjxwYXRoCmQ9Ik03NSAyNjZ2MTcxaDE3MXYtMTcxeiIgZmlsbD0iIzAwYTRlZiIvPjxwYXRoCmQ9Ik0yNjYgMjY2djE3MWgxNzF2LTE3MXoiIGZpbGw9IiNmZmI5MDAiLz48L3N2Zz4=";
-const icons = {
+const labels = {
   microsoft: {
     name: "Microsoft"
   }
@@ -9,8 +9,10 @@ const icons = {
 const microsoft = {
   setup(props, context) {
     useQuasar();
-    const variables = ref(icons["microsoft"]);
-    const functions = ref({});
+    const variables = ref(labels["microsoft"]);
+    const functions = ref({
+      // submit
+    });
     context.expose({
       variables,
       functions

package/dist/nl-38cb2607.js

@@ -0,0 +1,134 @@
+const lang = {
+  isoName: "nl",
+  countries: {
+    "ar-TN": "العربية (تونس)",
+    ar: "العربية",
+    "az-Latn": "Azerbaijan",
+    bg: "български език",
+    bn: "বাংলা",
+    ca: "Català",
+    cs: "Čeština",
+    da: "Denemarken",
+    de: "Duitsland",
+    el: "ελληνικά",
+    "en-GB": "Verenigd koninkrijk",
+    "en-US": "Verenigde staten van Amerika",
+    eo: "Esperanto",
+    es: "Spanje",
+    et: "Eesti",
+    eu: "Euskara",
+    "fa-IR": "فارسی",
+    fa: "فارسی",
+    fi: "Suomi",
+    fr: "Frankrijk",
+    gn: "Avañe'ẽ",
+    he: "עברית",
+    hr: "Hrvatski jezik",
+    hu: "Magyar",
+    id: "Bahasa Indonesia",
+    is: "Íslenska",
+    it: "Italië",
+    ja: "Japan",
+    km: "ខ្មែរ",
+    "ko-KR": "한국어",
+    "kur-CKB": "کوردی سۆرانی",
+    kz: "Қазақша",
+    lt: "Lithuanian",
+    lu: "Kiluba",
+    lv: "Latviešu valoda",
+    ml: "മലയാളം",
+    mm: "မြန်မာ(ဗမာ)",
+    ms: "Bahasa Melayu",
+    my: "Malaysia",
+    "nb-NO": "Norsk",
+    nl: "Nederland",
+    pl: "Polen",
+    "pt-BR": "Portugal",
+    pt: "Portugal",
+    ro: "Roemenië",
+    ru: "Rusland",
+    sk: "Slovenčina",
+    sl: "Slovenski Jezik",
+    sm: "Fa'asāmoa",
+    "sr-CYR": "српски језик",
+    sr: "srpski jezik",
+    sv: "Zweden",
+    ta: "தமிழ்",
+    th: "ไทย",
+    tr: "Turkijke",
+    ug: "ئۇيغۇرچە",
+    uk: "Українська",
+    "uz-Cyrl": "Ўзбекча (Кирил)",
+    "uz-Latn": "O'zbekcha (Lotin)",
+    vi: "Vietnam",
+    "zh-CN": "中文(简体)",
+    "zh-TW": "中文（繁體）"
+  },
+  languages: {
+    "ar-TN": "العربية (تونس)",
+    ar: "العربية",
+    "az-Latn": "Azerbaijani (latin)",
+    bg: "български език",
+    bn: "বাংলা",
+    ca: "Català",
+    cs: "Čeština",
+    da: "Dansk",
+    de: "Deutsch",
+    el: "ελληνικά",
+    "en-GB": "English (UK)",
+    "en-US": "English (US)",
+    eo: "Esperanto",
+    es: "Español",
+    et: "Eesti",
+    eu: "Euskara",
+    "fa-IR": "فارسی",
+    fa: "فارسی",
+    fi: "Suomi",
+    fr: "Français",
+    gn: "Avañe'ẽ",
+    he: "עברית",
+    hr: "Hrvatski jezik",
+    hu: "Magyar",
+    id: "Bahasa Indonesia",
+    is: "Íslenska",
+    it: "Italiano",
+    ja: "日本語 (にほんご)",
+    km: "ខ្មែរ",
+    "ko-KR": "한국어",
+    "kur-CKB": "کوردی سۆرانی",
+    kz: "Қазақша",
+    lt: "Lithuanian",
+    lu: "Kiluba",
+    lv: "Latviešu valoda",
+    ml: "മലയാളം",
+    mm: "မြန်မာ(ဗမာ)",
+    ms: "Bahasa Melayu",
+    my: "Malaysia",
+    "nb-NO": "Norsk",
+    nl: "Nederlands",
+    pl: "Polski",
+    "pt-BR": "Português (BR)",
+    pt: "Português",
+    ro: "Română",
+    ru: "русский",
+    sk: "Slovenčina",
+    sl: "Slovenski Jezik",
+    sm: "Fa'asāmoa",
+    "sr-CYR": "српски језик",
+    sr: "srpski jezik",
+    sv: "Svenska",
+    ta: "தமிழ்",
+    th: "ไทย",
+    tr: "Türkçe",
+    ug: "ئۇيغۇرچە",
+    uk: "Українська",
+    "uz-Cyrl": "Ўзбекча (Кирил)",
+    "uz-Latn": "O'zbekcha (Lotin)",
+    vi: "Tiếng Việt",
+    "zh-CN": "中文(简体)",
+    "zh-TW": "中文（繁體）"
+  }
+};
+export {
+  lang as default
+};

package/dist/{nl.6b0aedb7.js → nl-710ec15d.js}

@@ -81,7 +81,7 @@ const lang = {
     alreadyRegistered: "Email adres is al geregistreerd."
   },
   verification: {
-    slider: "Please drag the slider all the way to the right until it turns green."
+    slider: "Sleep a.u.b. het onderstaande bolletje helemaal naar rechts."
   }
 };
 export {

package/dist/nl-ea9ab282.js

@@ -0,0 +1,38 @@
+const lang = {
+  isoName: "nl",
+  yes: "Ja",
+  no: "Nee",
+  buttons: {
+    close: "Sluiten"
+  },
+  email: {
+    subject: "Onderwerp"
+  },
+  fields: {
+    name: "Naam",
+    firstName: "Voornaam",
+    lastName: "Achternaam",
+    address: "Adres",
+    postalCode: "Postcode",
+    city: "Woonplaats",
+    telephoneNumber: "Telefoonnumer"
+  },
+  validations: {
+    fieldRequired: "Veld is vereist."
+  },
+  gender: {
+    gender: "Geslacht",
+    male: "Man",
+    female: "Vrouw",
+    other: "Anders"
+  },
+  postalCode: {
+    postalCode: "Postcode",
+    validations: {
+      invalidPostalCode: "Ongeldige postcode"
+    }
+  }
+};
+export {
+  lang as default
+};

package/dist/style.css

@@ -1,4 +1,4 @@
-.card[data-v-110a70fd] {
+.card[data-v-302df27a] {
   width: 100%;
-  max-width: 400px;
+  max-width: 300px;
 }