maz-ui 3.11.0 → 3.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/components/MazChart.d.ts +95 -0
  2. package/components/MazChart.mjs +43 -17
  3. package/components/MazChart.umd.js +1 -1
  4. package/css/main.css +1 -1
  5. package/modules/index.d.ts +1 -0
  6. package/modules/index.mjs +5 -0
  7. package/modules/index.umd.js +1 -1
  8. package/package.json +4 -5
  9. package/tailwindcss/tailwind.config.ts +1 -26
package/components/MazChart.d.ts ADDED
@@ -0,0 +1,95 @@
1
+ import { type PropType } from 'vue';
2
+ import type { ChartData } from 'chart.js';
3
+ declare const _default: import("vue").DefineComponent<{
4
+ /**
5
+ * Chart.js chart type
6
+ */
7
+ type: {
8
+ type: PropType<keyof import("chart.js").ChartTypeRegistry>;
9
+ required: true;
10
+ };
11
+ /**
12
+ * The data object that is passed into the Chart.js chart
13
+ * @see https://www.chartjs.org/docs/latest/getting-started/
14
+ */
15
+ data: {
16
+ type: PropType<ChartData<keyof import("chart.js").ChartTypeRegistry, (number | import("chart.js").Point | [number, number] | import("chart.js").BubbleDataPoint | null)[], unknown>>;
17
+ required: true;
18
+ };
19
+ /**
20
+ * The options object that is passed into the Chart.js chart
21
+ * @see https://www.chartjs.org/docs/latest/general/options.html
22
+ */
23
+ options: {
24
+ type: ObjectConstructor;
25
+ default: ObjectConstructor;
26
+ };
27
+ /**
28
+ * The plugins array that is passed into the Chart.js chart
29
+ * @see https://www.chartjs.org/docs/latest/developers/plugins.html
30
+ */
31
+ plugins: {
32
+ type: ArrayConstructor;
33
+ default: ArrayConstructor;
34
+ };
35
+ /**
36
+ * Key name to identificate dataset
37
+ */
38
+ datasetIdKey: {
39
+ type: StringConstructor;
40
+ default: string;
41
+ };
42
+ updateMode: {
43
+ type: PropType<"default" | "reset" | "resize" | "none" | "hide" | "show" | "active">;
44
+ default: undefined;
45
+ };
46
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
47
+ /**
48
+ * Chart.js chart type
49
+ */
50
+ type: {
51
+ type: PropType<keyof import("chart.js").ChartTypeRegistry>;
52
+ required: true;
53
+ };
54
+ /**
55
+ * The data object that is passed into the Chart.js chart
56
+ * @see https://www.chartjs.org/docs/latest/getting-started/
57
+ */
58
+ data: {
59
+ type: PropType<ChartData<keyof import("chart.js").ChartTypeRegistry, (number | import("chart.js").Point | [number, number] | import("chart.js").BubbleDataPoint | null)[], unknown>>;
60
+ required: true;
61
+ };
62
+ /**
63
+ * The options object that is passed into the Chart.js chart
64
+ * @see https://www.chartjs.org/docs/latest/general/options.html
65
+ */
66
+ options: {
67
+ type: ObjectConstructor;
68
+ default: ObjectConstructor;
69
+ };
70
+ /**
71
+ * The plugins array that is passed into the Chart.js chart
72
+ * @see https://www.chartjs.org/docs/latest/developers/plugins.html
73
+ */
74
+ plugins: {
75
+ type: ArrayConstructor;
76
+ default: ArrayConstructor;
77
+ };
78
+ /**
79
+ * Key name to identificate dataset
80
+ */
81
+ datasetIdKey: {
82
+ type: StringConstructor;
83
+ default: string;
84
+ };
85
+ updateMode: {
86
+ type: PropType<"default" | "reset" | "resize" | "none" | "hide" | "show" | "active">;
87
+ default: undefined;
88
+ };
89
+ }>>, {
90
+ options: Record<string, any>;
91
+ plugins: unknown[];
92
+ datasetIdKey: string;
93
+ updateMode: "default" | "reset" | "resize" | "none" | "hide" | "show" | "active";
94
+ }, {}>;
95
+ export default _default;
package/components/MazChart.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent, ref, defineAsyncComponent, openBlock, createBlock, resolveDynamicComponent, unref, normalizeProps, guardReactiveProps } from "vue";
1
+ import { defineComponent, defineAsyncComponent, openBlock, createElementBlock, Fragment, createCommentVNode, createBlock, resolveDynamicComponent, unref, normalizeProps, guardReactiveProps } from "vue";
2
2
  import { Chart, CategoryScale, LinearScale, Title, Tooltip, Legend, BarElement, ArcElement, PointElement, LineElement } from "chart.js";
3
3
  const _sfc_main = /* @__PURE__ */ defineComponent({
4
4
  __name: "MazChart",
@@ -6,35 +6,52 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
6
6
  /**
7
7
  * Chart.js chart type
8
8
  */
9
- type: { type: String, required: true },
9
+ type: {
10
+ type: String,
11
+ required: true
12
+ },
10
13
  /**
11
14
  * The data object that is passed into the Chart.js chart
12
15
  * @see https://www.chartjs.org/docs/latest/getting-started/
13
16
  */
14
- data: { type: Object, required: true },
17
+ data: {
18
+ type: Object,
19
+ required: true
20
+ },
15
21
  /**
16
22
  * The options object that is passed into the Chart.js chart
17
23
  * @see https://www.chartjs.org/docs/latest/general/options.html
18
24
  */
19
- options: { type: Object, default: Object },
25
+ options: {
26
+ type: Object,
27
+ default: Object
28
+ },
20
29
  /**
21
30
  * The plugins array that is passed into the Chart.js chart
22
31
  * @see https://www.chartjs.org/docs/latest/developers/plugins.html
23
32
  */
24
- plugins: { type: Array, default: Array },
33
+ plugins: {
34
+ type: Array,
35
+ default: Array
36
+ },
25
37
  /**
26
38
  * Key name to identificate dataset
27
39
  */
28
- datasetIdKey: { type: String, default: "label" },
29
- /**
30
- * A mode string to indicate transition configuration should be used.
31
- * @see https://www.chartjs.org/docs/latest/developers/api.html#update-mode
32
- */
33
- updateMode: { type: String, default: void 0 }
40
+ datasetIdKey: {
41
+ type: String,
42
+ default: "label"
43
+ },
44
+ // /**
45
+ // * A mode string to indicate transition configuration should be used.
46
+ // * @see https://www.chartjs.org/docs/latest/developers/api.html#update-mode
47
+ // */
48
+ updateMode: {
49
+ type: String,
50
+ default: void 0
51
+ }
34
52
  },
35
53
  setup(__props) {
36
54
  const props = __props;
37
- const propsRef = ref(props);
38
55
  Chart.register(
39
56
  CategoryScale,
40
57
  LinearScale,
@@ -76,12 +93,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
76
93
  }
77
94
  });
78
95
  return (_ctx, _cache) => {
79
- return openBlock(), createBlock(
80
- resolveDynamicComponent(unref(component)),
81
- normalizeProps(guardReactiveProps(propsRef.value)),
96
+ return openBlock(), createElementBlock(
97
+ Fragment,
82
98
  null,
83
- 16
84
- /* FULL_PROPS */
99
+ [
100
+ createCommentVNode(" @vue-expect-error "),
101
+ (openBlock(), createBlock(
102
+ resolveDynamicComponent(unref(component)),
103
+ normalizeProps(guardReactiveProps(props)),
104
+ null,
105
+ 16
106
+ /* FULL_PROPS */
107
+ ))
108
+ ],
109
+ 2112
110
+ /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
85
111
  );
86
112
  };
87
113
  }
