maz-ui 3.5.0 → 3.6.2

package/components/MazTabsContent.d.ts

@@ -1,16 +1,21 @@
-declare const _default: import("vue").DefineComponent<{
-    activeTab: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    activeTab: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-}>>, {
-    activeTab: number;
-}>;
-export default _default;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    activeTab: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    activeTab: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}>>, {
+    activeTab: number;
+}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/MazTabsContent.mjs

@@ -0,0 +1,89 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode("")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { defineComponent, ref, onBeforeMount, watch, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+function debounce(fn, wait = 0, callFirst = false) {
+  let timeout;
+  let debouncedFn;
+  const clear = function() {
+    if (timeout) {
+      clearTimeout(timeout);
+      debouncedFn = void 0;
+      timeout = void 0;
+    }
+  };
+  const flush = function() {
+    const call = debouncedFn;
+    clear();
+    if (call) {
+      call();
+    }
+  };
+  const debounceWrapper = function(...args) {
+    if (!wait) {
+      return fn.apply(this, args);
+    }
+    const context = this;
+    const callNow = callFirst && !timeout;
+    clear();
+    debouncedFn = function() {
+      fn.apply(context, args);
+    };
+    timeout = setTimeout(function() {
+      timeout = void 0;
+      if (!callNow) {
+        const call = debouncedFn;
+        debouncedFn = void 0;
+        if (call !== void 0)
+          return call();
+      }
+    }, wait);
+    if (callNow) {
+      return debouncedFn();
+    }
+  };
+  debounceWrapper.cancel = clear;
+  debounceWrapper.flush = flush;
+  return debounceWrapper;
+}
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazTabsContent",
+  props: {
+    activeTab: { type: Number, default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const MazTabsContent = ref();
+    const currentTab = ref();
+    const hideOverflow = ref(false);
+    const setOverflowHiddenTemp = () => {
+      hideOverflow.value = true;
+      allowOverFlow();
+    };
+    const allowOverFlow = debounce(function() {
+      hideOverflow.value = false;
+    }, 700);
+    onBeforeMount(() => {
+      currentTab.value = 1;
+    });
+    watch(
+      () => [props.activeTab, currentTab.value],
+      (values) => {
+        setOverflowHiddenTemp();
+        if (values[0])
+          currentTab.value = values[0];
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "MazTabsContent",
+        ref: MazTabsContent,
+        class: normalizeClass(["m-tabs-content maz-relative", { "maz-overflow-hidden": hideOverflow.value }])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/components/MazTabsContent.umd.js

@@ -0,0 +1,2 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode("")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazTabsContent=t(e.Vue)}(this,(function(e){"use strict";return e.defineComponent({__name:"MazTabsContent",props:{activeTab:{type:Number,default:void 0}},setup(t){const n=t,o=e.ref(),i=e.ref(),u=e.ref(!1),a=function(e,t=0,n=!1){let o,i;const u=function(){o&&(clearTimeout(o),i=void 0,o=void 0)},a=function(...a){if(!t)return e.apply(this,a);const f=this,r=n&&!o;return u(),i=function(){e.apply(f,a)},o=setTimeout((function(){if(o=void 0,!r){const e=i;if(i=void 0,void 0!==e)return e()}}),t),r?i():void 0};return a.cancel=u,a.flush=function(){const e=i;u(),e&&e()},a}((function(){u.value=!1}),700);return e.onBeforeMount((()=>{i.value=1})),e.watch((()=>[n.activeTab,i.value]),(e=>{u.value=!0,a(),e[0]&&(i.value=e[0])}),{immediate:!0}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"MazTabsContent",ref:o,class:e.normalizeClass(["m-tabs-content maz-relative",{"maz-overflow-hidden":u.value}])},[e.renderSlot(t.$slots,"default")],2))}})}));

package/components/MazTabsContentItem.d.ts

@@ -1,14 +1,19 @@
-declare const _default: import("vue").DefineComponent<{
-    tab: {
-        type: NumberConstructor;
-        required: true;
-    };
-}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    tab: {
-        type: NumberConstructor;
-        required: true;
-    };
-}>>, {}>;
-export default _default;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    tab: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tab: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/MazTabsContentItem.mjs

@@ -0,0 +1,61 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode(".m-tabs-content-item[data-v-1ad27c6a]{position:relative;top:0px;width:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-transition:all .5s cubic-bezier(.25,.8,.5,1);transition:all .5s cubic-bezier(.25,.8,.5,1)}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { defineComponent, ref, watch, computed, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, renderSlot, vShow, unref } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazTabsContentItem",
+  props: {
+    tab: { type: Number, required: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const currentTab = ref();
+    const transitionName = ref("maz-tab-transition");
+    const MazTabsContentItem2 = ref();
+    watch(
+      () => currentTab.value,
+      async (value, oldValue) => {
+        if (typeof value === "number" && typeof oldValue === "number") {
+          const newTabIsBigger = oldValue < value;
+          transitionName.value = newTabIsBigger ? "maz-tab-transition" : "maz-tab-reverse-transition";
+        }
+      },
+      { immediate: true }
+    );
+    const itemTabNumber = computed(() => {
+      return props.tab - 1;
+    });
+    const isCurrentTab = computed(() => {
+      return currentTab.value === itemTabNumber.value;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: transitionName.value,
+        tag: "div"
+      }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode("div", {
+            ref_key: "MazTabsContentItem",
+            ref: MazTabsContentItem2,
+            class: "m-tabs-content-item"
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ], 512), [
+            [vShow, unref(isCurrentTab)]
+          ])
+        ]),
+        _: 3
+      }, 8, ["name"]);
+    };
+  }
+});
+const MazTabsContentItem_vue_vue_type_style_index_0_scoped_1ad27c6a_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const MazTabsContentItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1ad27c6a"]]);
+export {
+  MazTabsContentItem as default
+};

