@simsustech/quasar-components 0.11.9 → 0.11.11

package/dist/general.js

@@ -1,8 +1,8 @@
 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, QSelect, QItem, QItemSection, QItemLabel, 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 } from "vue";
-import { u as useLang$1, f as flags } from "./index-DnmJt2wP.js";
-const _hoisted_1$2 = { class: "text-h6" };
+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"
@@ -35,13 +35,14 @@ const _sfc_main$4 = /* @__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$2, [
+              createElementVNode("div", _hoisted_1$1, [
                 renderSlot(_ctx.$slots, "title")
               ]),
               createElementVNode("div", _hoisted_2$1, [
@@ -76,8 +77,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   props: {
     display: { type: Boolean },
     buttonType: { default: "submit" },
-    closeIcon: { default: "close" },
-    padding: { type: Boolean }
+    padding: { type: Boolean },
+    icons: { default: () => ({
+      close: "close"
+    }) }
   },
   emits: ["submit"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -139,16 +142,17 @@ const _sfc_main$3 = /* @__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.closeIcon,
+                        icon: _ctx.icons.close,
+                        class: "text-light-on-surface dark:text-dark-on-surface",
                         flat: "",
                         round: "",
                         dense: "",
@@ -162,7 +166,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                       }),
                       !_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)
@@ -188,14 +193,14 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               })
             ]),
             _: 3
-          }, 8, ["class"])
+          })
         ]),
         _: 3
       }, 8, ["maximized"]);
     };
   }
 });
-const _hoisted_1$1 = { style: { "margin-top": "80px" } };
+const _hoisted_1 = { style: { "margin-top": "80px" } };
 const _hoisted_2 = { key: 0 };
 const _hoisted_3 = { key: 1 };
 const __default__ = {
@@ -207,7 +212,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     type: { default: void 0 },
     disabled: { type: Boolean, default: false },
     topBarFab: { type: Boolean, default: false },
-    topBarShrink: { type: Boolean, default: true }
+    topBarShrink: { type: Boolean, default: true },
+    icons: { default: () => ({
+      add: "add",
+      edit: "edit"
+    }) }
   },
   emits: ["create", "update"],
   setup(__props, { emit: __emit }) {
@@ -232,7 +241,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$1, [
+          createElementVNode("div", _hoisted_1, [
             renderSlot(_ctx.$slots, "default")
           ]),
           createVNode(_component_q_page_sticky, {
@@ -254,10 +263,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       round: "",
                       size: "lg",
                       dense: "",
-                      icon: "add",
+                      icon: _ctx.icons.add,
                       class: "q-mr-sm bg-primary text-white",
                       onClick: create
-                    }, null, 8, ["disable"])) : unref(type) === "update" ? (openBlock(), createBlock(_component_q_btn, {
+                    }, null, 8, ["disable", "icon"])) : unref(type) === "update" ? (openBlock(), createBlock(_component_q_btn, {
                       key: 1,
                       disable: unref(disabled),
                       flat: "",
@@ -265,10 +274,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       round: "",
                       size: "lg",
                       dense: "",
-                      icon: "edit",
+                      icon: _ctx.icons.edit,
                       class: "q-mr-sm bg-primary text-white",
                       onClick: update
-                    }, null, 8, ["disable"])) : createCommentVNode("", true)
+                    }, null, 8, ["disable", "icon"])) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true),
                   createVNode(_component_q_toolbar_title, { shrink: _ctx.topBarShrink }, {
                     default: withCtx(() => [
@@ -282,17 +291,17 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       key: 0,
                       disable: unref(disabled),
                       label: unref(lang).add,
-                      icon: "add",
+                      icon: _ctx.icons.add,
                       outline: "",
                       onClick: create
-                    }, null, 8, ["disable", "label"])) : unref(type) === "update" ? (openBlock(), createBlock(_component_q_btn, {
+                    }, null, 8, ["disable", "label", "icon"])) : unref(type) === "update" ? (openBlock(), createBlock(_component_q_btn, {
                       key: 1,
                       disable: unref(disabled),
                       label: unref(lang).edit,
-                      icon: "edit",
+                      icon: _ctx.icons.edit,
                       outline: "",
                       onClick: update
-                    }, null, 8, ["disable", "label"])) : createCommentVNode("", true)
+                    }, null, 8, ["disable", "label", "icon"])) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true),
                   createVNode(_component_q_space, { horizontal: "" }),
                   renderSlot(_ctx.$slots, "header-side")
@@ -308,88 +317,35 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = { key: 0 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __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 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
-          });
-        }
+    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;
-      return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
-        options: languageOptions.value,
-        "model-value": _ctx.modelValue,
-        "emit-value": "",
-        "map-options": ""
-      }), {
-        selected: withCtx(() => [
-          _ctx.modelValue ? (openBlock(), createElementBlock("div", _hoisted_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"]);
+      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"]);
     };
   }
 });