maz-ui 3.35.0 → 3.35.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.
- package/components/MazBadge.mjs +4 -4
- package/components/MazTabsBar.d.ts +5 -2
- package/components/MazTabsBar.mjs +1 -1
- package/components/assets/MazBadge.css +1 -1
- package/components/assets/MazTabsBar.css +1 -1
- package/components/chunks/{MazBadge-DyDXRPZk.mjs → MazBadge-BD-ljwz4.mjs} +4 -4
- package/components/chunks/MazTabsBar-DOoSBfpp.mjs +190 -0
- package/nuxt/index.json +1 -1
- package/package.json +1 -1
- package/types/components/MazTabsBar.vue.d.ts +5 -2
- package/components/chunks/MazTabsBar-CMH7Jt-K.mjs +0 -171
package/components/MazBadge.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "./assets/MazBadge.css";
|
|
2
|
-
import { defineComponent as n, openBlock as r, createElementBlock as s, normalizeClass as
|
|
2
|
+
import { defineComponent as n, openBlock as r, createElementBlock as s, normalizeClass as p, normalizeStyle as d, renderSlot as u } from "vue";
|
|
3
3
|
const f = /* @__PURE__ */ n({
|
|
4
4
|
__name: "MazBadge",
|
|
5
5
|
props: {
|
|
@@ -14,12 +14,12 @@ const f = /* @__PURE__ */ n({
|
|
|
14
14
|
return (e, a) => (r(), s(
|
|
15
15
|
"span",
|
|
16
16
|
{
|
|
17
|
-
class:
|
|
17
|
+
class: p(["m-badge", [
|
|
18
18
|
`--${e.color}`,
|
|
19
19
|
{ "--outline": e.outline, "--pastel": e.pastel, "--nowrap": e.nowrap },
|
|
20
20
|
`--rounded-${e.roundedSize}`
|
|
21
21
|
]]),
|
|
22
|
-
style:
|
|
22
|
+
style: d({ fontSize: e.size })
|
|
23
23
|
},
|
|
24
24
|
[
|
|
25
25
|
u(e.$slots, "default", {}, void 0, !0)
|
|
@@ -33,7 +33,7 @@ const f = /* @__PURE__ */ n({
|
|
|
33
33
|
for (const [t, l] of e)
|
|
34
34
|
a[t] = l;
|
|
35
35
|
return a;
|
|
36
|
-
}, z = /* @__PURE__ */ i(f, [["__scopeId", "data-v-
|
|
36
|
+
}, z = /* @__PURE__ */ i(f, [["__scopeId", "data-v-a74e7e9a"]]);
|
|
37
37
|
export {
|
|
38
38
|
z as default
|
|
39
39
|
};
|
|
@@ -3,7 +3,7 @@ export type MazTabsBarItem = {
|
|
|
3
3
|
label: string;
|
|
4
4
|
disabled?: boolean;
|
|
5
5
|
badge?: {
|
|
6
|
-
|
|
6
|
+
content: string | number | boolean;
|
|
7
7
|
color?: BadgeColor;
|
|
8
8
|
pastel?: boolean;
|
|
9
9
|
outline?: boolean;
|
|
@@ -44,7 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
44
44
|
label: string;
|
|
45
45
|
disabled: boolean;
|
|
46
46
|
badge: {
|
|
47
|
-
|
|
47
|
+
content: string | number | boolean;
|
|
48
48
|
color?: BadgeColor | undefined;
|
|
49
49
|
pastel?: boolean | undefined;
|
|
50
50
|
outline?: boolean | undefined;
|
|
@@ -55,6 +55,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
55
55
|
active: boolean;
|
|
56
56
|
index: number;
|
|
57
57
|
}): any;
|
|
58
|
+
"badge-content"?(_: {
|
|
59
|
+
content: string | number | boolean;
|
|
60
|
+
}): any;
|
|
58
61
|
}>;
|
|
59
62
|
export default _default;
|
|
60
63
|
type __VLS_WithDefaults<P, D> = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-badge[data-v-
|
|
1
|
+
.m-badge[data-v-a74e7e9a]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-width:var(--maz-border-width);font-weight:600;padding:.25em .5em;line-height:1.4em}.m-badge.--nowrap[data-v-a74e7e9a]{white-space:nowrap}.m-badge.--rounded-none[data-v-a74e7e9a]{border-radius:0}.m-badge.--rounded-sm[data-v-a74e7e9a]{border-radius:.125rem}.m-badge.--rounded-md[data-v-a74e7e9a]{border-radius:.375rem}.m-badge.--rounded-lg[data-v-a74e7e9a]{border-radius:var(--maz-border-radius)}.m-badge.--rounded-xl[data-v-a74e7e9a]{border-radius:.75rem}.m-badge.--rounded-full[data-v-a74e7e9a]{border-radius:9999px}.m-badge.--primary[data-v-a74e7e9a]{border-color:var(--maz-color-primary);background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-badge.--primary.--outline[data-v-a74e7e9a]{background-color:transparent;color:var(--maz-color-primary)}.m-badge.--primary.--pastel[data-v-a74e7e9a]{border-color:var(--maz-color-primary-100);background-color:var(--maz-color-primary-100);color:var(--maz-color-primary-800)}.m-badge.--info[data-v-a74e7e9a]{border-color:var(--maz-color-info);background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-badge.--info.--outline[data-v-a74e7e9a]{background-color:transparent;color:var(--maz-color-info)}.m-badge.--info.--pastel[data-v-a74e7e9a]{border-color:var(--maz-color-info-100);background-color:var(--maz-color-info-100);color:var(--maz-color-info-800)}.m-badge.--gray[data-v-a74e7e9a]{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-badge.--gray.--outline[data-v-a74e7e9a]{background-color:transparent;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-badge.--gray.--pastel[data-v-a74e7e9a]{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--black[data-v-a74e7e9a]{border-color:var(--maz-color-black);background-color:var(--maz-color-black);color:var(--maz-color-white)}.m-badge.--black.--outline[data-v-a74e7e9a]{background-color:transparent;color:var(--maz-color-black)}.m-badge.--black.--pastel[data-v-a74e7e9a]{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-badge.--white[data-v-a74e7e9a]{border-color:var(--maz-color-white);background-color:var(--maz-color-white);--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--white.--outline[data-v-a74e7e9a]{background-color:transparent;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--white.--pastel[data-v-a74e7e9a]{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-badge.--secondary[data-v-a74e7e9a]{border-color:var(--maz-color-secondary);background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-badge.--secondary.--outline[data-v-a74e7e9a]{background-color:transparent;color:var(--maz-color-secondary)}.m-badge.--secondary.--pastel[data-v-a74e7e9a]{border-color:var(--maz-color-secondary-100);background-color:var(--maz-color-secondary-100);color:var(--maz-color-secondary-800)}.m-badge.--danger[data-v-a74e7e9a]{border-color:var(--maz-color-danger);background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-badge.--danger.--outline[data-v-a74e7e9a]{background-color:transparent;color:var(--maz-color-danger)}.m-badge.--danger.--pastel[data-v-a74e7e9a]{border-color:var(--maz-color-danger-100);background-color:var(--maz-color-danger-100);color:var(--maz-color-danger-800)}.m-badge.--warning[data-v-a74e7e9a]{border-color:var(--maz-color-warning);background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-badge.--warning.--outline[data-v-a74e7e9a]{background-color:transparent;color:var(--maz-color-warning)}.m-badge.--warning.--pastel[data-v-a74e7e9a]{border-color:var(--maz-color-warning-100);background-color:var(--maz-color-warning-100);color:var(--maz-color-warning-800)}.m-badge.--success[data-v-a74e7e9a]{border-color:var(--maz-color-success);background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-badge.--success.--outline[data-v-a74e7e9a]{background-color:transparent;color:var(--maz-color-success)}.m-badge.--success.--pastel[data-v-a74e7e9a]{border-color:var(--maz-color-success-100);background-color:var(--maz-color-success-100);color:var(--maz-color-success-800)}.m-badge.--theme[data-v-a74e7e9a]{border-color:var(--maz-color-bg-theme);background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-badge.--theme.--outline[data-v-a74e7e9a]{border-color:var(--maz-border-color);background-color:transparent;color:var(--maz-color-bg-theme)}:is([class~=dark] .m-badge.--theme.--outline[data-v-a74e7e9a]){border-color:var(--maz-color-bg-lighter)}.m-badge.--theme.--pastel[data-v-a74e7e9a]{border-color:var(--maz-border-color);background-color:var(--maz-border-color);color:var(--maz-color-black)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-tabs-bar[data-v-56dbaa48]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;max-width:100%;gap:.25rem;overflow-x:auto;border-radius:var(--maz-border-radius);padding:.5rem}:is([class~=dark] .m-tabs-bar[data-v-56dbaa48]){border-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter)}.m-tabs-bar.--elevation[data-v-56dbaa48]{-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}:is([class~=dark] .m-tabs-bar.--elevation[data-v-56dbaa48]){--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;-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)}.m-tabs-bar.--block[data-v-56dbaa48]{width:100%}.m-tabs-bar__item[data-v-56dbaa48]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;border-radius:var(--maz-border-radius);padding:.5rem .75rem;text-align:center;font-weight:500;text-decoration-line:none;-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:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-tabs-bar__item[data-v-56dbaa48]:not(.--disabled){cursor:pointer}.m-tabs-bar__item[data-v-56dbaa48]:not(.--disabled):hover{color:var(--maz-color-text)!important}.m-tabs-bar__item.--disabled[data-v-56dbaa48]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}:is([class~=dark] .m-tabs-bar__item.--disabled[data-v-56dbaa48]){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.m-tabs-bar__indicator[data-v-56dbaa48]{position:absolute;left:0;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg-light);text-align:center;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}
|
|
1
|
+
html.--m-fullscreen-open{height:100vh;overflow:hidden}.m-fullscreen-img[data-v-4836a523]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;height:100vh;width:100vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-bg-overlay);outline:2px solid transparent;outline-offset:2px;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.m-fullscreen-img .m-fullscreen-img-scroller[data-v-4836a523]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;width:100vw;overflow:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-fullscreen-img img[data-v-4836a523]{position:fixed;z-index:1051;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;outline:2px solid transparent;outline-offset:2px}.m-fullscreen-img .m-fullscreen-img-loader[data-v-4836a523]{position:absolute;left:50%;top:50%;z-index:10;--tw-translate-x: -50%;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:3.75rem;line-height:1}.m-fullscreen-img .m-fullscreen-btn[data-v-4836a523]{position:absolute;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;height:5rem;width:7%;min-width:5em;cursor:pointer;padding:1rem;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s}.m-fullscreen-img .m-fullscreen-btn.--close[data-v-4836a523]{right:0;top:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-fullscreen-img .m-fullscreen-btn.--previous[data-v-4836a523]{left:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.m-fullscreen-img .m-fullscreen-btn.--next[data-v-4836a523]{right:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.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;gap:.5rem;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-2108a543],.m-toast *[data-v-2108a543]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-2108a543]{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;gap:.5rem;-ms-flex-item-align:center;align-self:center;overflow:hidden;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;--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-2108a543],.m-toast.--right[data-v-2108a543]{width:22rem}.m-toast.--center[data-v-2108a543]{width:22rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-2108a543]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-2108a543]{margin:0;text-align:left;font-weight:500}.m-toast .--close[data-v-2108a543]{display:-webkit-box;display:-ms-flexbox;display:flex;height:2.25rem;width:2.25rem;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-2108a543]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-2108a543]{cursor:pointer}.m-toast.--info[data-v-2108a543]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-2108a543]:hover{background-color:var(--maz-color-info-400)}.m-toast.--success[data-v-2108a543]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-2108a543]:hover{background-color:var(--maz-color-success-400)}.m-toast.--warning[data-v-2108a543]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-2108a543]:hover{background-color:var(--maz-color-warning-400)}.m-toast.--danger[data-v-2108a543]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-2108a543]:hover{background-color:var(--maz-color-danger-400)}.m-toast.--theme[data-v-2108a543]{background-color:var(--maz-color-bg);color:var(--maz-color-text)}.m-toast.--theme[data-v-2108a543]:hover{background-color:var(--maz-color-bg-light)}:is([class~=dark] .m-toast.--theme[data-v-2108a543]){border-width:var(--maz-border-width);border-style:solid;border-color:var(--maz-color-bg-lighter)}.m-slide-top-enter-active[data-v-2108a543],.m-slide-top-leave-active[data-v-2108a543]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-2108a543],.m-slide-top-leave-to[data-v-2108a543]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-2108a543],.m-slide-bottom-leave-active[data-v-2108a543]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-2108a543],.m-slide-bottom-leave-to[data-v-2108a543]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-2108a543],.m-slide-right-leave-active[data-v-2108a543]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-2108a543],.m-slide-right-leave-to[data-v-2108a543]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-2108a543],.m-slide-left-leave-active[data-v-2108a543]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-2108a543],.m-slide-left-leave-to[data-v-2108a543]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}.m-tabs-bar[data-v-0c9a611c]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;max-width:100%;gap:.25rem;overflow-x:auto;border-radius:var(--maz-border-radius);padding:.5rem}:is([class~=dark] .m-tabs-bar[data-v-0c9a611c]){border-width:var(--maz-border-width);border-color:var(--maz-color-bg-lighter)}.m-tabs-bar.--elevation[data-v-0c9a611c]{-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}:is([class~=dark] .m-tabs-bar.--elevation[data-v-0c9a611c]){--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;-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)}.m-tabs-bar.--block[data-v-0c9a611c]{width:100%}.m-tabs-bar__item[data-v-0c9a611c]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;border-radius:var(--maz-border-radius);padding:.5rem .75rem;text-align:center;font-weight:500;text-decoration-line:none;-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:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-tabs-bar__item[data-v-0c9a611c]:not(.--disabled){cursor:pointer}.m-tabs-bar__item[data-v-0c9a611c]:not(.--disabled):hover{color:var(--maz-color-text)!important}.m-tabs-bar__item.--disabled[data-v-0c9a611c]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}:is([class~=dark] .m-tabs-bar__item.--disabled[data-v-0c9a611c]){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.m-tabs-bar__indicator[data-v-0c9a611c]{position:absolute;left:0;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg-light);text-align:center}.m-tabs-bar__indicator.--animated[data-v-0c9a611c]{-webkit-transition-property:all;transition-property:all;-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)}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "../assets/MazBadge.css";
|
|
2
2
|
import { defineComponent as o, openBlock as a, createElementBlock as l, normalizeClass as t, normalizeStyle as r, renderSlot as n } from "vue";
|
|
3
|
-
import { _ as s } from "./MazTabsBar-
|
|
4
|
-
const
|
|
3
|
+
import { _ as s } from "./MazTabsBar-DOoSBfpp.mjs";
|
|
4
|
+
const p = /* @__PURE__ */ o({
|
|
5
5
|
__name: "MazBadge",
|
|
6
6
|
props: {
|
|
7
7
|
color: { default: "primary" },
|
|
@@ -11,7 +11,7 @@ const d = /* @__PURE__ */ o({
|
|
|
11
11
|
pastel: { type: Boolean, default: !1 },
|
|
12
12
|
roundedSize: { default: "md" }
|
|
13
13
|
},
|
|
14
|
-
setup(
|
|
14
|
+
setup(d) {
|
|
15
15
|
return (e, u) => (a(), l(
|
|
16
16
|
"span",
|
|
17
17
|
{
|
|
@@ -29,7 +29,7 @@ const d = /* @__PURE__ */ o({
|
|
|
29
29
|
/* CLASS, STYLE */
|
|
30
30
|
));
|
|
31
31
|
}
|
|
32
|
-
}), z = /* @__PURE__ */ s(
|
|
32
|
+
}), z = /* @__PURE__ */ s(p, [["__scopeId", "data-v-a74e7e9a"]]);
|
|
33
33
|
export {
|
|
34
34
|
z as default
|
|
35
35
|
};
|
|
@@ -0,0 +1,190 @@
|
|
|
1
|
+
import "../assets/MazTabsBar.css";
|
|
2
|
+
import { inject as I, ref as i, defineComponent as N, defineAsyncComponent as O, computed as V, onBeforeMount as W, onMounted as B, watch as j, openBlock as f, createElementBlock as p, normalizeClass as g, createElementVNode as q, normalizeStyle as S, Fragment as H, renderList as U, createCommentVNode as v, renderSlot as C, createTextVNode as T, toDisplayString as k, createBlock as Q, unref as X, withCtx as D } from "vue";
|
|
3
|
+
function F(n, s) {
|
|
4
|
+
const o = I(n, s);
|
|
5
|
+
if (!o)
|
|
6
|
+
throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${n}`);
|
|
7
|
+
return o;
|
|
8
|
+
}
|
|
9
|
+
const x = (n) => new Promise((s) => {
|
|
10
|
+
setTimeout(s, n);
|
|
11
|
+
}), G = (n, s) => {
|
|
12
|
+
const o = n.__vccOpts || n;
|
|
13
|
+
for (const [c, b] of s)
|
|
14
|
+
o[c] = b;
|
|
15
|
+
return o;
|
|
16
|
+
};
|
|
17
|
+
i("system");
|
|
18
|
+
i("system");
|
|
19
|
+
const J = ["disabled", "onClick"], K = /* @__PURE__ */ N({
|
|
20
|
+
__name: "MazTabsBar",
|
|
21
|
+
props: {
|
|
22
|
+
items: {},
|
|
23
|
+
persistent: { type: Boolean },
|
|
24
|
+
queryParam: { default: "tab" },
|
|
25
|
+
block: { type: Boolean },
|
|
26
|
+
noElevation: { type: Boolean },
|
|
27
|
+
autoScroll: { type: Boolean, default: !0 }
|
|
28
|
+
},
|
|
29
|
+
setup(n) {
|
|
30
|
+
const s = O(() => import("./MazBadge-BD-ljwz4.mjs")), { currentTab: o, updateCurrentTab: c } = F("maz-tabs");
|
|
31
|
+
function b(e) {
|
|
32
|
+
c(e + 1), l.persistent && M(e + 1);
|
|
33
|
+
}
|
|
34
|
+
const l = n, h = i(), y = i([]);
|
|
35
|
+
function _(e) {
|
|
36
|
+
return o.value === e + 1;
|
|
37
|
+
}
|
|
38
|
+
function L({
|
|
39
|
+
mazBtn: e,
|
|
40
|
+
index: t
|
|
41
|
+
}) {
|
|
42
|
+
y.value[t] = e && "$el" in e ? e.$el : e;
|
|
43
|
+
}
|
|
44
|
+
const d = V(
|
|
45
|
+
() => l.items.map((e) => ({
|
|
46
|
+
label: typeof e == "string" ? e : e.label,
|
|
47
|
+
disabled: typeof e == "string" ? !1 : e.disabled ?? !1,
|
|
48
|
+
badge: typeof e == "string" ? void 0 : e.badge
|
|
49
|
+
}))
|
|
50
|
+
), w = i(), m = i(!1);
|
|
51
|
+
async function z() {
|
|
52
|
+
if (!l.autoScroll)
|
|
53
|
+
return;
|
|
54
|
+
await x(150);
|
|
55
|
+
const e = h.value, t = y.value[o.value - 1];
|
|
56
|
+
if (!e || !t)
|
|
57
|
+
return;
|
|
58
|
+
const a = 50;
|
|
59
|
+
if (t.offsetLeft - a < e.scrollLeft || t.offsetLeft + t.offsetWidth > e.scrollLeft + e.clientWidth) {
|
|
60
|
+
const E = window.getComputedStyle(e, "padding-left").paddingLeft, R = Number(E.slice(0, -2));
|
|
61
|
+
e.scrollTo({
|
|
62
|
+
left: t.offsetLeft - R - a,
|
|
63
|
+
behavior: m.value ? "smooth" : "instant"
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
if (typeof o.value != "number")
|
|
67
|
+
return;
|
|
68
|
+
const r = (t == null ? void 0 : t.offsetWidth) ?? 0, u = (t == null ? void 0 : t.offsetHeight) ?? 0, A = (t == null ? void 0 : t.offsetLeft) ?? 0;
|
|
69
|
+
w.value = {
|
|
70
|
+
transform: `translateX(${A}px)`,
|
|
71
|
+
width: `${r}px`,
|
|
72
|
+
height: `${u}px`
|
|
73
|
+
}, m.value = !0;
|
|
74
|
+
}
|
|
75
|
+
function P(e, t) {
|
|
76
|
+
return t ? {} : o.value === e + 1 ? "color: var(--maz-color-text)" : "color: var(--maz-color-muted)";
|
|
77
|
+
}
|
|
78
|
+
W(() => {
|
|
79
|
+
(o.value < 1 || o.value > d.value.length) && console.error(
|
|
80
|
+
`[maz-ui](MazTabsBar) The model-value should be between 1 and ${d.value.length}`
|
|
81
|
+
);
|
|
82
|
+
}), B(() => {
|
|
83
|
+
l.persistent && z();
|
|
84
|
+
}), j(
|
|
85
|
+
() => [o.value, d.value],
|
|
86
|
+
() => {
|
|
87
|
+
z();
|
|
88
|
+
}
|
|
89
|
+
);
|
|
90
|
+
function $() {
|
|
91
|
+
const e = new URL(window.location.href);
|
|
92
|
+
return Number(e.searchParams.get(l.queryParam));
|
|
93
|
+
}
|
|
94
|
+
function M(e) {
|
|
95
|
+
const t = new URL(window.location.href);
|
|
96
|
+
t.searchParams.set(l.queryParam, String(e)), window.history.replaceState({}, document.title, t.toString());
|
|
97
|
+
}
|
|
98
|
+
return B(async () => {
|
|
99
|
+
l.persistent && c($() || o.value || 1);
|
|
100
|
+
}), (e, t) => (f(), p(
|
|
101
|
+
"div",
|
|
102
|
+
{
|
|
103
|
+
ref_key: "tabsBarRef",
|
|
104
|
+
ref: h,
|
|
105
|
+
class: g(["m-tabs-bar", {
|
|
106
|
+
"--block": e.block,
|
|
107
|
+
"--elevation": !e.noElevation
|
|
108
|
+
}])
|
|
109
|
+
},
|
|
110
|
+
[
|
|
111
|
+
q(
|
|
112
|
+
"div",
|
|
113
|
+
{
|
|
114
|
+
class: g(["m-tabs-bar__indicator", { "--animated": m.value }]),
|
|
115
|
+
style: S([w.value])
|
|
116
|
+
},
|
|
117
|
+
null,
|
|
118
|
+
6
|
|
119
|
+
/* CLASS, STYLE */
|
|
120
|
+
),
|
|
121
|
+
(f(!0), p(
|
|
122
|
+
H,
|
|
123
|
+
null,
|
|
124
|
+
U(d.value, (a, r) => (f(), p("button", {
|
|
125
|
+
key: r,
|
|
126
|
+
ref_for: !0,
|
|
127
|
+
ref: (u) => L({ mazBtn: u, index: r }),
|
|
128
|
+
class: g([{ "--active": _(r), "--disabled": a.disabled }, "m-tabs-bar__item"]),
|
|
129
|
+
disabled: a.disabled,
|
|
130
|
+
style: S(P(r, a.disabled)),
|
|
131
|
+
onClick: (u) => a.disabled ? void 0 : b(r)
|
|
132
|
+
}, [
|
|
133
|
+
v(`
|
|
134
|
+
@slot item - Content of item to display in the tabs bar
|
|
135
|
+
@binding {MazTabsBarItem[]} item - all data of the item
|
|
136
|
+
@binding {boolean} active - \`true\` if the tab is active
|
|
137
|
+
@binding {number} index - index of the item
|
|
138
|
+
`),
|
|
139
|
+
C(e.$slots, "item", {
|
|
140
|
+
item: a,
|
|
141
|
+
active: _(r),
|
|
142
|
+
index: r
|
|
143
|
+
}, () => [
|
|
144
|
+
T(
|
|
145
|
+
k(a.label) + " ",
|
|
146
|
+
1
|
|
147
|
+
/* TEXT */
|
|
148
|
+
),
|
|
149
|
+
a.badge ? (f(), Q(X(s), {
|
|
150
|
+
key: 0,
|
|
151
|
+
color: a.badge.color,
|
|
152
|
+
pastel: a.badge.pastel,
|
|
153
|
+
outline: a.badge.outline,
|
|
154
|
+
"rounded-size": a.badge.roundedSize,
|
|
155
|
+
size: a.badge.size ?? "0.7rem",
|
|
156
|
+
class: "m-tabs-bar__item__badge"
|
|
157
|
+
}, {
|
|
158
|
+
default: D(() => [
|
|
159
|
+
v(`
|
|
160
|
+
@slot badge-content - Content in the badge
|
|
161
|
+
@binding {string | number | boolean} content - content of the badge provided in item
|
|
162
|
+
`),
|
|
163
|
+
C(e.$slots, "badge-content", {
|
|
164
|
+
content: a.badge.content
|
|
165
|
+
}, () => [
|
|
166
|
+
T(
|
|
167
|
+
k(a.badge.content),
|
|
168
|
+
1
|
|
169
|
+
/* TEXT */
|
|
170
|
+
)
|
|
171
|
+
], !0)
|
|
172
|
+
]),
|
|
173
|
+
_: 2
|
|
174
|
+
/* DYNAMIC */
|
|
175
|
+
}, 1032, ["color", "pastel", "outline", "rounded-size", "size"])) : v("v-if", !0)
|
|
176
|
+
], !0)
|
|
177
|
+
], 14, J))),
|
|
178
|
+
128
|
|
179
|
+
/* KEYED_FRAGMENT */
|
|
180
|
+
))
|
|
181
|
+
],
|
|
182
|
+
2
|
|
183
|
+
/* CLASS */
|
|
184
|
+
));
|
|
185
|
+
}
|
|
186
|
+
}), ee = /* @__PURE__ */ G(K, [["__scopeId", "data-v-0c9a611c"]]);
|
|
187
|
+
export {
|
|
188
|
+
ee as M,
|
|
189
|
+
G as _
|
|
190
|
+
};
|
package/nuxt/index.json
CHANGED
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@ export type MazTabsBarItem = {
|
|
|
3
3
|
label: string;
|
|
4
4
|
disabled?: boolean;
|
|
5
5
|
badge?: {
|
|
6
|
-
|
|
6
|
+
content: string | number | boolean;
|
|
7
7
|
color?: BadgeColor;
|
|
8
8
|
pastel?: boolean;
|
|
9
9
|
outline?: boolean;
|
|
@@ -44,7 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
44
44
|
label: string;
|
|
45
45
|
disabled: boolean;
|
|
46
46
|
badge: {
|
|
47
|
-
|
|
47
|
+
content: string | number | boolean;
|
|
48
48
|
color?: BadgeColor | undefined;
|
|
49
49
|
pastel?: boolean | undefined;
|
|
50
50
|
outline?: boolean | undefined;
|
|
@@ -55,6 +55,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
55
55
|
active: boolean;
|
|
56
56
|
index: number;
|
|
57
57
|
}): any;
|
|
58
|
+
"badge-content"?(_: {
|
|
59
|
+
content: string | number | boolean;
|
|
60
|
+
}): any;
|
|
58
61
|
}>;
|
|
59
62
|
export default _default;
|
|
60
63
|
type __VLS_WithDefaults<P, D> = {
|
|
@@ -1,171 +0,0 @@
|
|
|
1
|
-
import "../assets/MazTabsBar.css";
|
|
2
|
-
import { inject as E, defineComponent as R, defineAsyncComponent as N, ref as p, computed as V, watchEffect as W, nextTick as j, onBeforeMount as q, onMounted as O, openBlock as d, createElementBlock as v, normalizeClass as y, createElementVNode as U, normalizeStyle as w, Fragment as x, renderList as H, createCommentVNode as T, renderSlot as Q, createTextVNode as _, toDisplayString as z, createBlock as X, unref as D, withCtx as F } from "vue";
|
|
3
|
-
function G(n, l) {
|
|
4
|
-
const a = E(n, l);
|
|
5
|
-
if (!a)
|
|
6
|
-
throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${n}`);
|
|
7
|
-
return a;
|
|
8
|
-
}
|
|
9
|
-
const B = (n) => new Promise((l) => {
|
|
10
|
-
setTimeout(l, n);
|
|
11
|
-
}), J = ["disabled", "onClick"], K = /* @__PURE__ */ R({
|
|
12
|
-
__name: "MazTabsBar",
|
|
13
|
-
props: {
|
|
14
|
-
items: {},
|
|
15
|
-
persistent: { type: Boolean },
|
|
16
|
-
queryParam: { default: "tab" },
|
|
17
|
-
block: { type: Boolean },
|
|
18
|
-
noElevation: { type: Boolean },
|
|
19
|
-
autoScroll: { type: Boolean, default: !0 }
|
|
20
|
-
},
|
|
21
|
-
setup(n) {
|
|
22
|
-
const l = N(() => import("./MazBadge-DyDXRPZk.mjs")), { currentTab: a, updateCurrentTab: i } = G("maz-tabs");
|
|
23
|
-
function u(e) {
|
|
24
|
-
i(e + 1), s.persistent && L(e + 1);
|
|
25
|
-
}
|
|
26
|
-
const s = n, g = p(), f = p([]);
|
|
27
|
-
function m(e) {
|
|
28
|
-
return a.value === e + 1;
|
|
29
|
-
}
|
|
30
|
-
function S({
|
|
31
|
-
mazBtn: e,
|
|
32
|
-
index: o
|
|
33
|
-
}) {
|
|
34
|
-
f.value[o] = e && "$el" in e ? e.$el : e;
|
|
35
|
-
}
|
|
36
|
-
const b = V(
|
|
37
|
-
() => s.items.map((e) => ({
|
|
38
|
-
label: typeof e == "string" ? e : e.label,
|
|
39
|
-
disabled: typeof e == "string" ? !1 : e.disabled ?? !1,
|
|
40
|
-
badge: typeof e == "string" ? void 0 : e.badge
|
|
41
|
-
}))
|
|
42
|
-
), h = p();
|
|
43
|
-
W(async () => {
|
|
44
|
-
if (!s.autoScroll)
|
|
45
|
-
return;
|
|
46
|
-
const e = g.value, o = f.value[a.value - 1];
|
|
47
|
-
if (!e || !o)
|
|
48
|
-
return;
|
|
49
|
-
if (await j(), await B(150), o.offsetLeft < e.scrollLeft || o.offsetLeft + o.offsetWidth > e.scrollLeft + e.clientWidth) {
|
|
50
|
-
const $ = window.getComputedStyle(e, "padding-left").paddingLeft, M = Number($.slice(0, -2));
|
|
51
|
-
e.scrollTo({
|
|
52
|
-
left: o.offsetLeft - M,
|
|
53
|
-
behavior: "smooth"
|
|
54
|
-
// Ajoutez le défilement fluide
|
|
55
|
-
}), await B(150);
|
|
56
|
-
}
|
|
57
|
-
if (typeof a.value != "number")
|
|
58
|
-
return {};
|
|
59
|
-
const t = f.value[a.value - 1], r = (t == null ? void 0 : t.offsetWidth) ?? 0, c = (t == null ? void 0 : t.offsetHeight) ?? 0, P = (t == null ? void 0 : t.offsetLeft) ?? 0;
|
|
60
|
-
h.value = {
|
|
61
|
-
transform: `translateX(${P}px)`,
|
|
62
|
-
width: `${r}px`,
|
|
63
|
-
height: `${c}px`
|
|
64
|
-
};
|
|
65
|
-
});
|
|
66
|
-
function k(e, o) {
|
|
67
|
-
return o ? {} : a.value === e + 1 ? "color: var(--maz-color-text)" : "color: var(--maz-color-muted)";
|
|
68
|
-
}
|
|
69
|
-
q(() => {
|
|
70
|
-
(a.value < 1 || a.value > b.value.length) && console.error(
|
|
71
|
-
`[maz-ui](MazTabsBar) The model-value should be between 1 and ${b.value.length}`
|
|
72
|
-
);
|
|
73
|
-
});
|
|
74
|
-
function C() {
|
|
75
|
-
const e = new URL(window.location.href);
|
|
76
|
-
return Number(e.searchParams.get(s.queryParam));
|
|
77
|
-
}
|
|
78
|
-
function L(e) {
|
|
79
|
-
const o = new URL(window.location.href);
|
|
80
|
-
o.searchParams.set(s.queryParam, String(e)), window.history.replaceState({}, document.title, o.toString());
|
|
81
|
-
}
|
|
82
|
-
return O(async () => {
|
|
83
|
-
s.persistent && i(C() || a.value || 1);
|
|
84
|
-
}), (e, o) => (d(), v(
|
|
85
|
-
"div",
|
|
86
|
-
{
|
|
87
|
-
ref_key: "tabsBarRef",
|
|
88
|
-
ref: g,
|
|
89
|
-
class: y(["m-tabs-bar", {
|
|
90
|
-
"--block": e.block,
|
|
91
|
-
"--elevation": !e.noElevation
|
|
92
|
-
}])
|
|
93
|
-
},
|
|
94
|
-
[
|
|
95
|
-
U(
|
|
96
|
-
"div",
|
|
97
|
-
{
|
|
98
|
-
class: "m-tabs-bar__indicator",
|
|
99
|
-
style: w([h.value])
|
|
100
|
-
},
|
|
101
|
-
null,
|
|
102
|
-
4
|
|
103
|
-
/* STYLE */
|
|
104
|
-
),
|
|
105
|
-
(d(!0), v(
|
|
106
|
-
x,
|
|
107
|
-
null,
|
|
108
|
-
H(b.value, (t, r) => (d(), v("button", {
|
|
109
|
-
key: r,
|
|
110
|
-
ref_for: !0,
|
|
111
|
-
ref: (c) => S({ mazBtn: c, index: r }),
|
|
112
|
-
class: y([{ "--active": m(r), "--disabled": t.disabled }, "m-tabs-bar__item"]),
|
|
113
|
-
disabled: t.disabled,
|
|
114
|
-
style: w(k(r, t.disabled)),
|
|
115
|
-
onClick: (c) => t.disabled ? void 0 : u(r)
|
|
116
|
-
}, [
|
|
117
|
-
T(`
|
|
118
|
-
@slot item - Content of item to display in the tabs bar
|
|
119
|
-
@binding {MazTabsBarItem[]} item - all data of the item
|
|
120
|
-
@binding {boolean} active - \`true\` if the tab is active
|
|
121
|
-
@binding {number} index - index of the item
|
|
122
|
-
`),
|
|
123
|
-
Q(e.$slots, "item", {
|
|
124
|
-
item: t,
|
|
125
|
-
active: m(r),
|
|
126
|
-
index: r
|
|
127
|
-
}, () => [
|
|
128
|
-
_(
|
|
129
|
-
z(t.label) + " ",
|
|
130
|
-
1
|
|
131
|
-
/* TEXT */
|
|
132
|
-
),
|
|
133
|
-
t.badge ? (d(), X(D(l), {
|
|
134
|
-
key: 0,
|
|
135
|
-
color: t.badge.color,
|
|
136
|
-
pastel: t.badge.pastel,
|
|
137
|
-
outline: t.badge.outline,
|
|
138
|
-
"rounded-size": t.badge.roundedSize,
|
|
139
|
-
size: t.badge.size,
|
|
140
|
-
nowrap: ""
|
|
141
|
-
}, {
|
|
142
|
-
default: F(() => [
|
|
143
|
-
_(
|
|
144
|
-
z(t.badge.value),
|
|
145
|
-
1
|
|
146
|
-
/* TEXT */
|
|
147
|
-
)
|
|
148
|
-
]),
|
|
149
|
-
_: 2
|
|
150
|
-
/* DYNAMIC */
|
|
151
|
-
}, 1032, ["color", "pastel", "outline", "rounded-size", "size"])) : T("v-if", !0)
|
|
152
|
-
], !0)
|
|
153
|
-
], 14, J))),
|
|
154
|
-
128
|
|
155
|
-
/* KEYED_FRAGMENT */
|
|
156
|
-
))
|
|
157
|
-
],
|
|
158
|
-
2
|
|
159
|
-
/* CLASS */
|
|
160
|
-
));
|
|
161
|
-
}
|
|
162
|
-
}), Y = (n, l) => {
|
|
163
|
-
const a = n.__vccOpts || n;
|
|
164
|
-
for (const [i, u] of l)
|
|
165
|
-
a[i] = u;
|
|
166
|
-
return a;
|
|
167
|
-
}, I = /* @__PURE__ */ Y(K, [["__scopeId", "data-v-56dbaa48"]]);
|
|
168
|
-
export {
|
|
169
|
-
I as M,
|
|
170
|
-
Y as _
|
|
171
|
-
};
|