package/components/MazTabsContentItem.umd.js

@@ -0,0 +1,2 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode(".m-tabs-content-item[data-v-1ad27c6a]{position:relative;top:0px;width:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-transition:all .5s cubic-bezier(.25,.8,.5,1);transition:all .5s cubic-bezier(.25,.8,.5,1)}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazTabsContentItem=t(e.Vue)}(this,(function(e){"use strict";return((e,t)=>{const n=e.__vccOpts||e;for(const[o,a]of t)n[o]=a;return n})(e.defineComponent({__name:"MazTabsContentItem",props:{tab:{type:Number,required:!0}},setup(t){const n=t,o=e.ref(),a=e.ref("maz-tab-transition"),r=e.ref();e.watch((()=>o.value),(async(e,t)=>{if("number"==typeof e&&"number"==typeof t){const n=t<e;a.value=n?"maz-tab-transition":"maz-tab-reverse-transition"}}),{immediate:!0});const i=e.computed((()=>n.tab-1)),s=e.computed((()=>o.value===i.value));return(t,n)=>(e.openBlock(),e.createBlock(e.Transition,{name:a.value,tag:"div"},{default:e.withCtx((()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"MazTabsContentItem",ref:r,class:"m-tabs-content-item"},[e.renderSlot(t.$slots,"default",{},void 0,!0)],512),[[e.vShow,e.unref(s)]])])),_:3},8,["name"]))}}),[["__scopeId","data-v-1ad27c6a"]])}));

package/components/MazTextarea/textarea-autogrow.d.ts

@@ -1,9 +1,9 @@
-export declare class TextareaAutogrow {
-    private element;
-    constructor(element: HTMLTextAreaElement);
-    private connect;
-    disconnect(): void;
-    private onFocus;
-    private onResize;
-    private autogrow;
-}
+export declare class TextareaAutogrow {
+    private element;
+    constructor(element: HTMLTextAreaElement);
+    private connect;
+    disconnect(): void;
+    private onFocus;
+    private onResize;
+    private autogrow;
+}

package/components/MazTextarea.d.ts

@@ -1,125 +1,123 @@
-import { type PropType } from 'vue';
-import type { Color } from './types';
-export type { Color } from './types';
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    id: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    name: {
-        type: StringConstructor;
-        default: string;
-    };
-    label: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    required: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    error: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    success: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    warning: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hint: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    color: {
-        type: PropType<Color>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "change")[], "input" | "focus" | "blur" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    id: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    name: {
-        type: StringConstructor;
-        default: string;
-    };
-    label: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    required: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    error: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    success: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    warning: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hint: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    color: {
-        type: PropType<Color>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-}>> & {
-    onInput?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-}, {
-    id: string;
-    name: string;
-    disabled: boolean;
-    required: boolean;
-    success: boolean;
-    warning: boolean;
-    modelValue: string;
-    label: string;
-    readonly: boolean;
-    error: boolean;
-    hint: string;
-    color: Color;
-}>;
-export default _default;
+import { type PropType } from 'vue';
+import type { Color } from './types';
+export type { Color } from './types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    success: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    warning: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "blur" | "change" | "focus")[], "input" | "blur" | "change" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    success: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    warning: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+}, {
+    label: string;
+    error: boolean;
+    success: boolean;
+    warning: boolean;
+    readonly: boolean;
+    color: Color;
+    required: boolean;
+    name: string;
+    modelValue: string;
+    disabled: boolean;
+    id: string;
+    hint: string;
+}>;
+export default _default;