package/components/MazChart.umd.js CHANGED
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("chart.js")):"function"==typeof define&&define.amd?define(["exports","vue","chart.js"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazChart={},e.Vue,e.chart.js)}(this,(function(e,t,r){"use strict";const a=t.defineComponent({__name:"MazChart",props:{type:{type:String,required:!0},data:{type:Object,required:!0},options:{type:Object,default:Object},plugins:{type:Array,default:Array},datasetIdKey:{type:String,default:"label"},updateMode:{type:String,default:void 0}},setup(e){const a=e,n=t.ref(a);r.Chart.register(r.CategoryScale,r.LinearScale,r.Title,r.Tooltip,r.Legend,r.BarElement,r.ArcElement,r.PointElement,r.LineElement);const o=t.defineAsyncComponent((async()=>{const{Bar:e,Bubble:t,Doughnut:r,Line:n,Pie:o,PolarArea:u,Radar:i,Scatter:s}=await import("vue-chartjs");switch(a.type){case"bar":return e;case"line":return n;case"scatter":return s;case"bubble":return t;case"pie":return o;case"doughnut":return r;case"polarArea":return u;case"radar":return i}}));return(e,r)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(t.unref(o)),t.normalizeProps(t.guardReactiveProps(n.value)),null,16))}});e.default=a,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("chart.js")):"function"==typeof define&&define.amd?define(["exports","vue","chart.js"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazChart={},e.Vue,e.chart.js)}(this,(function(e,t,r){"use strict";const n=t.defineComponent({__name:"MazChart",props:{type:{type:String,required:!0},data:{type:Object,required:!0},options:{type:Object,default:Object},plugins:{type:Array,default:Array},datasetIdKey:{type:String,default:"label"},updateMode:{type:String,default:void 0}},setup(e){const n=e;r.Chart.register(r.CategoryScale,r.LinearScale,r.Title,r.Tooltip,r.Legend,r.BarElement,r.ArcElement,r.PointElement,r.LineElement);const a=t.defineAsyncComponent((async()=>{const{Bar:e,Bubble:t,Doughnut:r,Line:a,Pie:o,PolarArea:u,Radar:c,Scatter:i}=await import("vue-chartjs");switch(n.type){case"bar":return e;case"line":return a;case"scatter":return i;case"bubble":return t;case"pie":return o;case"doughnut":return r;case"polarArea":return u;case"radar":return c}}));return(e,r)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createCommentVNode(" @vue-expect-error "),(t.openBlock(),t.createBlock(t.resolveDynamicComponent(t.unref(a)),t.normalizeProps(t.guardReactiveProps(n)),null,16))],2112))}});e.default=n,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
package/css/main.css CHANGED
@@ -1 +1 @@
1
- *,:after,:before{border:0 solid;-webkit-box-sizing:border-box;box-sizing:border-box}button{background-color:transparent}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}:root{--maz-color-primary-50:#e6f2ff;--maz-color-primary-100:#bddeff;--maz-color-primary-200:#94c9ff;--maz-color-primary-300:#6bb5ff;--maz-color-primary-400:#47a3ff;--maz-color-primary:#1f8fff;--maz-color-primary-600:#1975d2;--maz-color-primary-700:#145ca3;--maz-color-primary-800:#0e4277;--maz-color-primary-900:#092b4e;--maz-color-primary-contrast:#fff;--maz-color-primary-alpha:rgba(31,143,255,.6);--maz-color-primary-alpha-20:rgba(31,143,255,.2);--maz-color-secondary-50:#e2f9f3;--maz-color-secondary-100:#bbf1e3;--maz-color-secondary-200:#95e9d3;--maz-color-secondary-300:#6be1c1;--maz-color-secondary-400:#45d9b1;--maz-color-secondary:#1cce9f;--maz-color-secondary-600:#17ab83;--maz-color-secondary-700:#128768;--maz-color-secondary-800:#0d634c;--maz-color-secondary-900:#083f31;--maz-color-secondary-contrast:#fff;--maz-color-secondary-alpha:rgba(28,206,159,.6);--maz-color-secondary-alpha-20:rgba(28,206,159,.2);--maz-color-info-50:#e4f4f7;--maz-color-info-100:#b8e3ea;--maz-color-info-200:#92d3dd;--maz-color-info-300:#67c2d0;--maz-color-info-400:#40b3c4;--maz-color-info:#17a4ba;--maz-color-info-600:#13889a;--maz-color-info-700:#0f6876;--maz-color-info-800:#0b4c56;--maz-color-info-900:#073036;--maz-color-info-contrast:#fff;--maz-color-info-alpha:rgba(23,164,186,.6);--maz-color-info-alpha-20:rgba(23,164,186,.2);--maz-color-success-50:#f3f9e6;--maz-color-success-100:#e1f0c1;--maz-color-success-200:#cee79d;--maz-color-success-300:#bedf7c;--maz-color-success-400:#acd657;--maz-color-success:#99cd32;--maz-color-success-600:#7ea829;--maz-color-success-700:#658722;--maz-color-success-800:#496218;--maz-color-success-900:#2e3e0f;--maz-color-success-contrast:#fff;--maz-color-success-alpha:rgba(153,205,50,.6);--maz-color-success-alpha-20:rgba(153,205,50,.2);--maz-color-warning-50:#fff7e6;--maz-color-warning-100:#feeac3;--maz-color-warning-200:#fede9f;--maz-color-warning-300:#fdd077;--maz-color-warning-400:#fdc553;--maz-color-warning:#fcb831;--maz-color-warning-600:#d29928;--maz-color-warning-700:#a27720;--maz-color-warning-800:#785817;--maz-color-warning-900:#4d380f;--maz-color-warning-contrast:#384252;--maz-color-warning-alpha:rgba(252,184,49,.6);--maz-color-warning-alpha-20:rgba(252,184,49,.2);--maz-color-danger-50:#ffebeb;--maz-color-danger-100:#ffd2d1;--maz-color-danger-200:#ffbab8;--maz-color-danger-300:#ffa09e;--maz-color-danger-400:#ff8785;--maz-color-danger:#ff6e6b;--maz-color-danger-600:#d25856;--maz-color-danger-700:#a54745;--maz-color-danger-800:#7b3332;--maz-color-danger-900:#4c2020;--maz-color-danger-contrast:#fff;--maz-color-danger-alpha:hsla(1,100%,71%,.6);--maz-color-danger-alpha-20:hsla(1,100%,71%,.2);--maz-color-white:#fff;--maz-color-white-contrast:#000;--maz-color-black:#000;--maz-color-black-contrast:#fff;--maz-color-text-light:#d9d9d9;--maz-color-muted-light:rgba(0,0,0,.54);--maz-color-text-dark:#212427;--maz-color-muted-dark:hsla(0,0%,89%,.54);--maz-bg-overlay:rgba(0,0,0,.5);--maz-bg-color-light:#fff;--maz-bg-color-light-light:#f0f0f0;--maz-bg-color-light-lighter:#f2f2f2;--maz-bg-color-dark:#20212c;--maz-bg-color-dark-light:#313245;--maz-bg-color-dark-lighter:#3b3c54;--maz-border-width:0.125rem;--maz-border-radius:0.5rem;--maz-font-family:system-ui,-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--maz-color-text:var(--maz-color-text-dark);--maz-color-muted:var(--maz-color-muted-light);--maz-color-bg:var(--maz-bg-color-light);--maz-color-bg-light:var(--maz-bg-color-light-light);--maz-color-bg-lighter:var(--maz-bg-color-light-lighter);--maz-color-bg-theme:var(--maz-bg-color-dark);--maz-color-bg-theme-hover:var(--maz-bg-color-dark-lighter)}html.dark{--maz-color-text:var(--maz-color-text-light);--maz-color-muted:var(--maz-color-muted-dark);--maz-color-bg:var(--maz-bg-color-dark);--maz-color-bg-light:var(--maz-bg-color-dark-light);--maz-color-bg-lighter:var(--maz-bg-color-dark-lighter);--maz-color-bg-theme:var(--maz-bg-color-light);--maz-color-bg-theme-hover:var(--maz-bg-color-light-lighter)}:root{--maz-container-padding-mobile:1rem;--maz-container-padding-tablet:2rem;--maz-container-padding-desktop:2.5rem;--maz-container-padding-value:var(--maz-container-padding-mobile);--maz-container-width:calc(100% - var(--maz-container-padding-value)*2);--maz-container-padding:calc(50% - var(--maz-container-width)/2);--maz-container-max-width:var(--maz-screen-lap-xl)}@media only screen and (min-width:1520px){:root{--maz-container-width:var(--maz-container-max-width)}}@media (min-width:576px){:root{--maz-container-padding-value:var(--maz-container-padding-tablet)}}@media (min-width:1024px){:root{--maz-container-padding-value:var(--maz-container-padding-desktop)}}.maz-scale-enter-active,.maz-scale-leave-active{opacity:1;-webkit-transition:all .3s cubic-bezier(.4,.52,.26,.9);transition:all .3s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-enter-from,.maz-scale-leave-to{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-fade-enter-active,.maz-scale-fade-leave-active{opacity:1;-webkit-transition:all .2s cubic-bezier(.4,.52,.26,.9);transition:all .2s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-fade-enter-from,.maz-scale-fade-leave-to{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);z-index:1}.maz-scale-loading-enter-active,.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active,.maz-scale-loading-leave-active .app-loader__content{opacity:1;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active .app-loader__content{-webkit-transform:scale(1);transform:scale(1);z-index:1}.maz-scale-loading-enter-from .app-loader__content,.maz-scale-loading-leave-to .app-loader__content{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-loading-enter-from,.maz-scale-loading-leave-to{opacity:0;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-slidevnext-enter-active,.maz-slidevnext-leave-active,.maz-slidevprev-enter-active,.maz-slidevprev-leave-active{position:absolute;-webkit-transition:all .3s;transition:all .3s}.maz-slidevnext-enter-from,.maz-slidevprev-leave-to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.maz-slidevnext-leave-to,.maz-slidevprev-enter-from{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.maz-slide-enter-active,.maz-slide-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slide-enter-from,.maz-slide-leave-to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);z-index:998}.maz-slideinvert-enter-active,.maz-slideinvert-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slideinvert-enter-from,.maz-slideinvert-leave-to{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);z-index:998}.maz-tags-enter-active,.maz-tags-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-enter-from,.maz-tags-leave-to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.maz-tags-invert-enter-active,.maz-tags-invert-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-invert-enter-from,.maz-tags-invert-leave-to{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.maz-expand-enter-active,.maz-expand-leave-active{overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-property:opacity,height;transition-property:opacity,height}.maz-expand-enter-from,.maz-expand-leave-to{height:0;opacity:0}.maz-tab-transition-enter-from{-webkit-transform:translate(100%);transform:translate(100%)}.maz-tab-transition-leave,.maz-tab-transition-leave-active{position:absolute!important;top:0}.maz-tab-transition-leave-to{position:absolute!important}.maz-tab-reverse-transition-enter-from,.maz-tab-transition-leave-to{-webkit-transform:translate(-100%);transform:translate(-100%)}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-active{position:absolute!important;top:0}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-to{position:absolute!important;top:0;-webkit-transform:translate(100%);transform:translate(100%)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }:root{--maz-screen-sm:640px;--maz-screen-md:768px;--maz-screen-lg:1024px;--maz-screen-xl:1280px;--maz-screen-2xl:1536px;--maz-screen-mob-s:320px;--maz-screen-mob-m:425px;--maz-screen-mob-l:576px;--maz-screen-tab-s:640px;--maz-screen-tab-m:768px;--maz-screen-tab-l:992px;--maz-screen-lap-s:1024px;--maz-screen-lap-m:1280px;--maz-screen-lap-l:1366px;--maz-screen-lap-xl:1440px;--maz-screen-lap-2xl:1680px;--maz-screen-lap-3xl:1920px}.maz-invisible{visibility:hidden}.maz-absolute{position:absolute}.maz-relative{position:relative}.\!maz-my-0{margin-bottom:0!important;margin-top:0!important}.maz-my-0{margin-bottom:0;margin-top:0}.maz-my-2{margin-bottom:.5rem;margin-top:.5rem}.maz-ml-1{margin-left:.25rem}.maz-ml-2{margin-left:.5rem}.maz-mr-2{margin-right:.5rem}.maz-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.maz-hidden{display:none}.maz-h-6{height:1.5rem}.maz-h-8{height:2rem}.maz-h-\[1\.3rem\]{height:1.3rem}.maz-h-\[1\.4rem\]{height:1.4rem}.maz-h-\[1em\]{height:1em}.maz-w-10{width:2.5rem}.maz-w-6{width:1.5rem}.maz-w-8{width:2rem}.maz-w-\[1\.3rem\]{width:1.3rem}.maz-w-\[1\.4rem\]{width:1.4rem}.maz-w-\[1em\]{width:1em}.maz-w-full{width:100%}.maz-min-w-0{min-width:0}.maz-max-w-full{max-width:100%}.maz-flex-1{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.maz-flex-none{-webkit-box-flex:0;-ms-flex:none;flex:none}.maz-flex-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.maz-flex-col,.maz-flex-row{-webkit-box-direction:normal}.maz-flex-col{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.maz-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.maz-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.maz-overflow-hidden{overflow:hidden}.maz-overflow-x-auto{overflow-x:auto}.maz-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maz-rounded{border-radius:var(--maz-border-radius)}.maz-rounded-xl{border-radius:.75rem}.maz-rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.maz-border-2{border-width:2px}.maz-border-b-2{border-bottom-width:2px}.maz-border-t-2{border-top-width:2px}.maz-border-solid{border-style:solid}.maz-border-black{border-color:var(--maz-color-black)}.maz-border-color-lighter{border-color:var(--maz-color-bg-lighter)}.maz-border-danger{border-color:var(--maz-color-danger)}.maz-border-info{border-color:var(--maz-color-info)}.maz-border-primary{border-color:var(--maz-color-primary)}.maz-border-secondary{border-color:var(--maz-color-secondary)}.maz-border-success{border-color:var(--maz-color-success)}.maz-border-transparent{border-color:transparent}.maz-border-warning{border-color:var(--maz-color-warning)}.maz-border-white{border-color:var(--maz-color-white)}.maz-bg-color-light{background-color:var(--maz-color-bg-light)}.maz-bg-overlay{background-color:var(--maz-bg-overlay)}.maz-p-2{padding:.5rem}.maz-p-3{padding:.75rem}.maz-p-4{padding:1rem}.maz-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.maz-text-left{text-align:left}.maz-text-right{text-align:right}.maz-text-2xl{font-size:1.5rem;line-height:2rem}.maz-text-sm{font-size:.875rem;line-height:1.25rem}.maz-text-xl{font-size:1.25rem;line-height:1.75rem}.maz-font-semibold{font-weight:600}.maz-text-danger-600{color:var(--maz-color-danger-600)}.maz-text-muted{color:var(--maz-color-muted)}.maz-text-normal{color:var(--maz-color-text)}.maz-text-success-600{color:var(--maz-color-success-600)}.maz-text-warning-600{color:var(--maz-color-warning-600)}.maz-text-white{color:var(--maz-color-white)}.maz-elevation{-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.05);box-shadow:0 5px 10px 0 rgba(0,0,0,.05)}.maz-flex-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;justify-content:center}
1
+ *,:after,:before{border:0 solid;-webkit-box-sizing:border-box;box-sizing:border-box}button{background-color:transparent}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}:root{--maz-color-primary-50:#e6f2ff;--maz-color-primary-100:#bddeff;--maz-color-primary-200:#94c9ff;--maz-color-primary-300:#6bb5ff;--maz-color-primary-400:#47a3ff;--maz-color-primary:#1f8fff;--maz-color-primary-600:#1975d2;--maz-color-primary-700:#145ca3;--maz-color-primary-800:#0e4277;--maz-color-primary-900:#092b4e;--maz-color-primary-contrast:#fff;--maz-color-primary-alpha:rgba(31,143,255,.6);--maz-color-primary-alpha-20:rgba(31,143,255,.2);--maz-color-secondary-50:#e2f9f3;--maz-color-secondary-100:#bbf1e3;--maz-color-secondary-200:#95e9d3;--maz-color-secondary-300:#6be1c1;--maz-color-secondary-400:#45d9b1;--maz-color-secondary:#1cce9f;--maz-color-secondary-600:#17ab83;--maz-color-secondary-700:#128768;--maz-color-secondary-800:#0d634c;--maz-color-secondary-900:#083f31;--maz-color-secondary-contrast:#fff;--maz-color-secondary-alpha:rgba(28,206,159,.6);--maz-color-secondary-alpha-20:rgba(28,206,159,.2);--maz-color-info-50:#e4f4f7;--maz-color-info-100:#b8e3ea;--maz-color-info-200:#92d3dd;--maz-color-info-300:#67c2d0;--maz-color-info-400:#40b3c4;--maz-color-info:#17a4ba;--maz-color-info-600:#13889a;--maz-color-info-700:#0f6876;--maz-color-info-800:#0b4c56;--maz-color-info-900:#073036;--maz-color-info-contrast:#fff;--maz-color-info-alpha:rgba(23,164,186,.6);--maz-color-info-alpha-20:rgba(23,164,186,.2);--maz-color-success-50:#f3f9e6;--maz-color-success-100:#e1f0c1;--maz-color-success-200:#cee79d;--maz-color-success-300:#bedf7c;--maz-color-success-400:#acd657;--maz-color-success:#99cd32;--maz-color-success-600:#7ea829;--maz-color-success-700:#658722;--maz-color-success-800:#496218;--maz-color-success-900:#2e3e0f;--maz-color-success-contrast:#fff;--maz-color-success-alpha:rgba(153,205,50,.6);--maz-color-success-alpha-20:rgba(153,205,50,.2);--maz-color-warning-50:#fff7e6;--maz-color-warning-100:#feeac3;--maz-color-warning-200:#fede9f;--maz-color-warning-300:#fdd077;--maz-color-warning-400:#fdc553;--maz-color-warning:#fcb831;--maz-color-warning-600:#d29928;--maz-color-warning-700:#a27720;--maz-color-warning-800:#785817;--maz-color-warning-900:#4d380f;--maz-color-warning-contrast:#384252;--maz-color-warning-alpha:rgba(252,184,49,.6);--maz-color-warning-alpha-20:rgba(252,184,49,.2);--maz-color-danger-50:#ffebeb;--maz-color-danger-100:#ffd2d1;--maz-color-danger-200:#ffbab8;--maz-color-danger-300:#ffa09e;--maz-color-danger-400:#ff8785;--maz-color-danger:#ff6e6b;--maz-color-danger-600:#d25856;--maz-color-danger-700:#a54745;--maz-color-danger-800:#7b3332;--maz-color-danger-900:#4c2020;--maz-color-danger-contrast:#fff;--maz-color-danger-alpha:hsla(1,100%,71%,.6);--maz-color-danger-alpha-20:hsla(1,100%,71%,.2);--maz-color-white:#fff;--maz-color-white-contrast:#000;--maz-color-black:#000;--maz-color-black-contrast:#fff;--maz-color-text-light:#d9d9d9;--maz-color-muted-light:rgba(0,0,0,.54);--maz-color-text-dark:#212427;--maz-color-muted-dark:hsla(0,0%,89%,.54);--maz-bg-overlay:rgba(0,0,0,.5);--maz-bg-color-light:#fff;--maz-bg-color-light-light:#f0f0f0;--maz-bg-color-light-lighter:#f2f2f2;--maz-bg-color-dark:#20212c;--maz-bg-color-dark-light:#313245;--maz-bg-color-dark-lighter:#3b3c54;--maz-border-width:0.125rem;--maz-border-radius:0.5rem;--maz-font-family:system-ui,-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--maz-color-text:var(--maz-color-text-dark);--maz-color-muted:var(--maz-color-muted-light);--maz-color-bg:var(--maz-bg-color-light);--maz-color-bg-light:var(--maz-bg-color-light-light);--maz-color-bg-lighter:var(--maz-bg-color-light-lighter);--maz-color-bg-theme:var(--maz-bg-color-dark);--maz-color-bg-theme-hover:var(--maz-bg-color-dark-lighter)}html.dark{--maz-color-text:var(--maz-color-text-light);--maz-color-muted:var(--maz-color-muted-dark);--maz-color-bg:var(--maz-bg-color-dark);--maz-color-bg-light:var(--maz-bg-color-dark-light);--maz-color-bg-lighter:var(--maz-bg-color-dark-lighter);--maz-color-bg-theme:var(--maz-bg-color-light);--maz-color-bg-theme-hover:var(--maz-bg-color-light-lighter)}:root{--maz-container-padding-mobile:1rem;--maz-container-padding-tablet:2rem;--maz-container-padding-desktop:2.5rem;--maz-container-padding-value:var(--maz-container-padding-mobile);--maz-container-width:calc(100% - var(--maz-container-padding-value)*2);--maz-container-padding:calc(50% - var(--maz-container-width)/2);--maz-container-max-width:var(--maz-screen-lap-xl)}@media only screen and (min-width:1520px){:root{--maz-container-width:var(--maz-container-max-width)}}@media (min-width:576px){:root{--maz-container-padding-value:var(--maz-container-padding-tablet)}}@media (min-width:1024px){:root{--maz-container-padding-value:var(--maz-container-padding-desktop)}}.maz-scale-enter-active,.maz-scale-leave-active{opacity:1;-webkit-transition:all .3s cubic-bezier(.4,.52,.26,.9);transition:all .3s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-enter-from,.maz-scale-leave-to{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-fade-enter-active,.maz-scale-fade-leave-active{opacity:1;-webkit-transition:all .2s cubic-bezier(.4,.52,.26,.9);transition:all .2s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-fade-enter-from,.maz-scale-fade-leave-to{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);z-index:1}.maz-scale-loading-enter-active,.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active,.maz-scale-loading-leave-active .app-loader__content{opacity:1;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active .app-loader__content{-webkit-transform:scale(1);transform:scale(1);z-index:1}.maz-scale-loading-enter-from .app-loader__content,.maz-scale-loading-leave-to .app-loader__content{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-loading-enter-from,.maz-scale-loading-leave-to{opacity:0;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-slidevnext-enter-active,.maz-slidevnext-leave-active,.maz-slidevprev-enter-active,.maz-slidevprev-leave-active{position:absolute;-webkit-transition:all .3s;transition:all .3s}.maz-slidevnext-enter-from,.maz-slidevprev-leave-to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.maz-slidevnext-leave-to,.maz-slidevprev-enter-from{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.maz-slide-enter-active,.maz-slide-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slide-enter-from,.maz-slide-leave-to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);z-index:998}.maz-slideinvert-enter-active,.maz-slideinvert-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slideinvert-enter-from,.maz-slideinvert-leave-to{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);z-index:998}.maz-tags-enter-active,.maz-tags-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-enter-from,.maz-tags-leave-to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.maz-tags-invert-enter-active,.maz-tags-invert-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-invert-enter-from,.maz-tags-invert-leave-to{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.maz-expand-enter-active,.maz-expand-leave-active{overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-property:opacity,height;transition-property:opacity,height}.maz-expand-enter-from,.maz-expand-leave-to{height:0;opacity:0}.maz-tab-transition{&-enter-from{-webkit-transform:translate(100%);transform:translate(100%)}&-leave,&-leave-active{position:absolute!important;top:0}&-leave-to{position:absolute!important}&-enter-from,&-leave-to{-webkit-transform:translate(-100%);transform:translate(-100%)}}.maz-tab-reverse-transition{&-leave,&-leave-active,&-leave-to{position:absolute!important;top:0}&-leave,&-leave-to{-webkit-transform:translate(100%);transform:translate(100%)}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.maz-invisible{visibility:hidden}.maz-absolute{position:absolute}.maz-relative{position:relative}.\!maz-my-0{margin-bottom:0!important;margin-top:0!important}.maz-my-0{margin-bottom:0;margin-top:0}.maz-my-2{margin-bottom:.5rem;margin-top:.5rem}.maz-ml-1{margin-left:.25rem}.maz-ml-2{margin-left:.5rem}.maz-mr-2{margin-right:.5rem}.maz-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.maz-hidden{display:none}.maz-h-6{height:1.5rem}.maz-h-8{height:2rem}.maz-h-\[1\.3rem\]{height:1.3rem}.maz-h-\[1\.4rem\]{height:1.4rem}.maz-h-\[1em\]{height:1em}.maz-w-10{width:2.5rem}.maz-w-6{width:1.5rem}.maz-w-8{width:2rem}.maz-w-\[1\.3rem\]{width:1.3rem}.maz-w-\[1\.4rem\]{width:1.4rem}.maz-w-\[1em\]{width:1em}.maz-w-full{width:100%}.maz-min-w-0{min-width:0}.maz-max-w-full{max-width:100%}.maz-flex-1{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.maz-flex-none{-webkit-box-flex:0;-ms-flex:none;flex:none}.maz-flex-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.maz-flex-col,.maz-flex-row{-webkit-box-direction:normal}.maz-flex-col{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.maz-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.maz-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.maz-overflow-hidden{overflow:hidden}.maz-overflow-x-auto{overflow-x:auto}.maz-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maz-rounded{border-radius:var(--maz-border-radius)}.maz-rounded-xl{border-radius:.75rem}.maz-rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.maz-border-2{border-width:2px}.maz-border-b-2{border-bottom-width:2px}.maz-border-t-2{border-top-width:2px}.maz-border-solid{border-style:solid}.maz-border-black{border-color:var(--maz-color-black)}.maz-border-color-lighter{border-color:var(--maz-color-bg-lighter)}.maz-border-danger{border-color:var(--maz-color-danger)}.maz-border-info{border-color:var(--maz-color-info)}.maz-border-primary{border-color:var(--maz-color-primary)}.maz-border-secondary{border-color:var(--maz-color-secondary)}.maz-border-success{border-color:var(--maz-color-success)}.maz-border-transparent{border-color:transparent}.maz-border-warning{border-color:var(--maz-color-warning)}.maz-border-white{border-color:var(--maz-color-white)}.maz-bg-color-light{background-color:var(--maz-color-bg-light)}.maz-bg-overlay{background-color:var(--maz-bg-overlay)}.maz-p-2{padding:.5rem}.maz-p-3{padding:.75rem}.maz-p-4{padding:1rem}.maz-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.maz-text-left{text-align:left}.maz-text-right{text-align:right}.maz-text-2xl{font-size:1.5rem;line-height:2rem}.maz-text-sm{font-size:.875rem;line-height:1.25rem}.maz-text-xl{font-size:1.25rem;line-height:1.75rem}.maz-font-semibold{font-weight:600}.maz-text-danger-600{color:var(--maz-color-danger-600)}.maz-text-muted{color:var(--maz-color-muted)}.maz-text-normal{color:var(--maz-color-text)}.maz-text-success-600{color:var(--maz-color-success-600)}.maz-text-warning-600{color:var(--maz-color-warning-600)}.maz-text-white{color:var(--maz-color-white)}.maz-elevation{-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.05);box-shadow:0 5px 10px 0 rgba(0,0,0,.05)}.maz-flex-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;justify-content:center}
package/modules/index.d.ts CHANGED
@@ -284,6 +284,7 @@ declare const plugin: {
284
284
 
285
285
  declare const DEFAULT_OPTIONS: {
286
286
  darkClass: string;
287
+ lightClass: string;
287
288
  storageThemeKey: string;
288
289
  storageThemeValueDark: string;
289
290
  storageThemeValueLight: string;
package/modules/index.mjs CHANGED
@@ -1665,6 +1665,7 @@ const plugin = {
1665
1665
  };
1666
1666
  const DEFAULT_OPTIONS = {
1667
1667
  darkClass: "dark",
1668
+ lightClass: "light",
1668
1669
  storageThemeKey: "theme",
1669
1670
  storageThemeValueDark: "dark",
1670
1671
  storageThemeValueLight: "light"
@@ -1672,10 +1673,12 @@ const DEFAULT_OPTIONS = {
1672
1673
  const theme = ref();
1673
1674
  const setDarkTheme = ({
1674
1675
  darkClass,
1676
+ lightClass,
1675
1677
  storageThemeKey,
1676
1678
  storageThemeValueDark,
1677
1679
  setLocalStorageValue = true
1678
1680
  }) => {
1681
+ document.documentElement.classList.remove(lightClass);
1679
1682
  document.documentElement.classList.add(darkClass);
1680
1683
  theme.value = storageThemeValueDark;
1681
1684
  if (setLocalStorageValue) {
@@ -1684,11 +1687,13 @@ const setDarkTheme = ({
1684
1687
  };
1685
1688
  const setLightTheme = ({
1686
1689
  darkClass,
1690
+ lightClass,
1687
1691
  storageThemeKey,
1688
1692
  storageThemeValueLight,
1689
1693
  setLocalStorageValue = true
1690
1694
  }) => {
1691
1695
  document.documentElement.classList.remove(darkClass);
1696
+ document.documentElement.classList.add(lightClass);
1692
1697
  theme.value = storageThemeValueLight;
1693
1698
  if (setLocalStorageValue) {
1694
1699
  localStorage[storageThemeKey] = storageThemeValueLight;
package/modules/index.umd.js CHANGED
@@ -1,2 +1,2 @@
1
1
  !function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-db385587],.m-toast *[data-v-db385587]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-db385587]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-db385587],.m-toast.--right[data-v-db385587]{width:20rem}.m-toast.--center[data-v-db385587]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-db385587]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-db385587]{margin:0;font-weight:500}.m-toast .--close[data-v-db385587]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-db385587]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-db385587]{cursor:pointer}.m-toast.--info[data-v-db385587]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-db385587]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-db385587]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-db385587]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-db385587]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-db385587]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-db385587]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-db385587]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-db385587]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-db385587]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-db385587]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-db385587]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-db385587],.m-slide-top-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-db385587],.m-slide-top-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-db385587],.m-slide-bottom-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-db385587],.m-slide-bottom-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-db385587],.m-slide-right-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-db385587],.m-slide-right-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-db385587],.m-slide-left-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-db385587],.m-slide-left-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
