@simsustech/quasar-components 0.11.10 → 0.11.11

package/dist/general.js

@@ -1,13 +1,13 @@
-import { u as useLang, l as loadLang, _ as _sfc_main$6 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-UtpXkOh7.js";
-import { useQuasar, QCard, QCardSection, QCardActions, QDialog, QLayout, QHeader, QToolbar, QBtn, QToolbarTitle, QPageContainer, QPage, QPageSticky, QSpace, QSelect, QItem, QItemSection, QItemLabel, QMenu, QList } from "quasar";
-import { defineComponent, watch, ref, createBlock, openBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeProps, guardReactiveProps, normalizeClass, createCommentVNode, toRefs, createElementBlock, useAttrs, computed, mergeProps, resolveDynamicComponent, createTextVNode, toDisplayString, resolveDirective, Fragment, renderList, withDirectives } from "vue";
-import { u as useLang$1, f as flags } from "./index-DnmJt2wP.js";
-const _hoisted_1$3 = { class: "text-h6" };
+import { u as useLang, l as loadLang, _ as _sfc_main$5 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-UtpXkOh7.js";
+import { useQuasar, QCard, QCardSection, QCardActions, QDialog, QLayout, QHeader, QToolbar, QBtn, QToolbarTitle, QPageContainer, QPage, QPageSticky, QSpace, QList } from "quasar";
+import { defineComponent, watch, ref, createBlock, openBlock, 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-Du4fNbTV.js";
+const _hoisted_1$1 = { class: "text-h6" };
 const _hoisted_2$1 = { class: "text-subtitle2" };
 const __default__$2 = {
   name: "QStyledCard"
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...__default__$2,
   props: {
     actions: {}
@@ -35,13 +35,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       const _component_q_card_actions = QCardActions;
       return openBlock(), createBlock(unref(QCard), {
         ref_key: "qCardRef",
-        ref: qCardRef
+        ref: qCardRef,
+        style: { "max-width": "300px" }
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "image"),
           createVNode(_component_q_card_section, null, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_1$3, [
+              createElementVNode("div", _hoisted_1$1, [
                 renderSlot(_ctx.$slots, "title")
               ]),
               createElementVNode("div", _hoisted_2$1, [
@@ -71,7 +72,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 const __default__$1 = {
   name: "ResponsiveDialog"
 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...__default__$1,
   props: {
     display: { type: Boolean },
@@ -141,16 +142,17 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           createVNode(_component_q_layout, {
             view: "LHh lpR fff",
             container: "",
-            class: normalizeClass(unref($q).dark.isActive ? "bg-dark" : "bg-white"),
+            class: "bg-light-surface dark:bg-dark-surface",
             style: { "min-width": "85vw" }
           }, {
             default: withCtx(() => [
-              createVNode(_component_q_header, { class: "bg-primary" }, {
+              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: _ctx.icons.close,
+                        class: "text-light-on-surface dark:text-dark-on-surface",
                         flat: "",
                         round: "",
                         dense: "",
@@ -162,9 +164,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 3
                       }),
-                      !_ctx.display ? (openBlock(), createBlock(_sfc_main$6, {
+                      !_ctx.display ? (openBlock(), createBlock(_sfc_main$5, {
                         key: 0,
-                        color: "accent",
+                        flat: "",
+                        class: "text-light-primary dark:text-dark-primary",
                         type: _ctx.buttonType,
                         onSubmit: submit
                       }, null, 8, ["type"])) : createCommentVNode("", true)
@@ -190,20 +193,20 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               })
             ]),
             _: 3
-          }, 8, ["class"])
+          })
         ]),
         _: 3
       }, 8, ["maximized"]);
     };
   }
 });
-const _hoisted_1$2 = { style: { "margin-top": "80px" } };
+const _hoisted_1 = { style: { "margin-top": "80px" } };
 const _hoisted_2 = { key: 0 };
 const _hoisted_3 = { key: 1 };
 const __default__ = {
   name: "ResourcePage"
 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: {
     type: { default: void 0 },
@@ -238,7 +241,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       const _component_q_page = QPage;
       return openBlock(), createBlock(_component_q_page, { class: "q-ma-md" }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$2, [
+          createElementVNode("div", _hoisted_1, [
             renderSlot(_ctx.$slots, "default")
           ]),
           createVNode(_component_q_page_sticky, {
@@ -314,188 +317,35 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { key: 0 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "QLanguageSelect",
-  props: {
-    modelValue: {},
-    languageImports: {},
-    allowedCodes: { default: () => ["en-US", "nl"] }
-  },
-  setup(__props) {
-    const $q = useQuasar();
-    const attrs = useAttrs();
-    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.value,
-        "model-value": _ctx.modelValue,
-        borderless: "",
-        "emit-value": "",
-        "map-options": ""
-      }), {
-        selected: withCtx(() => [
-          _ctx.modelValue ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
-            (openBlock(), createBlock(resolveDynamicComponent(flags[_ctx.modelValue.slice(-2).toLowerCase()])))
-          ])) : createCommentVNode("", true)
-        ]),
-        option: withCtx((scope) => [
-          createVNode(_component_q_item, normalizeProps(guardReactiveProps(scope.itemProps)), {
-            default: withCtx(() => [
-              createVNode(_component_q_item_section, { avatar: "" }, {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(
-                    flags[scope.opt.value.slice(-2).toLowerCase()]
-                  )))
-                ]),
-                _: 2
-              }, 1024),
-              createVNode(_component_q_item_section, null, {
-                default: withCtx(() => [
-                  createVNode(_component_q_item_label, null, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(scope.opt.label), 1)
-                    ]),
-                    _: 2
-                  }, 1024)
-                ]),
-                _: 2
-              }, 1024)
-            ]),
-            _: 2
-          }, 1040)
-        ]),
-        _: 1
-      }, 16, ["options", "model-value"]);
-    };
-  }
-});
-const _hoisted_1 = { key: 0 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "QLanguageSelectBtn",
+  __name: "QLanguageSelect",
   props: {
     modelValue: {},
     languageImports: {},
-    allowedCodes: { default: () => ["en-US", "nl"] }
+    locales: {}
   },
   setup(__props) {
+    const props = __props;
+    const { modelValue, languageImports, locales } = toRefs(props);
     const $q = useQuasar();
-    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
-          });
-        }
+    watch(modelValue, (langIso) => {
+      try {
+        languageImports.value[langIso]().then(
+          // langList[`../../../node_modules/quasar/lang/${langIso}.mjs`]().then(
+          (lang) => {
+            $q.lang.set(lang.default);
+          }
+        );
+      } catch (e) {
+        console.error(e);
       }
-      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;
-      const _component_q_list = QList;
-      const _component_q_menu = QMenu;
-      const _component_q_btn = QBtn;
-      const _directive_close_popup = resolveDirective("close-popup");
-      return openBlock(), createBlock(_component_q_btn, null, {
-        default: withCtx(() => [
-          _ctx.modelValue ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            (openBlock(), createBlock(resolveDynamicComponent(flags[_ctx.modelValue.slice(-2).toLowerCase()])))
-          ])) : createCommentVNode("", true),
-          createVNode(_component_q_menu, null, {
-            default: withCtx(() => [
-              createVNode(_component_q_list, null, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(languageOptions.value, (option) => {
-                    return withDirectives((openBlock(), createBlock(_component_q_item, {
-                      key: option.value,
-                      clickable: "",
-                      onClick: ($event) => _ctx.$emit("update:model-value", option.value)
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_q_item_section, { avatar: "" }, {
-                          default: withCtx(() => [
-                            (openBlock(), createBlock(resolveDynamicComponent(
-                              flags[option.value.slice(-2).toLowerCase()]
-                            )))
-                          ]),
-                          _: 2
-                        }, 1024),
-                        createVNode(_component_q_item_section, null, {
-                          default: withCtx(() => [
-                            createVNode(_component_q_item_label, null, {
-                              default: withCtx(() => [
-                                createTextVNode(toDisplayString(option.label), 1)
-                              ]),
-                              _: 2
-                            }, 1024)
-                          ]),
-                          _: 2
-                        }, 1024)
-                      ]),
-                      _: 2
-                    }, 1032, ["onClick"])), [
-                      [_directive_close_popup]
-                    ]);
-                  }), 128))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
+      return openBlock(), createBlock(_sfc_main$6, {
+        "model-value": unref(modelValue),
+        locales: unref(locales),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = (val) => _ctx.$emit("update:model-value", val))
+      }, null, 8, ["model-value", "locales"]);
     };
   }
 });
@@ -514,12 +364,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 export {
   _sfc_main as QDrawerList,
-  _sfc_main$2 as QLanguageSelect,
-  _sfc_main$1 as QLanguageSelectBtn,
-  _sfc_main$5 as QStyledCard,
-  _sfc_main$6 as QSubmitButton,
-  _sfc_main$3 as ResourcePage,
-  _sfc_main$4 as ResponsiveDialog,
+  _sfc_main$1 as QLanguageSelect,
+  _sfc_main$4 as QStyledCard,
+  _sfc_main$5 as QSubmitButton,
+  _sfc_main$2 as ResourcePage,
+  _sfc_main$3 as ResponsiveDialog,
   loadLang,
   useLang
 };