maz-ui 3.50.1 → 4.0.0-alpha.2

package/components/MazBtn.d.ts

@@ -1,135 +0,0 @@
-import type { Color, Icon, Size } from './types';
-export type { Color, Size };
-export interface Props {
-    /**
-     * The variant of the button - Change UI of component (link or button style)
-     * @values `'button' | 'link'`
-     * @deprecated Use the component <MazLink /> instead
-     */
-    variant?: 'button' | 'link';
-    /**
-     * The size of the button
-     * @values `'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'mini'`
-     */
-    size?: Size;
-    /**
-     * The color of the button
-     * @values `'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'white' | 'black' | 'transparent' | 'theme'`
-     */
-    color?: Color;
-    /**
-     * The type of the button
-     * @values `'submit' | 'reset' | 'button'`
-     */
-    type?: 'submit' | 'reset' | 'button';
-    /**
-     * If true, the button will have a full border radius
-     * @default false
-     */
-    rounded?: boolean;
-    /**
-     * Size of the rounded
-     * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
-     * @default 'lg'
-     */
-    roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
-    /**
-     * If true, the button will have no border radius
-     * @default false
-     */
-    noRounded?: boolean;
-    /**
-     * If true, the button have the "border" style
-     * @default false
-     */
-    outline?: boolean;
-    /**
-     * If true, the button will have a pastel color
-     * @default false
-     */
-    pastel?: boolean;
-    /**
-     * If true, the button will have a full width
-     * @default false
-     */
-    block?: boolean;
-    /**
-     * If true, the button will have no underline on hover (useful with `variant="link"`)
-     * @default false
-     */
-    noUnderline?: boolean;
-    /**
-     * Enable the button loader
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * Disable the button
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If true, the button will have a fab style
-     * @default false
-     */
-    fab?: boolean;
-    /**
-     * The name of the icon to display or component, only with fab
-     * `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`
-     */
-    icon?: string | Icon;
-    /**
-     * The name of the icon or component to display on the left of the button
-     * `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`
-     */
-    leftIcon?: string | Icon;
-    /**
-     * The name of the icon or component to display on the right of the button
-     * `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`
-     */
-    rightIcon?: string | Icon;
-    /**
-     * If true, the button will have no padding
-     * @default false
-     */
-    noPadding?: boolean;
-    /**
-     * If true, the button will have no box-shadow
-     * @default false
-     */
-    noElevation?: boolean;
-    /**
-     * Choose how the elements are aligned in the button
-     */
-    justify?: 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        "left-icon"?(_: {}): any;
-        icon?(_: {}): any;
-        default?(_: {}): any;
-        "right-icon"?(_: {}): any;
-    };
-    refs: {};
-    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<{}>, {
-    size: Size;
-    color: Color;
-    type: "submit" | "reset" | "button";
-    variant: "button" | "link";
-    roundedSize: "none" | "sm" | "md" | "lg" | "xl" | "full";
-    icon: string | Icon;
-    leftIcon: string | Icon;
-    rightIcon: string | Icon;
-    justify: "start" | "end" | "center" | "space-between" | "space-around" | "space-evenly";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/components/MazBtn.mjs

@@ -1,4 +0,0 @@
-import { M as f } from "./chunks/MazBtn.CQ7scMZT.mjs";
-export {
-  f as default
-};

package/components/MazCard.d.ts

@@ -1,95 +0,0 @@
-import type { RouterLinkProps } from 'vue-router';
-import type { MazGalleryImage } from './types';
-import { type HTMLAttributes } from 'vue';
-export type { MazGalleryImage } from './types';
-export interface Props {
-    /** Images displayed */
-    images?: MazGalleryImage[];
-    /** Card variant: Must be `column | row | row-reverse | column-reverse` */
-    orientation?: 'column' | 'row' | 'row-reverse' | 'column-reverse';
-    /** Make card a link (footer area excluded) */
-    href?: string;
-    /** Make card a link with a router-link (footer area excluded) */
-    to?: RouterLinkProps['to'];
-    /** Target option of link: Muse be one of `_blank | _self | _parent | _top | framename` */
-    hrefTarget?: '_blank' | '_self' | '_parent' | '_top' | string;
-    /** Footer text alignment: `right | left` */
-    footerAlign?: 'right' | 'left';
-    /** Gallery image width */
-    galleryWidth?: string | number;
-    /** Gallery image height */
-    galleryHeight?: string | number;
-    /** Enable "zoom" image on click (can't be used when the card has a link) */
-    zoom?: boolean;
-    /** Set elevation to card (box-shadow) */
-    elevation?: boolean;
-    /** Set radius to card */
-    radius?: boolean;
-    /** Set border to card (in dark mode, the card is always bordered) */
-    bordered?: boolean;
-    /** Number of images shown in the gallery */
-    imagesShowCount?: number;
-    /** Remove transparent layer with the remain count (ex: +2) */
-    noRemaining?: boolean;
-    /** scale animation on hover (only linked cards) */
-    scale?: boolean;
-    /** add classes to wrapper */
-    wrapperClass?: HTMLAttributes['class'];
-    /** Remove padding from content wrapper */
-    noPadding?: boolean;
-    /** Hide overflow */
-    overflowHidden?: boolean;
-    /**
-     * @deprecated Use `collapsible` instead
-     */
-    collapsable?: boolean;
-    /**
-     * Card can be open and close
-     */
-    collapsible?: boolean;
-    /** Card is open by default if `true` */
-    collapseOpen?: boolean;
-    /** Title of the card in header */
-    header?: string;
-    /** The card will be displayed in full width */
-    block?: boolean;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        header?(_: {}): any;
-        default?(_: {}): any;
-        title?(_: {}): any;
-        subtitle?(_: {}): any;
-        content?(_: {}): any;
-        footer?(_: {}): any;
-        actions?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-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<{}>, {
-    header: string;
-    href: string;
-    to: RouterLinkProps["to"];
-    orientation: "column" | "row" | "row-reverse" | "column-reverse";
-    scale: boolean;
-    images: MazGalleryImage[];
-    noRemaining: boolean;
-    hrefTarget: "_blank" | "_self" | "_parent" | "_top" | string;
-    footerAlign: "right" | "left";
-    galleryWidth: string | number;
-    galleryHeight: string | number;
-    elevation: boolean;
-    radius: boolean;
-    imagesShowCount: number;
-    wrapperClass: HTMLAttributes["class"];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/components/MazCard.mjs

@@ -1,4 +0,0 @@
-import { M as f } from "./chunks/MazCard.D4R5VJTH.mjs";
-export {
-  f as default
-};

package/components/MazCardSpotlight.d.ts

@@ -1,62 +0,0 @@
-import type { Color } from './types';
-import { type HTMLAttributes, type StyleValue } from 'vue';
-export type { Color };
-export interface Props {
-    /**
-     * The color of the component.
-     * @default primary
-     */
-    color?: Color;
-    /**
-     * Remove the elevation of the component
-     * @default false
-     */
-    noElevation?: boolean;
-    /**
-     * Add padding to the content
-     * @default true
-     */
-    padding?: boolean;
-    /**
-     * The classes to apply to the content div
-     */
-    contentClass?: HTMLAttributes['class'];
-    /**
-     * Style apply to the content div
-     */
-    contentStyle?: StyleValue;
-    /**
-     * The opacity of the inner div - should be between 0 and 1
-     * When 0 the spotlight is completely visible
-     * When 1 the spotlight is only visible on borders
-     * @default 0.95
-     */
-    innerOpacity?: number;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        blobElement: HTMLDivElement;
-        fakeblobElement: HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
-};
-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<{}>, {
-    color: Color;
-    noElevation: boolean;
-    padding: boolean;
-    contentClass: HTMLAttributes["class"];
-    contentStyle: string | false | import("vue").CSSProperties | StyleValue[] | null;
-    innerOpacity: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/components/MazCardSpotlight.mjs

@@ -1,96 +0,0 @@
-import { defineComponent as _, ref as c, computed as m, onMounted as k, onUnmounted as E, openBlock as w, createElementBlock as z, normalizeClass as v, normalizeStyle as b, createElementVNode as i, renderSlot as B, withDirectives as y, vShow as h } from "vue";
-import './assets/MazCardSpotlight.CrcVk5S1.css';const S = { class: "inner" }, $ = /* @__PURE__ */ _({
-  __name: "MazCardSpotlight",
-  props: {
-    color: { default: "primary" },
-    noElevation: { type: Boolean, default: !1 },
-    padding: { type: Boolean, default: !0 },
-    contentClass: { default: void 0 },
-    contentStyle: { type: [Boolean, null, String, Object, Array], default: void 0 },
-    innerOpacity: { default: 0.95 }
-  },
-  setup(l) {
-    const n = l, o = c(), r = c(), t = c(!1);
-    function d({ clientX: e, clientY: u }) {
-      var p, s, f;
-      t.value = !0;
-      const a = (p = r.value) == null ? void 0 : p.getBoundingClientRect();
-      a && ((f = (s = o.value) == null ? void 0 : s.animate) == null || f.call(
-        s,
-        [
-          {
-            transform: `translate(${e - a.left - a.width / 2}px,${u - a.top - a.height / 2}px)`
-          }
-        ],
-        {
-          duration: 300,
-          fill: "forwards"
-        }
-      ));
-    }
-    const g = m(() => `var(--maz-color-${n.color}-alpha)`), C = m(() => `var(--maz-color-${n.color}-alpha-20)`);
-    return k(() => {
-      window.addEventListener("mousemove", d);
-    }), E(() => {
-      window.removeEventListener("mousemove", d);
-    }), (e, u) => (w(), z(
-      "div",
-      {
-        class: v(["m-card-spotlight m-reset-css", { "maz-elevation": !e.noElevation }]),
-        style: b({ backgroundColor: C.value, "--inner-opacity": e.innerOpacity })
-      },
-      [
-        i("div", S, [
-          i(
-            "div",
-            {
-              class: v(["content", [{ "maz-p-4": e.padding }, e.contentClass]])
-            },
-            [
-              B(e.$slots, "default", {}, void 0, !0)
-            ],
-            2
-            /* CLASS */
-          )
-        ]),
-        y(i(
-          "div",
-          {
-            ref_key: "blobElement",
-            ref: o,
-            class: "blob",
-            style: b({ backgroundColor: g.value })
-          },
-          null,
-          4
-          /* STYLE */
-        ), [
-          [h, t.value]
-        ]),
-        y(i(
-          "div",
-          {
-            ref_key: "fakeblobElement",
-            ref: r,
-            class: "fakeblob"
-          },
-          null,
-          512
-          /* NEED_PATCH */
-        ), [
-          [h, t.value]
-        ])
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
-  }
-}), O = (l, n) => {
-  const o = l.__vccOpts || l;
-  for (const [r, t] of n)
-    o[r] = t;
-  return o;
-}, L = /* @__PURE__ */ O($, [["__scopeId", "data-v-4f773edc"]]);
-export {
-  L as default
-};

package/components/MazCarousel.d.ts

@@ -1,35 +0,0 @@
-export interface Props {
-    /** Do not display the scroll buttons */
-    noScrollBtn?: boolean;
-    /** Aria label for the previous button */
-    ariaLabelPreviousButton?: string;
-    /** Aria label for the next button */
-    ariaLabelNextButton?: string;
-    /** Hide the scrollbar when not active */
-    hideScrollbar?: boolean;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        title?(_: {}): any;
-        "previous-icon"?(_: {}): any;
-        "next-icon"?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {
-        MazCarouselItems: HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
-};
-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<{}>, {
-    ariaLabelPreviousButton: string;
-    ariaLabelNextButton: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/components/MazCarousel.mjs

@@ -1,4 +0,0 @@
-import { M as f } from "./chunks/MazCarousel.tT2IPWU9.mjs";
-export {
-  f as default
-};

package/components/MazChart.d.ts

@@ -1,104 +0,0 @@
-import { type ChartData, type ChartType, type UpdateMode } from 'chart.js';
-import { type PropType } from 'vue';
-export type { ChartData, ChartType, UpdateMode };
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /**
-     * Chart.js chart type
-     */
-    type: {
-        type: PropType<ChartType>;
-        required: true;
-    };
-    /**
-     * The data object that is passed into the Chart.js chart
-     * @see https://www.chartjs.org/docs/latest/getting-started/
-     */
-    data: {
-        type: PropType<ChartData<ChartType>>;
-        required: true;
-    };
-    /**
-     * The options object that is passed into the Chart.js chart
-     * @see https://www.chartjs.org/docs/latest/general/options.html
-     */
-    options: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    /**
-     * The plugins array that is passed into the Chart.js chart
-     * @see https://www.chartjs.org/docs/latest/developers/plugins.html
-     */
-    plugins: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    /**
-     * Key name to identificate dataset
-     */
-    datasetIdKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * A mode string to indicate transition configuration should be used.
-     * @see https://www.chartjs.org/docs/latest/developers/api.html#update-mode
-     */
-    updateMode: {
-        type: PropType<UpdateMode>;
-        default: undefined;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Chart.js chart type
-     */
-    type: {
-        type: PropType<ChartType>;
-        required: true;
-    };
-    /**
-     * The data object that is passed into the Chart.js chart
-     * @see https://www.chartjs.org/docs/latest/getting-started/
-     */
-    data: {
-        type: PropType<ChartData<ChartType>>;
-        required: true;
-    };
-    /**
-     * The options object that is passed into the Chart.js chart
-     * @see https://www.chartjs.org/docs/latest/general/options.html
-     */
-    options: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    /**
-     * The plugins array that is passed into the Chart.js chart
-     * @see https://www.chartjs.org/docs/latest/developers/plugins.html
-     */
-    plugins: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    /**
-     * Key name to identificate dataset
-     */
-    datasetIdKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * A mode string to indicate transition configuration should be used.
-     * @see https://www.chartjs.org/docs/latest/developers/api.html#update-mode
-     */
-    updateMode: {
-        type: PropType<UpdateMode>;
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    options: Record<string, any>;
-    updateMode: "reset" | "resize" | "default" | "none" | "active" | "hide" | "show";
-    plugins: unknown[];
-    datasetIdKey: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/components/MazChart.mjs

@@ -1,98 +0,0 @@
-import { defineComponent as l, defineAsyncComponent as d, openBlock as m, createBlock as y, resolveDynamicComponent as f, unref as g, mergeProps as b } from "vue";
-import { Chart as h, CategoryScale as C, LinearScale as S, Title as _, Tooltip as A, Legend as B, BarElement as E, ArcElement as L, PointElement as P, LineElement as j } from "chart.js";
-const v = /* @__PURE__ */ l({
-  __name: "MazChart",
-  props: {
-    /**
-     * Chart.js chart type
-     */
-    type: {
-      type: String,
-      required: !0
-    },
-    /**
-     * The data object that is passed into the Chart.js chart
-     * @see https://www.chartjs.org/docs/latest/getting-started/
-     */
-    data: {
-      type: Object,
-      required: !0
-    },
-    /**
-     * The options object that is passed into the Chart.js chart
-     * @see https://www.chartjs.org/docs/latest/general/options.html
-     */
-    options: {
-      type: Object,
-      default: () => ({})
-    },
-    /**
-     * The plugins array that is passed into the Chart.js chart
-     * @see https://www.chartjs.org/docs/latest/developers/plugins.html
-     */
-    plugins: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Key name to identificate dataset
-     */
-    datasetIdKey: {
-      type: String,
-      default: "label"
-    },
-    /**
-     * A mode string to indicate transition configuration should be used.
-     * @see https://www.chartjs.org/docs/latest/developers/api.html#update-mode
-     */
-    updateMode: {
-      type: String,
-      default: void 0
-    }
-  },
-  setup(a) {
-    const e = a;
-    h.register(
-      C,
-      S,
-      _,
-      A,
-      B,
-      E,
-      L,
-      P,
-      j
-    );
-    const n = d(async () => {
-      const { Bar: t, Bubble: r, Doughnut: o, Line: c, Pie: s, PolarArea: u, Radar: p, Scatter: i } = await import("vue-chartjs");
-      switch (e.type) {
-        case "bar":
-          return t;
-        case "line":
-          return c;
-        case "scatter":
-          return i;
-        case "bubble":
-          return r;
-        case "pie":
-          return s;
-        case "doughnut":
-          return o;
-        case "polarArea":
-          return u;
-        case "radar":
-          return p;
-      }
-    });
-    return (t, r) => (m(), y(
-      f(g(n)),
-      b({ class: "m-chart m-reset-css" }, e),
-      null,
-      16
-      /* FULL_PROPS */
-    ));
-  }
-});
-export {
-  v as default
-};