2
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,t){"use strict";var i=Object.defineProperty,s=(e,t,s)=>(((e,t,s)=>{t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s})(e,"symbol"!=typeof t?t+"":t,s),s);function o(e,i){const s=t.inject(e,i);if(!s)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${e}`);return s}function n(e,{props:i,children:s,element:o,app:n}={}){let r=o;const a=t.createVNode(e,i,s);n&&n._context&&(a.appContext=n._context),r?t.render(a,r):"undefined"!=typeof document&&t.render(a,r=document.createElement("div"));return{vNode:a,destroy:()=>{r&&t.render(null,r)},el:r}}function r(){return"undefined"!=typeof document}class a{constructor(e,t){s(this,"defaultOptions",{element:void 0,timeout:3e5,once:!1,immediate:!0,ssr:!1}),s(this,"options"),s(this,"timeoutHandler"),s(this,"isIdle",!1),s(this,"isDestroy",!1),s(this,"startTime",0),s(this,"remainingTime",0),s(this,"lastClientX",-1),s(this,"lastClientY",-1),s(this,"eventNames",["DOMMouseScroll","mousedown","mousemove","mousewheel","MSPointerDown","MSPointerMove","keydown","touchmove","touchstart","wheel","click"]),s(this,"handleEvent",(e=>{try{if(this.remainingTime>0)return;if("mousemove"===e.type){const{clientX:t,clientY:i}=e;if(void 0===t&&void 0===i||t===this.lastClientX&&i===this.lastClientY)return;this.lastClientX=t,this.lastClientY=i}this.resetTimeout(),this.callback({isIdle:this.isIdle,eventType:e.type})}catch(t){throw new Error(`[IdleTimeout](handleEvent) ${t}`)}})),this.callback=e,this.options={...this.defaultOptions,...t},!this.options.ssr&&r()?this.start():this.options.ssr||r()||console.warn('[IdleTimeout](constructor) executed on server side - set immediate option to "false"')}get element(){return this.options.element??document.body}start(){if(r()){for(const e of this.eventNames)this.element.addEventListener(e,this.handleEvent);this.resetTimeout(),this.options.immediate&&this.callback({isIdle:!1})}else console.warn("[IdleTimeout](start) you should run this method on client side")}pause(){const e=this.startTime+this.options.timeout-Date.now();e<=0||(this.remainingTime=e,this.timeoutHandler&&(clearTimeout(this.timeoutHandler),this.timeoutHandler=void 0))}resume(){this.remainingTime<=0||(this.resetTimeout(),this.callback({isIdle:this.isIdle}),this.remainingTime=0)}reset(){this.isDestroy=!1,this.isIdle=!1,this.remainingTime=0,this.resetTimeout(),this.callback({isIdle:this.isIdle})}destroy(){if(r()){this.isDestroy=!0;for(const e of this.eventNames)this.element.removeEventListener(e,this.handleEvent);this.timeoutHandler&&clearTimeout(this.timeoutHandler)}else console.warn("[IdleTimeout](destroy) you should run this method on client side")}resetTimeout(){this.isIdle=!1,this.timeoutHandler&&(clearTimeout(this.timeoutHandler),this.timeoutHandler=void 0),this.timeoutHandler=setTimeout(this.handleTimeout.bind(this),this.remainingTime||this.options.timeout),this.startTime=Date.now()}handleTimeout(){this.isIdle=!0,this.callback({isIdle:this.isIdle}),this.options.once&&this.destroy()}get destroyed(){return this.isDestroy}get timeout(){return this.options.timeout}set timeout(e){this.options.timeout=e}get idle(){return this.isIdle}set idle(e){e?this.handleTimeout():this.reset(),this.callback({isIdle:this.isIdle})}}class l{constructor(e,t){s(this,"eventHandlerFunction"),s(this,"event","visibilitychange"),s(this,"timeoutHandler"),s(this,"options"),s(this,"defaultOptions",{timeout:5e3,once:!1,immediate:!0,ssr:!1}),s(this,"isVisible",!1),this.callback=e,this.options={...this.defaultOptions,...t},this.eventHandlerFunction=this.eventHandler.bind(this),!this.options.ssr&&r()?this.start():this.options.ssr||r()||console.warn('[UserVisibility](constructor) executed on server side - set "ssr" option to "false"')}start(){r()?(this.options.immediate&&this.emitCallback(),this.addEventListener()):console.warn("[UserVisibility](start) you should run this method on client side")}emitCallback(){this.isVisible="visible"===document.visibilityState,this.callback({isVisible:this.isVisible}),this.options.once&&this.destroy()}eventHandler(){"visible"!==document.visibilityState||this.isVisible?"hidden"===document.visibilityState&&this.initTimeout():(this.clearTimeout(),this.emitCallback())}clearTimeout(){this.timeoutHandler&&(clearTimeout(this.timeoutHandler),this.timeoutHandler=void 0)}initTimeout(){this.clearTimeout(),this.timeoutHandler=setTimeout(this.emitCallback.bind(this),this.options.timeout)}addEventListener(){document.addEventListener(this.event,this.eventHandlerFunction)}removeEventListener(){document.removeEventListener(this.event,this.eventHandlerFunction)}destroy(){this.removeEventListener(),this.timeoutHandler&&clearTimeout(this.timeoutHandler)}}const d="__vue_click_away__",m=()=>null===document.ontouchstart?"touchstart":"click",c=async(e,i)=>{u(e);const s=i.instance,o=i.value,n="function"==typeof o;if(!n)throw new Error("[maz-ui](vClickOutside) the callback should be a function");await t.nextTick(),e[d]=t=>{if((!e||!e.contains(t.target))&&o&&n)return o.call(s,t)};const r=m();document.addEventListener(r,e[d],!1)},u=e=>{const t=m();document.removeEventListener(t,e[d],!1),delete e[d]},h={mounted:c,updated:(e,t)=>{t.value!==t.oldValue&&c(e,t)},unmounted:u},p={install:e=>{e.directive("click-outside",h)}},g=(e,t,i,s)=>{e.stopPropagation();const{handler:o,exclude:n}=i.value;let r=!1;if(n&&n.length>0)for(const a of n)if(!r){r=s.context.$refs[a].contains(e.target)}t.contains(e.target)||r||s.context[o]()},v=()=>null===document.ontouchstart?"touchstart":"click",w={mounted:(e,t,i)=>{const s=v();document.addEventListener(s,(s=>g(s,e,t,i)))},unmounted:(e,t,i)=>{const s=v();document.removeEventListener(s,(s=>g(s,e,t,i)))}},b={install:e=>{e.directive("closable",w)}},f={close:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>',previous:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>',spinner:'<svg width="40px" height="40px" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor" x="0px" y="0px" viewBox="0 0 50 50" xml:space="preserve" class="maz-zoom-img__loader__svg" data-v-6d1cb50c=""><path d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"></path></svg>'};class y{constructor(e){if(s(this,"options"),s(this,"loader"),s(this,"wrapper"),s(this,"img"),s(this,"keydownHandler"),s(this,"onImgLoadedCallback"),s(this,"buttonsAdded"),s(this,"defaultOptions",{scale:!0,blur:!0,disabled:!1}),s(this,"mouseEnterListener"),s(this,"mouseLeaveListener"),s(this,"renderPreviewListener"),!e.value)throw new Error('[MazUI](zoom-img) Image path must be defined. Ex: `v-zoom-img="<PATH_TO_IMAGE>"`');if("object"==typeof e.value&&!e.value.src)throw new Error("[maz-ui](zoom-img) src of image must be provided");this.buttonsAdded=!1,this.options=this.buildOptions(e),this.keydownHandler=this.keydownLister.bind(this),this.loader=this.getLoader(),this.wrapper=document.createElement("div"),this.wrapper.classList.add("maz-zoom-img__wrapper"),this.wrapper.prepend(this.loader),this.img=document.createElement("img"),this.onImgLoadedCallback=this.onImgLoaded.bind(this),this.imgEventHandler(!0)}buildOptions(e){return{...this.defaultOptions,..."object"==typeof e.value?e.value:{src:e.value}}}get allInstances(){return[...document.querySelectorAll(".maz-zoom-img-instance")]}create(e){this.options.disabled||(e.style.cursor="pointer",setTimeout((()=>e.classList.add("maz-zoom-img-instance"))),e.setAttribute("data-src",this.options.src),this.options.alt&&e.setAttribute("data-alt",this.options.alt),e.style.transition="all 300ms ease-in-out",this.mouseEnterListener=()=>this.mouseEnter(e),this.mouseLeaveListener=()=>this.mouseLeave(e),this.renderPreviewListener=()=>this.renderPreview(e,this.options),e.addEventListener("mouseenter",this.mouseEnterListener),e.addEventListener("mouseleave",this.mouseLeaveListener),e.addEventListener("click",this.renderPreviewListener))}update(e){this.options=this.buildOptions(e)}remove(e){this.imgEventHandler(!1),e.removeEventListener("mouseenter",this.mouseEnterListener),e.removeEventListener("mouseleave",this.mouseLeaveListener),e.removeEventListener("click",this.renderPreviewListener),e.classList.remove("maz-zoom-img-instance"),e.removeAttribute("data-src"),e.removeAttribute("data-alt"),e.style.cursor=""}renderPreview(e,t){e.classList.add("maz-is-open"),this.addStyle("\n.maz-zoom-img {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 1rem;\n z-index: 1050;\n background-color: hsla(238, 15%, 40%, 0.7);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n\n.maz-zoom-img,\n.maz-zoom-img * {\n box-sizing: border-box;\n}\n\n.maz-zoom-img .maz-zoom-img__wrapper {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 0;\n min-height: 0;\n max-width: 100%;\n max-height: 100%;\n transition: all 300ms ease-in-out;\n opacity: 0;\n transform: scale(0.5);\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__wrapper {\n opacity: 1;\n transform: scale(1);\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__loader {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: hsla(238, 15%, 40%, 0.7);\n border-radius: 1rem;\n z-index: 2;\n min-width: 60px;\n min-height: 60px;\n}\n.maz-zoom-img.maz-animate .maz-zoom-img__loader[hidden] {\n display: none;\n}\n\n@-webkit-keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__loader__svg {\n animation: spin .6s linear infinite;\n}\n\n.maz-zoom-img img {\n max-width: 100%;\n max-height: 100%;\n min-width: 0;\n border-radius: 1rem;\n}\n\n.maz-zoom-img .maz-zoom-btn {\n margin: 0 auto;\n border: none;\n background-color: hsla(0, 0%, 7%, 0.5);\n box-shadow: 0 0 0.5rem 0 hsla(0, 0%, 0%, 0.2);\n height: 2.2rem;\n min-height: 2.2rem;\n width: 2.2rem;\n min-width: 2.2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 2.2rem;\n cursor: pointer;\n flex: 0 0 auto;\n outline: none;\n}\n\n.maz-zoom-img .maz-zoom-btn svg {\n fill: white;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--close {\n position: absolute;\n top: 0.5rem;\n right: 0.5rem;\n z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--previous {\n position: absolute;\n left: 0.5rem;\n z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--next {\n position: absolute;\n right: 0.5rem;\n z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn:hover {\n background-color: hsl(0, 0%, 0%);\n}");const i=document.createElement("div");i.classList.add("maz-zoom-img"),i.setAttribute("id","MazImgPreviewFullsize"),i.addEventListener("click",(e=>{i.isEqualNode(e.target)&&this.closePreview()})),"object"==typeof t&&(this.img.setAttribute("src",t.src),t.alt&&this.img.setAttribute("alt",t.alt),this.img.id="MazImgElement"),this.wrapper.append(this.img),i.append(this.wrapper),document.body.append(i),this.keyboardEventHandler(!0),setTimeout((()=>{i&&i.classList.add("maz-animate")}),100)}onImgLoaded(){this.wrapper.style.width=`${this.img.width}px`,this.wrapper.style.minWidth="200px",this.loader.hidden=!0;const e=this.getButton(),t=[],i=this.allInstances.length>1;if(!this.buttonsAdded){if(this.buttonsAdded=!0,i){const e=this.getButton("previous"),i=this.getButton("next");t.push(e,i)}this.wrapper.append(e),i&&(this.wrapper.prepend(t[0]),this.wrapper.append(t[1]))}}getLoader(){const e=document.createElement("div");return e.classList.add("maz-zoom-img__loader"),e.innerHTML=f.spinner,e}mouseLeave(e){this.options.scale&&(e.style.transform=""),this.options.blur&&(e.style.filter=""),e.style.zIndex=""}mouseEnter(e){e.style.zIndex="1",this.options.scale&&(e.style.transform="scale(1.1)"),this.options.blur&&(e.style.filter="blur(2px)")}keydownLister(e){e.preventDefault(),"Escape"!==e.key&&" "!==e.key||this.closePreview(),"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||this.nextPreviousImage("ArrowRight"===e.key)}getButton(e="close"){const t=document.createElement("button");return t.innerHTML=f[e],t.addEventListener("click",(()=>{"close"===e?this.closePreview():this.allInstances&&this.nextPreviousImage("next"===e)})),t.classList.add("maz-zoom-btn"),t.classList.add(`maz-zoom-btn--${e}`),t}closePreview(){const e=document.querySelector("#MazImgPreviewFullsize"),t=document.querySelector("#MazPreviewStyle"),i=document.querySelector(".maz-zoom-img-instance.maz-is-open");i&&i.classList.remove("maz-is-open"),e&&e.classList.remove("maz-animate"),this.keyboardEventHandler(!1),setTimeout((()=>{e&&e.remove(),t&&t.remove()}),300)}getNewInstanceIndex(e){return e<0?this.allInstances.length-1:e>=this.allInstances.length?0:e}nextPreviousImage(e){const t=e,i=document.querySelector(".maz-zoom-img-instance.maz-is-open");if(i){const e=this.allInstances.indexOf(i),s=t?e+1:e-1,o=this.allInstances[this.getNewInstanceIndex(s)];o&&this.useNextInstance(i,o)}}useNextInstance(e,t){e.classList.remove("maz-is-open"),t.classList.add("maz-is-open");const i=t.getAttribute("data-src"),s=t.getAttribute("data-alt");this.wrapper.style.width="",this.loader.hidden=!1,i&&this.img.setAttribute("src",i),s&&this.img.setAttribute("alt",s)}addStyle(e){const t=document.createElement("style");t.id="MazPreviewStyle",t.textContent=e,document.head.append(t)}keyboardEventHandler(e){if(e)return document.addEventListener("keydown",this.keydownHandler);document.removeEventListener("keydown",this.keydownHandler)}imgEventHandler(e){if(e)return this.img.addEventListener("load",this.onImgLoadedCallback);this.img.removeEventListener("load",this.onImgLoadedCallback)}}let z;const L={created(e,t){z=new y(t),z.create(e)},updated(e,t){z.update(t)},unmounted(e){z.remove(e)}},I={install(e){e.directive("zoom-img",L)}},E={baseClass:"m-lazy-img",loadedClass:"m-lazy-loaded",loadingClass:"m-lazy-loading",errorClass:"m-lazy-error",noPhotoClass:"m-lazy-no-photo",noPhoto:!1,observerOnce:!0,loadOnce:!1,noUseErrorPhoto:!1,observerOptions:{threshold:.1}};class T{constructor(e={}){s(this,"observers",[]),s(this,"defaultOptions",E),s(this,"options"),s(this,"onImgLoadedCallback"),s(this,"onImgErrorCallback"),s(this,"hasImgLoaded",!1),this.options=this.buildOptions(e),this.onImgLoadedCallback=this.imageIsLoaded.bind(this),this.onImgErrorCallback=this.imageHasError.bind(this)}async loadErrorPhoto(){const{default:e}=await Promise.resolve().then((()=>ue));return e}buildOptions(e){return{...this.defaultOptions,...e,observerOptions:{...this.defaultOptions.observerOptions,...e.observerOptions}}}removeClass(e,t){e.classList.remove(t)}addClass(e,t){e.classList.add(t)}removeAllStateClasses(e){this.removeClass(e,this.options.loadedClass),this.removeClass(e,this.options.loadingClass),this.removeClass(e,this.options.errorClass),this.removeClass(e,this.options.noPhotoClass)}setBaseClass(e){this.addClass(e,this.options.baseClass)}imageIsLoading(e){var t,i;this.addClass(e,this.options.loadingClass),null==(i=(t=this.options).onLoading)||i.call(t,e)}imageHasNoPhoto(e){this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.noPhotoClass),this.setDefaultPhoto(e)}imageIsLoaded(e){var t,i;this.hasImgLoaded=!0,this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.loadedClass),null==(i=(t=this.options).onLoaded)||i.call(t,e)}imageHasError(e,t){var i,s;console.warn("[maz-ui][MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null==(s=(i=this.options).onError)||s.call(i,e),this.setDefaultPhoto(e)}getImageUrl(e,t){const i=this.getImgElement(e).getAttribute("data-src");if(i)return i;t.value;const s="object"==typeof t.value?t.value.src:t.value;return s||console.warn("[maz-ui][MazLazyImg] src url is not defined"),s}async setPictureSourceUrls(e){const t=e.querySelectorAll("source");if(t.length>0)for await(const i of t){const e=i.getAttribute("data-srcset");e?i.srcset=e:console.warn('[maz-ui][MazLazyImg] the "[data-srcset]" attribute is not provided on "<source />"')}else console.warn('[maz-ui][MazLazyImg] No "<source />" elements provided into the "<picture />" element'),this.imageHasError(e)}hasBgImgMode(e){return"bg-image"===e.arg}isPictureElement(e){return e instanceof HTMLPictureElement}getImgElement(e){return this.isPictureElement(e)?e.querySelector("img"):e}async setDefaultPhoto(e){if(this.options.noUseErrorPhoto)return;const t=this.options.errorPhoto??await this.loadErrorPhoto(),i=e.querySelectorAll("source");if(i.length>0)for await(const s of i)s.srcset=t;else this.setImgSrc(e,t)}addEventListenerToImg(e){const t=this.getImgElement(e);t.addEventListener("load",(()=>this.onImgLoadedCallback(e)),{once:!0}),t.addEventListener("error",(t=>this.onImgErrorCallback(e,t)),{once:!0})}async loadImage(e,t){if(this.imageIsLoading(e),this.isPictureElement(e))this.addEventListenerToImg(e),await this.setPictureSourceUrls(e);else{const i=this.getImageUrl(e,t);if(!i)return this.imageHasError(e);this.hasBgImgMode(t)?(e.style.backgroundImage=`url('${i}')`,this.imageIsLoaded(e)):(this.addEventListenerToImg(e),this.setImgSrc(e,i))}}setImgSrc(e,t){this.getImgElement(e).src=t}handleIntersectionObserver(e,t,i,s){var o,n;this.observers.push(s);for(const r of i)if(r.isIntersecting){if(null==(n=(o=this.options).onIntersecting)||n.call(o,r.target),this.options.observerOnce&&s.unobserve(e),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(e,t)}}createObserver(e,t){const i=this.options.observerOptions;new IntersectionObserver(((i,s)=>{this.handleIntersectionObserver(e,t,i,s)}),i).observe(e)}async imageHandler(e,t,i){if("update"===i)for await(const s of this.observers)s.unobserve(e);window.IntersectionObserver?this.createObserver(e,t):this.loadImage(e,t)}async bindUpdateHandler(e,t,i){if(this.options.noPhoto)return this.imageHasNoPhoto(e);await this.imageHandler(e,t,i)}async add(e,t){if(this.hasBgImgMode(t)&&this.isPictureElement(e))throw new Error('[MazLazyImg] You can\'t use the "bg-image" mode with "<picture />" element');setTimeout((()=>this.setBaseClass(e)),0),e.getAttribute("src")||this.setImgSrc(e,"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"),await this.bindUpdateHandler(e,t,"bind")}async update(e,t){t.value!==t.oldValue&&(this.hasImgLoaded=!1,this.removeAllStateClasses(e),await this.bindUpdateHandler(e,t,"update"))}remove(e,t){this.hasImgLoaded=!1,this.hasBgImgMode(t)&&(e.style.backgroundImage=""),this.removeAllStateClasses(e);for(const i of this.observers)i.unobserve(e);this.observers=[]}}let M;const C={created(e,t){const i="object"==typeof t.value?t.value:{};M=new T(i),M.add(e,t)},updated(e,t){M.update(e,t)},unmounted(e,t){M.remove(e,t)}},k={install(e,t={}){const i={...E,...t,observerOptions:{...E.observerOptions,...t.observerOptions}},s=new T(i);e.directive("lazy-img",{created:s.add.bind(s),updated:s.update.bind(s),unmounted:s.remove.bind(s)})}},A=[{name:"click-outside",directive:h},{name:"closable",directive:w},{name:"zoom-img",directive:L},{name:"lazy-img",directive:C}],x={install(e){for(const{name:t,directive:i}of A)e.directive(t,i)}},S=e=>e?(e=e.toString()).charAt(0).toUpperCase()+e.slice(1):"",D={style:"currency",minimumFractionDigits:2,round:!1},O=(e,t,i)=>{const s={...D,...i};((e,t,i)=>{if(void 0===e)throw new TypeError("[maz-ui](FilterCurrency) The `number` attribute is required.");if(void 0===t)throw new TypeError("[maz-ui](FilterCurrency) The `locale` attribute is required.");if("string"!=typeof t)throw new TypeError("[maz-ui](FilterCurrency) The `locale` attribute must be a string.");if(void 0===i.currency)throw new TypeError("[maz-ui](FilterCurrency) The `options.currency` attribute is required.")})(e,t,s);try{return((e,t,i)=>{let s=Number(e);return i.round&&(s=Math.floor(s),i.minimumFractionDigits=0),new Intl.NumberFormat(t,i).format(s)})(e,t,s)}catch(o){throw new Error(`[maz-ui](FilterCurrency) ${o}`)}},H={month:"short",day:"numeric",year:"numeric"},j=(e,t,i)=>{if(void 0===t)throw new TypeError("[maz-ui](FilterDate) The `locale` attribute is required.");if("string"!=typeof t)throw new TypeError("[maz-ui](FilterDate) The `locale` attribute must be a string.");const s=i??H;try{const i=e instanceof Date?e:new Date(e);return new Intl.DateTimeFormat(t,s).format(i)}catch(o){throw new Error(`[maz-ui](FilterDate) ${o}`)}},P={minimumFractionDigits:2},N=(e,t,i)=>{const s={...P,...i};if(void 0===e)throw new TypeError("[maz-ui](FilterNumber) The `number` attribute is required.");if(void 0===t)throw new TypeError("[maz-ui](FilterNumber) The `locale` attribute is required.");if("string"!=typeof t)throw new TypeError("[maz-ui](FilterNumber) The `locale` attribute must be a string.");try{return new Intl.NumberFormat(t,s).format(Number(e))}catch(o){throw new Error(`[maz-ui](FilterNumber) ${o}`)}},_={capitalize:S,currency:O,date:j,number:N},V={install(e){e.provide("filters",_)}};class B{constructor(e,t){s(this,"callback"),s(this,"delay"),s(this,"timer"),s(this,"startedAt"),this.startedAt=Date.now(),this.callback=e,this.delay=t,this.start()}pause(){this.stop(),this.delay-=Date.now()-this.startedAt}resume(){this.startedAt=Date.now(),this.start()}start(){this.timer=setTimeout(this.callback,this.delay)}stop(){clearTimeout(this.timer)}}const F={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24"},q=[t.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M6 18 18 6M6 6l12 12"},null,-1)];const U={render:function(e,i){return t.openBlock(),t.createElementBlock("svg",F,q)}},$={class:"m-toast__message-wrapper"},Y={class:"m-toast__message"},Z={key:0,class:"--close"},G=((e,t)=>{const i=e.__vccOpts||e;for(const[s,o]of t)i[s]=o;return i})(t.defineComponent({__name:"MazToast",props:{position:{type:String,default:"bottom-right"},maxToasts:{type:[Number,Boolean],default:!1},timeout:{type:Number,default:1e4},queue:{type:Boolean,default:!1},noPauseOnHover:{type:Boolean,default:!1},type:{type:String,default:"info",validator:e=>["info","success","warning","danger"].includes(e)},message:{type:String,required:!0},persistent:{type:Boolean,default:!1}},emits:["close","click"],setup(e,{emit:i}){const s=e,o=t.ref(),n=t.computed((()=>s.position.includes("top")?"top":"bottom")),r=t.computed((()=>s.position.includes("left")?"left":s.position.includes("right")?"right":"center")),a=t.computed((()=>"center"!==r.value?"right"===r.value?"m-slide-right":"m-slide-left":"top"===n.value?"m-slide-top":"m-slide-bottom")),l=t.ref(!1),d=t.ref(),m=t.ref(),c=`m-toast-container --${n.value} --${r.value}`,u=`.${c.replaceAll(" ",".")}`,h=()=>{if((()=>{const e=document.querySelector(u);return!(!s.queue&&!1===s.maxToasts)&&("number"==typeof s.maxToasts&&e?s.maxToasts<=e.childElementCount:e&&e.childElementCount>0)})())return void(m.value=setTimeout(h,250));const e=document.querySelector(u);o.value&&e&&e.prepend(o.value),l.value=!0,d.value=s.timeout?new B(g,s.timeout):void 0};const p=e=>{d.value&&!s.noPauseOnHover&&(e?d.value.pause():d.value.resume())},g=()=>{d.value&&d.value.stop(),m.value&&clearTimeout(m.value),l.value=!1,setTimeout((()=>{var e;i("close"),null==(e=o.value)||e.remove();const t=document.querySelector(u);t&&!(null==t?void 0:t.hasChildNodes())&&t.remove()}),300)};return t.onMounted((()=>{(()=>{const e=document.querySelector(u);if(!e&&!e){const e=document.body,t=document.createElement("div");t.className=c,e.append(t)}})(),h()})),(d,m)=>(t.openBlock(),t.createBlock(t.Transition,{name:a.value,persisted:""},{default:t.withCtx((()=>[t.withDirectives(t.createElementVNode("div",{ref_key:"Toaster",ref:o,class:t.normalizeClass(["m-toast",[`--${e.type}`,`--${n.value}`,`--${r.value}`]]),role:"alert",onMouseover:m[0]||(m[0]=e=>p(!0)),onMouseleave:m[1]||(m[1]=e=>p(!1)),onClick:m[2]||(m[2]=e=>(i("click",e),void(s.persistent||g())))},[t.createElementVNode("div",$,[t.createElementVNode("p",Y,t.toDisplayString(e.message),1)]),e.persistent?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("button",Z,[t.createVNode(t.unref(U),{class:"--icon"})]))],34),[[t.vShow,l.value]])])),_:1},8,["name"]))}}),[["__scopeId","data-v-db385587"]]);class Q{constructor(e,t){this.app=e,this.globalOptions=t}show(e,t){const i={...{message:e,...t},...this.globalOptions,...t};n(G,{props:i,app:this.app})}getLocalOptions(e,t){return{type:e,...t}}success(e,t){return this.show(e,this.getLocalOptions("success",t))}error(e,t){return this.show(e,this.getLocalOptions("danger",t))}info(e,t){return this.show(e,this.getLocalOptions("info",t))}warning(e,t){return this.show(e,this.getLocalOptions("warning",t))}}const W={position:"bottom-right",timeout:1e4,persistent:!0};e.toastInstance=void 0;const K={install(t,i){e.toastInstance=new Q(t,{...W,...i}),t.provide("toast",e.toastInstance)}};class R{constructor(){s(this,"_loaders",t.ref([]))}get loaders(){return t.computed((()=>this._loaders.value))}stop(e=""){var t;this._loaders.value=(t=this._loaders.value,(e="")=>t.filter((t=>t!==e)))(e)}start(e=""){var t;return this._loaders.value=(t=this._loaders.value,(e="")=>(e=>e.filter(((e,t,i)=>t===i.indexOf(e))))([...t,e]))(e),()=>this.stop(e)}get anyLoading(){return t.computed((()=>this._loaders.value.length>0))}isLoading(e=""){return t.computed((()=>{return(t=this._loaders.value,(e="")=>"function"==typeof e?t.findIndex(((...t)=>e(...t)))>-1:t.includes(e))(e);var t})).value}}const J=new R,X={install:e=>{e.provide("wait",J)}},ee=100,te={root:void 0,rootMargin:"0px",threshold:.2},ie={once:!0,duration:300};class se{constructor(e){s(this,"options"),this.options={delay:(null==e?void 0:e.delay)??ee,observer:{...te,...null==e?void 0:e.observer},animation:{...ie,...null==e?void 0:e.animation}}}runAnimations(){if(r())return this.handleObserver();console.warn("[MazAos](runAnimations) should be executed on client side")}async handleObserver(){var e;await(e=this.options.delay,new Promise((t=>setTimeout(t,e))));const t=new IntersectionObserver(this.handleIntersect.bind(this),{...this.options.observer});for(const i of document.querySelectorAll("[data-maz-aos]")){const e=i.getAttribute("data-maz-aos-anchor");if(e){const i=document.querySelector(e);i?(i.setAttribute("data-maz-aos-children","true"),t.observe(i)):console.warn(`[maz-ui](aos) no element found with selector "${e}"`)}else t.observe(i)}}handleIntersect(e,t){for(const i of e){const e="true"===i.target.getAttribute("data-maz-aos-children"),s=i.target.getAttribute("data-maz-aos")?[i.target]:[];if(e){const e=[...document.querySelectorAll("[data-maz-aos-anchor]")].map((e=>e.getAttribute("data-maz-aos-anchor")===`#${i.target.id}`?e:void 0));for(const t of e)t&&s.push(t)}for(const o of s){const e=o.getAttribute("data-maz-aos-once"),s="string"==typeof e?"true"===e:this.options.animation.once;if("number"==typeof this.options.observer.threshold&&i.intersectionRatio>this.options.observer.threshold){o.getAttribute("data-maz-aos-duration")||(o.style.transitionDuration=`${this.options.animation.duration}ms`,setTimeout((()=>{o.style.transitionDuration="0"}),1e3)),o.classList.add("maz-aos-animate"),s&&t.unobserve(o)}else o.classList.remove("maz-aos-animate")}}}}e.aosInstance=void 0;const oe={install:(t,i)=>{e.aosInstance=new se(i),t.provide("aos",e.aosInstance),r()&&((null==i?void 0:i.router)?i.router.afterEach((async()=>{e.aosInstance.runAnimations()})):e.aosInstance.runAnimations())}},ne={darkClass:"dark",storageThemeKey:"theme",storageThemeValueDark:"dark",storageThemeValueLight:"light"},re=t.ref(),ae=({darkClass:e,storageThemeKey:t,storageThemeValueDark:i,setLocalStorageValue:s=!0})=>{document.documentElement.classList.add(e),re.value=i,s&&(localStorage[t]=i)},le=({darkClass:e,storageThemeKey:t,storageThemeValueLight:i,setLocalStorageValue:s=!0})=>{document.documentElement.classList.remove(e),re.value=i,s&&(localStorage[t]=i)},de=({shouldSetDarkMode:e,...t})=>e?ae(t):le(t),me=t.ref(),ce=t.ref(),ue=Object.freeze(Object.defineProperty({__proto__:null,default:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJub25lIiBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgZmlsbD0iY3VycmVudENvbG9yIgogIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8Zz4KICAgIDxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIgLz4KICAgIDxnPgogICAgICA8cGF0aAogICAgICAgIGQ9Ik04LjksNi4wN0w3LjQ4LDQuNjZMOSwzaDZsMS44MywySDIwYzEuMSwwLDIsMC45LDIsMnYxMmMwLDAuMDUtMC4wMSwwLjEtMC4wMiwwLjE2TDIwLDE3LjE3VjdoLTQuMDVsLTEuODMtMkg5Ljg4IEw4LjksNi4wN3ogTTIwLjQ5LDIzLjMxTDE4LjE3LDIxSDRjLTEuMSwwLTItMC45LTItMlY3YzAtMC41OSwwLjI3LTEuMTIsMC42OC0xLjQ5bC0yLTJMMi4xLDIuMWwxOS44LDE5LjhMMjAuNDksMjMuMzF6IE05LjE5LDEyLjAyQzkuMDgsMTIuMzMsOSwxMi42NSw5LDEzYzAsMS42NiwxLjM0LDMsMywzYzAuMzUsMCwwLjY3LTAuMDgsMC45OC0wLjE5TDkuMTksMTIuMDJ6IE0xNi4xNywxOWwtMS42OC0xLjY4IEMxMy43NiwxNy43NSwxMi45MSwxOCwxMiwxOGMtMi43NiwwLTUtMi4yNC01LTVjMC0wLjkxLDAuMjUtMS43NiwwLjY4LTIuNDlMNC4xNyw3SDR2MTJIMTYuMTd6IE0xNC44MSwxMS45OGwyLjA3LDIuMDcgQzE2Ljk2LDEzLjcxLDE3LDEzLjM2LDE3LDEzYzAtMi43Ni0yLjI0LTUtNS01Yy0wLjM2LDAtMC43MSwwLjA0LTEuMDYsMC4xMmwyLjA3LDIuMDdDMTMuODUsMTAuNDksMTQuNTEsMTEuMTUsMTQuODEsMTEuOTh6IiAvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+"},Symbol.toStringTag,{value:"Module"}));e.AosHandler=se,e.IdleTimeout=a,e.ScriptLoader=class{constructor({src:e,identifier:t,once:i=!0,async:o=!0,defer:n=!0}){if(s(this,"src"),s(this,"script"),s(this,"once"),s(this,"async"),s(this,"defer"),s(this,"identifier"),"undefined"==typeof window)throw new TypeError("[ScriptLoader]: Is supported only on browser side");if(!e)throw new Error('[ScriptLoader]: You should provide the attribut "src"');if(!t)throw new Error('[ScriptLoader]: You should provide the attribut "identifier"');this.src=e,this.identifier=t,this.once=i,this.async=o,this.defer=n}removeTag(e){var t;"string"==typeof e?null==(t=document.head.querySelector(`[data-identifier="${e}"]`))||t.remove():e.remove()}load(){const e=window,t=document.head.querySelectorAll(`[data-identifier="${this.identifier}"]`);if(this.once&&e[this.identifier]&&t.length>0)return this.script=e[this.identifier],Promise.resolve(this.script);if(!this.once&&t.length>0)for(const i of t)this.removeTag(i);return this.injectScript()}injectScript(){const e=window;return new Promise(((t,i)=>{try{const s=document.createElement("script");s.src=this.src,s.async=this.async,s.defer=this.defer,s.dataset.identifier=this.identifier,s.addEventListener("error",(e=>i(new Error(`[ScriptLoader](injectScript) ${e.message}`)))),s.addEventListener("load",(i=>(this.script=i,e[this.identifier]=i,t(i)))),document.head.append(s)}catch(s){throw new Error(`[ScriptLoader](init) ${s}`)}}))}},e.ToasterHandler=Q,e.UserVisibility=l,e.WaitHandler=R,e.capitalize=S,e.currency=O,e.date=j,e.debounce=function(e,t=0,i=!1){let s,o;const n=function(){s&&(clearTimeout(s),o=void 0,s=void 0)},r=function(...r){if(!t)return e.apply(this,r);const a=this,l=i&&!s;return n(),o=function(){e.apply(a,r)},s=setTimeout((function(){if(s=void 0,!l){const e=o;if(o=void 0,void 0!==e)return e()}}),t),l?o():void 0};return r.cancel=n,r.flush=function(){const e=o;n(),e&&e()},r},e.injectStrict=o,e.installAos=oe,e.installDirectives=x,e.installFilters=V,e.installToaster=K,e.installWait=X,e.isClient=r,e.mount=n,e.number=N,e.sleep=e=>new Promise((t=>{setTimeout(t,e)})),e.theme=re,e.truthyFilter=function(e){return!!e},e.useAos=()=>({aos:o("aos")}),e.useIdleTimeout=({callback:e,options:t})=>{const i=new a(e,t);me.value=i;return{idle:me}},e.useInstanceUniqId=({componentName:e,instance:i,providedId:s})=>({instanceId:t.computed((()=>s??`${e}-${null==i?void 0:i.uid}`))}),e.useThemeHandler=(e=ne)=>{const i={...ne,...e};return{autoSetTheme:()=>(e=>{localStorage[e.storageThemeKey]===e.storageThemeValueDark||!(e.storageThemeKey in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?ae({...e,setLocalStorageValue:!1}):le({...e,setLocalStorageValue:!1})})(i),toggleTheme:()=>(e=>localStorage[e.storageThemeKey]===e.storageThemeValueDark?le(e):ae(e))(i),setDarkTheme:()=>de({...i,shouldSetDarkMode:!0}),setLightTheme:()=>de({...i,shouldSetDarkMode:!1}),hasDarkTheme:t.computed((()=>re.value===i.storageThemeValueDark)),hasLightTheme:t.computed((()=>re.value===i.storageThemeValueLight)),theme:re}},e.useToast=()=>({toast:o("toast")}),e.useUserVisibility=({callback:e,options:t})=>{const i=new l(e,t);ce.value=i;return{visibility:ce}},e.useWait=()=>({wait:o("wait")}),e.vClickOutside=h,e.vClickOutsideInstall=p,e.vClosable=w,e.vClosableInstall=b,e.vLazyImg=C,e.vLazyImgInstall=k,e.vZoomImg=L,e.vZoomImgInstall=I,e.waitInstance=J,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
2
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,t){"use strict";var i=Object.defineProperty,s=(e,t,s)=>(((e,t,s)=>{t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s})(e,"symbol"!=typeof t?t+"":t,s),s);function o(e,i){const s=t.inject(e,i);if(!s)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${e}`);return s}function n(e,{props:i,children:s,element:o,app:n}={}){let r=o;const a=t.createVNode(e,i,s);n&&n._context&&(a.appContext=n._context),r?t.render(a,r):"undefined"!=typeof document&&t.render(a,r=document.createElement("div"));return{vNode:a,destroy:()=>{r&&t.render(null,r)},el:r}}function r(){return"undefined"!=typeof document}class a{constructor(e,t){s(this,"defaultOptions",{element:void 0,timeout:3e5,once:!1,immediate:!0,ssr:!1}),s(this,"options"),s(this,"timeoutHandler"),s(this,"isIdle",!1),s(this,"isDestroy",!1),s(this,"startTime",0),s(this,"remainingTime",0),s(this,"lastClientX",-1),s(this,"lastClientY",-1),s(this,"eventNames",["DOMMouseScroll","mousedown","mousemove","mousewheel","MSPointerDown","MSPointerMove","keydown","touchmove","touchstart","wheel","click"]),s(this,"handleEvent",(e=>{try{if(this.remainingTime>0)return;if("mousemove"===e.type){const{clientX:t,clientY:i}=e;if(void 0===t&&void 0===i||t===this.lastClientX&&i===this.lastClientY)return;this.lastClientX=t,this.lastClientY=i}this.resetTimeout(),this.callback({isIdle:this.isIdle,eventType:e.type})}catch(t){throw new Error(`[IdleTimeout](handleEvent) ${t}`)}})),this.callback=e,this.options={...this.defaultOptions,...t},!this.options.ssr&&r()?this.start():this.options.ssr||r()||console.warn('[IdleTimeout](constructor) executed on server side - set immediate option to "false"')}get element(){return this.options.element??document.body}start(){if(r()){for(const e of this.eventNames)this.element.addEventListener(e,this.handleEvent);this.resetTimeout(),this.options.immediate&&this.callback({isIdle:!1})}else console.warn("[IdleTimeout](start) you should run this method on client side")}pause(){const e=this.startTime+this.options.timeout-Date.now();e<=0||(this.remainingTime=e,this.timeoutHandler&&(clearTimeout(this.timeoutHandler),this.timeoutHandler=void 0))}resume(){this.remainingTime<=0||(this.resetTimeout(),this.callback({isIdle:this.isIdle}),this.remainingTime=0)}reset(){this.isDestroy=!1,this.isIdle=!1,this.remainingTime=0,this.resetTimeout(),this.callback({isIdle:this.isIdle})}destroy(){if(r()){this.isDestroy=!0;for(const e of this.eventNames)this.element.removeEventListener(e,this.handleEvent);this.timeoutHandler&&clearTimeout(this.timeoutHandler)}else console.warn("[IdleTimeout](destroy) you should run this method on client side")}resetTimeout(){this.isIdle=!1,this.timeoutHandler&&(clearTimeout(this.timeoutHandler),this.timeoutHandler=void 0),this.timeoutHandler=setTimeout(this.handleTimeout.bind(this),this.remainingTime||this.options.timeout),this.startTime=Date.now()}handleTimeout(){this.isIdle=!0,this.callback({isIdle:this.isIdle}),this.options.once&&this.destroy()}get destroyed(){return this.isDestroy}get timeout(){return this.options.timeout}set timeout(e){this.options.timeout=e}get idle(){return this.isIdle}set idle(e){e?this.handleTimeout():this.reset(),this.callback({isIdle:this.isIdle})}}class l{constructor(e,t){s(this,"eventHandlerFunction"),s(this,"event","visibilitychange"),s(this,"timeoutHandler"),s(this,"options"),s(this,"defaultOptions",{timeout:5e3,once:!1,immediate:!0,ssr:!1}),s(this,"isVisible",!1),this.callback=e,this.options={...this.defaultOptions,...t},this.eventHandlerFunction=this.eventHandler.bind(this),!this.options.ssr&&r()?this.start():this.options.ssr||r()||console.warn('[UserVisibility](constructor) executed on server side - set "ssr" option to "false"')}start(){r()?(this.options.immediate&&this.emitCallback(),this.addEventListener()):console.warn("[UserVisibility](start) you should run this method on client side")}emitCallback(){this.isVisible="visible"===document.visibilityState,this.callback({isVisible:this.isVisible}),this.options.once&&this.destroy()}eventHandler(){"visible"!==document.visibilityState||this.isVisible?"hidden"===document.visibilityState&&this.initTimeout():(this.clearTimeout(),this.emitCallback())}clearTimeout(){this.timeoutHandler&&(clearTimeout(this.timeoutHandler),this.timeoutHandler=void 0)}initTimeout(){this.clearTimeout(),this.timeoutHandler=setTimeout(this.emitCallback.bind(this),this.options.timeout)}addEventListener(){document.addEventListener(this.event,this.eventHandlerFunction)}removeEventListener(){document.removeEventListener(this.event,this.eventHandlerFunction)}destroy(){this.removeEventListener(),this.timeoutHandler&&clearTimeout(this.timeoutHandler)}}const d="__vue_click_away__",m=()=>null===document.ontouchstart?"touchstart":"click",c=async(e,i)=>{u(e);const s=i.instance,o=i.value,n="function"==typeof o;if(!n)throw new Error("[maz-ui](vClickOutside) the callback should be a function");await t.nextTick(),e[d]=t=>{if((!e||!e.contains(t.target))&&o&&n)return o.call(s,t)};const r=m();document.addEventListener(r,e[d],!1)},u=e=>{const t=m();document.removeEventListener(t,e[d],!1),delete e[d]},h={mounted:c,updated:(e,t)=>{t.value!==t.oldValue&&c(e,t)},unmounted:u},p={install:e=>{e.directive("click-outside",h)}},g=(e,t,i,s)=>{e.stopPropagation();const{handler:o,exclude:n}=i.value;let r=!1;if(n&&n.length>0)for(const a of n)if(!r){r=s.context.$refs[a].contains(e.target)}t.contains(e.target)||r||s.context[o]()},v=()=>null===document.ontouchstart?"touchstart":"click",w={mounted:(e,t,i)=>{const s=v();document.addEventListener(s,(s=>g(s,e,t,i)))},unmounted:(e,t,i)=>{const s=v();document.removeEventListener(s,(s=>g(s,e,t,i)))}},b={install:e=>{e.directive("closable",w)}},f={close:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>',previous:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>',spinner:'<svg width="40px" height="40px" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor" x="0px" y="0px" viewBox="0 0 50 50" xml:space="preserve" class="maz-zoom-img__loader__svg" data-v-6d1cb50c=""><path d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"></path></svg>'};class y{constructor(e){if(s(this,"options"),s(this,"loader"),s(this,"wrapper"),s(this,"img"),s(this,"keydownHandler"),s(this,"onImgLoadedCallback"),s(this,"buttonsAdded"),s(this,"defaultOptions",{scale:!0,blur:!0,disabled:!1}),s(this,"mouseEnterListener"),s(this,"mouseLeaveListener"),s(this,"renderPreviewListener"),!e.value)throw new Error('[MazUI](zoom-img) Image path must be defined. Ex: `v-zoom-img="<PATH_TO_IMAGE>"`');if("object"==typeof e.value&&!e.value.src)throw new Error("[maz-ui](zoom-img) src of image must be provided");this.buttonsAdded=!1,this.options=this.buildOptions(e),this.keydownHandler=this.keydownLister.bind(this),this.loader=this.getLoader(),this.wrapper=document.createElement("div"),this.wrapper.classList.add("maz-zoom-img__wrapper"),this.wrapper.prepend(this.loader),this.img=document.createElement("img"),this.onImgLoadedCallback=this.onImgLoaded.bind(this),this.imgEventHandler(!0)}buildOptions(e){return{...this.defaultOptions,..."object"==typeof e.value?e.value:{src:e.value}}}get allInstances(){return[...document.querySelectorAll(".maz-zoom-img-instance")]}create(e){this.options.disabled||(e.style.cursor="pointer",setTimeout((()=>e.classList.add("maz-zoom-img-instance"))),e.setAttribute("data-src",this.options.src),this.options.alt&&e.setAttribute("data-alt",this.options.alt),e.style.transition="all 300ms ease-in-out",this.mouseEnterListener=()=>this.mouseEnter(e),this.mouseLeaveListener=()=>this.mouseLeave(e),this.renderPreviewListener=()=>this.renderPreview(e,this.options),e.addEventListener("mouseenter",this.mouseEnterListener),e.addEventListener("mouseleave",this.mouseLeaveListener),e.addEventListener("click",this.renderPreviewListener))}update(e){this.options=this.buildOptions(e)}remove(e){this.imgEventHandler(!1),e.removeEventListener("mouseenter",this.mouseEnterListener),e.removeEventListener("mouseleave",this.mouseLeaveListener),e.removeEventListener("click",this.renderPreviewListener),e.classList.remove("maz-zoom-img-instance"),e.removeAttribute("data-src"),e.removeAttribute("data-alt"),e.style.cursor=""}renderPreview(e,t){e.classList.add("maz-is-open"),this.addStyle("\n.maz-zoom-img {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 1rem;\n z-index: 1050;\n background-color: hsla(238, 15%, 40%, 0.7);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n\n.maz-zoom-img,\n.maz-zoom-img * {\n box-sizing: border-box;\n}\n\n.maz-zoom-img .maz-zoom-img__wrapper {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 0;\n min-height: 0;\n max-width: 100%;\n max-height: 100%;\n transition: all 300ms ease-in-out;\n opacity: 0;\n transform: scale(0.5);\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__wrapper {\n opacity: 1;\n transform: scale(1);\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__loader {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: hsla(238, 15%, 40%, 0.7);\n border-radius: 1rem;\n z-index: 2;\n min-width: 60px;\n min-height: 60px;\n}\n.maz-zoom-img.maz-animate .maz-zoom-img__loader[hidden] {\n display: none;\n}\n\n@-webkit-keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__loader__svg {\n animation: spin .6s linear infinite;\n}\n\n.maz-zoom-img img {\n max-width: 100%;\n max-height: 100%;\n min-width: 0;\n border-radius: 1rem;\n}\n\n.maz-zoom-img .maz-zoom-btn {\n margin: 0 auto;\n border: none;\n background-color: hsla(0, 0%, 7%, 0.5);\n box-shadow: 0 0 0.5rem 0 hsla(0, 0%, 0%, 0.2);\n height: 2.2rem;\n min-height: 2.2rem;\n width: 2.2rem;\n min-width: 2.2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 2.2rem;\n cursor: pointer;\n flex: 0 0 auto;\n outline: none;\n}\n\n.maz-zoom-img .maz-zoom-btn svg {\n fill: white;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--close {\n position: absolute;\n top: 0.5rem;\n right: 0.5rem;\n z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--previous {\n position: absolute;\n left: 0.5rem;\n z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--next {\n position: absolute;\n right: 0.5rem;\n z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn:hover {\n background-color: hsl(0, 0%, 0%);\n}");const i=document.createElement("div");i.classList.add("maz-zoom-img"),i.setAttribute("id","MazImgPreviewFullsize"),i.addEventListener("click",(e=>{i.isEqualNode(e.target)&&this.closePreview()})),"object"==typeof t&&(this.img.setAttribute("src",t.src),t.alt&&this.img.setAttribute("alt",t.alt),this.img.id="MazImgElement"),this.wrapper.append(this.img),i.append(this.wrapper),document.body.append(i),this.keyboardEventHandler(!0),setTimeout((()=>{i&&i.classList.add("maz-animate")}),100)}onImgLoaded(){this.wrapper.style.width=`${this.img.width}px`,this.wrapper.style.minWidth="200px",this.loader.hidden=!0;const e=this.getButton(),t=[],i=this.allInstances.length>1;if(!this.buttonsAdded){if(this.buttonsAdded=!0,i){const e=this.getButton("previous"),i=this.getButton("next");t.push(e,i)}this.wrapper.append(e),i&&(this.wrapper.prepend(t[0]),this.wrapper.append(t[1]))}}getLoader(){const e=document.createElement("div");return e.classList.add("maz-zoom-img__loader"),e.innerHTML=f.spinner,e}mouseLeave(e){this.options.scale&&(e.style.transform=""),this.options.blur&&(e.style.filter=""),e.style.zIndex=""}mouseEnter(e){e.style.zIndex="1",this.options.scale&&(e.style.transform="scale(1.1)"),this.options.blur&&(e.style.filter="blur(2px)")}keydownLister(e){e.preventDefault(),"Escape"!==e.key&&" "!==e.key||this.closePreview(),"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||this.nextPreviousImage("ArrowRight"===e.key)}getButton(e="close"){const t=document.createElement("button");return t.innerHTML=f[e],t.addEventListener("click",(()=>{"close"===e?this.closePreview():this.allInstances&&this.nextPreviousImage("next"===e)})),t.classList.add("maz-zoom-btn"),t.classList.add(`maz-zoom-btn--${e}`),t}closePreview(){const e=document.querySelector("#MazImgPreviewFullsize"),t=document.querySelector("#MazPreviewStyle"),i=document.querySelector(".maz-zoom-img-instance.maz-is-open");i&&i.classList.remove("maz-is-open"),e&&e.classList.remove("maz-animate"),this.keyboardEventHandler(!1),setTimeout((()=>{e&&e.remove(),t&&t.remove()}),300)}getNewInstanceIndex(e){return e<0?this.allInstances.length-1:e>=this.allInstances.length?0:e}nextPreviousImage(e){const t=e,i=document.querySelector(".maz-zoom-img-instance.maz-is-open");if(i){const e=this.allInstances.indexOf(i),s=t?e+1:e-1,o=this.allInstances[this.getNewInstanceIndex(s)];o&&this.useNextInstance(i,o)}}useNextInstance(e,t){e.classList.remove("maz-is-open"),t.classList.add("maz-is-open");const i=t.getAttribute("data-src"),s=t.getAttribute("data-alt");this.wrapper.style.width="",this.loader.hidden=!1,i&&this.img.setAttribute("src",i),s&&this.img.setAttribute("alt",s)}addStyle(e){const t=document.createElement("style");t.id="MazPreviewStyle",t.textContent=e,document.head.append(t)}keyboardEventHandler(e){if(e)return document.addEventListener("keydown",this.keydownHandler);document.removeEventListener("keydown",this.keydownHandler)}imgEventHandler(e){if(e)return this.img.addEventListener("load",this.onImgLoadedCallback);this.img.removeEventListener("load",this.onImgLoadedCallback)}}let z;const L={created(e,t){z=new y(t),z.create(e)},updated(e,t){z.update(t)},unmounted(e){z.remove(e)}},I={install(e){e.directive("zoom-img",L)}},E={baseClass:"m-lazy-img",loadedClass:"m-lazy-loaded",loadingClass:"m-lazy-loading",errorClass:"m-lazy-error",noPhotoClass:"m-lazy-no-photo",noPhoto:!1,observerOnce:!0,loadOnce:!1,noUseErrorPhoto:!1,observerOptions:{threshold:.1}};class T{constructor(e={}){s(this,"observers",[]),s(this,"defaultOptions",E),s(this,"options"),s(this,"onImgLoadedCallback"),s(this,"onImgErrorCallback"),s(this,"hasImgLoaded",!1),this.options=this.buildOptions(e),this.onImgLoadedCallback=this.imageIsLoaded.bind(this),this.onImgErrorCallback=this.imageHasError.bind(this)}async loadErrorPhoto(){const{default:e}=await Promise.resolve().then((()=>ue));return e}buildOptions(e){return{...this.defaultOptions,...e,observerOptions:{...this.defaultOptions.observerOptions,...e.observerOptions}}}removeClass(e,t){e.classList.remove(t)}addClass(e,t){e.classList.add(t)}removeAllStateClasses(e){this.removeClass(e,this.options.loadedClass),this.removeClass(e,this.options.loadingClass),this.removeClass(e,this.options.errorClass),this.removeClass(e,this.options.noPhotoClass)}setBaseClass(e){this.addClass(e,this.options.baseClass)}imageIsLoading(e){var t,i;this.addClass(e,this.options.loadingClass),null==(i=(t=this.options).onLoading)||i.call(t,e)}imageHasNoPhoto(e){this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.noPhotoClass),this.setDefaultPhoto(e)}imageIsLoaded(e){var t,i;this.hasImgLoaded=!0,this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.loadedClass),null==(i=(t=this.options).onLoaded)||i.call(t,e)}imageHasError(e,t){var i,s;console.warn("[maz-ui][MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null==(s=(i=this.options).onError)||s.call(i,e),this.setDefaultPhoto(e)}getImageUrl(e,t){const i=this.getImgElement(e).getAttribute("data-src");if(i)return i;t.value;const s="object"==typeof t.value?t.value.src:t.value;return s||console.warn("[maz-ui][MazLazyImg] src url is not defined"),s}async setPictureSourceUrls(e){const t=e.querySelectorAll("source");if(t.length>0)for await(const i of t){const e=i.getAttribute("data-srcset");e?i.srcset=e:console.warn('[maz-ui][MazLazyImg] the "[data-srcset]" attribute is not provided on "<source />"')}else console.warn('[maz-ui][MazLazyImg] No "<source />" elements provided into the "<picture />" element'),this.imageHasError(e)}hasBgImgMode(e){return"bg-image"===e.arg}isPictureElement(e){return e instanceof HTMLPictureElement}getImgElement(e){return this.isPictureElement(e)?e.querySelector("img"):e}async setDefaultPhoto(e){if(this.options.noUseErrorPhoto)return;const t=this.options.errorPhoto??await this.loadErrorPhoto(),i=e.querySelectorAll("source");if(i.length>0)for await(const s of i)s.srcset=t;else this.setImgSrc(e,t)}addEventListenerToImg(e){const t=this.getImgElement(e);t.addEventListener("load",(()=>this.onImgLoadedCallback(e)),{once:!0}),t.addEventListener("error",(t=>this.onImgErrorCallback(e,t)),{once:!0})}async loadImage(e,t){if(this.imageIsLoading(e),this.isPictureElement(e))this.addEventListenerToImg(e),await this.setPictureSourceUrls(e);else{const i=this.getImageUrl(e,t);if(!i)return this.imageHasError(e);this.hasBgImgMode(t)?(e.style.backgroundImage=`url('${i}')`,this.imageIsLoaded(e)):(this.addEventListenerToImg(e),this.setImgSrc(e,i))}}setImgSrc(e,t){this.getImgElement(e).src=t}handleIntersectionObserver(e,t,i,s){var o,n;this.observers.push(s);for(const r of i)if(r.isIntersecting){if(null==(n=(o=this.options).onIntersecting)||n.call(o,r.target),this.options.observerOnce&&s.unobserve(e),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(e,t)}}createObserver(e,t){const i=this.options.observerOptions;new IntersectionObserver(((i,s)=>{this.handleIntersectionObserver(e,t,i,s)}),i).observe(e)}async imageHandler(e,t,i){if("update"===i)for await(const s of this.observers)s.unobserve(e);window.IntersectionObserver?this.createObserver(e,t):this.loadImage(e,t)}async bindUpdateHandler(e,t,i){if(this.options.noPhoto)return this.imageHasNoPhoto(e);await this.imageHandler(e,t,i)}async add(e,t){if(this.hasBgImgMode(t)&&this.isPictureElement(e))throw new Error('[MazLazyImg] You can\'t use the "bg-image" mode with "<picture />" element');setTimeout((()=>this.setBaseClass(e)),0),e.getAttribute("src")||this.setImgSrc(e,"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"),await this.bindUpdateHandler(e,t,"bind")}async update(e,t){t.value!==t.oldValue&&(this.hasImgLoaded=!1,this.removeAllStateClasses(e),await this.bindUpdateHandler(e,t,"update"))}remove(e,t){this.hasImgLoaded=!1,this.hasBgImgMode(t)&&(e.style.backgroundImage=""),this.removeAllStateClasses(e);for(const i of this.observers)i.unobserve(e);this.observers=[]}}let M;const C={created(e,t){const i="object"==typeof t.value?t.value:{};M=new T(i),M.add(e,t)},updated(e,t){M.update(e,t)},unmounted(e,t){M.remove(e,t)}},k={install(e,t={}){const i={...E,...t,observerOptions:{...E.observerOptions,...t.observerOptions}},s=new T(i);e.directive("lazy-img",{created:s.add.bind(s),updated:s.update.bind(s),unmounted:s.remove.bind(s)})}},A=[{name:"click-outside",directive:h},{name:"closable",directive:w},{name:"zoom-img",directive:L},{name:"lazy-img",directive:C}],x={install(e){for(const{name:t,directive:i}of A)e.directive(t,i)}},S=e=>e?(e=e.toString()).charAt(0).toUpperCase()+e.slice(1):"",D={style:"currency",minimumFractionDigits:2,round:!1},O=(e,t,i)=>{const s={...D,...i};((e,t,i)=>{if(void 0===e)throw new TypeError("[maz-ui](FilterCurrency) The `number` attribute is required.");if(void 0===t)throw new TypeError("[maz-ui](FilterCurrency) The `locale` attribute is required.");if("string"!=typeof t)throw new TypeError("[maz-ui](FilterCurrency) The `locale` attribute must be a string.");if(void 0===i.currency)throw new TypeError("[maz-ui](FilterCurrency) The `options.currency` attribute is required.")})(e,t,s);try{return((e,t,i)=>{let s=Number(e);return i.round&&(s=Math.floor(s),i.minimumFractionDigits=0),new Intl.NumberFormat(t,i).format(s)})(e,t,s)}catch(o){throw new Error(`[maz-ui](FilterCurrency) ${o}`)}},H={month:"short",day:"numeric",year:"numeric"},j=(e,t,i)=>{if(void 0===t)throw new TypeError("[maz-ui](FilterDate) The `locale` attribute is required.");if("string"!=typeof t)throw new TypeError("[maz-ui](FilterDate) The `locale` attribute must be a string.");const s=i??H;try{const i=e instanceof Date?e:new Date(e);return new Intl.DateTimeFormat(t,s).format(i)}catch(o){throw new Error(`[maz-ui](FilterDate) ${o}`)}},P={minimumFractionDigits:2},N=(e,t,i)=>{const s={...P,...i};if(void 0===e)throw new TypeError("[maz-ui](FilterNumber) The `number` attribute is required.");if(void 0===t)throw new TypeError("[maz-ui](FilterNumber) The `locale` attribute is required.");if("string"!=typeof t)throw new TypeError("[maz-ui](FilterNumber) The `locale` attribute must be a string.");try{return new Intl.NumberFormat(t,s).format(Number(e))}catch(o){throw new Error(`[maz-ui](FilterNumber) ${o}`)}},_={capitalize:S,currency:O,date:j,number:N},V={install(e){e.provide("filters",_)}};class B{constructor(e,t){s(this,"callback"),s(this,"delay"),s(this,"timer"),s(this,"startedAt"),this.startedAt=Date.now(),this.callback=e,this.delay=t,this.start()}pause(){this.stop(),this.delay-=Date.now()-this.startedAt}resume(){this.startedAt=Date.now(),this.start()}start(){this.timer=setTimeout(this.callback,this.delay)}stop(){clearTimeout(this.timer)}}const F={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24"},q=[t.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M6 18 18 6M6 6l12 12"},null,-1)];const U={render:function(e,i){return t.openBlock(),t.createElementBlock("svg",F,q)}},$={class:"m-toast__message-wrapper"},Y={class:"m-toast__message"},Z={key:0,class:"--close"},G=((e,t)=>{const i=e.__vccOpts||e;for(const[s,o]of t)i[s]=o;return i})(t.defineComponent({__name:"MazToast",props:{position:{type:String,default:"bottom-right"},maxToasts:{type:[Number,Boolean],default:!1},timeout:{type:Number,default:1e4},queue:{type:Boolean,default:!1},noPauseOnHover:{type:Boolean,default:!1},type:{type:String,default:"info",validator:e=>["info","success","warning","danger"].includes(e)},message:{type:String,required:!0},persistent:{type:Boolean,default:!1}},emits:["close","click"],setup(e,{emit:i}){const s=e,o=t.ref(),n=t.computed((()=>s.position.includes("top")?"top":"bottom")),r=t.computed((()=>s.position.includes("left")?"left":s.position.includes("right")?"right":"center")),a=t.computed((()=>"center"!==r.value?"right"===r.value?"m-slide-right":"m-slide-left":"top"===n.value?"m-slide-top":"m-slide-bottom")),l=t.ref(!1),d=t.ref(),m=t.ref(),c=`m-toast-container --${n.value} --${r.value}`,u=`.${c.replaceAll(" ",".")}`,h=()=>{if((()=>{const e=document.querySelector(u);return!(!s.queue&&!1===s.maxToasts)&&("number"==typeof s.maxToasts&&e?s.maxToasts<=e.childElementCount:e&&e.childElementCount>0)})())return void(m.value=setTimeout(h,250));const e=document.querySelector(u);o.value&&e&&e.prepend(o.value),l.value=!0,d.value=s.timeout?new B(g,s.timeout):void 0};const p=e=>{d.value&&!s.noPauseOnHover&&(e?d.value.pause():d.value.resume())},g=()=>{d.value&&d.value.stop(),m.value&&clearTimeout(m.value),l.value=!1,setTimeout((()=>{var e;i("close"),null==(e=o.value)||e.remove();const t=document.querySelector(u);t&&!(null==t?void 0:t.hasChildNodes())&&t.remove()}),300)};return t.onMounted((()=>{(()=>{const e=document.querySelector(u);if(!e&&!e){const e=document.body,t=document.createElement("div");t.className=c,e.append(t)}})(),h()})),(d,m)=>(t.openBlock(),t.createBlock(t.Transition,{name:a.value,persisted:""},{default:t.withCtx((()=>[t.withDirectives(t.createElementVNode("div",{ref_key:"Toaster",ref:o,class:t.normalizeClass(["m-toast",[`--${e.type}`,`--${n.value}`,`--${r.value}`]]),role:"alert",onMouseover:m[0]||(m[0]=e=>p(!0)),onMouseleave:m[1]||(m[1]=e=>p(!1)),onClick:m[2]||(m[2]=e=>(i("click",e),void(s.persistent||g())))},[t.createElementVNode("div",$,[t.createElementVNode("p",Y,t.toDisplayString(e.message),1)]),e.persistent?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("button",Z,[t.createVNode(t.unref(U),{class:"--icon"})]))],34),[[t.vShow,l.value]])])),_:1},8,["name"]))}}),[["__scopeId","data-v-db385587"]]);class Q{constructor(e,t){this.app=e,this.globalOptions=t}show(e,t){const i={...{message:e,...t},...this.globalOptions,...t};n(G,{props:i,app:this.app})}getLocalOptions(e,t){return{type:e,...t}}success(e,t){return this.show(e,this.getLocalOptions("success",t))}error(e,t){return this.show(e,this.getLocalOptions("danger",t))}info(e,t){return this.show(e,this.getLocalOptions("info",t))}warning(e,t){return this.show(e,this.getLocalOptions("warning",t))}}const W={position:"bottom-right",timeout:1e4,persistent:!0};e.toastInstance=void 0;const K={install(t,i){e.toastInstance=new Q(t,{...W,...i}),t.provide("toast",e.toastInstance)}};class R{constructor(){s(this,"_loaders",t.ref([]))}get loaders(){return t.computed((()=>this._loaders.value))}stop(e=""){var t;this._loaders.value=(t=this._loaders.value,(e="")=>t.filter((t=>t!==e)))(e)}start(e=""){var t;return this._loaders.value=(t=this._loaders.value,(e="")=>(e=>e.filter(((e,t,i)=>t===i.indexOf(e))))([...t,e]))(e),()=>this.stop(e)}get anyLoading(){return t.computed((()=>this._loaders.value.length>0))}isLoading(e=""){return t.computed((()=>{return(t=this._loaders.value,(e="")=>"function"==typeof e?t.findIndex(((...t)=>e(...t)))>-1:t.includes(e))(e);var t})).value}}const J=new R,X={install:e=>{e.provide("wait",J)}},ee=100,te={root:void 0,rootMargin:"0px",threshold:.2},ie={once:!0,duration:300};class se{constructor(e){s(this,"options"),this.options={delay:(null==e?void 0:e.delay)??ee,observer:{...te,...null==e?void 0:e.observer},animation:{...ie,...null==e?void 0:e.animation}}}runAnimations(){if(r())return this.handleObserver();console.warn("[MazAos](runAnimations) should be executed on client side")}async handleObserver(){var e;await(e=this.options.delay,new Promise((t=>setTimeout(t,e))));const t=new IntersectionObserver(this.handleIntersect.bind(this),{...this.options.observer});for(const i of document.querySelectorAll("[data-maz-aos]")){const e=i.getAttribute("data-maz-aos-anchor");if(e){const i=document.querySelector(e);i?(i.setAttribute("data-maz-aos-children","true"),t.observe(i)):console.warn(`[maz-ui](aos) no element found with selector "${e}"`)}else t.observe(i)}}handleIntersect(e,t){for(const i of e){const e="true"===i.target.getAttribute("data-maz-aos-children"),s=i.target.getAttribute("data-maz-aos")?[i.target]:[];if(e){const e=[...document.querySelectorAll("[data-maz-aos-anchor]")].map((e=>e.getAttribute("data-maz-aos-anchor")===`#${i.target.id}`?e:void 0));for(const t of e)t&&s.push(t)}for(const o of s){const e=o.getAttribute("data-maz-aos-once"),s="string"==typeof e?"true"===e:this.options.animation.once;if("number"==typeof this.options.observer.threshold&&i.intersectionRatio>this.options.observer.threshold){o.getAttribute("data-maz-aos-duration")||(o.style.transitionDuration=`${this.options.animation.duration}ms`,setTimeout((()=>{o.style.transitionDuration="0"}),1e3)),o.classList.add("maz-aos-animate"),s&&t.unobserve(o)}else o.classList.remove("maz-aos-animate")}}}}e.aosInstance=void 0;const oe={install:(t,i)=>{e.aosInstance=new se(i),t.provide("aos",e.aosInstance),r()&&((null==i?void 0:i.router)?i.router.afterEach((async()=>{e.aosInstance.runAnimations()})):e.aosInstance.runAnimations())}},ne={darkClass:"dark",lightClass:"light",storageThemeKey:"theme",storageThemeValueDark:"dark",storageThemeValueLight:"light"},re=t.ref(),ae=({darkClass:e,lightClass:t,storageThemeKey:i,storageThemeValueDark:s,setLocalStorageValue:o=!0})=>{document.documentElement.classList.remove(t),document.documentElement.classList.add(e),re.value=s,o&&(localStorage[i]=s)},le=({darkClass:e,lightClass:t,storageThemeKey:i,storageThemeValueLight:s,setLocalStorageValue:o=!0})=>{document.documentElement.classList.remove(e),document.documentElement.classList.add(t),re.value=s,o&&(localStorage[i]=s)},de=({shouldSetDarkMode:e,...t})=>e?ae(t):le(t),me=t.ref(),ce=t.ref(),ue=Object.freeze(Object.defineProperty({__proto__:null,default:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJub25lIiBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgZmlsbD0iY3VycmVudENvbG9yIgogIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8Zz4KICAgIDxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIgLz4KICAgIDxnPgogICAgICA8cGF0aAogICAgICAgIGQ9Ik04LjksNi4wN0w3LjQ4LDQuNjZMOSwzaDZsMS44MywySDIwYzEuMSwwLDIsMC45LDIsMnYxMmMwLDAuMDUtMC4wMSwwLjEtMC4wMiwwLjE2TDIwLDE3LjE3VjdoLTQuMDVsLTEuODMtMkg5Ljg4IEw4LjksNi4wN3ogTTIwLjQ5LDIzLjMxTDE4LjE3LDIxSDRjLTEuMSwwLTItMC45LTItMlY3YzAtMC41OSwwLjI3LTEuMTIsMC42OC0xLjQ5bC0yLTJMMi4xLDIuMWwxOS44LDE5LjhMMjAuNDksMjMuMzF6IE05LjE5LDEyLjAyQzkuMDgsMTIuMzMsOSwxMi42NSw5LDEzYzAsMS42NiwxLjM0LDMsMywzYzAuMzUsMCwwLjY3LTAuMDgsMC45OC0wLjE5TDkuMTksMTIuMDJ6IE0xNi4xNywxOWwtMS42OC0xLjY4IEMxMy43NiwxNy43NSwxMi45MSwxOCwxMiwxOGMtMi43NiwwLTUtMi4yNC01LTVjMC0wLjkxLDAuMjUtMS43NiwwLjY4LTIuNDlMNC4xNyw3SDR2MTJIMTYuMTd6IE0xNC44MSwxMS45OGwyLjA3LDIuMDcgQzE2Ljk2LDEzLjcxLDE3LDEzLjM2LDE3LDEzYzAtMi43Ni0yLjI0LTUtNS01Yy0wLjM2LDAtMC43MSwwLjA0LTEuMDYsMC4xMmwyLjA3LDIuMDdDMTMuODUsMTAuNDksMTQuNTEsMTEuMTUsMTQuODEsMTEuOTh6IiAvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+"},Symbol.toStringTag,{value:"Module"}));e.AosHandler=se,e.IdleTimeout=a,e.ScriptLoader=class{constructor({src:e,identifier:t,once:i=!0,async:o=!0,defer:n=!0}){if(s(this,"src"),s(this,"script"),s(this,"once"),s(this,"async"),s(this,"defer"),s(this,"identifier"),"undefined"==typeof window)throw new TypeError("[ScriptLoader]: Is supported only on browser side");if(!e)throw new Error('[ScriptLoader]: You should provide the attribut "src"');if(!t)throw new Error('[ScriptLoader]: You should provide the attribut "identifier"');this.src=e,this.identifier=t,this.once=i,this.async=o,this.defer=n}removeTag(e){var t;"string"==typeof e?null==(t=document.head.querySelector(`[data-identifier="${e}"]`))||t.remove():e.remove()}load(){const e=window,t=document.head.querySelectorAll(`[data-identifier="${this.identifier}"]`);if(this.once&&e[this.identifier]&&t.length>0)return this.script=e[this.identifier],Promise.resolve(this.script);if(!this.once&&t.length>0)for(const i of t)this.removeTag(i);return this.injectScript()}injectScript(){const e=window;return new Promise(((t,i)=>{try{const s=document.createElement("script");s.src=this.src,s.async=this.async,s.defer=this.defer,s.dataset.identifier=this.identifier,s.addEventListener("error",(e=>i(new Error(`[ScriptLoader](injectScript) ${e.message}`)))),s.addEventListener("load",(i=>(this.script=i,e[this.identifier]=i,t(i)))),document.head.append(s)}catch(s){throw new Error(`[ScriptLoader](init) ${s}`)}}))}},e.ToasterHandler=Q,e.UserVisibility=l,e.WaitHandler=R,e.capitalize=S,e.currency=O,e.date=j,e.debounce=function(e,t=0,i=!1){let s,o;const n=function(){s&&(clearTimeout(s),o=void 0,s=void 0)},r=function(...r){if(!t)return e.apply(this,r);const a=this,l=i&&!s;return n(),o=function(){e.apply(a,r)},s=setTimeout((function(){if(s=void 0,!l){const e=o;if(o=void 0,void 0!==e)return e()}}),t),l?o():void 0};return r.cancel=n,r.flush=function(){const e=o;n(),e&&e()},r},e.injectStrict=o,e.installAos=oe,e.installDirectives=x,e.installFilters=V,e.installToaster=K,e.installWait=X,e.isClient=r,e.mount=n,e.number=N,e.sleep=e=>new Promise((t=>{setTimeout(t,e)})),e.theme=re,e.truthyFilter=function(e){return!!e},e.useAos=()=>({aos:o("aos")}),e.useIdleTimeout=({callback:e,options:t})=>{const i=new a(e,t);me.value=i;return{idle:me}},e.useInstanceUniqId=({componentName:e,instance:i,providedId:s})=>({instanceId:t.computed((()=>s??`${e}-${null==i?void 0:i.uid}`))}),e.useThemeHandler=(e=ne)=>{const i={...ne,...e};return{autoSetTheme:()=>(e=>{localStorage[e.storageThemeKey]===e.storageThemeValueDark||!(e.storageThemeKey in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?ae({...e,setLocalStorageValue:!1}):le({...e,setLocalStorageValue:!1})})(i),toggleTheme:()=>(e=>localStorage[e.storageThemeKey]===e.storageThemeValueDark?le(e):ae(e))(i),setDarkTheme:()=>de({...i,shouldSetDarkMode:!0}),setLightTheme:()=>de({...i,shouldSetDarkMode:!1}),hasDarkTheme:t.computed((()=>re.value===i.storageThemeValueDark)),hasLightTheme:t.computed((()=>re.value===i.storageThemeValueLight)),theme:re}},e.useToast=()=>({toast:o("toast")}),e.useUserVisibility=({callback:e,options:t})=>{const i=new l(e,t);ce.value=i;return{visibility:ce}},e.useWait=()=>({wait:o("wait")}),e.vClickOutside=h,e.vClickOutsideInstall=p,e.vClosable=w,e.vClosableInstall=b,e.vLazyImg=C,e.vLazyImgInstall=k,e.vZoomImg=L,e.vZoomImgInstall=I,e.waitInstance=J,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "maz-ui",
3
- "version": "3.11.0",
3
+ "version": "3.11.1",
4
4
  "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
5
5
  "author": "Louis Mazel <me@loicmazuel.com>",
6
6
  "main": "./modules/index.mjs",
@@ -73,8 +73,8 @@
73
73
  "@nuxt/schema": "^3.7.3",
74
74
  "@rollup/plugin-typescript": "^11.1.3",
75
75
  "@types/dropzone": "^5.7.4",
76
- "@types/google.maps": "^3.54.0",
77
- "@types/node": "^20.6.0",
76
+ "@types/google.maps": "^3.54.1",
77
+ "@types/node": "^20.6.2",
78
78
  "@types/rollup-plugin-peer-deps-external": "^2.2.1",
79
79
  "@typescript-eslint/eslint-plugin": "^6.7.0",
80
80
  "@typescript-eslint/parser": "^6.7.0",
@@ -117,7 +117,7 @@
117
117
  "prettier-plugin-tailwindcss": "^0.5.4",
118
118
  "replace-in-file": "^7.0.1",
119
119
  "rimraf": "^5.0.1",
120
- "rollup": "^3.29.1",
120
+ "rollup": "^3.29.2",
121
121
  "rollup-plugin-dts": "^6.0.2",
122
122
  "rollup-plugin-peer-deps-external": "^2.2.4",
123
123
  "sass": "^1.67.0",
@@ -128,7 +128,6 @@
128
128
  "stylelint-config-standard": "^34.0.0",
129
129
  "stylelint-config-standard-scss": "^11.0.0",
130
130
  "stylelint-config-tailwindcss": "^0.0.7",
131
- "tailwind-css-variables": "^3.0.1",
132
131
  "tailwindcss": "^3.3.3",
133
132
  "terser": "^5.19.4",
134
133
  "ts-node": "^10.9.1",
package/tailwindcss/tailwind.config.ts CHANGED
@@ -9,10 +9,8 @@ import { screens } from './variables/breakpoints'
9
9
  import { zIndex } from './variables/z-indexes'
10
10
  import { getColors } from './utils/colors'
11
11
 
12
- import tailwindCSSVariable from 'tailwind-css-variables'
13
-
14
12
  export default <Config>{
15
- darkMode: 'class',
13
+ darkMode: ['class', '[class="dark"]'],
16
14
  content: [],
17
15
  theme: {
18
16
  extend: {
@@ -38,29 +36,6 @@ export default <Config>{
38
36
  },
39
37
  },
40
38
  plugins: [
41
- tailwindCSSVariable({
42
- colors: false,
43
- screens: 'screen',
44
- fontFamily: false,
45
- fontSize: false,
46
- fontWeight: false,
47
- lineHeight: false,
48
- letterSpacing: false,
49
- backgroundSize: false,
50
- borderWidth: false,
51
- borderRadius: false,
52
- width: false,
53
- height: false,
54
- minWidth: false,
55
- minHeight: false,
56
- maxWidth: false,
57
- maxHeight: false,
58
- padding: false,
59
- margin: false,
60
- boxShadow: false,
61
- zIndex: false,
62
- opacity: false,
63
- }),
64
39
  plugin(({ addUtilities }) => {
65
40
  addUtilities(utilities)
66
41
  }),