maz-ui 3.46.1-beta.3 → 3.46.1-beta.5

package/types/components/MazTable.vue.d.ts

@@ -26,7 +26,17 @@ export type Row = Record<string, any> & {
     classes?: HTMLAttributes['class'];
 };
 export type Header = string | HeadersEnriched;
-export interface Props {
+export interface Translations {
+    searchByAllLabel?: string;
+    searchByPlaceholder?: string;
+    searchPlaceholder?: string;
+    paginationAllLabel?: string;
+    noResults?: string;
+    actionHeader?: string;
+    paginationRowsPerPage?: string;
+    paginationOf?: string;
+}
+export interface MazTableProps {
     /** class of the table element */
     tableClass?: HTMLAttributes['class'];
     /** style of the table element */
@@ -36,8 +46,14 @@ export interface Props {
     /**
      * size of the table
      * @values `'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'mini'`
+     * @default `'md'`
      */
     size?: Size;
+    /**
+     * Size of the search inputs
+     * @values `'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'mini'`
+     */
+    searchInputSize?: Size;
     /** title of the table */
     title?: string;
     /** headers of the table */
@@ -106,6 +122,18 @@ export interface Props {
     tableLayout?: 'auto' | 'fixed';
     /** color of the loading bar */
     color?: Color;
+    /**
+     * translations
+     * @default `{ searchByAllLabel: 'All', searchByPlaceholder: 'Search by', searchPlaceholder: 'Search', paginationAllLabel: 'All', noResults: 'No results' }`
+     * @type {Translations}
+     */
+    translations?: Translations;
+    /**
+     * Size of the rounded
+     * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
+     * @default 'lg'
+     */
+    roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 }
 export interface MazTableProvide {
     size: Ref<Size>;
@@ -148,12 +176,12 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_component: import("vue").DefineComponent<MazTableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: (string | number | boolean | Row)[] | undefined) => any;
     "update:search-query": (searchQuery: string | undefined) => any;
     "update:page": (page: number) => any;
     "update:page-size": (pageSize: number) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<MazTableProps> & Readonly<{
     "onUpdate:model-value"?: ((value: (string | number | boolean | Row)[] | undefined) => any) | undefined;
     "onUpdate:search-query"?: ((searchQuery: string | undefined) => any) | undefined;
     "onUpdate:page"?: ((page: number) => any) | undefined;
@@ -163,6 +191,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     title: string;
     size: Size;
     color: Color;
+    roundedSize: "none" | "sm" | "md" | "lg" | "xl" | "full";
     modelValue: (string | boolean | number)[];
     page: number;
     totalPages: number;

package/types/modules/helpers/country-flag-from-flagcn.d.ts

@@ -0,0 +1,7 @@
+import type { CountryCode } from 'libphonenumber-js';
+type Ratio = '16x12' | '20x15' | '24x18' | '28x21' | '32x24' | '36x27' | '40x30' | '48x36' | '56x42' | '60x45' | '64x48' | '72x54' | '80x60' | '84x63' | '96x72' | '108x81' | '112x84' | '120x90' | '128x96' | '144x108' | '160x120' | '192x144' | '224x168' | '256x192';
+type Height = 'h20' | 'h24' | 'h40' | 'h60' | 'h80' | 'h120' | 'h240';
+type Width = 'w20' | 'w40' | 'w80' | 'w160' | 'w320' | 'w640' | 'w1280' | 'w2560';
+type Size = Ratio | Height | Width;
+export declare function countryFlagUrlFromFlagcdn(countryIsoCode: CountryCode, size?: Size): string;
+export {};

package/components/chunks/MazBtn-6D9MhUfI.mjs

@@ -1,150 +0,0 @@
-import { defineComponent as F, defineAsyncComponent as h, useAttrs as j, useSlots as E, onBeforeMount as O, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as R, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
-import { _ as w } from "./MazSelect-BTrnZLF5.mjs";
-import '../assets/MazBtn.css';const A = /* @__PURE__ */ F({
-  __name: "MazBtn",
-  props: {
-    variant: { default: "button" },
-    size: { default: "md" },
-    color: { default: "primary" },
-    type: { default: "button" },
-    rounded: { type: Boolean },
-    roundedSize: { default: "lg" },
-    noRounded: { type: Boolean },
-    outline: { type: Boolean },
-    pastel: { type: Boolean },
-    block: { type: Boolean },
-    noUnderline: { type: Boolean },
-    loading: { type: Boolean },
-    disabled: { type: Boolean },
-    fab: { type: Boolean },
-    icon: { type: [String, Function, Object], default: void 0 },
-    leftIcon: { type: [String, Function, Object], default: void 0 },
-    rightIcon: { type: [String, Function, Object], default: void 0 },
-    noPadding: { type: Boolean },
-    noElevation: { type: Boolean },
-    contentClass: { default: void 0 }
-  },
-  setup(g) {
-    const o = g, z = h(() => import("./MazSpinner-CLQy7iCO.mjs")), f = h(() => import("./MazIcon-BDGxCy9M.mjs")), { href: k, to: B } = j(), p = E();
-    O(() => {
-      o.icon && !o.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
-    });
-    const v = l(() => k ? "a" : B ? "router-link" : "button"), I = l(
-      () => o.pastel ? `--${o.color}-pastel` : o.outline ? `--${o.color}-outline` : `--${o.color}`
-    ), b = l(
-      () => (o.loading || o.disabled) && v.value === "button"
-    ), C = l(() => b.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${o.variant}`), i = l(() => o.loading && o.variant === "button"), m = l(() => !!p["left-icon"] || o.leftIcon), y = l(() => !!p["right-icon"] || o.rightIcon), S = l(() => m.value || y.value), M = l(() => o.fab && (o.icon || !!p.icon)), T = l(() => v.value === "button" ? o.type : void 0);
-    return (e, D) => (n(), a(r(v.value), {
-      disabled: b.value || void 0,
-      class: s(["m-btn", [
-        `--${e.size}`,
-        !e.fab && !e.rounded && e.roundedSize && `--rounded-${e.roundedSize}`,
-        I.value,
-        C.value,
-        $.value,
-        {
-          "--block": e.block,
-          "--no-underline": e.noUnderline,
-          "--fab": e.fab,
-          "--loading": e.loading,
-          "--disabled": b.value,
-          "--icon": S.value,
-          "--rounded": e.rounded,
-          "--no-rounded": e.noRounded,
-          "--no-padding": e.noPadding,
-          "--no-elevation": e.noElevation
-        }
-      ]]),
-      type: T.value
-    }, {
-      default: R(() => [
-        m.value ? (n(), u(
-          "div",
-          {
-            key: 0,
-            class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot left-icon - The icon to display on the left of the button
-      `),
-            d(e.$slots, "left-icon", {}, () => [
-              typeof e.leftIcon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: e.leftIcon
-              }, null, 8, ["name"])) : e.leftIcon ? (n(), a(r(e.leftIcon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        M.value ? (n(), u(
-          "div",
-          {
-            key: 1,
-            class: s(["m-btn__icon", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot icon - The icon to display on the fab button
-      `),
-            d(e.$slots, "icon", {}, () => [
-              typeof e.icon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: e.icon
-              }, null, 8, ["name"])) : e.icon ? (n(), a(r(e.icon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        e.$slots.default ? (n(), u(
-          "span",
-          {
-            key: 2,
-            class: s([{ "maz-invisible": i.value }, e.contentClass])
-          },
-          [
-            t(`
-        @slot default - The content of the button
-      `),
-            d(e.$slots, "default", {}, void 0, !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        y.value ? (n(), u(
-          "div",
-          {
-            key: 3,
-            class: s(["m-btn__icon-right", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot right-icon - The icon to display on the right of the button
-      `),
-            d(e.$slots, "right-icon", {}, () => [
-              typeof e.rightIcon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: e.rightIcon
-              }, null, 8, ["name"])) : e.rightIcon ? (n(), a(r(e.rightIcon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        i.value ? (n(), a(c(z), {
-          key: 4,
-          class: "m-btn-loader",
-          size: "2em",
-          color: e.color
-        }, null, 8, ["color"])) : t("v-if", !0)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["disabled", "class", "type"]));
-  }
-}), U = /* @__PURE__ */ w(A, [["__scopeId", "data-v-9e61f4b3"]]);
-export {
-  U as default
-};

package/components/chunks/MazBtn-B2A4nNWi.mjs

@@ -1,150 +0,0 @@
-import { defineComponent as F, defineAsyncComponent as h, useAttrs as j, useSlots as E, onBeforeMount as O, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as R, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
-import { _ as w } from "./MazDialog-DbEp5ZrT.mjs";
-import '../assets/MazBtn.css';const A = /* @__PURE__ */ F({
-  __name: "MazBtn",
-  props: {
-    variant: { default: "button" },
-    size: { default: "md" },
-    color: { default: "primary" },
-    type: { default: "button" },
-    rounded: { type: Boolean },
-    roundedSize: { default: "lg" },
-    noRounded: { type: Boolean },
-    outline: { type: Boolean },
-    pastel: { type: Boolean },
-    block: { type: Boolean },
-    noUnderline: { type: Boolean },
-    loading: { type: Boolean },
-    disabled: { type: Boolean },
-    fab: { type: Boolean },
-    icon: { type: [String, Function, Object], default: void 0 },
-    leftIcon: { type: [String, Function, Object], default: void 0 },
-    rightIcon: { type: [String, Function, Object], default: void 0 },
-    noPadding: { type: Boolean },
-    noElevation: { type: Boolean },
-    contentClass: { default: void 0 }
-  },
-  setup(g) {
-    const o = g, z = h(() => import("./MazSpinner-2KA4ECS_.mjs")), f = h(() => import("./MazIcon-BDGxCy9M.mjs")), { href: k, to: B } = j(), p = E();
-    O(() => {
-      o.icon && !o.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
-    });
-    const v = l(() => k ? "a" : B ? "router-link" : "button"), I = l(
-      () => o.pastel ? `--${o.color}-pastel` : o.outline ? `--${o.color}-outline` : `--${o.color}`
-    ), b = l(
-      () => (o.loading || o.disabled) && v.value === "button"
-    ), C = l(() => b.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${o.variant}`), i = l(() => o.loading && o.variant === "button"), m = l(() => !!p["left-icon"] || o.leftIcon), y = l(() => !!p["right-icon"] || o.rightIcon), S = l(() => m.value || y.value), M = l(() => o.fab && (o.icon || !!p.icon)), T = l(() => v.value === "button" ? o.type : void 0);
-    return (e, D) => (n(), a(r(v.value), {
-      disabled: b.value || void 0,
-      class: s(["m-btn", [
-        `--${e.size}`,
-        !e.fab && !e.rounded && e.roundedSize && `--rounded-${e.roundedSize}`,
-        I.value,
-        C.value,
-        $.value,
-        {
-          "--block": e.block,
-          "--no-underline": e.noUnderline,
-          "--fab": e.fab,
-          "--loading": e.loading,
-          "--disabled": b.value,
-          "--icon": S.value,
-          "--rounded": e.rounded,
-          "--no-rounded": e.noRounded,
-          "--no-padding": e.noPadding,
-          "--no-elevation": e.noElevation
-        }
-      ]]),
-      type: T.value
-    }, {
-      default: R(() => [
-        m.value ? (n(), u(
-          "div",
-          {
-            key: 0,
-            class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot left-icon - The icon to display on the left of the button
-      `),
-            d(e.$slots, "left-icon", {}, () => [
-              typeof e.leftIcon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: e.leftIcon
-              }, null, 8, ["name"])) : e.leftIcon ? (n(), a(r(e.leftIcon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        M.value ? (n(), u(
-          "div",
-          {
-            key: 1,
-            class: s(["m-btn__icon", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot icon - The icon to display on the fab button
-      `),
-            d(e.$slots, "icon", {}, () => [
-              typeof e.icon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: e.icon
-              }, null, 8, ["name"])) : e.icon ? (n(), a(r(e.icon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        e.$slots.default ? (n(), u(
-          "span",
-          {
-            key: 2,
-            class: s([{ "maz-invisible": i.value }, e.contentClass])
-          },
-          [
-            t(`
-        @slot default - The content of the button
-      `),
-            d(e.$slots, "default", {}, void 0, !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        y.value ? (n(), u(
-          "div",
-          {
-            key: 3,
-            class: s(["m-btn__icon-right", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot right-icon - The icon to display on the right of the button
-      `),
-            d(e.$slots, "right-icon", {}, () => [
-              typeof e.rightIcon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: e.rightIcon
-              }, null, 8, ["name"])) : e.rightIcon ? (n(), a(r(e.rightIcon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        i.value ? (n(), a(c(z), {
-          key: 4,
-          class: "m-btn-loader",
-          size: "2em",
-          color: e.color
-        }, null, 8, ["color"])) : t("v-if", !0)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["disabled", "class", "type"]));
-  }
-}), U = /* @__PURE__ */ w(A, [["__scopeId", "data-v-9e61f4b3"]]);
-export {
-  U as default
-};

package/components/chunks/MazBtn-B9mpn5c4.mjs

@@ -1,150 +0,0 @@
-import { defineComponent as F, defineAsyncComponent as h, useAttrs as j, useSlots as E, onBeforeMount as O, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as R, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
-import { _ as w } from "./MazPhoneNumberInput-DjWHMKpM.mjs";
-import '../assets/MazBtn.css';const A = /* @__PURE__ */ F({
-  __name: "MazBtn",
-  props: {
-    variant: { default: "button" },
-    size: { default: "md" },
-    color: { default: "primary" },
-    type: { default: "button" },
-    rounded: { type: Boolean },
-    roundedSize: { default: "lg" },
-    noRounded: { type: Boolean },
-    outline: { type: Boolean },
-    pastel: { type: Boolean },
-    block: { type: Boolean },
-    noUnderline: { type: Boolean },
-    loading: { type: Boolean },
-    disabled: { type: Boolean },
-    fab: { type: Boolean },
-    icon: { type: [String, Function, Object], default: void 0 },
-    leftIcon: { type: [String, Function, Object], default: void 0 },
-    rightIcon: { type: [String, Function, Object], default: void 0 },
-    noPadding: { type: Boolean },
-    noElevation: { type: Boolean },
-    contentClass: { default: void 0 }
-  },
-  setup(g) {
-    const o = g, z = h(() => import("./MazSpinner-hPbKGN5o.mjs")), f = h(() => import("./MazIcon-DiRrHbn4.mjs")), { href: k, to: B } = j(), p = E();
-    O(() => {
-      o.icon && !o.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
-    });
-    const v = l(() => k ? "a" : B ? "router-link" : "button"), I = l(
-      () => o.pastel ? `--${o.color}-pastel` : o.outline ? `--${o.color}-outline` : `--${o.color}`
-    ), b = l(
-      () => (o.loading || o.disabled) && v.value === "button"
-    ), C = l(() => b.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${o.variant}`), i = l(() => o.loading && o.variant === "button"), m = l(() => !!p["left-icon"] || o.leftIcon), y = l(() => !!p["right-icon"] || o.rightIcon), S = l(() => m.value || y.value), M = l(() => o.fab && (o.icon || !!p.icon)), T = l(() => v.value === "button" ? o.type : void 0);
-    return (e, D) => (n(), a(r(v.value), {
-      disabled: b.value || void 0,
-      class: s(["m-btn", [
-        `--${e.size}`,
-        !e.fab && !e.rounded && e.roundedSize && `--rounded-${e.roundedSize}`,
-        I.value,
-        C.value,
-        $.value,
-        {
-          "--block": e.block,
-          "--no-underline": e.noUnderline,
-          "--fab": e.fab,
-          "--loading": e.loading,
-          "--disabled": b.value,
-          "--icon": S.value,
-          "--rounded": e.rounded,
-          "--no-rounded": e.noRounded,
-          "--no-padding": e.noPadding,
-          "--no-elevation": e.noElevation
-        }
-      ]]),
-      type: T.value
-    }, {
-      default: R(() => [
-        m.value ? (n(), u(
-          "div",
-          {
-            key: 0,
-            class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot left-icon - The icon to display on the left of the button
-      `),
-            d(e.$slots, "left-icon", {}, () => [
-              typeof e.leftIcon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: e.leftIcon
-              }, null, 8, ["name"])) : e.leftIcon ? (n(), a(r(e.leftIcon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        M.value ? (n(), u(
-          "div",
-          {
-            key: 1,
-            class: s(["m-btn__icon", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot icon - The icon to display on the fab button
-      `),
-            d(e.$slots, "icon", {}, () => [
-              typeof e.icon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: e.icon
-              }, null, 8, ["name"])) : e.icon ? (n(), a(r(e.icon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        e.$slots.default ? (n(), u(
-          "span",
-          {
-            key: 2,
-            class: s([{ "maz-invisible": i.value }, e.contentClass])
-          },
-          [
-            t(`
-        @slot default - The content of the button
-      `),
-            d(e.$slots, "default", {}, void 0, !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        y.value ? (n(), u(
-          "div",
-          {
-            key: 3,
-            class: s(["m-btn__icon-right", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot right-icon - The icon to display on the right of the button
-      `),
-            d(e.$slots, "right-icon", {}, () => [
-              typeof e.rightIcon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: e.rightIcon
-              }, null, 8, ["name"])) : e.rightIcon ? (n(), a(r(e.rightIcon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        i.value ? (n(), a(c(z), {
-          key: 4,
-          class: "m-btn-loader",
-          size: "2em",
-          color: e.color
-        }, null, 8, ["color"])) : t("v-if", !0)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["disabled", "class", "type"]));
-  }
-}), U = /* @__PURE__ */ w(A, [["__scopeId", "data-v-9e61f4b3"]]);
-export {
-  U as default
-};