@simsustech/quasar-components 0.11.0 → 0.11.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @simsustech/quasar-components
 
+## 0.11.2
+
+### Patch Changes
+
+- 56d905c: feat(PostalCodeInput): use optional country prop instead of locale
+
+## 0.11.1
+
+### Patch Changes
+
+- 11d936a: fix(DateInput): add pattern attribute for numbers only input
+
 ## 0.11.0
 
 ### Minor Changes

package/dist/flags.js

@@ -1,4 +1,4 @@
-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-CkV53iOe.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,

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 { ref, defineComponent, useAttrs, withAsyncContext, watch, openBlock, createBlock, unref, mergeProps, normalizeProps, guardReactiveProps, withCtx, createVNode, createTextVNode, toDisplayString, toRefs, computed, useSlots, renderSlot, createCommentVNode, createSlots, renderList, 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 { f as flags, u as useLang$1 } from "./index-CkV53iOe.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;
@@ -197,7 +197,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "PostalCodeInput",
   props: {
     modelValue: {},
-    locale: {},
+    country: {},
     required: { type: Boolean }
   },
   emits: ["update:modelValue"],
@@ -205,24 +205,32 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const props = __props;
     const lang2 = useLang();
     const attrs = useAttrs();
+    const { country } = toRefs(props);
     const masks = ref({
-      nl: "#### AA"
+      NL: "#### AA"
     });
     const validations = ref({
-      nl: [
+      NL: [
         (val) => !val || // Do not check an empty string
         /^[1-9][0-9]{3} ?(?!sa|sd|ss)[a-z]{2}$/i.test(val) || lang2.value.postalCode.validations.invalidPostalCode
       ]
     });
+    const computedMask = computed(() => {
+      if (country.value && masks.value[country.value])
+        return masks.value[country.value];
+      return void 0;
+    });
     const computedValidations = computed(() => {
-      const val = validations.value[props.locale];
+      const val = [];
+      if (country.value && validations.value[country.value])
+        val.push(...validations.value[country.value]);
       if (props.required)
         val.push((val2) => !!val2 || lang2.value.validations.fieldRequired);
       return val;
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(QInput), mergeProps(unref(attrs), {
-        mask: masks.value[_ctx.locale],
+        mask: computedMask.value,
         rules: computedValidations.value,
         "model-value": _ctx.modelValue,
         label: `${unref(lang2).postalCode.postalCode}${_ctx.required ? "*" : ""}`,
@@ -523,7 +531,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)
               ]),

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-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, createElementBlock, resolveDynamicComponent, createTextVNode, toDisplayString } from "vue";
-import { f as flags, u as useLang$1 } from "./index-CkV53iOe.js";
+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 = {

package/dist/{index-CkV53iOe.js → index-DnmJt2wP.js}

@@ -387,7 +387,7 @@ const enUS$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
 const lang = ref(lang$1);
 const locales = /* @__PURE__ */ Object.assign({
   "./en-US.ts": () => Promise.resolve().then(() => enUS$1),
-  "./nl.ts": () => import("./nl-CYbwXc14.js")
+  "./nl.ts": () => import("./nl-BTgHOvpQ.js")
 });
 const useLang = () => {
   return lang;

package/dist/{nl-CYbwXc14.js → nl-BTgHOvpQ.js}

@@ -324,8 +324,8 @@ const lang = {
     da: "Dansk",
     de: "Deutsch",
     el: "ελληνικά",
-    "en-GB": "English (UK)",
-    "en-US": "English (US)",
+    "en-GB": "Emgels (UK)",
+    "en-US": "Engels (US)",
     eo: "Esperanto",
     es: "Español",
     et: "Eesti",

package/dist/{nl-DOn8oMdw.js → nl-db4MMX_N.js}

@@ -49,7 +49,7 @@ const lang = {
     USD: "USD"
   },
   locale: {
-    locale: "Land"
+    locale: "Regio"
   },
   cron: {
     name: "Herhaling",

package/dist/types/ui/authentication/AccountsTable.vue.d.ts

@@ -26,7 +26,7 @@ declare const _default: <T extends Account>(__VLS_props: NonNullable<Awaited<typ
         }) => any) | undefined;
         readonly "onUpdate:pagination"?: ((pagination: Pagination) => any) | undefined;
         readonly "onUpdate:criteria"?: ((criteria: Criteria) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onAddRole" | "onRemoveRole" | "onUpdate:pagination" | "onUpdate:criteria"> & {
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onAddRole" | "onRemoveRole" | "onUpdate:pagination" | "onUpdate:criteria"> & Partial<{}> & {
         modelValue: T[];
         count: number;
         pagination: Pagination;

package/dist/types/ui/authentication/OtpInput.vue.d.ts

@@ -1,10 +1,9 @@
-declare const _default: import("vue").DefineComponent<{
+type __VLS_Props = {
     modelValue: string;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<{
-    modelValue: string;
-}> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -3,7 +3,7 @@ export interface Period {
     endDate: string;
     type: 'unavailable';
 }
-declare const _default: import("vue").DefineComponent<{
+type __VLS_Props = {
     modelValue: string | null | undefined | {
         from: string;
         to: string;
@@ -11,20 +11,13 @@ declare const _default: import("vue").DefineComponent<{
     periods?: Period[];
     range?: boolean;
     options?: (date: string) => boolean;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (val: string | {
         from: string;
         to: string;
     }) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    modelValue: string | null | undefined | {
-        from: string;
-        to: string;
-    };
-    periods?: Period[];
-    range?: boolean;
-    options?: (date: string) => boolean;
-}> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((val: string | {
         from: string;
         to: string;

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

@@ -9,7 +9,7 @@ declare const _default: <T extends {
             done: (success?: boolean) => void;
         }) => any) | undefined;
         readonly "onUpdate:model-value"?: ((id: number) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFilter" | "onUpdate:model-value"> & {
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFilter" | "onUpdate:model-value"> & Partial<{}> & {
         modelValue?: number | number[] | null;
         labelKey: string;
         labelFunction?: (option: unknown) => string;

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

@@ -6,9 +6,10 @@ export interface Props {
     required?: boolean;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -5,12 +5,13 @@ export interface Props {
     field?: FormItems;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         avatar?(_: {}): any;
         side?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,7 +1,7 @@
-export type PostalCodeLocales = 'nl';
+export type PostalCodeCountries = 'NL';
 export interface Props {
     modelValue?: string;
-    locale: PostalCodeLocales;
+    country?: PostalCodeCountries;
     required?: boolean;
 }
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/dist/types/ui/general/QDrawerList.vue.d.ts

@@ -1,9 +1,10 @@
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simsustech/quasar-components",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "author": "Stefan van Herwijnen",
   "description": "High level components for Quasar Framework",
   "license": "MIT",
@@ -49,34 +49,34 @@
     "validator": "^13.12.0"
   },
   "peerDependencies": {
-    "quasar": "^2.15.2"
+    "quasar": "^2.17.4"
   },
   "devDependencies": {
-    "@types/node": "^22.7.5",
+    "@types/node": "^22.10.0",
     "@types/validator": "^13.12.2",
-    "@types/ws": "^8.5.12",
-    "@typescript-eslint/eslint-plugin": "^8.8.1",
-    "@typescript-eslint/parser": "^8.8.1",
-    "@vitejs/plugin-vue": "^5.1.4",
-    "@vue/server-renderer": "^3.5.11",
-    "eslint": "^9.12.0",
+    "@types/ws": "^8.5.13",
+    "@typescript-eslint/eslint-plugin": "^8.16.0",
+    "@typescript-eslint/parser": "^8.16.0",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vue/server-renderer": "^3.5.13",
+    "eslint": "^9.15.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-prettier-vue": "^5.0.0",
-    "eslint-plugin-vue": "^9.28.0",
+    "eslint-plugin-vue": "^9.31.0",
     "glob": "^11.0.0",
-    "local-pkg": "^0.5.0",
-    "prettier": "^3.3.3",
-    "quasar": "^2.17.0",
+    "local-pkg": "^0.5.1",
+    "prettier": "^3.4.1",
+    "quasar": "^2.17.4",
     "rimraf": "^6.0.1",
-    "typescript": "^5.6.3",
-    "typescript-eslint": "^8.8.1",
-    "unplugin-vue-components": "^0.27.4",
-    "vite": "^5.4.8",
-    "vue": "^3.5.11",
+    "typescript": "5.6.3",
+    "typescript-eslint": "^8.16.0",
+    "unplugin-vue-components": "^0.27.5",
+    "vite": "^6.0.1",
+    "vue": "^3.5.13",
     "vue-eslint-parser": "^9.4.3",
-    "vue-router": "^4.4.5",
-    "vue-tsc": "^2.1.6"
+    "vue-router": "^4.5.0",
+    "vue-tsc": "^2.1.10"
   },
   "scripts": {
     "build:plugin": "vite build",

package/src/ui/flags/lang/nl.ts

@@ -326,8 +326,8 @@ const lang: Language = {
     da: 'Dansk',
     de: 'Deutsch',
     el: 'ελληνικά',
-    'en-GB': 'English (UK)',
-    'en-US': 'English (US)',
+    'en-GB': 'Emgels (UK)',
+    'en-US': 'Engels (US)',
     eo: 'Esperanto',
     es: 'Español',
     et: 'Eesti',

package/src/ui/form/DateInput.vue

@@ -13,6 +13,7 @@
         :key="part"
         borderless
         v-bind="dateProps[part]"
+        pattern="[0-9]*"
       >
         <template #after>
           <a v-if="index < 2" style="margin-left: -0.75em; margin-top: 0.75em"

package/src/ui/form/PostalCodeInput.vue

@@ -1,7 +1,7 @@
 <template>
   <q-input
     v-bind="attrs"
-    :mask="masks[locale]"
+    :mask="computedMask"
     :rules="computedValidations"
     :model-value="modelValue"
     :label="`${lang.postalCode.postalCode}${required ? '*' : ''}`"
@@ -10,27 +10,30 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, useAttrs } from 'vue'
+import { computed, ref, toRefs, useAttrs } from 'vue'
 import { QInput } from 'quasar'
 import { useLang } from './lang'
 
-export type PostalCodeLocales = 'nl'
+export type PostalCodeCountries = 'NL'
 
 export interface Props {
   modelValue?: string
-  locale: PostalCodeLocales
+  country?: PostalCodeCountries
   required?: boolean
 }
 const props = defineProps<Props>()
 const lang = useLang()
 const attrs = useAttrs()
+
+const { country } = toRefs(props)
+
 const masks = ref({
-  nl: '#### AA'
+  NL: '#### AA'
 })
 defineEmits(['update:modelValue'])
 
 const validations = ref({
-  nl: [
+  NL: [
     (val: string) =>
       !val || // Do not check an empty string
       /^[1-9][0-9]{3} ?(?!sa|sd|ss)[a-z]{2}$/i.test(val) ||
@@ -38,8 +41,16 @@ const validations = ref({
   ]
 })
 
+const computedMask = computed(() => {
+  if (country.value && masks.value[country.value])
+    return masks.value[country.value]
+  return undefined
+})
+
 const computedValidations = computed(() => {
-  const val = validations.value[props.locale]
+  const val = []
+  if (country.value && validations.value[country.value])
+    val.push(...validations.value[country.value])
   if (props.required)
     val.push((val: string) => !!val || lang.value.validations.fieldRequired)
   return val

package/src/ui/form/lang/nl.ts

@@ -51,7 +51,7 @@ const lang: Language = {
     USD: 'USD'
   },
   locale: {
-    locale: 'Land'
+    locale: 'Regio'
   },
   cron: {
     name: 'Herhaling',