maz-ui 5.0.0-beta.36 → 5.0.0-beta.38
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/dist/assets/{MazBtn.BaoUBSlx.css → MazBtn.YF06fX4K.css} +1 -1
- package/dist/assets/MazTable.BlraYXD2.css +2 -0
- package/dist/chunks/{MazBottomSheet.BMiGc4uw.js → MazBottomSheet.BF9imPJ6.js} +1 -1
- package/dist/chunks/MazBtn.BDvqcYIY.js +1 -0
- package/dist/chunks/{MazDropzone.Cz5cSHN8.js → MazDropzone.BntPhoYq.js} +1 -1
- package/dist/chunks/{MazInputTags.CgEsmbnw.js → MazInputTags.7WzwopR1.js} +1 -1
- package/dist/chunks/{MazMarkdownEditor.zmln9XoX.js → MazMarkdownEditor.BZQItWt2.js} +1 -1
- package/dist/chunks/{MazPagination.C9dBe4AB.js → MazPagination.BuFeBpT5.js} +1 -1
- package/dist/chunks/{MazPickerCalendarGrid.9RHBzkN0.js → MazPickerCalendarGrid.Cdqyx-sd.js} +1 -1
- package/dist/chunks/MazTable.BHEu61tz.js +1 -0
- package/dist/chunks/{MazTableCell.DNP_LZnR.js → MazTableCell.hZBsPYvA.js} +1 -1
- package/dist/chunks/{MazTableRow.BXIXL0yV.js → MazTableRow.BAFX8aWT.js} +1 -1
- package/dist/chunks/{MazTableTitle.9l_upktE.js → MazTableTitle.CFUi0aKO.js} +1 -1
- package/dist/chunks/{MazTabsBar.6uYFYXhR.js → MazTabsBar.Fscr154L.js} +1 -1
- package/dist/components/MazBottomSheet.js +1 -1
- package/dist/components/MazBtn.js +1 -1
- package/dist/components/MazBtn.vue.d.ts +5 -0
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarGrid.js +1 -1
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarMonth.js +1 -1
- package/dist/components/MazDatePicker/MazPickerCalendarSwitcher.js +1 -1
- package/dist/components/MazDatePicker/MazPickerMonthSwitcher.js +1 -1
- package/dist/components/MazDatePicker/MazPickerShortcuts.js +1 -1
- package/dist/components/MazDatePicker/MazPickerTime.js +1 -1
- package/dist/components/MazDatePicker/MazPickerYearSwitcher.js +1 -1
- package/dist/components/MazDropzone.js +1 -1
- package/dist/components/MazInputTags.js +1 -1
- package/dist/components/MazMarkdownEditor.js +1 -1
- package/dist/components/MazPagination.js +1 -1
- package/dist/components/MazTable.js +1 -1
- package/dist/components/MazTable.vue.d.ts +15 -0
- package/dist/components/MazTableCell.js +1 -1
- package/dist/components/MazTableRow.js +1 -1
- package/dist/components/MazTableTitle.js +1 -1
- package/dist/components/MazTabsBar.js +1 -1
- package/dist/components/MazTabsBar.vue.d.ts +1 -0
- package/dist/components/index.js +1 -1
- package/package.json +6 -6
- package/dist/assets/MazTable.f1OT5uX2.css +0 -2
- package/dist/chunks/MazBtn.C7LV-iX2.js +0 -1
- package/dist/chunks/MazTable.DyMoS2Gm.js +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.m-btn[data-v-
|
|
2
|
+
.m-btn[data-v-48b88c67]{--m-btn-bg-hover:oklch(from var(--m-btn-bg) clamp(0, calc(l - .05), 1) c h);--m-btn-bg-active:oklch(from var(--m-btn-bg) clamp(0, calc(l - .1), 1) c h);--m-btn-bd-light:oklch(from var(--m-btn-bg) clamp(0, calc(l + .06), 1) c h);--m-btn-bd-dark:oklch(from var(--m-btn-bg) clamp(0, calc(l - .1), 1) c h);--m-btn-pastel-bg:var(--m-btn-bg)}@supports (color:color-mix(in lab, red, red)){.m-btn[data-v-48b88c67]{--m-btn-pastel-bg:color-mix(in srgb, var(--m-btn-bg) 20%, transparent)}}.m-btn[data-v-48b88c67]{--m-btn-pastel-fg:oklch(from var(--m-btn-bg) clamp(0, calc(l - .1), 1) c h);justify-content:var(--m-btn-justify,center);background-color:var(--m-btn-bg);color:var(--m-btn-fg);font-weight:var(--maz-btn-font-weight,500);outline-offset:2px;outline:2px solid #0000}.m-btn[data-v-48b88c67]:not(:disabled):hover{background-color:var(--m-btn-bg-hover)}.m-btn[data-v-48b88c67]:not(:disabled):active,.m-btn.--active[data-v-48b88c67]{background-color:var(--m-btn-bg-active)}.m-btn[data-v-48b88c67]:focus-visible{outline-color:var(--m-btn-bg,var(--maz-primary))}.m-btn-loader-container[data-v-48b88c67]{inset:calc(var(--maz-space) * 0);background-color:var(--m-btn-bg);color:var(--m-btn-fg);justify-content:center;align-items:center;display:flex;position:absolute}.m-btn.--outlined[data-v-48b88c67]{border-color:var(--m-btn-bd-light);background-color:#0000}.m-btn.--outlined[data-v-48b88c67]:where(.dark,.dark *){border-color:var(--m-btn-bd-dark)}.m-btn.--outlined[data-v-48b88c67]{color:var(--m-btn-bg)}.m-btn.--outlined[data-v-48b88c67]:not(:disabled):hover{background-color:var(--m-btn-bg)}@supports (color:color-mix(in lab, red, red)){.m-btn.--outlined[data-v-48b88c67]:not(:disabled):hover{background-color:color-mix(in srgb, var(--m-btn-bg) 10%, transparent)}}.m-btn.--outlined[data-v-48b88c67]:not(:disabled):active,.m-btn.--outlined.--active[data-v-48b88c67]{background-color:var(--m-btn-bg)}@supports (color:color-mix(in lab, red, red)){.m-btn.--outlined[data-v-48b88c67]:not(:disabled):active,.m-btn.--outlined.--active[data-v-48b88c67]{background-color:color-mix(in srgb, var(--m-btn-bg) 20%, transparent)}}.m-btn.--pastel[data-v-48b88c67]{background-color:var(--m-btn-pastel-bg);color:var(--m-btn-pastel-fg)}.m-btn.--pastel[data-v-48b88c67]:not(:disabled):hover{background-color:var(--m-btn-bg);color:var(--m-btn-fg)}.m-btn.--pastel[data-v-48b88c67]:not(:disabled):active,.m-btn.--pastel.--active[data-v-48b88c67]{background-color:var(--m-btn-bg-hover);color:var(--m-btn-fg)}.m-btn.--transparent[data-v-48b88c67]{color:var(--maz-color-foreground,var(--maz-foreground));background-color:#0000}.m-btn.--transparent[data-v-48b88c67]:not(:disabled):hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}@supports (color:color-mix(in lab, red, red)){.m-btn.--transparent[data-v-48b88c67]:not(:disabled):hover{background-color:color-mix(in oklab, var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h)) 50%, transparent)}}.m-btn.--transparent[data-v-48b88c67]:not(:disabled):hover:where(.dark,.dark *){background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-btn.--transparent.--outlined[data-v-48b88c67]{border-color:var(--maz-color-divider,var(--maz-divider))}.m-btn.--transparent.--outlined[data-v-48b88c67]:not(:disabled):hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}@supports (color:color-mix(in lab, red, red)){.m-btn.--transparent.--outlined[data-v-48b88c67]:not(:disabled):hover{background-color:color-mix(in oklab, var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h)) 50%, transparent)}}.m-btn.--transparent.--outlined[data-v-48b88c67]:not(:disabled):active,.m-btn.--transparent.--outlined.--active[data-v-48b88c67],.m-btn.--transparent.--pastel[data-v-48b88c67]:not(:disabled):hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}.m-btn.--transparent.--pastel[data-v-48b88c67]:not(:disabled):active,.m-btn.--transparent.--pastel.--active[data-v-48b88c67]{background-color:var(--maz-color-surface-700,oklch(from var(--maz-surface) clamp(0, calc(l - .1), 1) c h))}.m-btn.--transparent .m-btn-loader-container[data-v-48b88c67],.m-btn.--surface[data-v-48b88c67]{background-color:var(--maz-color-surface,var(--maz-surface));color:var(--maz-color-foreground,var(--maz-foreground))}.m-btn.--surface[data-v-48b88c67]:not(:disabled):hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}.m-btn.--surface[data-v-48b88c67]:not(:disabled):hover:where(.dark,.dark *){background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-btn.--surface[data-v-48b88c67]:not(:disabled):active,.m-btn.--surface.--active[data-v-48b88c67]{background-color:var(--maz-color-surface-700,oklch(from var(--maz-surface) clamp(0, calc(l - .1), 1) c h))}:is(.m-btn.--surface[data-v-48b88c67]:not(:disabled):active,.m-btn.--surface.--active[data-v-48b88c67]):where(.dark,.dark *){background-color:var(--maz-color-surface-300,oklch(from var(--maz-surface) clamp(0, calc(l + .13), 1) c h))}.m-btn.--surface.--outlined[data-v-48b88c67]{border-color:var(--maz-color-divider,var(--maz-divider));background-color:#0000}.m-btn.--surface.--outlined[data-v-48b88c67]:not(:disabled):hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}@supports (color:color-mix(in lab, red, red)){.m-btn.--surface.--outlined[data-v-48b88c67]:not(:disabled):hover{background-color:color-mix(in oklab, var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h)) 50%, transparent)}}.m-btn.--surface.--outlined[data-v-48b88c67]:not(:disabled):active,.m-btn.--surface.--outlined.--active[data-v-48b88c67],.m-btn.--surface.--pastel[data-v-48b88c67]{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}.m-btn.--surface.--pastel[data-v-48b88c67]:not(:disabled):hover{background-color:var(--maz-color-surface-700,oklch(from var(--maz-surface) clamp(0, calc(l - .1), 1) c h))}.m-btn.--surface.--pastel[data-v-48b88c67]:not(:disabled):active,.m-btn.--surface.--pastel.--active[data-v-48b88c67]{background-color:var(--maz-color-surface-800,oklch(from var(--maz-surface) clamp(0, calc(l - .16), 1) calc(c * .9) h))}.m-btn.--surface .m-btn-loader-container[data-v-48b88c67]{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h));color:var(--maz-color-foreground,var(--maz-foreground))}.m-btn.--surface .m-btn-loader-container[data-v-48b88c67]:where(.dark,.dark *){background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-btn.--block[data-v-48b88c67]{width:100%}.m-btn[data-v-48b88c67]:disabled:not(.--loading){cursor:var(--maz-disabled-cursor);border-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h));background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h));color:var(--maz-color-muted,var(--maz-muted))}.m-btn[data-v-48b88c67]:disabled:not(.--loading):where(.dark,.dark *){border-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h));background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-btn.--loading[data-v-48b88c67]{cursor:wait}.m-btn.--no-padding[data-v-48b88c67]{padding:calc(var(--maz-space) * 0)}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-edb2c56b],[data-v-edb2c56b]:before,[data-v-edb2c56b]:after{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-duration:initial;--tw-ease:initial;--tw-divide-y-reverse:0}[data-v-edb2c56b]::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-duration:initial;--tw-ease:initial;--tw-divide-y-reverse:0}}}.m-table-wrapper[data-v-edb2c56b]:not(.--rounded-none){border-radius:var(--maz-rounded-xl)}.m-table-wrapper.--rounded-sm[data-v-edb2c56b],.m-table-wrapper.--rounded-sm table[data-v-edb2c56b]{border-radius:var(--maz-rounded-xs)}.m-table-wrapper.--rounded-sm table thead tr[data-v-edb2c56b]:hover:first-child{border-bottom-right-radius:var(--maz-rounded-sm);border-bottom-left-radius:var(--maz-rounded-sm)}.m-table-wrapper.--rounded-sm table thead tr:hover:first-child th[data-v-edb2c56b]:first-child{border-top-left-radius:var(--maz-rounded-sm)}.m-table-wrapper.--rounded-sm table thead tr:hover:first-child th[data-v-edb2c56b]:last-child{border-top-right-radius:var(--maz-rounded-sm)}.m-table-wrapper.--rounded-sm table tbody tr[data-v-edb2c56b]:hover:last-child{border-bottom-right-radius:var(--maz-rounded-sm);border-bottom-left-radius:var(--maz-rounded-sm)}.m-table-wrapper.--rounded-sm table tbody tr:hover:last-child td[data-v-edb2c56b]:first-child{border-bottom-left-radius:var(--maz-rounded-sm)}.m-table-wrapper.--rounded-sm table tbody tr:hover:last-child td[data-v-edb2c56b]:last-child{border-bottom-right-radius:var(--maz-rounded-sm)}.m-table-wrapper.--rounded-md[data-v-edb2c56b],.m-table-wrapper.--rounded-md table[data-v-edb2c56b]{border-radius:var(--maz-rounded-md)}.m-table-wrapper.--rounded-md table thead tr[data-v-edb2c56b]:hover:first-child{border-bottom-right-radius:var(--maz-rounded-md);border-bottom-left-radius:var(--maz-rounded-md)}.m-table-wrapper.--rounded-md table thead tr:hover:first-child th[data-v-edb2c56b]:first-child{border-top-left-radius:var(--maz-rounded-md)}.m-table-wrapper.--rounded-md table thead tr:hover:first-child th[data-v-edb2c56b]:last-child{border-top-right-radius:var(--maz-rounded-md)}.m-table-wrapper.--rounded-md table tbody tr[data-v-edb2c56b]:hover:last-child{border-bottom-right-radius:var(--maz-rounded-md);border-bottom-left-radius:var(--maz-rounded-md)}.m-table-wrapper.--rounded-md table tbody tr:hover:last-child td[data-v-edb2c56b]:first-child{border-bottom-left-radius:var(--maz-rounded-md)}.m-table-wrapper.--rounded-md table tbody tr:hover:last-child td[data-v-edb2c56b]:last-child{border-bottom-right-radius:var(--maz-rounded-md)}.m-table-wrapper.--rounded-lg[data-v-edb2c56b],.m-table-wrapper.--rounded-lg table[data-v-edb2c56b]{border-radius:var(--maz-rounded-lg)}.m-table-wrapper.--rounded-lg table thead tr[data-v-edb2c56b]:hover:first-child{border-bottom-right-radius:var(--maz-rounded-lg);border-bottom-left-radius:var(--maz-rounded-lg)}.m-table-wrapper.--rounded-lg table thead tr:hover:first-child th[data-v-edb2c56b]:first-child{border-top-left-radius:var(--maz-rounded-lg)}.m-table-wrapper.--rounded-lg table thead tr:hover:first-child th[data-v-edb2c56b]:last-child{border-top-right-radius:var(--maz-rounded-lg)}.m-table-wrapper.--rounded-lg table tbody tr[data-v-edb2c56b]:hover:last-child{border-bottom-right-radius:var(--maz-rounded-lg);border-bottom-left-radius:var(--maz-rounded-lg)}.m-table-wrapper.--rounded-lg table tbody tr:hover:last-child td[data-v-edb2c56b]:first-child{border-bottom-left-radius:var(--maz-rounded-lg)}.m-table-wrapper.--rounded-lg table tbody tr:hover:last-child td[data-v-edb2c56b]:last-child{border-bottom-right-radius:var(--maz-rounded-lg)}.m-table-wrapper.--rounded-xl[data-v-edb2c56b],.m-table-wrapper.--rounded-xl table[data-v-edb2c56b]{border-radius:var(--maz-rounded-xl)}.m-table-wrapper.--rounded-xl table thead tr[data-v-edb2c56b]:hover:first-child{border-bottom-right-radius:var(--maz-rounded-xl);border-bottom-left-radius:var(--maz-rounded-xl)}.m-table-wrapper.--rounded-xl table thead tr:hover:first-child th[data-v-edb2c56b]:first-child{border-top-left-radius:var(--maz-rounded-xl)}.m-table-wrapper.--rounded-xl table thead tr:hover:first-child th[data-v-edb2c56b]:last-child{border-top-right-radius:var(--maz-rounded-xl)}.m-table-wrapper.--rounded-xl table tbody tr[data-v-edb2c56b]:hover:last-child{border-bottom-right-radius:var(--maz-rounded-xl);border-bottom-left-radius:var(--maz-rounded-xl)}.m-table-wrapper.--rounded-xl table tbody tr:hover:last-child td[data-v-edb2c56b]:first-child{border-bottom-left-radius:var(--maz-rounded-xl)}.m-table-wrapper.--rounded-xl table tbody tr:hover:last-child td[data-v-edb2c56b]:last-child{border-bottom-right-radius:var(--maz-rounded-xl)}.m-table.--has-header[data-v-edb2c56b],.m-table:not(.--has-header) table[data-v-edb2c56b]{border-radius:var(--maz-rounded-md)}.m-table table[data-v-edb2c56b]{table-layout:var(--v7f61deb5)}.m-table table.--has-layout[data-v-edb2c56b]{width:100%}.m-table table.--elevation[data-v-edb2c56b]{--tw-shadow:var(--maz-shadow-style-elevation);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--maz-drop-shadow-md,0 3px 3px #0000001f));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.m-table table .m-table-select-column[data-v-edb2c56b]{width:2.9rem}.m-table table caption[data-v-edb2c56b]{padding:calc(var(--maz-space) * 3);caption-side:var(--v06f1d67a)}.m-table table thead[data-v-edb2c56b]{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--maz-border-width);border-color:var(--maz-color-divider,var(--maz-divider));word-break:break-all}.m-table table thead th[data-v-edb2c56b]{gap:calc(var(--maz-space) * 2);--tw-font-weight:var(--maz-font-weight-normal,400);font-weight:var(--maz-font-weight-normal,400);--tw-tracking:var(--maz-tracking-tight,-.025em);letter-spacing:var(--maz-tracking-tight,-.025em);word-break:break-all;color:var(--maz-color-muted,var(--maz-muted))}.m-table table thead th.--hidden[data-v-edb2c56b]{display:none}.m-table table thead th.--sortable[data-v-edb2c56b]{cursor:pointer}@media (hover:hover){.m-table table thead th.--sortable[data-v-edb2c56b]:hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}@supports (color:color-mix(in lab, red, red)){.m-table table thead th.--sortable[data-v-edb2c56b]:hover{background-color:color-mix(in oklab, var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h)) 50%, transparent)}}.m-table table thead th.--sortable[data-v-edb2c56b]:where(.dark,.dark *):hover{background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}}.m-table table thead th.--xl[data-v-edb2c56b]{padding-inline:calc(var(--maz-space) * 5);padding-block:calc(var(--maz-space) * 5);font-size:var(--maz-text-lg,1.125rem);line-height:var(--tw-leading,var(--maz-text-lg--line-height,calc(1.75 / 1.125)))}.m-table table thead th.--lg[data-v-edb2c56b]{padding-inline:calc(var(--maz-space) * 4);padding-block:calc(var(--maz-space) * 4);font-size:var(--maz-text-base,1rem);line-height:var(--tw-leading,var(--maz-text-base--line-height,calc(1.5 / 1)))}.m-table table thead th.--md[data-v-edb2c56b]{padding-inline:calc(var(--maz-space) * 3);padding-block:calc(var(--maz-space) * 3);font-size:var(--maz-text-sm,.875rem);line-height:var(--tw-leading,var(--maz-text-sm--line-height,calc(1.25 / .875)))}.m-table table thead th.--sm[data-v-edb2c56b]{padding-inline:calc(var(--maz-space) * 2);padding-block:calc(var(--maz-space) * 2);font-size:var(--maz-text-xs,.75rem);line-height:var(--tw-leading,var(--maz-text-xs--line-height,calc(1 / .75)))}.m-table table thead th.--xs[data-v-edb2c56b]{padding-inline:calc(var(--maz-space) * 1);padding-block:calc(var(--maz-space) * 1);font-size:var(--maz-text-xs,.75rem);line-height:var(--tw-leading,var(--maz-text-xs--line-height,calc(1 / .75)))}.m-table table thead th.--mini[data-v-edb2c56b]{padding-inline:calc(var(--maz-space) * .5);padding-block:calc(var(--maz-space) * .5);font-size:var(--maz-text-xs,.75rem);line-height:var(--tw-leading,var(--maz-text-xs--line-height,calc(1 / .75)))}.m-table table thead th span[data-v-edb2c56b]{align-items:center;gap:calc(var(--maz-space) * 1);display:inline-flex}.m-table table thead th span .m-table-sort-icon-wrapper[data-v-edb2c56b]{height:calc(var(--maz-space) * 4);width:calc(var(--maz-space) * 4)}.m-table table thead th span .m-table-sort-icon[data-v-edb2c56b]{color:var(--maz-color-muted,var(--maz-muted));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal));--tw-duration:.3s;--tw-ease:var(--maz-easing-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.3s;transition-timing-function:var(--maz-easing-out,cubic-bezier(.4, 0, .2, 1))}.m-table table thead th span .m-table-sort-icon.--sorted[data-v-edb2c56b]{color:var(--maz-color-foreground,var(--maz-foreground));display:block}.m-table table thead th span .m-table-sort-icon.--sorted.--up[data-v-edb2c56b]{rotate:0deg}.m-table table thead th span .m-table-sort-icon.--sorted.--down[data-v-edb2c56b]{rotate:180deg}:where(.m-table table tbody.--divider[data-v-edb2c56b]>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(var(--maz-border-width) * var(--tw-divide-y-reverse));border-bottom-width:calc(var(--maz-border-width) * calc(1 - var(--tw-divide-y-reverse)));border-color:var(--maz-color-divider,var(--maz-divider))}[data-v-edb2c56b] .m-table-row-move{transition:transform .45s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){[data-v-edb2c56b] .m-table-row-move{transition:none}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazBtn_default}from"./MazBtn.
|
|
1
|
+
import{t as MazBtn_default}from"./MazBtn.BDvqcYIY.js";import{t as MazIcon_default}from"./MazIcon.CblJ-8Iu.js";import{t as MazBackdrop_default}from"./MazBackdrop.DfqSzNiW.js";import{createBlock,createCommentVNode,createElementVNode,createVNode,defineComponent,normalizeClass,openBlock,renderSlot,unref,withCtx}from"vue";import{MazXMark}from"@maz-ui/icons/raw/MazXMark";var MazBottomSheet_default=defineComponent({__name:`MazBottomSheet`,props:{modelValue:{type:Boolean},hideCloseButton:{type:Boolean,default:!1},padding:{type:Boolean,default:!0}},emits:[`update:model-value`,`open`,`close`],setup(__props,{emit:__emit}){let emits=__emit;return(_ctx,_cache)=>(openBlock(),createBlock(MazBackdrop_default,{"model-value":__props.modelValue,"transition-name":`bottom-sheet-anim`,"backdrop-class":`--bottom-sheet`,"content-padding":!1,align:`end`,justify:`none`,variant:`bottom-sheet`,onClose:_cache[0]||=$event=>_ctx.$emit(`close`,$event),onOpen:_cache[1]||=$event=>_ctx.$emit(`open`,$event),"onUpdate:modelValue":_cache[2]||=$event=>emits(`update:model-value`,$event)},{default:withCtx(({close})=>[createElementVNode(`div`,{class:normalizeClass([`m-bottom-sheet__container maz:relative maz:w-full maz:rounded-t-lg maz:bg-container maz:px-12 maz:text-foreground maz:shadow-elevation maz:drop-shadow-md`,{"--padding":__props.padding,"maz:py-6":__props.padding}])},[renderSlot(_ctx.$slots,`default`,{close}),__props.hideCloseButton?createCommentVNode(``,!0):(openBlock(),createBlock(MazBtn_default,{key:0,size:`sm`,class:`m-bottom-sheet__close maz:absolute! maz:inset-e-2 maz:top-2`,color:`transparent`,onClick:close},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazXMark),class:`maz:text-lg`},null,8,[`icon`])]),_:1},8,[`onClick`]))],2)]),_:3},8,[`model-value`]))}});export{MazBottomSheet_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as hasSlotContent}from"./hasSlotContent.rEQOMGV4.js";import{t as getColor}from"./types.BkdDF2d8.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useMazIconProps}from"../composables/useMazIconProps.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as resolveLinkComponent}from"./resolveLinkComponent.Cbat3RFd.js";import{computed,createBlock,createCommentVNode,createElementBlock,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeProps,normalizeStyle,openBlock,renderSlot,resolveDynamicComponent,toDisplayString,unref,useAttrs,withCtx}from"vue";import '../assets/MazBtn.YF06fX4K.css';var _hoisted_1={key:0,class:`m-btn-loader-container`};var MazBtn_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazBtn`,props:{text:{},size:{},color:{default:`primary`},textColor:{},type:{default:`button`},roundedSize:{},outlined:{type:Boolean},pastel:{type:Boolean},block:{type:Boolean},loading:{type:Boolean},disabled:{type:Boolean},fab:{type:Boolean},icon:{type:[String,Function,Object]},startIcon:{type:[String,Function,Object]},endIcon:{type:[String,Function,Object]},padding:{type:Boolean,default:!0},justify:{default:`center`},active:{type:Boolean},overflowHidden:{type:Boolean,default:!0}},setup(__props){let{size,roundedSize}=useGlobalConfig(`MazBtn`,{size:`md`,roundedSize:`md`});let MazIcon=defineAsyncComponent(()=>import(`../components/MazIcon.js`));let MazSpinner=defineAsyncComponent(()=>import(`../components/MazSpinner.js`));let{href,to}=useAttrs();let component=computed(()=>href?`a`:to?resolveLinkComponent():`button`);let resolvedColor=computed(()=>getColor(__props.color));let isDisabled=computed(()=>(__props.loading||__props.disabled)&&component.value===`button`);let btnType=computed(()=>component.value===`button`?__props.type:void 0);let iconSize=computed(()=>({xl:`lg`,lg:`md`,md:`md`,sm:`sm`,xs:`xs`,mini:`1em`})[size.value]||`lg`);let{iconProps:startIconProps}=useMazIconProps(()=>__props.startIcon,()=>({size:iconSize.value}));let{iconProps:endIconProps}=useMazIconProps(()=>__props.endIcon,()=>({size:iconSize.value}));let{iconProps:fabIconProps}=useMazIconProps(()=>__props.icon,()=>({size:iconSize.value}));let btnStyle=computed(()=>{let c=resolvedColor.value;let base={"--m-btn-justify":__props.justify};return c===`transparent`||c===`surface`?base:{...base,"--m-btn-bg":`var(--maz-${c})`,"--m-btn-fg":`var(--maz-${c}-foreground)`,...__props.pastel&&c===`contrast`&&{"--m-btn-pastel-fg":`var(--maz-contrast-foreground)`}}});let TEXT_COLOR={primary:`maz:text-primary!`,secondary:`maz:text-secondary!`,accent:`maz:text-accent!`,info:`maz:text-info!`,success:`maz:text-success!`,warning:`maz:text-warning!`,destructive:`maz:text-destructive!`,contrast:`maz:text-contrast!`,transparent:`maz:text-transparent!`,muted:`maz:text-muted!`};let SIZE_CLASS={xl:`maz:min-h-16 maz:px-8 maz:text-xl`,lg:`maz:min-h-14 maz:px-6`,md:`maz:min-h-12 maz:px-4`,sm:`maz:min-h-10 maz:px-3`,xs:`maz:min-h-8 maz:px-2 maz:text-sm`,mini:`maz:min-h-6 maz:px-1 maz:text-xs`};let ROUNDED_CLASS={none:``,sm:`maz:rounded-xs`,md:`maz:rounded-md`,lg:`maz:rounded-lg`,xl:`maz:rounded-xl`,full:`maz:rounded-full`};let FAB_SIZE_CLASS={xl:`maz:w-16`,lg:`maz:w-14`,md:`maz:w-12`,sm:`maz:w-10`,xs:`maz:w-8`,mini:`maz:w-6`};let ICON_PADDING_CLASS={xl:{start:`maz:ps-6`,end:`maz:pe-6`},lg:{start:`maz:ps-4`,end:`maz:pe-4`},md:{start:`maz:ps-2`,end:`maz:pe-2`},sm:{start:`maz:ps-2`,end:`maz:pe-2`},xs:{start:``,end:``},mini:{start:``,end:``}};return(_ctx,_cache)=>(openBlock(),createBlock(resolveDynamicComponent(component.value),{disabled:isDisabled.value,class:normalizeClass([`m-btn m-reset-css maz:inline-flex maz:cursor-pointer maz:items-center maz:gap-2 maz:border maz:border-solid maz:border-transparent maz:bg-transparent maz:py-0.5 maz:text-center maz:align-top maz:text-foreground maz:no-underline maz:transition-all maz:duration-200 maz:ease-in-out`,[`--${resolvedColor.value}`,`--${unref(size)}`,__props.textColor&&`${TEXT_COLOR[__props.textColor]}`,!__props.fab&&unref(roundedSize)?`--rounded-${unref(roundedSize)}`:``,!__props.fab&&SIZE_CLASS[unref(size)],__props.fab?`maz:flex maz:flex-center maz:rounded-full maz:p-1`:ROUNDED_CLASS[unref(roundedSize)],__props.fab?FAB_SIZE_CLASS[unref(size)]:``,__props.startIcon||unref(hasSlotContent)(_ctx.$slots[`start-icon`])?ICON_PADDING_CLASS[unref(size)].start:``,__props.endIcon||unref(hasSlotContent)(_ctx.$slots[`end-icon`])?ICON_PADDING_CLASS[unref(size)].end:``,{"maz:relative":__props.loading,"maz:overflow-hidden":__props.overflowHidden,"--outlined":__props.outlined,"--pastel":__props.pastel,"--block":__props.block&&!__props.fab,"--fab":__props.fab,"--loading":__props.loading,"--active":__props.active,"--no-padding":!__props.padding,"--has-start-icon":!!__props.startIcon||unref(hasSlotContent)(_ctx.$slots[`start-icon`]),"--has-end-icon":!!__props.endIcon||unref(hasSlotContent)(_ctx.$slots[`end-icon`])}]]),style:normalizeStyle(btnStyle.value),type:btnType.value},{default:withCtx(()=>[renderSlot(_ctx.$slots,`start-icon`,{},()=>[unref(startIconProps)?(openBlock(),createBlock(unref(MazIcon),normalizeProps(mergeProps({key:0},unref(startIconProps))),null,16)):createCommentVNode(``,!0)],!0),renderSlot(_ctx.$slots,`icon`,{},()=>[unref(fabIconProps)?(openBlock(),createBlock(unref(MazIcon),normalizeProps(mergeProps({key:0},unref(fabIconProps))),null,16)):createCommentVNode(``,!0)],!0),renderSlot(_ctx.$slots,`default`,{},()=>[createTextVNode(toDisplayString(__props.text),1)],!0),renderSlot(_ctx.$slots,`end-icon`,{},()=>[unref(endIconProps)?(openBlock(),createBlock(unref(MazIcon),normalizeProps(mergeProps({key:0},unref(endIconProps))),null,16)):createCommentVNode(``,!0)],!0),__props.loading?(openBlock(),createElementBlock(`div`,_hoisted_1,[renderSlot(_ctx.$slots,`loader`,{},()=>[createVNode(unref(MazSpinner),{size:`2em`})],!0)])):createCommentVNode(``,!0)]),_:3},8,[`disabled`,`class`,`style`,`type`]))}}),[[`__scopeId`,`data-v-48b88c67`]]);export{MazBtn_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useDropzone}from"../composables/useDropzone.js";import{t as MazBtn_default}from"./MazBtn.C7LV-iX2.js";import{t as MazIcon_default}from"./MazIcon.CblJ-8Iu.js";import{t as MazLink_default}from"./MazLink.CemC1AR_.js";import{Fragment,Transition,TransitionGroup,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,normalizeClass,normalizeStyle,onBeforeMount,openBlock,ref,renderList,renderSlot,toDisplayString,unref,useModel,withCtx,withModifiers}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{sleep}from"@maz-ui/utils/helpers/sleep";import{MazCheckCircle}from"@maz-ui/icons/lazy/MazCheckCircle";import{MazCodeBracket}from"@maz-ui/icons/lazy/MazCodeBracket";import{MazPhoto}from"@maz-ui/icons/lazy/MazPhoto";import{MazArchiveBox}from"@maz-ui/icons/lazy/MazArchiveBox";import{MazArrowUpOnSquare}from"@maz-ui/icons/lazy/MazArrowUpOnSquare";import{MazCog}from"@maz-ui/icons/lazy/MazCog";import{MazCommandLine}from"@maz-ui/icons/lazy/MazCommandLine";import{MazDocumentIcon}from"@maz-ui/icons/lazy/MazDocumentIcon";import{MazDocumentText}from"@maz-ui/icons/lazy/MazDocumentText";import{MazFilm}from"@maz-ui/icons/lazy/MazFilm";import{MazLogoAndroid}from"@maz-ui/icons/lazy/MazLogoAndroid";import{MazLogoApple}from"@maz-ui/icons/lazy/MazLogoApple";import{MazLogoCsv}from"@maz-ui/icons/lazy/MazLogoCsv";import{MazLogoHtml}from"@maz-ui/icons/lazy/MazLogoHtml";import{MazLogoJs}from"@maz-ui/icons/lazy/MazLogoJs";import{MazLogoJson}from"@maz-ui/icons/lazy/MazLogoJson";import{MazLogoMarkdown}from"@maz-ui/icons/lazy/MazLogoMarkdown";import{MazLogoProperties}from"@maz-ui/icons/lazy/MazLogoProperties";import{MazLogoReact}from"@maz-ui/icons/lazy/MazLogoReact";import{MazLogoTxt}from"@maz-ui/icons/lazy/MazLogoTxt";import{MazLogoTypescript}from"@maz-ui/icons/lazy/MazLogoTypescript";import{MazLogoVue}from"@maz-ui/icons/lazy/MazLogoVue";import{MazLogoXliff}from"@maz-ui/icons/lazy/MazLogoXliff";import{MazLogoXls}from"@maz-ui/icons/lazy/MazLogoXls";import{MazLogoXml}from"@maz-ui/icons/lazy/MazLogoXml";import{MazPaintBrush}from"@maz-ui/icons/lazy/MazPaintBrush";import{MazPencilSquare}from"@maz-ui/icons/lazy/MazPencilSquare";import{MazPresentationChartBar}from"@maz-ui/icons/lazy/MazPresentationChartBar";import{MazSpeakerWave}from"@maz-ui/icons/lazy/MazSpeakerWave";import{MazTrash}from"@maz-ui/icons/lazy/MazTrash";import{MazXCircle}from"@maz-ui/icons/lazy/MazXCircle";import '../assets/MazDropzone._IzxepXc.css';var _hoisted_1=[`for`];var _hoisted_2={class:`m-dropzone__icon-container`};var _hoisted_3={key:3,class:`m-dropzone__file-icon-wrapper`};var _hoisted_4={class:`m-dropzone__description`};var _hoisted_5={class:`m-dropzone__file-info`};var _hoisted_6={class:`m-dropzone__file-name`};var _hoisted_7={class:`m-dropzone__file-size`};var _hoisted_8={class:`m-dropzone__content`};var _hoisted_9={class:`m-dropzone__upload-text`};var _hoisted_10={key:0,class:`m-dropzone__info-text`};var _hoisted_11={key:0};var _hoisted_12={key:1};var _hoisted_13={key:2};var _hoisted_14=[`id`,`multiple`,`accept`,`disabled`];var MazDropzone_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazDropzone`,props:mergeModels({id:{},multiple:{type:Boolean,default:!1},dataTypes:{},preventDefaultForUnhandled:{type:Boolean,default:!0},maxFileSize:{},maxFiles:{},disabled:{type:Boolean,default:!1},preview:{type:Boolean,default:!0},minFileSize:{},allowDuplicates:{type:Boolean,default:!1},translations:{},color:{default:`primary`},removeFileBtnProps:{default:()=>({})},spinnerProps:{default:()=>({})},autoUpload:{type:[String,Boolean],default:!1},url:{},requestOptions:{},transformBody:{type:Function},maxConcurrentUploads:{default:5}},{modelValue:{default:()=>[]},modelModifiers:{}}),emits:mergeModels([`drop`,`enter`,`leave`,`over`,`add`,`remove`,`error`,`upload-error`,`upload-error-multiple`,`upload-success`,`upload-success-multiple`],[`update:modelValue`]),setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let MazSpinner=defineAsyncComponent(()=>import(`../components/MazSpinner.js`));let filesData=useModel(__props,`modelValue`);onBeforeMount(async()=>{filesData.value.length&&(filesData.value=await Promise.all(filesData.value.map(fileData=>getFileData(fileData.file))))});let dropZoneRef=ref();let isUploading=ref(!1);let hasMultiple=computed(()=>__props.multiple||(__props.maxFiles?__props.maxFiles>1:!1)||__props.autoUpload===`multiple`);let instanceId=useInstanceUniqId({componentName:`MazDropzone`,providedId:__props.id});function uploadFile(formData){if(!__props.url)throw emits(`error`,{files:null,event:null,code:`NO_URL`}),Error(`NO_URL`);try{let body=__props.transformBody?.(formData)??formData;return fetch(__props.url,{method:`POST`,body,...__props.requestOptions})}catch{emits(`error`,{files:null,event:null,code:`FILE_UPLOAD_ERROR`})}}function getFormData(file){let formData=new FormData;return formData.append(`file`,file),formData}function getFormDataMultiple(){let formData=new FormData;return filesData.value.forEach(fileData=>formData.append(`files`,fileData.file)),formData}async function uploadFilesMultiple(){if(!filesData.value.length){emits(`error`,{files:filesData.value.map(f=>f.file),event:null,code:`NO_FILES_TO_UPLOAD`});return}try{isUploading.value=!0,filesData.value=filesData.value.map(f=>({...f,uploading:!0,success:!1,error:!1}));let response=await uploadFile(getFormDataMultiple());filesData.value=filesData.value.map(f=>({...f,uploading:!1,success:!0,error:!1})),emits(`upload-success-multiple`,{files:filesData.value.map(f=>f.file),response})}catch(error){filesData.value=filesData.value.map(f=>({...f,uploading:!1,success:!1,error:!0})),emits(`upload-error-multiple`,{files:filesData.value.map(f=>f.file),code:`FILE_UPLOAD_ERROR_MULTIPLE`,error})}finally{isUploading.value=!1,await sleep(1e3),filesData.value=filesData.value.filter(f=>f.error)}}async function uploadFiles(){if(!filesData.value.length)throw emits(`error`,{files:filesData.value.map(f=>f.file),event:null,code:`NO_FILES_TO_UPLOAD`}),Error(`NO_FILES_TO_UPLOAD`);try{isUploading.value=!0;let queue=[...filesData.value];let activeUploads=[];async function uploadFileData(fileData){let formData=getFormData(fileData.file);try{fileData.error=!1,fileData.uploading=!0;let response=await uploadFile(formData);emits(`upload-success`,{file:fileData.file,response}),fileData.success=!0}catch(error){fileData.error=!0,emits(`upload-error`,{file:fileData.file,code:`FILE_UPLOAD_ERROR`,error})}finally{fileData.uploading=!1}}async function processQueue(){for(;queue.length>0;){let fileData=queue.shift();fileData&&await uploadFileData(fileData)}}for(let i=0;i<Math.min(__props.maxConcurrentUploads,filesData.value.length);i++)activeUploads.push(processQueue());await Promise.allSettled(activeUploads)}finally{isUploading.value=!1,await sleep(1e3),filesData.value=filesData.value.filter(f=>f.error)}}async function getFileData(file){let fileData={file,name:file.name,size:file.size,type:file.type,lastModified:file.lastModified,sizeInMb:(file.size/1024/1024).toFixed(2),lastModifiedDate:new Date(file.lastModified),url:URL.createObjectURL(file),thumbnail:void 0,uploading:!1,success:!1,error:!1};return file.type.startsWith(`image/`)&&await new Promise(resolve=>{let reader=new FileReader;reader.onload=event=>{fileData.thumbnail=event.target?.result||void 0,resolve(null)},reader.readAsDataURL(file)}),__props.maxFileSize&&file.size>__props.maxFileSize*1024*1024&&emits(`error`,{files:[file],event:null,code:`FILE_SIZE_EXCEEDED`}),__props.minFileSize&&file.size<__props.minFileSize*1024*1024&&emits(`error`,{files:[file],event:null,code:`FILE_SIZE_TOO_SMALL`}),fileData}async function handleFiles(files){if(__props.disabled||!files)return null;for await(let file of files){if(!isFileTypeAllowed(file)){emits(`error`,{files:[file],event:null,code:`FILE_TYPE_NOT_ALLOWED`});continue}if(!hasMultiple.value&&filesData.value.length>=1){emits(`error`,{files:[file],event:null,code:`MAX_FILES_EXCEEDED`});continue}if(__props.maxFiles&&filesData.value.length>=__props.maxFiles){emits(`error`,{files:[file],event:null,code:`MAX_FILES_EXCEEDED`});continue}if(__props.maxFileSize&&file.size>__props.maxFileSize*1024*1024){emits(`error`,{files:[file],event:null,code:`FILE_SIZE_EXCEEDED`});continue}if(__props.minFileSize&&file.size<__props.minFileSize*1024*1024){emits(`error`,{files:[file],event:null,code:`FILE_SIZE_TOO_SMALL`});continue}if(!__props.allowDuplicates&&filesData.value.some(f=>f.name===file.name&&f.size===file.size&&f.type===file.type)){emits(`error`,{files:[file],event:null,code:`FILE_DUPLICATED`});continue}let fileData=await getFileData(file);filesData.value=[...filesData.value,fileData],emits(`add`,fileData.file)}return __props.autoUpload===`single`?uploadFiles():__props.autoUpload===`multiple`&&uploadFilesMultiple(),filesData.value}async function onDrop(files,event){await handleFiles(files),emits(`drop`,{files,event})}function onError(files,event){emits(`error`,{files,event,code:`FILE_TYPE_NOT_ALLOWED`})}function onEnter(files,event){emits(`enter`,{files,event})}function onLeave(files,event){emits(`leave`,{files,event})}function onOver(files,event){emits(`over`,{files,event})}let{isOverDropZone,isOverError}=useDropzone(dropZoneRef,{dataTypes:__props.dataTypes,onDrop,preventDefaultForUnhandled:__props.preventDefaultForUnhandled,multiple:hasMultiple.value,onError,onEnter,onLeave,onOver});let fileInput=ref();function handleFileUpload(event){let input=event.target;let files=input?.files;files&&handleFiles(files),setTimeout(()=>{input.value=``},3e3)}let extensionIconMap=(()=>{let map=new Map;let groups=[[MazLogoJs,[`js`,`mjs`,`cjs`]],[MazLogoTypescript,[`ts`,`tsx`,`mts`,`cts`]],[MazLogoVue,[`vue`]],[MazLogoReact,[`jsx`]],[MazLogoJson,[`json`,`jsonc`,`json5`]],[MazLogoXml,[`xml`]],[MazLogoHtml,[`html`,`htm`]],[MazLogoMarkdown,[`md`,`markdown`,`mdx`]],[MazLogoProperties,[`properties`]],[MazLogoTxt,[`txt`]],[MazLogoCsv,[`csv`]],[MazLogoXls,[`xls`,`xlsx`]],[MazLogoXliff,[`xliff`,`xlf`]],[MazLogoApple,[`strings`,`stringsdict`,`xcstrings`]],[MazLogoAndroid,[`apk`]],[MazPhoto,[`jpeg`,`jpg`,`png`,`tiff`,`bmp`,`webp`,`svg`,`ico`,`gif`,`heic`,`heif`,`avif`]],[MazFilm,[`mp4`,`webm`,`avi`,`mov`,`mkv`,`flv`,`wmv`,`m4v`,`mpeg`,`mpg`,`3gp`,`ogv`]],[MazSpeakerWave,[`mp3`,`wav`,`m4a`,`aac`,`flac`,`ogg`,`oga`,`opus`,`wma`,`alac`,`aiff`]],[MazArchiveBox,[`zip`,`rar`,`tar`,`gz`,`7z`,`bz2`,`xz`]],[MazCommandLine,[`exe`,`dll`,`so`,`dylib`,`dmg`,`deb`,`rpm`,`app`,`bat`,`cmd`]],[MazCodeBracket,`css.scss.sass.less.py.java.cpp.c.h.hpp.go.rs.rust.php.rb.swift.kt.kotlin.sql.sh.bash.zsh.yaml.yml.toml.ini`.split(`.`)],[MazCog,[`conf`,`config`,`env`,`cfg`]],[MazPresentationChartBar,[`ppt`,`pptx`,`key`,`odp`]],[MazDocumentText,[`rtf`,`odt`]],[MazPencilSquare,[`ttf`,`otf`,`woff`,`woff2`,`eot`]],[MazPaintBrush,[`ai`,`psd`,`sketch`,`fig`,`xd`,`eps`]],[MazDocumentIcon,[`pdf`,`doc`,`docx`,`tsv`,`document`]]];for(let[icon,extensions]of groups)for(let ext of extensions)map.set(ext,icon);return map})();function getIconComponent(fileData){let type=fileData.file.type.split(`/`)?.[1]?.split(`+`)?.[0]?.toLowerCase();let extension=fileData.file.name.split(`.`).pop()?.toLowerCase();return extensionIconMap.get(type)||extension&&extensionIconMap.get(extension)||extensionIconMap.get(`document`)}function handleFileInputClick(){fileInput.value&&fileInput.value.click()}function handleFileRemove(fileData){fileData.url&&URL.revokeObjectURL(fileData.url),filesData.value=filesData.value.filter(f=>f.file!==fileData.file),emits(`remove`,fileData.file)}let selectAreaCanBeDisplayed=ref(!0);let dataTypesString=computed(()=>__props.dataTypes?.map(formatReadable).join(`, `));let allFileIsAccepted=computed(()=>__props.dataTypes?.length===1&&__props.dataTypes[0]===`*/*`);let{t}=useTranslations();let messages=computed(()=>{let customTranslations=__props.translations||{};return{dragAndDrop:customTranslations.dragAndDrop??t(`dropzone.dragAndDrop`),fileMaxCount:__props.maxFiles?customTranslations.fileMaxCount??t(`dropzone.fileMaxCount`,{count:__props.maxFiles}):void 0,fileMaxSize:__props.maxFileSize?customTranslations.fileMaxSize??t(`dropzone.fileMaxSize`,{size:__props.maxFileSize}):void 0,fileTypes:dataTypesString.value?customTranslations.fileTypes??t(`dropzone.fileTypes`,{types:dataTypesString.value}):void 0,selectFile:customTranslations.selectFile??t(`dropzone.selectFile`),divider:customTranslations.divider??t(`dropzone.divider`)}});function formatReadable(fmt){if(fmt.startsWith(`.`))return fmt;if(fmt.includes(`/`)){let[type,subtype]=fmt.split(`/`);if(subtype===`*`){let customTypes=__props.translations?.types||{};switch(type){case`image`:return customTypes.image??t(`dropzone.types.image`);case`video`:return customTypes.video??t(`dropzone.types.video`);case`audio`:return customTypes.audio??t(`dropzone.types.audio`);case`text`:return customTypes.text??t(`dropzone.types.text`);default:return fmt}}return subtype}return fmt}function reset(){filesData.value.forEach(fileData=>{fileData.url&&URL.revokeObjectURL(fileData.url)}),filesData.value=[]}function addFile(file){handleFiles([file])}function removeFile(file){filesData.value=filesData.value.filter(f=>f.file!==file)}function isFileTypeAllowed(file){return!__props.dataTypes||__props.dataTypes.includes(`*/*`)?!0:__props.dataTypes.some(type=>type.startsWith(`.`)?file.name.toLowerCase().endsWith(type.toLowerCase()):type.endsWith(`/*`)?file.type.startsWith(type.slice(0,-1)):file.type===type)}return __expose({uploadFiles,uploadFilesMultiple,getFormData,getFormDataMultiple,reset,isUploading,addFile,removeFile}),(_ctx,_cache)=>(openBlock(),createElementBlock(`label`,{ref_key:`dropZoneRef`,ref:dropZoneRef,role:`button`,tabindex:`0`,for:`input-file-uploader-${unref(instanceId)}`,class:normalizeClass([`m-dropzone m-reset-css maz:flex maz:w-full maz:cursor-pointer maz:flex-col maz:flex-center maz:gap-2 maz:overflow-hidden maz:rounded-md maz:border maz:border-dashed maz:border-divider maz:bg-input maz:p-6 maz:transition-colors maz:duration-200 maz:ease-in-out maz:hover:bg-surface-600/50 maz:dark:hover:bg-surface-400/50`,{"m-dropzone--disabled maz:disabled-state":__props.disabled,"m-dropzone--is-over-drop-zone":unref(isOverDropZone)&&!unref(isOverError),"m-dropzone--is-over-error":unref(isOverError)}]),style:normalizeStyle({"--active-color":`var(--maz-${__props.color})`})},[renderSlot(_ctx.$slots,`files-area`,{filesData:filesData.value},()=>[createVNode(TransitionGroup,{name:`file-scale`,tag:`div`,class:`m-dropzone__files-container`,onBeforeEnter:_cache[1]||=$event=>selectAreaCanBeDisplayed.value=!1,onAfterLeave:_cache[2]||=$event=>selectAreaCanBeDisplayed.value=filesData.value.length===0},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(filesData.value,file=>(openBlock(),createElementBlock(`div`,{key:`${file.name}-${file.size}-${file}`,class:`m-dropzone__file-item group`,onClick:_cache[0]||=withModifiers(()=>{},[`prevent`])},[renderSlot(_ctx.$slots,`file-item`,{file},()=>[file.thumbnail&&__props.preview?(openBlock(),createElementBlock(Fragment,{key:0},[createElementVNode(`div`,{style:normalizeStyle({backgroundImage:`url(${file.thumbnail})`,backgroundSize:`cover`,backgroundPosition:`center`}),class:`m-dropzone__thumbnail`},null,4),_cache[4]||=createElementVNode(`div`,{class:`m-dropzone__overlay`},null,-1)],64)):createCommentVNode(``,!0),createElementVNode(`div`,_hoisted_2,[createVNode(Transition,{name:`icon-scale`},{default:withCtx(()=>[file.uploading?(openBlock(),createBlock(unref(MazSpinner),mergeProps({key:0,color:__props.color,class:`m-dropzone__spinner`},{ref_for:!0},__props.spinnerProps),null,16,[`color`])):file.success?(openBlock(),createBlock(unref(MazCheckCircle),{key:1,class:`m-dropzone__success-icon`})):file.error?(openBlock(),createBlock(unref(MazXCircle),{key:2,class:`m-dropzone__error-icon`})):(openBlock(),createElementBlock(`div`,_hoisted_3,[createVNode(MazIcon_default,{icon:getIconComponent(file),size:`lg`,class:`m-dropzone__file-icon`},null,8,[`icon`])]))]),_:2},1024)]),createElementVNode(`div`,_hoisted_4,[createElementVNode(`div`,_hoisted_5,[createElementVNode(`span`,_hoisted_6,toDisplayString(file.name),1),createElementVNode(`span`,_hoisted_7,toDisplayString(file.sizeInMb)+` MB`,1)]),!file.uploading&&!file.success?(openBlock(),createBlock(MazBtn_default,mergeProps({key:0,size:`xs`,icon:unref(MazTrash),disabled:__props.disabled,color:`destructive`,pastel:``},{ref_for:!0},__props.removeFileBtnProps,{onClick:withModifiers($event=>handleFileRemove(file),[`prevent`])}),null,16,[`icon`,`disabled`,`onClick`])):createCommentVNode(``,!0)])],!0)]))),128))]),_:3})],!0),filesData.value.length===0&&selectAreaCanBeDisplayed.value?renderSlot(_ctx.$slots,`no-files-area`,{key:0,selectFile:handleFileInputClick},()=>[createElementVNode(`div`,_hoisted_8,[renderSlot(_ctx.$slots,`upload-icon`,{},()=>[createVNode(unref(MazArrowUpOnSquare),{class:`m-dropzone__upload-icon`})],!0),createElementVNode(`span`,_hoisted_9,[createTextVNode(toDisplayString(messages.value.dragAndDrop)+` `+toDisplayString(messages.value.divider)+` `,1),createVNode(MazLink_default,{color:`inherit`,underline:``,onClick:_cache[3]||=withModifiers($event=>!__props.disabled&&handleFileInputClick(),[`prevent`])},{default:withCtx(()=>[createTextVNode(toDisplayString(messages.value.selectFile),1)]),_:1})])]),!allFileIsAccepted.value&&(messages.value.fileMaxCount||messages.value.fileMaxSize||messages.value.fileTypes)?(openBlock(),createElementBlock(`p`,_hoisted_10,[messages.value.fileMaxCount?(openBlock(),createElementBlock(`span`,_hoisted_11,toDisplayString(messages.value.fileMaxCount),1)):createCommentVNode(``,!0),messages.value.fileMaxSize?(openBlock(),createElementBlock(`span`,_hoisted_12,toDisplayString(messages.value.fileMaxSize),1)):createCommentVNode(``,!0),messages.value.fileTypes?(openBlock(),createElementBlock(`span`,_hoisted_13,toDisplayString(messages.value.fileTypes),1)):createCommentVNode(``,!0)])):createCommentVNode(``,!0)],!0):createCommentVNode(``,!0),createElementVNode(`input`,{id:`input-file-uploader-${unref(instanceId)}`,ref_key:`fileInput`,ref:fileInput,multiple:hasMultiple.value,type:`file`,accept:__props.dataTypes?.join(`,`),tabindex:`-1`,disabled:__props.disabled,class:`m-dropzone__file-input`,onChange:handleFileUpload},null,40,_hoisted_14)],14,_hoisted_1))}}),[[`__scopeId`,`data-v-b607dd3b`]]);export{MazDropzone_default as t};
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useDropzone}from"../composables/useDropzone.js";import{t as MazBtn_default}from"./MazBtn.BDvqcYIY.js";import{t as MazIcon_default}from"./MazIcon.CblJ-8Iu.js";import{t as MazLink_default}from"./MazLink.CemC1AR_.js";import{Fragment,Transition,TransitionGroup,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,normalizeClass,normalizeStyle,onBeforeMount,openBlock,ref,renderList,renderSlot,toDisplayString,unref,useModel,withCtx,withModifiers}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{sleep}from"@maz-ui/utils/helpers/sleep";import{MazCheckCircle}from"@maz-ui/icons/lazy/MazCheckCircle";import{MazCodeBracket}from"@maz-ui/icons/lazy/MazCodeBracket";import{MazPhoto}from"@maz-ui/icons/lazy/MazPhoto";import{MazArchiveBox}from"@maz-ui/icons/lazy/MazArchiveBox";import{MazArrowUpOnSquare}from"@maz-ui/icons/lazy/MazArrowUpOnSquare";import{MazCog}from"@maz-ui/icons/lazy/MazCog";import{MazCommandLine}from"@maz-ui/icons/lazy/MazCommandLine";import{MazDocumentIcon}from"@maz-ui/icons/lazy/MazDocumentIcon";import{MazDocumentText}from"@maz-ui/icons/lazy/MazDocumentText";import{MazFilm}from"@maz-ui/icons/lazy/MazFilm";import{MazLogoAndroid}from"@maz-ui/icons/lazy/MazLogoAndroid";import{MazLogoApple}from"@maz-ui/icons/lazy/MazLogoApple";import{MazLogoCsv}from"@maz-ui/icons/lazy/MazLogoCsv";import{MazLogoHtml}from"@maz-ui/icons/lazy/MazLogoHtml";import{MazLogoJs}from"@maz-ui/icons/lazy/MazLogoJs";import{MazLogoJson}from"@maz-ui/icons/lazy/MazLogoJson";import{MazLogoMarkdown}from"@maz-ui/icons/lazy/MazLogoMarkdown";import{MazLogoProperties}from"@maz-ui/icons/lazy/MazLogoProperties";import{MazLogoReact}from"@maz-ui/icons/lazy/MazLogoReact";import{MazLogoTxt}from"@maz-ui/icons/lazy/MazLogoTxt";import{MazLogoTypescript}from"@maz-ui/icons/lazy/MazLogoTypescript";import{MazLogoVue}from"@maz-ui/icons/lazy/MazLogoVue";import{MazLogoXliff}from"@maz-ui/icons/lazy/MazLogoXliff";import{MazLogoXls}from"@maz-ui/icons/lazy/MazLogoXls";import{MazLogoXml}from"@maz-ui/icons/lazy/MazLogoXml";import{MazPaintBrush}from"@maz-ui/icons/lazy/MazPaintBrush";import{MazPencilSquare}from"@maz-ui/icons/lazy/MazPencilSquare";import{MazPresentationChartBar}from"@maz-ui/icons/lazy/MazPresentationChartBar";import{MazSpeakerWave}from"@maz-ui/icons/lazy/MazSpeakerWave";import{MazTrash}from"@maz-ui/icons/lazy/MazTrash";import{MazXCircle}from"@maz-ui/icons/lazy/MazXCircle";import '../assets/MazDropzone._IzxepXc.css';var _hoisted_1=[`for`];var _hoisted_2={class:`m-dropzone__icon-container`};var _hoisted_3={key:3,class:`m-dropzone__file-icon-wrapper`};var _hoisted_4={class:`m-dropzone__description`};var _hoisted_5={class:`m-dropzone__file-info`};var _hoisted_6={class:`m-dropzone__file-name`};var _hoisted_7={class:`m-dropzone__file-size`};var _hoisted_8={class:`m-dropzone__content`};var _hoisted_9={class:`m-dropzone__upload-text`};var _hoisted_10={key:0,class:`m-dropzone__info-text`};var _hoisted_11={key:0};var _hoisted_12={key:1};var _hoisted_13={key:2};var _hoisted_14=[`id`,`multiple`,`accept`,`disabled`];var MazDropzone_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazDropzone`,props:mergeModels({id:{},multiple:{type:Boolean,default:!1},dataTypes:{},preventDefaultForUnhandled:{type:Boolean,default:!0},maxFileSize:{},maxFiles:{},disabled:{type:Boolean,default:!1},preview:{type:Boolean,default:!0},minFileSize:{},allowDuplicates:{type:Boolean,default:!1},translations:{},color:{default:`primary`},removeFileBtnProps:{default:()=>({})},spinnerProps:{default:()=>({})},autoUpload:{type:[String,Boolean],default:!1},url:{},requestOptions:{},transformBody:{type:Function},maxConcurrentUploads:{default:5}},{modelValue:{default:()=>[]},modelModifiers:{}}),emits:mergeModels([`drop`,`enter`,`leave`,`over`,`add`,`remove`,`error`,`upload-error`,`upload-error-multiple`,`upload-success`,`upload-success-multiple`],[`update:modelValue`]),setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let MazSpinner=defineAsyncComponent(()=>import(`../components/MazSpinner.js`));let filesData=useModel(__props,`modelValue`);onBeforeMount(async()=>{filesData.value.length&&(filesData.value=await Promise.all(filesData.value.map(fileData=>getFileData(fileData.file))))});let dropZoneRef=ref();let isUploading=ref(!1);let hasMultiple=computed(()=>__props.multiple||(__props.maxFiles?__props.maxFiles>1:!1)||__props.autoUpload===`multiple`);let instanceId=useInstanceUniqId({componentName:`MazDropzone`,providedId:__props.id});function uploadFile(formData){if(!__props.url)throw emits(`error`,{files:null,event:null,code:`NO_URL`}),Error(`NO_URL`);try{let body=__props.transformBody?.(formData)??formData;return fetch(__props.url,{method:`POST`,body,...__props.requestOptions})}catch{emits(`error`,{files:null,event:null,code:`FILE_UPLOAD_ERROR`})}}function getFormData(file){let formData=new FormData;return formData.append(`file`,file),formData}function getFormDataMultiple(){let formData=new FormData;return filesData.value.forEach(fileData=>formData.append(`files`,fileData.file)),formData}async function uploadFilesMultiple(){if(!filesData.value.length){emits(`error`,{files:filesData.value.map(f=>f.file),event:null,code:`NO_FILES_TO_UPLOAD`});return}try{isUploading.value=!0,filesData.value=filesData.value.map(f=>({...f,uploading:!0,success:!1,error:!1}));let response=await uploadFile(getFormDataMultiple());filesData.value=filesData.value.map(f=>({...f,uploading:!1,success:!0,error:!1})),emits(`upload-success-multiple`,{files:filesData.value.map(f=>f.file),response})}catch(error){filesData.value=filesData.value.map(f=>({...f,uploading:!1,success:!1,error:!0})),emits(`upload-error-multiple`,{files:filesData.value.map(f=>f.file),code:`FILE_UPLOAD_ERROR_MULTIPLE`,error})}finally{isUploading.value=!1,await sleep(1e3),filesData.value=filesData.value.filter(f=>f.error)}}async function uploadFiles(){if(!filesData.value.length)throw emits(`error`,{files:filesData.value.map(f=>f.file),event:null,code:`NO_FILES_TO_UPLOAD`}),Error(`NO_FILES_TO_UPLOAD`);try{isUploading.value=!0;let queue=[...filesData.value];let activeUploads=[];async function uploadFileData(fileData){let formData=getFormData(fileData.file);try{fileData.error=!1,fileData.uploading=!0;let response=await uploadFile(formData);emits(`upload-success`,{file:fileData.file,response}),fileData.success=!0}catch(error){fileData.error=!0,emits(`upload-error`,{file:fileData.file,code:`FILE_UPLOAD_ERROR`,error})}finally{fileData.uploading=!1}}async function processQueue(){for(;queue.length>0;){let fileData=queue.shift();fileData&&await uploadFileData(fileData)}}for(let i=0;i<Math.min(__props.maxConcurrentUploads,filesData.value.length);i++)activeUploads.push(processQueue());await Promise.allSettled(activeUploads)}finally{isUploading.value=!1,await sleep(1e3),filesData.value=filesData.value.filter(f=>f.error)}}async function getFileData(file){let fileData={file,name:file.name,size:file.size,type:file.type,lastModified:file.lastModified,sizeInMb:(file.size/1024/1024).toFixed(2),lastModifiedDate:new Date(file.lastModified),url:URL.createObjectURL(file),thumbnail:void 0,uploading:!1,success:!1,error:!1};return file.type.startsWith(`image/`)&&await new Promise(resolve=>{let reader=new FileReader;reader.onload=event=>{fileData.thumbnail=event.target?.result||void 0,resolve(null)},reader.readAsDataURL(file)}),__props.maxFileSize&&file.size>__props.maxFileSize*1024*1024&&emits(`error`,{files:[file],event:null,code:`FILE_SIZE_EXCEEDED`}),__props.minFileSize&&file.size<__props.minFileSize*1024*1024&&emits(`error`,{files:[file],event:null,code:`FILE_SIZE_TOO_SMALL`}),fileData}async function handleFiles(files){if(__props.disabled||!files)return null;for await(let file of files){if(!isFileTypeAllowed(file)){emits(`error`,{files:[file],event:null,code:`FILE_TYPE_NOT_ALLOWED`});continue}if(!hasMultiple.value&&filesData.value.length>=1){emits(`error`,{files:[file],event:null,code:`MAX_FILES_EXCEEDED`});continue}if(__props.maxFiles&&filesData.value.length>=__props.maxFiles){emits(`error`,{files:[file],event:null,code:`MAX_FILES_EXCEEDED`});continue}if(__props.maxFileSize&&file.size>__props.maxFileSize*1024*1024){emits(`error`,{files:[file],event:null,code:`FILE_SIZE_EXCEEDED`});continue}if(__props.minFileSize&&file.size<__props.minFileSize*1024*1024){emits(`error`,{files:[file],event:null,code:`FILE_SIZE_TOO_SMALL`});continue}if(!__props.allowDuplicates&&filesData.value.some(f=>f.name===file.name&&f.size===file.size&&f.type===file.type)){emits(`error`,{files:[file],event:null,code:`FILE_DUPLICATED`});continue}let fileData=await getFileData(file);filesData.value=[...filesData.value,fileData],emits(`add`,fileData.file)}return __props.autoUpload===`single`?uploadFiles():__props.autoUpload===`multiple`&&uploadFilesMultiple(),filesData.value}async function onDrop(files,event){await handleFiles(files),emits(`drop`,{files,event})}function onError(files,event){emits(`error`,{files,event,code:`FILE_TYPE_NOT_ALLOWED`})}function onEnter(files,event){emits(`enter`,{files,event})}function onLeave(files,event){emits(`leave`,{files,event})}function onOver(files,event){emits(`over`,{files,event})}let{isOverDropZone,isOverError}=useDropzone(dropZoneRef,{dataTypes:__props.dataTypes,onDrop,preventDefaultForUnhandled:__props.preventDefaultForUnhandled,multiple:hasMultiple.value,onError,onEnter,onLeave,onOver});let fileInput=ref();function handleFileUpload(event){let input=event.target;let files=input?.files;files&&handleFiles(files),setTimeout(()=>{input.value=``},3e3)}let extensionIconMap=(()=>{let map=new Map;let groups=[[MazLogoJs,[`js`,`mjs`,`cjs`]],[MazLogoTypescript,[`ts`,`tsx`,`mts`,`cts`]],[MazLogoVue,[`vue`]],[MazLogoReact,[`jsx`]],[MazLogoJson,[`json`,`jsonc`,`json5`]],[MazLogoXml,[`xml`]],[MazLogoHtml,[`html`,`htm`]],[MazLogoMarkdown,[`md`,`markdown`,`mdx`]],[MazLogoProperties,[`properties`]],[MazLogoTxt,[`txt`]],[MazLogoCsv,[`csv`]],[MazLogoXls,[`xls`,`xlsx`]],[MazLogoXliff,[`xliff`,`xlf`]],[MazLogoApple,[`strings`,`stringsdict`,`xcstrings`]],[MazLogoAndroid,[`apk`]],[MazPhoto,[`jpeg`,`jpg`,`png`,`tiff`,`bmp`,`webp`,`svg`,`ico`,`gif`,`heic`,`heif`,`avif`]],[MazFilm,[`mp4`,`webm`,`avi`,`mov`,`mkv`,`flv`,`wmv`,`m4v`,`mpeg`,`mpg`,`3gp`,`ogv`]],[MazSpeakerWave,[`mp3`,`wav`,`m4a`,`aac`,`flac`,`ogg`,`oga`,`opus`,`wma`,`alac`,`aiff`]],[MazArchiveBox,[`zip`,`rar`,`tar`,`gz`,`7z`,`bz2`,`xz`]],[MazCommandLine,[`exe`,`dll`,`so`,`dylib`,`dmg`,`deb`,`rpm`,`app`,`bat`,`cmd`]],[MazCodeBracket,`css.scss.sass.less.py.java.cpp.c.h.hpp.go.rs.rust.php.rb.swift.kt.kotlin.sql.sh.bash.zsh.yaml.yml.toml.ini`.split(`.`)],[MazCog,[`conf`,`config`,`env`,`cfg`]],[MazPresentationChartBar,[`ppt`,`pptx`,`key`,`odp`]],[MazDocumentText,[`rtf`,`odt`]],[MazPencilSquare,[`ttf`,`otf`,`woff`,`woff2`,`eot`]],[MazPaintBrush,[`ai`,`psd`,`sketch`,`fig`,`xd`,`eps`]],[MazDocumentIcon,[`pdf`,`doc`,`docx`,`tsv`,`document`]]];for(let[icon,extensions]of groups)for(let ext of extensions)map.set(ext,icon);return map})();function getIconComponent(fileData){let type=fileData.file.type.split(`/`)?.[1]?.split(`+`)?.[0]?.toLowerCase();let extension=fileData.file.name.split(`.`).pop()?.toLowerCase();return extensionIconMap.get(type)||extension&&extensionIconMap.get(extension)||extensionIconMap.get(`document`)}function handleFileInputClick(){fileInput.value&&fileInput.value.click()}function handleFileRemove(fileData){fileData.url&&URL.revokeObjectURL(fileData.url),filesData.value=filesData.value.filter(f=>f.file!==fileData.file),emits(`remove`,fileData.file)}let selectAreaCanBeDisplayed=ref(!0);let dataTypesString=computed(()=>__props.dataTypes?.map(formatReadable).join(`, `));let allFileIsAccepted=computed(()=>__props.dataTypes?.length===1&&__props.dataTypes[0]===`*/*`);let{t}=useTranslations();let messages=computed(()=>{let customTranslations=__props.translations||{};return{dragAndDrop:customTranslations.dragAndDrop??t(`dropzone.dragAndDrop`),fileMaxCount:__props.maxFiles?customTranslations.fileMaxCount??t(`dropzone.fileMaxCount`,{count:__props.maxFiles}):void 0,fileMaxSize:__props.maxFileSize?customTranslations.fileMaxSize??t(`dropzone.fileMaxSize`,{size:__props.maxFileSize}):void 0,fileTypes:dataTypesString.value?customTranslations.fileTypes??t(`dropzone.fileTypes`,{types:dataTypesString.value}):void 0,selectFile:customTranslations.selectFile??t(`dropzone.selectFile`),divider:customTranslations.divider??t(`dropzone.divider`)}});function formatReadable(fmt){if(fmt.startsWith(`.`))return fmt;if(fmt.includes(`/`)){let[type,subtype]=fmt.split(`/`);if(subtype===`*`){let customTypes=__props.translations?.types||{};switch(type){case`image`:return customTypes.image??t(`dropzone.types.image`);case`video`:return customTypes.video??t(`dropzone.types.video`);case`audio`:return customTypes.audio??t(`dropzone.types.audio`);case`text`:return customTypes.text??t(`dropzone.types.text`);default:return fmt}}return subtype}return fmt}function reset(){filesData.value.forEach(fileData=>{fileData.url&&URL.revokeObjectURL(fileData.url)}),filesData.value=[]}function addFile(file){handleFiles([file])}function removeFile(file){filesData.value=filesData.value.filter(f=>f.file!==file)}function isFileTypeAllowed(file){return!__props.dataTypes||__props.dataTypes.includes(`*/*`)?!0:__props.dataTypes.some(type=>type.startsWith(`.`)?file.name.toLowerCase().endsWith(type.toLowerCase()):type.endsWith(`/*`)?file.type.startsWith(type.slice(0,-1)):file.type===type)}return __expose({uploadFiles,uploadFilesMultiple,getFormData,getFormDataMultiple,reset,isUploading,addFile,removeFile}),(_ctx,_cache)=>(openBlock(),createElementBlock(`label`,{ref_key:`dropZoneRef`,ref:dropZoneRef,role:`button`,tabindex:`0`,for:`input-file-uploader-${unref(instanceId)}`,class:normalizeClass([`m-dropzone m-reset-css maz:flex maz:w-full maz:cursor-pointer maz:flex-col maz:flex-center maz:gap-2 maz:overflow-hidden maz:rounded-md maz:border maz:border-dashed maz:border-divider maz:bg-input maz:p-6 maz:transition-colors maz:duration-200 maz:ease-in-out maz:hover:bg-surface-600/50 maz:dark:hover:bg-surface-400/50`,{"m-dropzone--disabled maz:disabled-state":__props.disabled,"m-dropzone--is-over-drop-zone":unref(isOverDropZone)&&!unref(isOverError),"m-dropzone--is-over-error":unref(isOverError)}]),style:normalizeStyle({"--active-color":`var(--maz-${__props.color})`})},[renderSlot(_ctx.$slots,`files-area`,{filesData:filesData.value},()=>[createVNode(TransitionGroup,{name:`file-scale`,tag:`div`,class:`m-dropzone__files-container`,onBeforeEnter:_cache[1]||=$event=>selectAreaCanBeDisplayed.value=!1,onAfterLeave:_cache[2]||=$event=>selectAreaCanBeDisplayed.value=filesData.value.length===0},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(filesData.value,file=>(openBlock(),createElementBlock(`div`,{key:`${file.name}-${file.size}-${file}`,class:`m-dropzone__file-item group`,onClick:_cache[0]||=withModifiers(()=>{},[`prevent`])},[renderSlot(_ctx.$slots,`file-item`,{file},()=>[file.thumbnail&&__props.preview?(openBlock(),createElementBlock(Fragment,{key:0},[createElementVNode(`div`,{style:normalizeStyle({backgroundImage:`url(${file.thumbnail})`,backgroundSize:`cover`,backgroundPosition:`center`}),class:`m-dropzone__thumbnail`},null,4),_cache[4]||=createElementVNode(`div`,{class:`m-dropzone__overlay`},null,-1)],64)):createCommentVNode(``,!0),createElementVNode(`div`,_hoisted_2,[createVNode(Transition,{name:`icon-scale`},{default:withCtx(()=>[file.uploading?(openBlock(),createBlock(unref(MazSpinner),mergeProps({key:0,color:__props.color,class:`m-dropzone__spinner`},{ref_for:!0},__props.spinnerProps),null,16,[`color`])):file.success?(openBlock(),createBlock(unref(MazCheckCircle),{key:1,class:`m-dropzone__success-icon`})):file.error?(openBlock(),createBlock(unref(MazXCircle),{key:2,class:`m-dropzone__error-icon`})):(openBlock(),createElementBlock(`div`,_hoisted_3,[createVNode(MazIcon_default,{icon:getIconComponent(file),size:`lg`,class:`m-dropzone__file-icon`},null,8,[`icon`])]))]),_:2},1024)]),createElementVNode(`div`,_hoisted_4,[createElementVNode(`div`,_hoisted_5,[createElementVNode(`span`,_hoisted_6,toDisplayString(file.name),1),createElementVNode(`span`,_hoisted_7,toDisplayString(file.sizeInMb)+` MB`,1)]),!file.uploading&&!file.success?(openBlock(),createBlock(MazBtn_default,mergeProps({key:0,size:`xs`,icon:unref(MazTrash),disabled:__props.disabled,color:`destructive`,pastel:``},{ref_for:!0},__props.removeFileBtnProps,{onClick:withModifiers($event=>handleFileRemove(file),[`prevent`])}),null,16,[`icon`,`disabled`,`onClick`])):createCommentVNode(``,!0)])],!0)]))),128))]),_:3})],!0),filesData.value.length===0&&selectAreaCanBeDisplayed.value?renderSlot(_ctx.$slots,`no-files-area`,{key:0,selectFile:handleFileInputClick},()=>[createElementVNode(`div`,_hoisted_8,[renderSlot(_ctx.$slots,`upload-icon`,{},()=>[createVNode(unref(MazArrowUpOnSquare),{class:`m-dropzone__upload-icon`})],!0),createElementVNode(`span`,_hoisted_9,[createTextVNode(toDisplayString(messages.value.dragAndDrop)+` `+toDisplayString(messages.value.divider)+` `,1),createVNode(MazLink_default,{color:`inherit`,underline:``,onClick:_cache[3]||=withModifiers($event=>!__props.disabled&&handleFileInputClick(),[`prevent`])},{default:withCtx(()=>[createTextVNode(toDisplayString(messages.value.selectFile),1)]),_:1})])]),!allFileIsAccepted.value&&(messages.value.fileMaxCount||messages.value.fileMaxSize||messages.value.fileTypes)?(openBlock(),createElementBlock(`p`,_hoisted_10,[messages.value.fileMaxCount?(openBlock(),createElementBlock(`span`,_hoisted_11,toDisplayString(messages.value.fileMaxCount),1)):createCommentVNode(``,!0),messages.value.fileMaxSize?(openBlock(),createElementBlock(`span`,_hoisted_12,toDisplayString(messages.value.fileMaxSize),1)):createCommentVNode(``,!0),messages.value.fileTypes?(openBlock(),createElementBlock(`span`,_hoisted_13,toDisplayString(messages.value.fileTypes),1)):createCommentVNode(``,!0)])):createCommentVNode(``,!0)],!0):createCommentVNode(``,!0),createElementVNode(`input`,{id:`input-file-uploader-${unref(instanceId)}`,ref_key:`fileInput`,ref:fileInput,multiple:hasMultiple.value,type:`file`,accept:__props.dataTypes?.join(`,`),tabindex:`-1`,disabled:__props.disabled,class:`m-dropzone__file-input`,onChange:handleFileUpload},null,40,_hoisted_14)],14,_hoisted_1))}}),[[`__scopeId`,`data-v-b607dd3b`]]);export{MazDropzone_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as MazBtn_default}from"./MazBtn.
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as MazBtn_default}from"./MazBtn.BDvqcYIY.js";import{t as MazInput_default}from"./MazInput.CfAgOEV4.js";import{Fragment,TransitionGroup,computed,createElementBlock,createTextVNode,createVNode,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,ref,renderList,toDisplayString,unref,withCtx,withKeys,withModifiers}from"vue";import{truthyFilter}from"@maz-ui/utils/helpers/truthyFilter";import{MazTrash}from"@maz-ui/icons/raw/MazTrash";import '../assets/MazInputTags.CkN4xVxJ.css';var MazInputTags_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazInputTags`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},modelValue:{},placeholder:{},label:{},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},size:{},color:{default:`primary`},block:{type:Boolean},addTagsOnBlur:{type:Boolean,default:!0},hint:{}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let emits=__emit;let{size}=useGlobalConfig(`MazInputTags`,{size:`md`});let isFocused=ref(!1);let inputValue=ref();let tagsHoveredId=ref();let lastIdToDelete=ref();let currentDeleteTimeout=ref();let tags=computed(()=>__props.modelValue?.map(tag=>({tag,id:`${Date.now()}-${Math.random().toString(36).slice(2)}`})));function addTags(event){if(inputValue.value){lastIdToDelete.value=void 0,event.preventDefault();let newValues=inputValue.value.trim().split(`,`).map(value=>value.trim()===`,`?void 0:value.trim()).filter(truthyFilter).filter(value=>!__props.modelValue?.filter(truthyFilter)?.includes(value));emits(`update:model-value`,__props.modelValue?[...__props.modelValue,...newValues]:[...newValues]),inputValue.value=void 0}}let borderStyle=computed(()=>{if(__props.error)return`maz:border-destructive`;if(__props.success)return`maz:border-success`;if(__props.warning)return`maz:border-warning`;if(isFocused.value){if(__props.color===`primary`)return`maz:border-primary`;if(__props.color===`secondary`)return`maz:border-secondary`;if(__props.color===`info`)return`maz:border-info`;if(__props.color===`destructive`)return`maz:border-destructive`;if(__props.color===`success`)return`maz:border-success`;if(__props.color===`warning`)return`maz:border-warning`}return``});function removeLastTag(){inputValue.value||tags.value&&tags.value?.length===0||(currentDeleteTimeout.value&&clearTimeout(currentDeleteTimeout.value),lastIdToDelete.value?(removeTag(lastIdToDelete.value),lastIdToDelete.value=void 0):(lastIdToDelete.value=tags.value?.at(-1)?.id,currentDeleteTimeout.value=setTimeout(()=>{lastIdToDelete.value=void 0},2e3)))}function removeTag(id){let tagsArray=tags.value?.filter(tag=>tag.id!==id).map(tag=>tag.tag);emits(`update:model-value`,tagsArray)}let SIZE_CLASS={xl:`maz:min-h-16`,lg:`maz:min-h-14`,md:`maz:min-h-12`,sm:`maz:min-h-10`,xs:`maz:min-h-8`,mini:`maz:min-h-6`};let buttonSize=computed(()=>size.value===`mini`||size.value===`xs`?`mini`:size.value===`sm`?`xs`:size.value===`md`?`sm`:size.value===`lg`?`md`:size.value===`xl`?`lg`:size.value);return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-input-tags m-reset-css maz:relative maz:inline-flex maz:flex-wrap maz:gap-1 maz:overflow-hidden maz:rounded-md maz:border maz:border-divider maz:bg-input maz:px-[0.5em] maz:py-[0.25em] maz:align-top maz:transition-colors maz:duration-200 maz:ease-in-out maz:dark:border-divider-400`,[borderStyle.value,`--${__props.color}`,`--${unref(size)}`,SIZE_CLASS[unref(size)],__props.class,{"--block":__props.block,"maz:w-full":__props.block}]]),style:normalizeStyle(__props.style),onFocusCapture:_cache[4]||=$event=>isFocused.value=!0,onBlurCapture:_cache[5]||=$event=>isFocused.value=!1},[createVNode(TransitionGroup,{name:`maz-tags`},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(tags.value,({tag,id},i)=>(openBlock(),createElementBlock(`div`,{key:`tag-${i}`,class:`m-input-tags__wrapper maz:inline-flex maz:h-auto maz:flex-none! maz:flex-center`},[createVNode(MazBtn_default,{class:`m-input-tags__tag`,disabled:__props.disabled,size:buttonSize.value,color:tagsHoveredId.value===id||lastIdToDelete.value===id?`destructive`:__props.color,"end-icon":tagsHoveredId.value===id||lastIdToDelete.value===id?unref(MazTrash):void 0,onClick:withModifiers($event=>removeTag(id),[`stop`]),onMouseenter:$event=>tagsHoveredId.value=__props.disabled?void 0:id,onFocus:$event=>tagsHoveredId.value=__props.disabled?void 0:id,onMouseleave:_cache[0]||=$event=>tagsHoveredId.value=void 0,onBlur:_cache[1]||=$event=>tagsHoveredId.value=void 0},{default:withCtx(()=>[createTextVNode(toDisplayString(tag),1)]),_:2},1032,[`disabled`,`size`,`color`,`end-icon`,`onClick`,`onMouseenter`,`onFocus`])]))),128))]),_:1}),createVNode(MazInput_default,mergeProps({key:`input-tags`,modelValue:inputValue.value,"onUpdate:modelValue":_cache[2]||=$event=>inputValue.value=$event},_ctx.$attrs,{placeholder:__props.placeholder,label:__props.label,"aria-label":__props.label||__props.placeholder,error:__props.error,hint:__props.hint,success:__props.success,warning:__props.warning,disabled:__props.disabled,"top-label":void 0,"assistive-text":void 0,color:__props.color,block:__props.block,size:unref(size),"input-classes":`maz:w-full`,border:!1,class:`m-input-tags__input maz:h-auto! maz:flex-1`,onKeydown:[withKeys(addTags,[`enter`]),withKeys(removeLastTag,[`delete`])],onBlur:_cache[3]||=$event=>__props.addTagsOnBlur?addTags($event):void 0}),null,16,[`modelValue`,`placeholder`,`label`,`aria-label`,`error`,`hint`,`success`,`warning`,`disabled`,`color`,`block`,`size`])],38))}}),[[`__scopeId`,`data-v-7b221b88`]]);export{MazInputTags_default as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as MazBtn_default}from"./MazBtn.
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as MazBtn_default}from"./MazBtn.BDvqcYIY.js";import{t as MazBtnGroup_default}from"./MazBtnGroup.DQPVMzrc.js";import{t as MazDropdown_default}from"./MazDropdown.TQ8Ob7Xl.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,mergeModels,mergeProps,nextTick,normalizeClass,normalizeStyle,openBlock,ref,renderList,renderSlot,toDisplayString,unref,useModel,vModelText,vShow,watch,withCtx,withDirectives}from"vue";import{MazLinkIcon}from"@maz-ui/icons/lazy/MazLinkIcon";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazCheckCircle}from"@maz-ui/icons/lazy/MazCheckCircle";import{MazEye}from"@maz-ui/icons/lazy/MazEye";import{MazBold}from"@maz-ui/icons/lazy/MazBold";import{MazChatBubbleBottomCenterText}from"@maz-ui/icons/lazy/MazChatBubbleBottomCenterText";import{MazCodeBracket}from"@maz-ui/icons/lazy/MazCodeBracket";import{MazCodeBracketSquare}from"@maz-ui/icons/lazy/MazCodeBracketSquare";import{MazHashtag}from"@maz-ui/icons/lazy/MazHashtag";import{MazItalic}from"@maz-ui/icons/lazy/MazItalic";import{MazListBullet}from"@maz-ui/icons/lazy/MazListBullet";import{MazNumberedList}from"@maz-ui/icons/lazy/MazNumberedList";import{MazPencil}from"@maz-ui/icons/lazy/MazPencil";import{MazPhoto}from"@maz-ui/icons/lazy/MazPhoto";import{MazStrikethrough}from"@maz-ui/icons/lazy/MazStrikethrough";import{MazTableCells}from"@maz-ui/icons/lazy/MazTableCells";import{MazViewColumns}from"@maz-ui/icons/lazy/MazViewColumns";import '../assets/MazMarkdownEditor.DeyfIz2b.css';var _hoisted_1=[`for`];var _hoisted_2={class:`m-markdown-editor__header maz:flex maz:items-center maz:justify-between maz:gap-2 maz:border-b maz:bg-container maz:px-2 maz:py-1.5`};var _hoisted_3=[`aria-label`];var _hoisted_4={key:0,class:`m-markdown-editor__toolbar maz:flex maz:flex-wrap maz:items-center maz:gap-0.5`};var _hoisted_5={class:`m-markdown-editor__editor maz:flex maz:min-w-0 maz:flex-1`};var _hoisted_6=[`id`,`name`,`rows`,`placeholder`,`disabled`,`readonly`,`required`,`aria-labelledby`];var _hoisted_7=[`id`,`aria-labelledby`];var _hoisted_8=[`innerHTML`];var _hoisted_9={key:1,class:`m-markdown-editor__preview-empty maz:text-muted maz:italic`};var MazMarkdownEditor_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazMarkdownEditor`,props:mergeModels({style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},modelValue:{},id:{},name:{default:`MazMarkdownEditor`},label:{},placeholder:{},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},color:{default:`primary`},roundedSize:{},topLabel:{},assistiveText:{},toolbar:{type:[Boolean,Array],default:!1},lineNumbers:{type:Boolean,default:!1},shortcuts:{type:Boolean,default:!0},sanitize:{type:Boolean,default:!0},renderFunction:{type:Function},markedOptions:{},rows:{default:6},translations:{}},{mode:{default:`write`},modeModifiers:{}}),emits:mergeModels([`update:model-value`,`input`,`focus`,`blur`,`change`],[`update:mode`]),setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let mode=useModel(__props,`mode`);let{roundedSize}=useGlobalConfig(`MazMarkdownEditor`,{roundedSize:`md`});let{t}=useTranslations();let instanceId=useInstanceUniqId({componentName:`MazMarkdownEditor`,providedId:__props.id});let textareaEl=ref();let gutterEl=ref();let previewHtml=ref(``);let isRendering=ref(!1);let labels=computed(()=>({write:__props.translations?.write??t(`markdownEditor.write`),preview:__props.translations?.preview??t(`markdownEditor.preview`),split:__props.translations?.split??t(`markdownEditor.split`),emptyPreview:__props.translations?.emptyPreview??t(`markdownEditor.emptyPreview`),toolbar:{heading:__props.translations?.toolbar?.heading??t(`markdownEditor.toolbar.heading`),bold:__props.translations?.toolbar?.bold??t(`markdownEditor.toolbar.bold`),italic:__props.translations?.toolbar?.italic??t(`markdownEditor.toolbar.italic`),strikethrough:__props.translations?.toolbar?.strikethrough??t(`markdownEditor.toolbar.strikethrough`),quote:__props.translations?.toolbar?.quote??t(`markdownEditor.toolbar.quote`),code:__props.translations?.toolbar?.code??t(`markdownEditor.toolbar.code`),codeBlock:__props.translations?.toolbar?.codeBlock??t(`markdownEditor.toolbar.codeBlock`),link:__props.translations?.toolbar?.link??t(`markdownEditor.toolbar.link`),image:__props.translations?.toolbar?.image??t(`markdownEditor.toolbar.image`),bulletList:__props.translations?.toolbar?.bulletList??t(`markdownEditor.toolbar.bulletList`),orderedList:__props.translations?.toolbar?.orderedList??t(`markdownEditor.toolbar.orderedList`),checkList:__props.translations?.toolbar?.checkList??t(`markdownEditor.toolbar.checkList`),table:__props.translations?.toolbar?.table??t(`markdownEditor.toolbar.table`)},headings:{h1:__props.translations?.headings?.h1??t(`markdownEditor.headings.h1`),h2:__props.translations?.headings?.h2??t(`markdownEditor.headings.h2`),h3:__props.translations?.headings?.h3??t(`markdownEditor.headings.h3`)}}));let inputValue=computed({get:()=>__props.modelValue,set:value=>updateValue(value)});function updateValue(value){emits(`update:model-value`,value),emits(`input`,value)}function escapeHtml(value){return value.replace(/&/g,`&`).replace(/</g,`<`).replace(/>/g,`>`).replace(/"/g,`"`).replace(/'/g,`'`)}let renderSeq=0;async function parseToHtml(source){if(__props.renderFunction)return __props.renderFunction(source);let{marked}=await import(`marked`);return marked.parse(source,{gfm:!0,breaks:!0,...__props.markedOptions})}async function sanitizeHtml(html,source){if(!__props.sanitize)return html;try{let{default:DOMPurify}=await import(`dompurify`);return DOMPurify.sanitize(html)}catch{return`<pre>${escapeHtml(source)}</pre>`}}async function renderPreview(){let seq=++renderSeq;let source=__props.modelValue??``;if(!source.trim()||globalThis.window===void 0){seq===renderSeq&&(previewHtml.value=``);return}isRendering.value=!0;try{let html=await sanitizeHtml(await parseToHtml(source),source);seq===renderSeq&&(previewHtml.value=html)}catch{seq===renderSeq&&(previewHtml.value=`<pre>${escapeHtml(source)}</pre>`)}finally{seq===renderSeq&&(isRendering.value=!1)}}function setMode(value){__props.disabled||(mode.value=value)}function tryExecInsert(el,text){if(typeof document>`u`||typeof document.execCommand!=`function`)return!1;try{return document.execCommand(`insertText`,!1,text)}catch{return!1}}function replaceRange(rangeStart,rangeEnd,text,caretStart,caretEnd=caretStart){let el=textareaEl.value;if(!(!el||__props.disabled||__props.readonly)){if(el.focus(),el.setSelectionRange(rangeStart,rangeEnd),!tryExecInsert(el,text)){let value=__props.modelValue??``;updateValue(value.slice(0,rangeStart)+text+value.slice(rangeEnd))}nextTick(()=>{el.focus(),el.setSelectionRange(caretStart,caretEnd)})}}function wrapSelection(before,after=before){let el=textareaEl.value;if(!el)return;let value=__props.modelValue??``;let start=el.selectionStart??value.length;let end=el.selectionEnd??value.length;let selected=value.slice(start,end);let caret=start+before.length;replaceRange(start,end,`${before}${selected}${after}`,caret,caret+selected.length)}function prefixLines(prefix){let el=textareaEl.value;if(!el)return;let value=__props.modelValue??``;let start=el.selectionStart??0;let end=el.selectionEnd??0;let lineStart=value.lastIndexOf(`
|
|
2
2
|
`,start-1)+1;let prefixed=value.slice(lineStart,end).split(`
|
|
3
3
|
`).map(line=>prefix+line).join(`
|
|
4
4
|
`);replaceRange(lineStart,end,prefixed,lineStart,lineStart+prefixed.length)}function applyHeading(level){prefixLines(`${`#`.repeat(level)} `)}function insertLink(){let el=textareaEl.value;if(!el)return;let value=__props.modelValue??``;let start=el.selectionStart??value.length;let end=el.selectionEnd??value.length;let selected=value.slice(start,end)||labels.value.toolbar.link.toLowerCase();let urlStart=start+selected.length+3;replaceRange(start,end,`[${selected}](url)`,urlStart,urlStart+3)}function insertImage(){let el=textareaEl.value;if(!el)return;let value=__props.modelValue??``;let start=el.selectionStart??value.length;let end=el.selectionEnd??value.length;let selected=value.slice(start,end)||`alt`;let urlStart=start+selected.length+4;replaceRange(start,end,``,urlStart,urlStart+3)}function insertCodeBlock(){let el=textareaEl.value;if(!el)return;let value=__props.modelValue??``;let start=el.selectionStart??value.length;let end=el.selectionEnd??value.length;let selected=value.slice(start,end);let caret=start+4;replaceRange(start,end,`\`\`\`\n${selected}\n\`\`\``,caret,caret+selected.length)}function insertTable(){let el=textareaEl.value;if(!el)return;let start=el.selectionStart??0;replaceRange(start,el.selectionEnd??0,`| Header | Header |
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as MazBtn_default}from"./MazBtn.
|
|
1
|
+
import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as MazBtn_default}from"./MazBtn.BDvqcYIY.js";import{t as MazIcon_default}from"./MazIcon.CblJ-8Iu.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,mergeProps,openBlock,renderList,renderSlot,toDisplayString,unref,withCtx}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazEllipsisHorizontal}from"@maz-ui/icons/lazy/MazEllipsisHorizontal";import{MazChevronDoubleLeft}from"@maz-ui/icons/raw/MazChevronDoubleLeft";import{MazChevronLeft}from"@maz-ui/icons/raw/MazChevronLeft";var _hoisted_1=[`aria-label`];var _hoisted_2={class:`maz:m-0! maz:inline-flex maz:list-none! maz:items-center maz:gap-2 maz:-space-x-px maz:p-0! maz:align-top maz:text-base`};var _hoisted_3={class:`maz:m-0`};var _hoisted_4={class:`maz:sr-only`};var _hoisted_5={class:`maz:m-0`};var _hoisted_6={class:`maz:sr-only`};var _hoisted_7=[`id`];var _hoisted_8={class:`maz:sr-only`};var _hoisted_9={class:`maz:m-0`};var _hoisted_10={class:`maz:sr-only`};var _hoisted_11={class:`maz:m-0`};var _hoisted_12={class:`maz:sr-only`};var MazPagination_default=defineComponent({__name:`MazPagination`,props:{modelValue:{default:1},buttonProps:{},activeColor:{default:`surface`},size:{},totalPages:{},pageRange:{default:1},loading:{type:Boolean}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let emits=__emit;let DEFAULT_BUTTONS_PROPS={size:`md`,color:`surface`,outlined:!0,fab:!0};let{t}=useTranslations();let{size}=useGlobalConfig(`MazPagination`,{size:`md`});let buttonsPropsMerged=computed(()=>({...DEFAULT_BUTTONS_PROPS,...__props.buttonProps}));let previousPage=computed(()=>__props.modelValue>1?__props.modelValue-1:1);let nextPage=computed(()=>__props.modelValue<__props.totalPages?__props.modelValue+1:__props.totalPages);let allPages=computed(()=>Array.from({length:__props.totalPages},(_,index)=>{let itemNumber=index+1;return{number:itemNumber,isActive:itemNumber===__props.modelValue,loading:itemNumber===__props.modelValue&&__props.loading}}));let firstOne=computed(()=>__props.modelValue-__props.pageRange>1?allPages.value.slice(0,1):[]);let lastOne=computed(()=>__props.modelValue<__props.totalPages-__props.pageRange?allPages.value.slice(-1):[]);let rangeStartAt=computed(()=>{let baseStart=__props.modelValue-__props.pageRange-1;return baseStart<0?0:baseStart>__props.totalPages-__props.pageRange?__props.totalPages-__props.pageRange:baseStart});let rangeEndAt=computed(()=>{let baseEnd=__props.modelValue+__props.pageRange;return baseEnd>__props.totalPages?__props.totalPages:baseEnd<__props.pageRange?__props.pageRange:baseEnd});let range=computed(()=>allPages.value.slice(rangeStartAt.value,rangeEndAt.value));let firstDivider=computed(()=>__props.modelValue-__props.pageRange>2?[{divider:!0}]:[]);let lastDivider=computed(()=>__props.modelValue<__props.totalPages-__props.pageRange-1?[{divider:!0}]:[]);let pages=computed(()=>[...firstOne.value,...firstDivider.value,...range.value,...lastDivider.value,...lastOne.value]);function setPageNumber(page){page!==__props.modelValue&&emits(`update:model-value`,page)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`nav`,{class:`m-pagination m-reset-css`,role:`navigation`,"aria-label":unref(t)(`pagination.navAriaLabel`)},[createElementVNode(`ul`,_hoisted_2,[createElementVNode(`li`,_hoisted_3,[createVNode(MazBtn_default,mergeProps(buttonsPropsMerged.value,{disabled:__props.modelValue===1,"aria-label":`First Page, Page 1`,size:unref(size),onClick:_cache[0]||=$event=>setPageNumber(1)}),{default:withCtx(()=>[createElementVNode(`span`,_hoisted_4,[renderSlot(_ctx.$slots,`first-page-sr`,{page:1},()=>[createTextVNode(toDisplayString(unref(t)(`pagination.screenReader.firstPage`,{page:1})),1)])]),createVNode(MazIcon_default,{icon:unref(MazChevronDoubleLeft)},null,8,[`icon`])]),_:3},16,[`disabled`,`size`])]),createElementVNode(`li`,_hoisted_5,[createVNode(MazBtn_default,mergeProps(buttonsPropsMerged.value,{disabled:__props.modelValue===1,"aria-label":`Previous Page, Page ${previousPage.value}`,size:unref(size),onClick:_cache[1]||=$event=>setPageNumber(previousPage.value)}),{default:withCtx(()=>[createElementVNode(`span`,_hoisted_6,[renderSlot(_ctx.$slots,`previous-page-sr`,{page:previousPage.value},()=>[createTextVNode(toDisplayString(unref(t)(`pagination.screenReader.previousPage`,{page:previousPage.value})),1)])]),createVNode(MazIcon_default,{icon:unref(MazChevronLeft)},null,8,[`icon`])]),_:3},16,[`disabled`,`aria-label`,`size`])]),(openBlock(!0),createElementBlock(Fragment,null,renderList(pages.value,(page,i)=>(openBlock(),createElementBlock(`li`,{id:`number`in page?`button-${i}-${page.number}`:`ellipsis-${i}`,key:`number`in page?`button-${i}-${page.number}`:`ellipsis-${i}`,class:`maz:m-0`},[`number`in page?(openBlock(),createBlock(MazBtn_default,mergeProps({key:0,ref_for:!0},{...buttonsPropsMerged.value,color:page.isActive?__props.activeColor:buttonsPropsMerged.value.color,outlined:page.isActive?!1:buttonsPropsMerged.value.outlined},{size:unref(size),"aria-label":`Page ${page.number}`,"aria-current":page.isActive?`page`:void 0,loading:page.loading,class:{active:page.isActive},onClick:$event=>page.isActive?void 0:setPageNumber(page.number)}),{default:withCtx(()=>[createElementVNode(`span`,_hoisted_8,[renderSlot(_ctx.$slots,`page-sr`,{page:page.number},()=>[createTextVNode(toDisplayString(unref(t)(`pagination.screenReader.page`,{page:page.number})),1)])]),createTextVNode(` `+toDisplayString(page.number),1)]),_:2},1040,[`size`,`aria-label`,`aria-current`,`loading`,`class`,`onClick`])):page.divider?(openBlock(),createElementBlock(`div`,mergeProps({key:1,ref_for:!0},buttonsPropsMerged.value,{class:`flex-center flex p-2`}),[createVNode(unref(MazEllipsisHorizontal))],16)):createCommentVNode(``,!0)],8,_hoisted_7))),128)),createElementVNode(`li`,_hoisted_9,[createVNode(MazBtn_default,mergeProps(buttonsPropsMerged.value,{disabled:__props.modelValue===__props.totalPages,"aria-label":`Next Page, Page ${nextPage.value}`,size:unref(size),onClick:_cache[2]||=$event=>setPageNumber(nextPage.value)}),{default:withCtx(()=>[createElementVNode(`span`,_hoisted_10,[renderSlot(_ctx.$slots,`next-page-sr`,{page:nextPage.value},()=>[createTextVNode(toDisplayString(unref(t)(`pagination.screenReader.nextPage`,{page:nextPage.value})),1)])]),createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:-rotate-180`},null,8,[`icon`])]),_:3},16,[`disabled`,`aria-label`,`size`])]),createElementVNode(`li`,_hoisted_11,[createVNode(MazBtn_default,mergeProps(buttonsPropsMerged.value,{disabled:__props.modelValue===__props.totalPages,"aria-label":`Next Page, Page ${__props.totalPages}`,size:unref(size),onClick:_cache[3]||=$event=>setPageNumber(__props.totalPages)}),{default:withCtx(()=>[createElementVNode(`span`,_hoisted_12,[renderSlot(_ctx.$slots,`last-page-sr`,{page:__props.totalPages},()=>[createTextVNode(toDisplayString(unref(t)(`pagination.screenReader.lastPage`,{page:__props.totalPages})),1)])]),createVNode(MazIcon_default,{icon:unref(MazChevronDoubleLeft),class:`maz:-rotate-180`},null,8,[`icon`])]),_:3},16,[`disabled`,`aria-label`,`size`])])])],8,_hoisted_1))}});export{MazPagination_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{t as MazBtn_default}from"./MazBtn.
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{t as MazBtn_default}from"./MazBtn.BDvqcYIY.js";import{d as isRangeValue,f as isSameDate,m as isValidDate,o as getFirstDayOfMonth,p as isSameDay,r as getDaysInMonth}from"./utils.CjLBQJki.js";import{Fragment,TransitionGroup,computed,createBlock,createElementBlock,createElementVNode,createVNode,defineComponent,normalizeClass,openBlock,ref,renderList,toDisplayString,useCssVars,watch,withCtx}from"vue";import{debounce}from"@maz-ui/utils/helpers/debounce";import dayjs from"dayjs/esm";import '../assets/MazPickerCalendarGrid.DiySQJQ9.css';var _hoisted_1={class:`maz:text-sm`};var MazPickerCalendarGrid_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerCalendarGrid`,props:{modelValue:{type:[String,Object],default:void 0},calendarDate:{type:String,required:!0},hasTime:{type:Boolean,required:!0},locale:{type:String,required:!0},firstDayOfWeek:{type:Number,required:!0},color:{type:String,required:!0},minDate:{type:String,default:void 0},inline:{type:Boolean,required:!0},maxDate:{type:String,default:void 0},disabledWeekly:{type:Array,required:!0},disabledDates:{type:Array,required:!0},hoverredDay:{type:Object,default:void 0},disabled:{type:Boolean,required:!0},range:{type:Boolean,required:!0}},emits:[`update:model-value`,`update:hoverred-day`],setup(__props,{emit:__emit}){useCssVars(_ctx=>({v93bdda52:hoverColor.value,v11ce37aa:hoverTextColor.value}));let props=__props;let emits=__emit;let MazDatePickerGrid=ref();let transitionName=ref(`maz-slidenext`);let calendarDateArray=computed(()=>[props.calendarDate]);let hoverColor=computed(()=>`color-mix(in srgb, var(--maz-${props.color}) 20%, transparent)`);let hoverTextColor=computed(()=>`var(--maz-${props.color}-foreground)`);let modelValue=computed({get:()=>props.modelValue,set:value=>emits(`update:model-value`,value)});let monthDays=computed(()=>Array.from({length:getDaysInMonth(props.calendarDate)},(_v,i)=>i+1).map(day=>({label:day,date:dayjs(props.calendarDate).set(`date`,day)})));let emptyDaysCount=computed(()=>(getFirstDayOfMonth(props.calendarDate)-props.firstDayOfWeek+7)%7);function setHoverredDay(day){let value=props.modelValue;!value||!isRangeValue(value)||(value.start&&!value.end&&day&&day.isAfter(value.start)?emits(`update:hoverred-day`,day):emits(`update:hoverred-day`))}function isBetweenHoverred(day){let value=props.modelValue;if(!(!value||!isRangeValue(value)||!value.start||!props.hoverredDay))return dayjs(day).isBetween(value.start,props.hoverredDay,`date`,`()`)?3:void 0}function isLastDayHoverred(day){if(props.hoverredDay)return dayjs(day).isSame(props.hoverredDay)}function isFirstDay(day){return props.modelValue&&props.modelValue&&typeof props.modelValue==`object`&&props.modelValue?.start?isSameDate(day,props.modelValue.start,`date`):!1}function isLastDay(day){return props.modelValue&&props.modelValue&&typeof props.modelValue==`object`&&props.modelValue?.end?isSameDate(day,props.modelValue.end,`date`):!1}function getDayButtonColor(date){let value=props.modelValue;if(typeof value==`object`){let isStartDate=value.start?isSameDate(date,value.start,`date`):!1;let isEndDate=value.end?isSameDate(date,value.end,`date`):!1;let isBetweenDates=checkIsBetween(date);return isStartDate||isEndDate||isBetweenDates?props.color:`transparent`}else return checkIsSameDate(date)?props.color:`transparent`}function isSelectedOrBetween(day){if(props.modelValue&&typeof props.modelValue==`object`){if(props.modelValue.start&&isSameDate(day,props.modelValue.start,`date`))return 1;if(props.modelValue.end){if(isSameDate(day,props.modelValue.end,`date`))return 1;if(checkIsBetween(day))return 2}}else if(checkIsSameDate(day))return 1;return 0}function selectDay(value){props.range&&setHoverredDay();let valueFormatted=value.format();if(typeof modelValue.value==`object`){let values=modelValue.value;values.start&&values.end&&(values={start:void 0,end:void 0});let isBeforeStartDate=dayjs(valueFormatted).isBefore(values.start,`date`);modelValue.value=!values.start||isBeforeStartDate?{start:valueFormatted,end:void 0}:{start:values.start,end:valueFormatted}}else modelValue.value=valueFormatted}function checkIsSameDate(day){let value=props.modelValue;return!value||!isValidDate(value)?!1:isSameDate(day,value,`date`)}function checkIsBetween(day){let value=props.modelValue;return!isRangeValue(value)||!value.start||!value.end?!1:dayjs(day).isBetween(value.start,value.end,`date`,`()`)}function isSmallerMinDate(day){return props.minDate?dayjs(day).isBefore(props.minDate,`date`):!1}function isDisabledWeekly(day){return props.disabledWeekly?.length?props.disabledWeekly.some(disabledDay=>isSameDay(day,disabledDay)):!1}function isDisabledDate(day){return props.disabledDates?.length?props.disabledDates.some(disabledDay=>isSameDate(day,disabledDay,`date`)):!1}function isBiggerMaxDate(day){return props.maxDate?dayjs(day).isAfter(props.maxDate,`date`):!1}let removeContainerHeight=debounce(()=>{MazDatePickerGrid.value&&(MazDatePickerGrid.value.style.minHeight=``)},400);function setContainerHeight(){MazDatePickerGrid.value&&(MazDatePickerGrid.value.style.minHeight=`${MazDatePickerGrid.value?.clientHeight||176}px`,removeContainerHeight())}return watch(()=>props.calendarDate,(calendarDate,oldCalendarValue)=>{transitionName.value=dayjs(calendarDate).isAfter(oldCalendarValue,`date`)?`maz-slidenext`:`maz-slideprev`,setContainerHeight()}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`MazDatePickerGrid`,ref:MazDatePickerGrid,class:`maz-picker-calendar-grid maz:relative maz:transition-all maz:duration-300 maz:ease-in-out`},[createVNode(TransitionGroup,{name:transitionName.value},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList([calendarDateArray.value],(dateArray,dateIndex)=>(openBlock(),createElementBlock(`div`,{key:`${dateArray[dateIndex]}`,class:normalizeClass([`maz-picker-calendar-grid__container maz:relative maz:grid maz:grid-cols-7 maz:items-start maz:gap-y-1`,{"--is-range":__props.range,"maz:gap-x-1":!__props.range}])},[(openBlock(!0),createElementBlock(Fragment,null,renderList(emptyDaysCount.value,first=>(openBlock(),createElementBlock(`div`,{key:first}))),128)),(openBlock(!0),createElementBlock(Fragment,null,renderList(monthDays.value,({label,date},i)=>(openBlock(),createBlock(MazBtn_default,{key:i,size:`mini`,color:getDayButtonColor(date),type:`button`,block:__props.inline,disabled:__props.disabled||isSmallerMinDate(date)||isBiggerMaxDate(date)||isDisabledWeekly(date)||isDisabledDate(date),class:normalizeClass([`maz:size-8 maz:cursor-pointer maz:rounded-full`,{"--is-first":isFirstDay(date)&&isSelectedOrBetween(date)===1,"--is-last":isLastDay(date)&&isSelectedOrBetween(date)===1,"--is-last-hoverred":isLastDayHoverred(date),"--is-selected":isSelectedOrBetween(date)===1,"--is-between":isSelectedOrBetween(date)===2,"--is-between-hoverred":__props.range?isBetweenHoverred(date)===3:void 0}]),onClick:$event=>selectDay(date),onMouseover:$event=>__props.range?setHoverredDay(date):void 0,onMouseleave:_cache[0]||=$event=>__props.range?setHoverredDay():void 0,onFocus:$event=>__props.range?setHoverredDay(date):void 0,onBlur:_cache[1]||=$event=>__props.range?setHoverredDay():void 0},{default:withCtx(()=>[createElementVNode(`span`,_hoisted_1,toDisplayString(label),1)]),_:2},1032,[`color`,`block`,`disabled`,`class`,`onClick`,`onMouseover`,`onFocus`]))),128))],2))),128))]),_:1},8,[`name`])],512))}}),[[`__scopeId`,`data-v-fc747436`]]);export{MazPickerCalendarGrid_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as hasSlotContent}from"./hasSlotContent.rEQOMGV4.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as MazIcon_default}from"./MazIcon.CblJ-8Iu.js";import{Fragment,TransitionGroup,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,onBeforeMount,openBlock,provide,ref,renderList,renderSlot,resolveDynamicComponent,toDisplayString,toRef,unref,useCssVars,useSlots,watch,withCtx}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazArrowUp}from"@maz-ui/icons/lazy/MazArrowUp";import{MazChevronDoubleLeft}from"@maz-ui/icons/lazy/MazChevronDoubleLeft";import{MazChevronLeft}from"@maz-ui/icons/lazy/MazChevronLeft";import{MazMagnifyingGlass}from"@maz-ui/icons/lazy/MazMagnifyingGlass";import '../assets/MazTable.BlraYXD2.css';var _hoisted_1={key:0,class:`m-table-header maz:flex maz:max-w-full maz:flex-col maz:items-start maz:justify-between maz:gap-2 maz:py-2 maz:mob-l:flex-row maz:mob-l:items-center`};var _hoisted_2={key:0,class:`m-table-spacer`};var _hoisted_3={class:`m-table-header-title maz:font-semibold`};var _hoisted_4={key:1,class:`m-table-header-search maz:flex maz:items-center maz:gap-2`};var _hoisted_5={key:0};var _hoisted_6={key:1};var _hoisted_7={key:0,class:`m-table-sort-icon-wrapper`};var _hoisted_8={class:`maz:text-center maz:text-muted`};var _hoisted_9={key:1,class:`m-table-footer maz:flex maz:max-w-full maz:justify-end maz:gap-2 maz:py-2`};var _hoisted_10={key:0,class:`m-table-footer-pagination maz:flex maz:items-center maz:gap-4`};var _hoisted_11={class:`m-table-footer-pagination-items-per-page maz:flex maz:items-center maz:gap-1`};var _hoisted_12={class:`maz:hidden maz:text-sm maz:tab-s:block`};var _hoisted_13={key:0,class:`maz:text-sm maz:whitespace-nowrap`};var _hoisted_14={class:`m-table-footer-pagination-buttons maz:flex maz:items-center maz:gap-1`};var mazTableKey=Symbol(`maz-table`);var MazTable_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazTable`,props:{tableClass:{type:[Boolean,null,String,Object,Array]},tableStyle:{type:[Boolean,null,String,Object,Array]},modelValue:{},size:{},inputSize:{},title:{},headers:{},sortable:{type:Boolean},headersAlign:{default:`left`},rows:{},hoverable:{type:Boolean},search:{type:Boolean},hideSearchInRow:{type:Boolean},hideSearchBy:{type:Boolean},searchQuery:{},backgroundOdd:{type:Boolean},backgroundEven:{type:Boolean},elevation:{type:Boolean},divider:{type:Boolean,default:!1},caption:{},captionSide:{default:`bottom`},pagination:{type:Boolean},page:{default:1},pageSize:{default:20},totalPages:{},paginateRows:{type:Boolean,default:!0},totalItems:{},loading:{type:Boolean},selectable:{type:Boolean},selectedKey:{},tableLayout:{},color:{default:`primary`},translations:{},roundedSize:{},scrollable:{type:Boolean,default:!1},rowKey:{},animatedRows:{type:Boolean,default:!1}},emits:[`update:model-value`,`update:search-query`,`update:page`,`update:page-size`],setup(__props,{emit:__emit}){useCssVars(_ctx=>({v7f61deb5:_ctx.tableLayout,v06f1d67a:_ctx.captionSide}));let emits=__emit;let{size,roundedSize}=useGlobalConfig(`MazTable`,{size:`md`,roundedSize:`md`});let MazBtn=defineAsyncComponent(()=>import(`../components/MazBtn.js`));let MazCheckbox=defineAsyncComponent(()=>import(`../components/MazCheckbox.js`));let MazInput=defineAsyncComponent(()=>import(`../components/MazInput.js`));let MazLoadingBar=defineAsyncComponent(()=>import(`../components/MazLoadingBar.js`));let MazSelect=defineAsyncComponent(()=>import(`../components/MazSelect.js`));let MazTableCell=defineAsyncComponent(()=>import(`../components/MazTableCell.js`));let MazTableRowComponent=defineAsyncComponent(()=>import(`../components/MazTableRow.js`));let MazTableTitle=defineAsyncComponent(()=>import(`../components/MazTableTitle.js`));let{t}=useTranslations();let messages=computed(()=>({noResults:__props.translations?.noResults??t(`table.noResults`),actionColumnTitle:__props.translations?.actionColumnTitle??t(`table.actionColumnTitle`),searchByInput:{all:__props.translations?.searchByInput?.all??t(`table.searchByInput.all`),placeholder:__props.translations?.searchByInput?.placeholder??t(`table.searchByInput.placeholder`)},searchInput:{placeholder:__props.translations?.searchInput?.placeholder??t(`table.searchInput.placeholder`)},pagination:{all:__props.translations?.pagination?.all??t(`table.pagination.all`),rowsPerPage:__props.translations?.pagination?.rowsPerPage??t(`table.pagination.rowsPerPage`),of:__props.translations?.pagination?.of??t(`table.pagination.of`)}}));let hasDivider=computed(()=>__props.divider&&!__props.backgroundEven&&!__props.backgroundOdd);provide(mazTableKey,{size:toRef(()=>size.value),hoverable:toRef(()=>__props.hoverable),backgroundEven:toRef(()=>__props.backgroundEven),backgroundOdd:toRef(()=>__props.backgroundOdd)});let rowsNormalized=ref(getNormalizedRows());let isSelectable=computed(()=>__props.selectable||!!__props.selectedKey);let currentPage=ref(__props.page);watch(()=>__props.page,value=>{currentPage.value=value});let currentPageModel=computed({get:()=>currentPage.value,set:value=>{currentPage.value=value,emits(`update:page`,value)}});let pageSizeOptions=computed(()=>[{label:messages.value.pagination.all,value:1/0},{label:5,value:5},{label:10,value:10},{label:20,value:20},{label:50,value:50},{label:100,value:100},{label:200,value:200}]);let pageSizeModelInternal=ref(__props.pageSize);watch(()=>__props.pageSize,value=>{pageSizeModelInternal.value=value});let pageSizeModel=computed({get:()=>pageSizeModelInternal.value,set:value=>{pageSizeModelInternal.value=value,emits(`update:page-size`,value)}});let totalPagesInternal=computed(()=>__props.totalPages?__props.totalPages:pageSizeModel.value===1/0||!totalItemsInternal.value?1:Math.ceil(totalItemsInternal.value/pageSizeModel.value));let totalItemsInternal=computed(()=>__props.totalItems??__props.rows?.length);let rowsOfPage=computed(()=>{if(!__props.pagination||!__props.paginateRows||pageSizeModel.value===1/0)return rowsNormalized.value;let start=(currentPage.value-1)*pageSizeModel.value;let end=start+pageSizeModel.value;return rowsNormalized.value.slice(start,end)});let rowsFromTo=computed(()=>({from:(currentPage.value-1)*pageSizeModel.value+1,to:Math.min(currentPage.value*pageSizeModel.value,totalItemsInternal.value??0)}));function firstPage(){currentPageModel.value=1}function lastPage(){currentPageModel.value=totalPagesInternal.value}function previousPage(){currentPageModel.value--}function nextPage(){currentPageModel.value++}watch(()=>[__props.rows,__props.modelValue],()=>{rowsNormalized.value=getNormalizedRows()});let sortedColumnIndex=ref();let sortType=ref();let headersNormalized=computed(()=>getNormalizedHeaders(__props.headers));let searchByKey=ref();let searchByOptions=computed(()=>{let headerOptions=headersNormalized.value.map(({label,key})=>({label,value:key}));return[{label:messages.value.searchByInput.all,value:null},...headerOptions]});let searchQueryModelInternal=ref(__props.searchQuery);watch(()=>__props.searchQuery,value=>{searchQueryModelInternal.value=value});let searchQueryModel=computed({get:()=>searchQueryModelInternal.value,set:value=>{searchQueryModelInternal.value=value,emits(`update:search-query`,value)}});function getSortedRows(rows){return rows.toSorted((a,b)=>{if(sortedColumnIndex.value===void 0||sortType.value===void 0)return 0;let aValue=a[headersNormalized.value[sortedColumnIndex.value].key];let bValue=b[headersNormalized.value[sortedColumnIndex.value].key];return typeof aValue==`string`&&typeof bValue==`string`?sortType.value===`ASC`?aValue.localeCompare(bValue):bValue.localeCompare(aValue):sortType.value===`ASC`?aValue-bValue:bValue-aValue})}function getFilteredRows(rows){if(__props.hideSearchInRow||typeof searchQueryModel.value!=`string`)return rowsOfPage.value;let query=searchQueryModel.value.toLowerCase();return[...rows].filter(row=>searchByKey.value?String(row[searchByKey.value]).toLowerCase().includes(query):Object.values(row).some(value=>typeof value==`string`||typeof value==`number`||typeof value==`boolean`?String(value).toLowerCase().includes(query):!1))}let rowsFiltered=computed(()=>getSortedRows(getFilteredRows(rowsOfPage.value)));let slots=useSlots();let hasHeader=computed(()=>!!(__props.search||__props.title||slots.title));let hasFooter=computed(()=>!!__props.pagination);function getNormalizedHeaders(headers){return headers?.map(header=>typeof header==`string`?{label:header,align:__props.headersAlign}:{align:__props.headersAlign,thHeaders:header.headers,...header})??[]}function getNormalizedRows(){return __props.rows?.map(row=>({selected:__props.modelValue?.includes(__props.selectedKey?row[__props.selectedKey]:row),...row}))??[]}function getRowKey(row,index){return __props.rowKey&&row[__props.rowKey]!=null?row[__props.rowKey]:index}function sortColumn(columnIndex){columnIndex===sortedColumnIndex.value?sortType.value=sortType.value===void 0?`DESC`:sortType.value===`DESC`?`ASC`:void 0:sortType.value=`DESC`,sortedColumnIndex.value=sortType.value===void 0?void 0:columnIndex}let allSelected=computed({get:()=>rowsFiltered.value.every(row=>row.selected)??!1,set:selectAll});function selectAll(value){for(let row of rowsFiltered.value)row.selected=value;emitValues()}function selectRow(value,index){rowsFiltered.value[index].selected=value,emitValues()}function emitValues(selectedRows){selectedRows??=getSelectedRows(),emits(`update:model-value`,selectedRows?.length?selectedRows:void 0)}function getSelectedRows(){return rowsNormalized.value.filter(row=>row.selected).map(row=>__props.selectedKey?row[__props.selectedKey]:row)}return onBeforeMount(()=>{let selectedRows=getSelectedRows();selectedRows?.length&&emitValues(selectedRows)}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-table m-reset-css maz:relative maz:max-w-full`,{"--has-header":hasHeader.value}])},[hasHeader.value?(openBlock(),createElementBlock(`div`,_hoisted_1,[__props.title||unref(hasSlotContent)(unref(slots).title)?(openBlock(),createElementBlock(`div`,_hoisted_2,[renderSlot(_ctx.$slots,`title`,{},()=>[createElementVNode(`span`,_hoisted_3,toDisplayString(__props.title),1)],!0)])):createCommentVNode(``,!0),__props.search?(openBlock(),createElementBlock(`div`,_hoisted_4,[__props.hideSearchBy?createCommentVNode(``,!0):(openBlock(),createBlock(unref(MazSelect),{key:0,modelValue:searchByKey.value,"onUpdate:modelValue":_cache[0]||=$event=>searchByKey.value=$event,"rounded-size":unref(roundedSize),color:__props.color,style:{maxWidth:`12rem`},placeholder:messages.value.searchByInput.placeholder,size:__props.inputSize??unref(size),options:searchByOptions.value},null,8,[`modelValue`,`rounded-size`,`color`,`placeholder`,`size`,`options`])),createVNode(unref(MazInput),{modelValue:searchQueryModel.value,"onUpdate:modelValue":_cache[1]||=$event=>searchQueryModel.value=$event,size:__props.inputSize??unref(size),"rounded-size":unref(roundedSize),color:__props.color,debounce:300,placeholder:messages.value.searchInput.placeholder,"start-icon":unref(MazMagnifyingGlass)},null,8,[`modelValue`,`size`,`rounded-size`,`color`,`placeholder`,`start-icon`])])):createCommentVNode(``,!0)])):createCommentVNode(``,!0),createElementVNode(`div`,{class:normalizeClass([`m-table-wrapper maz:border maz:border-solid maz:border-divider`,[`--rounded-${unref(roundedSize)}`,{"--scrollable maz:overflow-auto":__props.scrollable,"maz:overflow-hidden":!__props.scrollable}]])},[createElementVNode(`table`,{class:normalizeClass([[{"--elevation":__props.elevation,"--has-layout":__props.tableLayout},__props.tableClass],`maz:table maz:w-full maz:border-collapse maz:bg-container`]),style:normalizeStyle(__props.tableStyle)},[__props.caption||unref(hasSlotContent)(unref(slots).caption)?(openBlock(),createElementBlock(`caption`,_hoisted_5,[renderSlot(_ctx.$slots,`caption`,{},()=>[createTextVNode(toDisplayString(__props.caption),1)],!0)])):createCommentVNode(``,!0),headersNormalized.value?(openBlock(),createElementBlock(`thead`,_hoisted_6,[renderSlot(_ctx.$slots,`thead`,{},()=>[createVNode(unref(MazTableRowComponent),{"is-head":``},{default:withCtx(()=>[isSelectable.value?(openBlock(),createBlock(unref(MazTableTitle),{key:0,align:`left`,class:normalizeClass([`--${unref(size)}`,`m-table-select-column`])},{default:withCtx(()=>[createVNode(unref(MazCheckbox),{modelValue:allSelected.value,"onUpdate:modelValue":_cache[2]||=$event=>allSelected.value=$event,size:`sm`},null,8,[`modelValue`])]),_:1},8,[`class`])):createCommentVNode(``,!0),(openBlock(!0),createElementBlock(Fragment,null,renderList(headersNormalized.value,(header,columnIndex)=>(openBlock(),createBlock(unref(MazTableTitle),{key:columnIndex,scope:header.scope,align:header.align,rowspan:header.rowspan,colspan:header.colspan,headers:header.thHeaders,style:normalizeStyle({width:header.width,textAlign:header.align,maxWidth:header.maxWidth,minWidth:header.minWidth}),class:normalizeClass([`maz:group`,[{"--hidden":header.hidden,"--sortable":header.sortable??__props.sortable},header.classes,`--${unref(size)}`]]),onClick:$event=>(header.sortable??__props.sortable)&&sortColumn(columnIndex)},{default:withCtx(()=>[createElementVNode(`span`,{class:normalizeClass({"maz:sr-only":header.srOnly})},[renderSlot(_ctx.$slots,`header`,{header,label:header.label},()=>[renderSlot(_ctx.$slots,`header-label-${header.key}`,{header,label:header.label},()=>[createTextVNode(toDisplayString(header.label),1)],!0),header.sortable??__props.sortable?(openBlock(),createElementBlock(`div`,_hoisted_7,[createVNode(unref(MazArrowUp),{class:normalizeClass([`m-table-sort-icon maz:hidden maz:group-hover:block`,{"--sorted":columnIndex===sortedColumnIndex.value,"--up":sortType.value===`DESC`,"--down":sortType.value===`ASC`}])},null,8,[`class`])])):createCommentVNode(``,!0)],!0)],2)]),_:2},1032,[`scope`,`align`,`rowspan`,`colspan`,`headers`,`style`,`class`,`onClick`]))),128)),unref(hasSlotContent)(unref(slots).actions)?(openBlock(),createBlock(unref(MazTableTitle),{key:1,align:`left`,class:normalizeClass(`--${unref(size)}`)},{default:withCtx(()=>[renderSlot(_ctx.$slots,`actions-header`,{},()=>[createTextVNode(toDisplayString(messages.value.actionColumnTitle),1)],!0)]),_:3},8,[`class`])):createCommentVNode(``,!0)]),_:3})],!0)])):createCommentVNode(``,!0),__props.loading?(openBlock(),createBlock(unref(MazLoadingBar),{key:2,color:__props.color,class:`maz:absolute!`},null,8,[`color`])):createCommentVNode(``,!0),(openBlock(),createBlock(resolveDynamicComponent(__props.animatedRows?TransitionGroup:`tbody`),mergeProps(__props.animatedRows?{tag:`tbody`,name:`m-table-row`,moveClass:`m-table-row-move`}:{},{class:{"--divider":hasDivider.value}}),{default:withCtx(()=>[renderSlot(_ctx.$slots,`default`,{},()=>[rowsFiltered.value.length>0?(openBlock(!0),createElementBlock(Fragment,{key:0},renderList(rowsFiltered.value,(row,rowIndex)=>(openBlock(),createBlock(unref(MazTableRowComponent),{key:getRowKey(row,rowIndex),class:normalizeClass(row.classes),onClick:$event=>row.action&&row.action(row)},{default:withCtx(()=>[isSelectable.value?(openBlock(),createBlock(unref(MazTableCell),{key:0,class:`m-table-select-column`},{default:withCtx(()=>[renderSlot(_ctx.$slots,`select`,{row,selected:row.selected},()=>[createVNode(unref(MazCheckbox),{size:`sm`,"model-value":row.selected,"onUpdate:modelValue":$event=>selectRow($event,rowIndex)},null,8,[`model-value`,`onUpdate:modelValue`])],!0)]),_:2},1024)):createCommentVNode(``,!0),(openBlock(!0),createElementBlock(Fragment,null,renderList(headersNormalized.value,({key,align,classes},dataIndex)=>(openBlock(),createBlock(unref(MazTableCell),{key:dataIndex,align,class:normalizeClass(classes)},{default:withCtx(()=>[key?renderSlot(_ctx.$slots,`cell`,{key:0,row,value:row[key]},()=>[renderSlot(_ctx.$slots,`cell-${key}`,{row,value:row[key]},()=>[createTextVNode(toDisplayString(row[key]),1)],!0)],!0):createCommentVNode(``,!0)]),_:2},1032,[`align`,`class`]))),128)),unref(hasSlotContent)(unref(slots).actions)?(openBlock(),createBlock(unref(MazTableCell),{key:1},{default:withCtx(()=>[renderSlot(_ctx.$slots,`actions`,{row},void 0,!0)]),_:2},1024)):createCommentVNode(``,!0)]),_:2},1032,[`class`,`onClick`]))),128)):(openBlock(),createBlock(unref(MazTableRowComponent),{key:1},{default:withCtx(()=>[createVNode(unref(MazTableCell),{colspan:headersNormalized.value.length+ +!!isSelectable.value+ +!!unref(hasSlotContent)(unref(slots).actions)},{default:withCtx(()=>[renderSlot(_ctx.$slots,`no-results`,{},()=>[createElementVNode(`p`,_hoisted_8,[renderSlot(_ctx.$slots,`no-results-text`,{},()=>[createTextVNode(toDisplayString(messages.value.noResults),1)],!0)])],!0)]),_:3},8,[`colspan`])]),_:3}))],!0)]),_:3},16,[`class`]))],6)],2),hasFooter.value?(openBlock(),createElementBlock(`div`,_hoisted_9,[__props.pagination?(openBlock(),createElementBlock(`div`,_hoisted_10,[createElementVNode(`div`,_hoisted_11,[createElementVNode(`span`,_hoisted_12,toDisplayString(messages.value.pagination.rowsPerPage),1),createVNode(unref(MazSelect),{modelValue:pageSizeModel.value,"onUpdate:modelValue":_cache[3]||=$event=>pageSizeModel.value=$event,options:pageSizeOptions.value,"rounded-size":unref(roundedSize),size:__props.inputSize??unref(size),color:__props.color,"list-position":`top`,style:{maxWidth:`6rem`}},null,8,[`modelValue`,`options`,`rounded-size`,`size`,`color`])]),totalPagesInternal.value?(openBlock(),createElementBlock(`span`,_hoisted_13,toDisplayString(rowsFromTo.value.from)+` - `+toDisplayString(rowsFromTo.value.to)+` `+toDisplayString(messages.value.pagination.of)+` `+toDisplayString(totalItemsInternal.value),1)):createCommentVNode(``,!0),createElementVNode(`div`,_hoisted_14,[createVNode(unref(MazBtn),{disabled:currentPageModel.value===1,size:__props.inputSize??unref(size),color:`transparent`,"rounded-size":unref(roundedSize),onClick:firstPage},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronDoubleLeft),class:`maz:text-base`},null,8,[`icon`])]),_:1},8,[`disabled`,`size`,`rounded-size`]),createVNode(unref(MazBtn),{disabled:currentPageModel.value===1,size:__props.inputSize??unref(size),color:`transparent`,"rounded-size":unref(roundedSize),onClick:previousPage},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:text-base`},null,8,[`icon`])]),_:1},8,[`disabled`,`size`,`rounded-size`]),createVNode(unref(MazBtn),{disabled:currentPageModel.value===totalPagesInternal.value,size:__props.inputSize??unref(size),color:`transparent`,"rounded-size":unref(roundedSize),onClick:nextPage},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:rotate-180 maz:text-base`},null,8,[`icon`])]),_:1},8,[`disabled`,`size`,`rounded-size`]),createVNode(unref(MazBtn),{disabled:currentPageModel.value===totalPagesInternal.value,size:__props.inputSize??unref(size),color:`transparent`,"rounded-size":unref(roundedSize),onClick:lastPage},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronDoubleLeft),class:`maz:rotate-180 maz:text-base`},null,8,[`icon`])]),_:1},8,[`disabled`,`size`,`rounded-size`])])])):createCommentVNode(``,!0)])):createCommentVNode(``,!0)],2))}}),[[`__scopeId`,`data-v-edb2c56b`]]);export{mazTableKey as n,MazTable_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazTableKey}from"./MazTable.
|
|
1
|
+
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazTableKey}from"./MazTable.BHEu61tz.js";import{createElementBlock,defineComponent,normalizeClass,openBlock,renderSlot,unref}from"vue";var MazTableCell_default=defineComponent({__name:`MazTableCell`,setup(__props){let{size}=useInjectStrict(mazTableKey);let SIZE_CLASS={xl:`maz:px-5 maz:py-5 maz:text-xl`,lg:`maz:px-4 maz:py-4 maz:text-lg`,md:`maz:px-3 maz:py-3 maz:text-base`,sm:`maz:px-2 maz:py-2 maz:text-sm`,xs:`maz:px-1 maz:py-1 maz:text-xs`,mini:`maz:px-0.5 maz:py-0.5 maz:text-xs`};return(_ctx,_cache)=>(openBlock(),createElementBlock(`td`,{class:normalizeClass([`m-table-cell m-reset-css`,[`--${unref(size)}`,SIZE_CLASS[unref(size)]]])},[renderSlot(_ctx.$slots,`default`)],2))}});export{MazTableCell_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazTableKey}from"./MazTable.
|
|
1
|
+
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazTableKey}from"./MazTable.BHEu61tz.js";import{createElementBlock,defineComponent,normalizeClass,openBlock,renderSlot,unref}from"vue";var MazTableRow_default=defineComponent({__name:`MazTableRow`,props:{hoverable:{type:Boolean,default:!0},isHead:{type:Boolean,default:!1}},setup(__props){let{backgroundEven,backgroundOdd,hoverable:injectedHoverable}=useInjectStrict(mazTableKey);return(_ctx,_cache)=>(openBlock(),createElementBlock(`tr`,{class:normalizeClass([`m-table-row m-reset-css`,{"--hoverable":unref(injectedHoverable)&&__props.hoverable&&!__props.isHead,"--background-odd":unref(backgroundOdd),"--background-even":unref(backgroundEven),"maz:hover:bg-surface-600/50 maz:dark:hover:bg-surface-300":unref(injectedHoverable)&&__props.hoverable&&!__props.isHead,"maz:odd:bg-surface-600/70 maz:dark:odd:bg-surface-400/70":unref(backgroundOdd),"maz:even:bg-surface-600/70 maz:dark:even:bg-surface-400/70":unref(backgroundEven)}])},[renderSlot(_ctx.$slots,`default`)],2))}});export{MazTableRow_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazTableKey}from"./MazTable.
|
|
1
|
+
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazTableKey}from"./MazTable.BHEu61tz.js";import{createElementBlock,defineComponent,normalizeClass,openBlock,renderSlot,unref}from"vue";var MazTableTitle_default=defineComponent({__name:`MazTableTitle`,setup(__props){let{size}=useInjectStrict(mazTableKey);let SIZE_CLASS={xl:`maz:px-5 maz:py-5 maz:text-xl`,lg:`maz:px-4 maz:py-4 maz:text-lg`,md:`maz:px-3 maz:py-3 maz:text-base`,sm:`maz:px-2 maz:py-2 maz:text-sm`,xs:`maz:px-1 maz:py-1 maz:text-xs`,mini:`maz:px-0.5 maz:py-0.5 maz:text-xs`};return(_ctx,_cache)=>(openBlock(),createElementBlock(`th`,{class:normalizeClass([`m-table-title m-reset-css`,[`--${unref(size)}`,SIZE_CLASS[unref(size)]]])},[renderSlot(_ctx.$slots,`default`)],2))}});export{MazTableTitle_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{GLOBAL_CONFIG_INJECTION_KEY}from"../composables/useGlobalConfig.js";import{t as MazBtn_default}from"./MazBtn.
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{GLOBAL_CONFIG_INJECTION_KEY}from"../composables/useGlobalConfig.js";import{t as MazBtn_default}from"./MazBtn.BDvqcYIY.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,defineAsyncComponent,defineComponent,getCurrentInstance,inject,mergeProps,normalizeClass,normalizeStyle,onBeforeMount,onMounted,openBlock,ref,renderList,renderSlot,toDisplayString,unref,watch,withCtx}from"vue";import{sleep}from"@maz-ui/utils/helpers/sleep";import '../assets/MazTabsBar.SUnpNfa4.css';var MazTabsBar_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazTabsBar`,props:{items:{},modelValue:{},size:{},roundedSize:{},color:{},standalone:{type:Boolean,default:!1},persistent:{type:Boolean,default:!1},queryParam:{default:`tab`},block:{type:Boolean,default:!1},elevation:{type:Boolean,default:!1},autoScroll:{type:Boolean,default:!0},bordered:{type:Boolean,default:!0}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let emits=__emit;let MazBadge=defineAsyncComponent(()=>import(`../components/MazBadge.js`));let injectedTabs=inject(`maz-tabs`,void 0);let tabsContext=computed(()=>__props.standalone?void 0:injectedTabs);let instance=getCurrentInstance();let globalConfig=inject(GLOBAL_CONFIG_INJECTION_KEY,void 0);function wasPropProvided(key){let raw=instance?.vnode.props;return raw?Object.hasOwn(raw,key)||Object.hasOwn(raw,key.replace(/\B([A-Z])/g,`-$1`).toLowerCase()):!1}let resolvedSize=computed(()=>wasPropProvided(`size`)?instance.props.size:tabsContext.value?.size?.value??globalConfig?.MazTabsBar?.size??globalConfig?.global?.size??`md`);let resolvedRoundedSize=computed(()=>wasPropProvided(`roundedSize`)?instance.props.roundedSize:tabsContext.value?.roundedSize?.value??globalConfig?.MazTabsBar?.roundedSize??globalConfig?.global?.roundedSize??`md`);let resolvedColor=computed(()=>__props.color??tabsContext.value?.color?.value);let ROUNDED_CLASS={none:``,sm:`maz:rounded-xs`,md:`maz:rounded-md`,lg:`maz:rounded-lg`,xl:`maz:rounded-xl`,full:`maz:rounded-full`};let normalizedItems=computed(()=>__props.items.map(item=>{if(typeof item==`string`)return{label:item,value:void 0,disabled:!1,size:void 0,roundedSize:void 0,color:`transparent`,badge:void 0,btnProps:{}};let{label,value,disabled,badge,size,roundedSize,color:itemColor,...btnProps}=item;return{label,value,disabled:disabled??!1,size,roundedSize,color:itemColor??`transparent`,badge,btnProps}}));let currentTab=computed(()=>{if(tabsContext.value)return tabsContext.value.currentTab.value;if(__props.modelValue===void 0)return 1;let indexByValue=normalizedItems.value.findIndex(item=>item.value!==void 0&&item.value===__props.modelValue);return indexByValue===-1?typeof __props.modelValue==`number`?__props.modelValue:1:indexByValue+1});function setActiveTab(oneBasedIndex){if(tabsContext.value){tabsContext.value.updateCurrentTab(oneBasedIndex);return}let item=normalizedItems.value[oneBasedIndex-1];emits(`update:model-value`,item?.value??oneBasedIndex)}function selectTab(tabIndex){setActiveTab(tabIndex+1),__props.persistent&&addOrUpdateQueryParamTab(tabIndex+1)}let tabsBarRef=ref();let itemRefs=ref([]);function isActiveTab(index){return currentTab.value===index+1}function addElementToItemRefs({mazBtn,index}){itemRefs.value[index]=mazBtn&&`$el`in mazBtn?mazBtn.$el:mazBtn}let tabsIndicatorState=ref();let tabsBarHasScrollAnimation=ref(!1);async function setIndicatorAndScroll(){if(!__props.autoScroll)return;await sleep(150);let tabsBar=tabsBarRef.value;let activeTab=itemRefs.value[currentTab.value-1];if(!tabsBar||!activeTab)return;if(activeTab.offsetLeft-50<tabsBar.scrollLeft||activeTab.offsetLeft+activeTab.offsetWidth>tabsBar.scrollLeft+tabsBar.clientWidth){let tabBarPaddingLeft=globalThis.getComputedStyle(tabsBar).paddingLeft;let tabsBarPaddingOffset=Number(tabBarPaddingLeft.slice(0,-2));tabsBar.scrollTo({left:activeTab.offsetLeft-tabsBarPaddingOffset-50,behavior:tabsBarHasScrollAnimation.value?`smooth`:`instant`})}if(typeof currentTab.value!=`number`)return;let indicatorWidth=activeTab?.offsetWidth??0;let indicatorHeight=activeTab?.offsetHeight??0;tabsIndicatorState.value={transform:`translateX(${activeTab?.offsetLeft??0}px)`,width:`${indicatorWidth}px`,height:`${indicatorHeight}px`},tabsBarHasScrollAnimation.value=!0}function getTabStyle(index,disabled){return disabled?{}:currentTab.value===index+1?resolvedColor.value?`color: var(--maz-${resolvedColor.value}-foreground)`:`color: var(--maz-foreground)`:`color: var(--maz-muted)`}onBeforeMount(()=>{(currentTab.value<1||currentTab.value>normalizedItems.value.length)&&console.error(`[maz-ui](MazTabsBar) The model-value should be between 1 and ${normalizedItems.value.length}`)}),onMounted(()=>{(__props.persistent||currentTab.value)&&setIndicatorAndScroll()}),watch(()=>[currentTab.value,normalizedItems.value],()=>{setIndicatorAndScroll()});function getQueryParamTab(){let urlActuelle=new URL(globalThis.location.href);return Number(urlActuelle.searchParams.get(__props.queryParam))}function addOrUpdateQueryParamTab(tab){let urlActuelle=new URL(globalThis.location.href);urlActuelle.searchParams.set(__props.queryParam,String(tab)),globalThis.history.replaceState({},document.title,urlActuelle.toString())}return onMounted(()=>{__props.persistent&&setActiveTab(getQueryParamTab()||currentTab.value||1)}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`tabsBarRef`,ref:tabsBarRef,class:normalizeClass([`m-tabs-bar m-reset-css maz:relative maz:inline-flex maz:max-w-full maz:gap-1 maz:overflow-x-auto maz:bg-container maz:p-2 maz:align-top`,[ROUNDED_CLASS[resolvedRoundedSize.value],{"--block":__props.block,"--elevation":__props.elevation,"--bordered":__props.bordered,"maz:w-full":__props.block,"maz:shadow-elevation maz:drop-shadow-md maz:dark:shadow-none":__props.elevation,"maz:border maz:border-divider":__props.bordered}]])},[createElementVNode(`div`,{class:normalizeClass([`m-tabs-bar__indicator maz:absolute maz:left-0 maz:text-center`,[ROUNDED_CLASS[resolvedRoundedSize.value],{"maz:transition-all maz:duration-300 maz:ease-in-out":tabsBarHasScrollAnimation.value,"maz:bg-surface-600 maz:dark:bg-surface-400":!resolvedColor.value}]]),style:normalizeStyle([tabsIndicatorState.value,resolvedColor.value?{backgroundColor:`var(--maz-${resolvedColor.value})`}:{}])},null,6),(openBlock(!0),createElementBlock(Fragment,null,renderList(normalizedItems.value,(item,index)=>(openBlock(),createBlock(MazBtn_default,mergeProps({key:index,ref_for:!0,ref:mazBtn=>addElementToItemRefs({mazBtn,index})},{ref_for:!0},item.btnProps,{color:item.color,size:item.size??resolvedSize.value,"rounded-size":item.roundedSize??resolvedRoundedSize.value,disabled:item.disabled,class:[{"--is-active":isActiveTab(index),"--disabled":item.disabled},`m-tabs-bar__item maz:relative maz:z-1 maz:flex-none maz:font-medium`],style:getTabStyle(index,item.disabled),onClick:$event=>item.disabled?void 0:selectTab(index)}),{default:withCtx(()=>[renderSlot(_ctx.$slots,`item`,{item,active:isActiveTab(index),index},()=>[createTextVNode(toDisplayString(item.label)+` `,1),item.badge?(openBlock(),createBlock(unref(MazBadge),mergeProps({key:0,ref_for:!0},item.badge,{size:item.badge.size??item.size??resolvedSize.value??`xs`,class:`m-tabs-bar__item__badge`}),{default:withCtx(()=>[renderSlot(_ctx.$slots,`badge-content`,{content:item.badge.content},()=>[createTextVNode(toDisplayString(item.badge.content),1)],!0)]),_:2},1040,[`size`])):createCommentVNode(``,!0)],!0)]),_:2},1040,[`color`,`size`,`rounded-size`,`disabled`,`class`,`style`,`onClick`]))),128))],2))}}),[[`__scopeId`,`data-v-493c1a2d`]]);export{MazTabsBar_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazBottomSheet_default}from"../chunks/MazBottomSheet.
|
|
1
|
+
import{t as MazBottomSheet_default}from"../chunks/MazBottomSheet.BF9imPJ6.js";export{MazBottomSheet_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazBtn_default}from"../chunks/MazBtn.
|
|
1
|
+
import{t as MazBtn_default}from"../chunks/MazBtn.BDvqcYIY.js";export{MazBtn_default as default};
|
|
@@ -93,6 +93,11 @@ export interface MazBtnProps {
|
|
|
93
93
|
* @default false
|
|
94
94
|
*/
|
|
95
95
|
active?: boolean;
|
|
96
|
+
/**
|
|
97
|
+
* If true, the button will have an overflow-hidden style
|
|
98
|
+
* @default false
|
|
99
|
+
*/
|
|
100
|
+
overflowHidden?: boolean;
|
|
96
101
|
}
|
|
97
102
|
declare var __VLS_8: {}, __VLS_15: {}, __VLS_22: {}, __VLS_24: {}, __VLS_31: {};
|
|
98
103
|
type __VLS_Slots = {} & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazPickerCalendarGrid_default}from"../../../chunks/MazPickerCalendarGrid.
|
|
1
|
+
import{t as MazPickerCalendarGrid_default}from"../../../chunks/MazPickerCalendarGrid.Cdqyx-sd.js";export{MazPickerCalendarGrid_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazPickerCalendarDays_default}from"../../../chunks/MazPickerCalendarDays.M406Kil2.js";import{t as MazPickerCalendarGrid_default}from"../../../chunks/MazPickerCalendarGrid.
|
|
1
|
+
import{t as MazPickerCalendarDays_default}from"../../../chunks/MazPickerCalendarDays.M406Kil2.js";import{t as MazPickerCalendarGrid_default}from"../../../chunks/MazPickerCalendarGrid.Cdqyx-sd.js";import{computed,createElementBlock,createVNode,defineComponent,normalizeClass,openBlock}from"vue";import dayjs from"dayjs/esm";var MazPickerCalendarMonth_default=defineComponent({__name:`MazPickerCalendarMonth`,props:{modelValue:{type:[String,Object],default:void 0},color:{type:String,required:!0},locale:{type:String,required:!0},hasTime:{type:Boolean,required:!0},firstDayOfWeek:{type:Number,required:!0},inline:{type:Boolean,required:!0},calendarDate:{type:String,required:!0},offsetMonth:{type:Number,default:0},minDate:{type:String,default:void 0},maxDate:{type:String,default:void 0},disabledWeekly:{type:Array,required:!0},disabledDates:{type:Array,required:!0},hoverredDay:{type:Object,default:void 0},disabled:{type:Boolean,required:!0},range:{type:Boolean,required:!0}},emits:[`update:model-value`,`update:calendar-date`,`update:hoverred-day`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let modelValue=computed({get:()=>props.modelValue,set:value=>emits(`update:model-value`,value)});let hoverredDay=computed({get:()=>props.hoverredDay,set:value=>emits(`update:hoverred-day`,value)});function getCalendarDateWithOffset(offset){return dayjs(props.calendarDate).add(offset,`month`).format()}let calendarDateWithOffset=computed({get:()=>getCalendarDateWithOffset(props.offsetMonth),set:calendarDate=>emits(`update:calendar-date`,calendarDate)});return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`maz-picker-calendar-month maz:w-full maz:overflow-hidden maz:py-2`,{"--has-padding":!__props.range,"maz:px-2":!__props.range}])},[createVNode(MazPickerCalendarDays_default,{locale:__props.locale,"first-day-of-week":__props.firstDayOfWeek,class:`maz-picker-calendar-month__days maz:pb-2`},null,8,[`locale`,`first-day-of-week`]),createVNode(MazPickerCalendarGrid_default,{modelValue:modelValue.value,"onUpdate:modelValue":_cache[0]||=$event=>modelValue.value=$event,"hoverred-day":hoverredDay.value,"onUpdate:hoverredDay":_cache[1]||=$event=>hoverredDay.value=$event,locale:__props.locale,color:__props.color,"has-time":__props.hasTime,inline:__props.inline,"calendar-date":calendarDateWithOffset.value,"first-day-of-week":__props.firstDayOfWeek,"min-date":__props.minDate,"max-date":__props.maxDate,"disabled-weekly":__props.disabledWeekly,"disabled-dates":__props.disabledDates,disabled:__props.disabled,range:__props.range},null,8,[`modelValue`,`hoverred-day`,`locale`,`color`,`has-time`,`inline`,`calendar-date`,`first-day-of-week`,`min-date`,`max-date`,`disabled-weekly`,`disabled-dates`,`disabled`,`range`])],2))}});export{MazPickerCalendarMonth_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazBtn_default}from"../../chunks/MazBtn.
|
|
1
|
+
import{t as MazBtn_default}from"../../chunks/MazBtn.BDvqcYIY.js";import{t as MazIcon_default}from"../../chunks/MazIcon.CblJ-8Iu.js";import{computed,createElementBlock,createTextVNode,createVNode,defineComponent,openBlock,toDisplayString,unref,withCtx}from"vue";import{MazChevronLeft}from"@maz-ui/icons/raw/MazChevronLeft";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs/esm";import{capitalize}from"@maz-ui/utils/helpers/capitalize";var _hoisted_1={class:`m-date-picker-calendar-switcher maz:flex maz:space-x-2 maz:border-b maz:border-divider maz:px-2 maz:py-1`};var MazPickerCalendarSwitcher_default=defineComponent({__name:`MazPickerCalendarSwitcher`,props:{calendarDate:{type:String,default:void 0},locale:{type:String,required:!0},double:{type:Boolean,required:!0}},emits:[`previous`,`next`,`open-month-switcher`,`open-year-switcher`,`update:calendar-date`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let calendarDate2=computed(()=>dayjs(props.calendarDate));let monthLabel=computed(()=>props.double?`${capitalize(formatDate(calendarDate2.value.format(),props.locale,{month:`short`})??calendarDate2.value.format())} - ${capitalize(formatDate(calendarDate2.value.add(1,`month`).format(),props.locale,{month:`short`})??calendarDate2.value.add(1,`month`).format())}`:capitalize(formatDate(calendarDate2.value.format(),props.locale,{month:`short`})??calendarDate2.value.format()));let yearLabel=computed(()=>formatDate(calendarDate2.value.format(),props.locale,{year:`numeric`}));function previousMonth(){emits(`update:calendar-date`,dayjs(props.calendarDate).subtract(1,`month`).format())}function nextMonth(){emits(`update:calendar-date`,dayjs(props.calendarDate).add(1,`month`).format())}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:previousMonth},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:text-lg`},null,8,[`icon`])]),_:1}),createVNode(MazBtn_default,{size:`sm`,color:`transparent`,type:`button`,class:`m-date-picker-calendar-switcher__date maz:flex-1 maz:truncate maz:text-center`,onClick:_cache[0]||=$event=>_ctx.$emit(`open-month-switcher`,$event)},{default:withCtx(()=>[createTextVNode(toDisplayString(monthLabel.value),1)]),_:1}),createVNode(MazBtn_default,{size:`sm`,color:`transparent`,type:`button`,class:`m-date-picker-calendar-switcher__date maz:flex-1 maz:truncate maz:text-center`,onClick:_cache[1]||=$event=>_ctx.$emit(`open-year-switcher`,$event)},{default:withCtx(()=>[createTextVNode(toDisplayString(yearLabel.value),1)]),_:1}),createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:nextMonth},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:rotate-180 maz:text-lg`},null,8,[`icon`])]),_:1})]))}});export{MazPickerCalendarSwitcher_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.zP_plvmB.js";import{t as MazBtn_default}from"../../chunks/MazBtn.
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.zP_plvmB.js";import{t as MazBtn_default}from"../../chunks/MazBtn.BDvqcYIY.js";import{t as MazIcon_default}from"../../chunks/MazIcon.CblJ-8Iu.js";import{f as isSameDate}from"../../chunks/utils.CjLBQJki.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,normalizeClass,openBlock,renderList,toDisplayString,unref,withCtx,withModifiers}from"vue";import{MazXMark}from"@maz-ui/icons/raw/MazXMark";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs/esm";import{capitalize}from"@maz-ui/utils/helpers/capitalize";import '../../assets/MazPickerMonthSwitcher.CiMwoYth.css';var _hoisted_1={class:`maz-picker-month-switcher maz:absolute maz:inset-0 maz:z-1 maz:flex maz:flex-col maz:bg-container`};var _hoisted_2={class:`maz-picker-month-switcher__header maz:flex maz:justify-end maz:border-b maz:border-divider maz:p-2`};var MazPickerMonthSwitcher_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerMonthSwitcher`,props:{calendarDate:{type:String,required:!0},color:{type:String,required:!0},locale:{type:String,required:!0},double:{type:Boolean,required:!0}},emits:[`update:calendar-date`,`close`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let months=computed(()=>Array.from({length:12},(_v,i)=>i).map(monthNumber=>{let monthDate=dayjs(props.calendarDate).set(`month`,monthNumber);return props.double?{label:`${capitalize(formatDate(monthDate.format(),props.locale,{month:`short`})??monthDate.add(1,`month`).format())} - ${capitalize(formatDate(monthDate.add(1,`month`).format(),props.locale,{month:`short`})??monthDate.add(1,`month`).format())}`,date:monthDate}:{label:capitalize(formatDate(monthDate.format(),props.locale,{month:`long`})??monthDate.format()),date:monthDate}}));function selectMonth(date){emits(`update:calendar-date`,date.format()),emits(`close`)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createElementVNode(`div`,_hoisted_2,[createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:_cache[0]||=withModifiers($event=>_ctx.$emit(`close`,$event),[`stop`])},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazXMark),class:`maz:text-lg`},null,8,[`icon`])]),_:1})]),createElementVNode(`div`,{class:normalizeClass([`maz-picker-month-switcher__main maz:grid maz:flex-1 maz:flex-center maz:gap-1 maz:overflow-y-auto maz:p-2`,[__props.double?`--has-double`:``,__props.double?`maz:grid-cols-3`:`maz:grid-cols-2`]])},[(openBlock(!0),createElementBlock(Fragment,null,renderList(months.value,month=>(openBlock(),createBlock(MazBtn_default,{key:month.label,size:props.double?`sm`:`xs`,class:normalizeClass({"--is-selected":unref(isSameDate)(month.date,__props.calendarDate,`month`)}),color:unref(isSameDate)(month.date,__props.calendarDate,`month`)?__props.color:`transparent`,type:`button`,onClick:withModifiers($event=>selectMonth(month.date),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(month.label),1)]),_:2},1032,[`size`,`class`,`color`,`onClick`]))),128))],2)]))}}),[[`__scopeId`,`data-v-89ce5d38`]]);export{MazPickerMonthSwitcher_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.zP_plvmB.js";import{t as MazBtn_default}from"../../chunks/MazBtn.
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.zP_plvmB.js";import{t as MazBtn_default}from"../../chunks/MazBtn.BDvqcYIY.js";import{Fragment,createBlock,createElementBlock,createTextVNode,defineComponent,normalizeClass,openBlock,ref,renderList,toDisplayString,watch,withCtx,withModifiers}from"vue";import '../../assets/MazPickerShortcuts.CbWJ5TeL.css';var _hoisted_1={class:`maz-picker-shortcuts maz:flex maz:flex-col maz:items-start maz:gap-1 maz:overflow-y-auto maz:border-e maz:border-divider maz:p-2`};var MazPickerShortcuts_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerShortcuts`,props:{color:{},modelValue:{},shortcuts:{},double:{type:Boolean},shortcut:{},disabled:{type:Boolean}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let selectedShortcut=ref(props.shortcut);function selectShortcut(value,identifier){selectedShortcut.value=identifier,emits(`update:model-value`,value)}return watch(()=>props.modelValue,value=>{value?.end||(selectedShortcut.value=void 0)}),watch(()=>props.shortcut,shortcut=>{let newShortcut=props.shortcuts&&props.shortcuts.find(({identifier})=>shortcut===identifier);if(newShortcut){let{value,identifier}=newShortcut;selectShortcut(value,identifier)}},{immediate:!0}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[(openBlock(!0),createElementBlock(Fragment,null,renderList(__props.shortcuts,({identifier,label,value})=>(openBlock(),createBlock(MazBtn_default,{key:identifier,type:`button`,size:`sm`,disabled:__props.disabled,color:identifier===selectedShortcut.value?props.color:`transparent`,class:normalizeClass({"--is-selected":identifier===selectedShortcut.value}),onClick:withModifiers($event=>selectShortcut(value,identifier),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(label),1)]),_:2},1032,[`disabled`,`color`,`class`,`onClick`]))),128))]))}}),[[`__scopeId`,`data-v-9b6d7c08`]]);export{MazPickerShortcuts_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.zP_plvmB.js";import{t as MazBtn_default}from"../../chunks/MazBtn.
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.zP_plvmB.js";import{t as MazBtn_default}from"../../chunks/MazBtn.BDvqcYIY.js";import{_ as scrollToTarget,n as findNearestNumberInList}from"../../chunks/utils.CjLBQJki.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createTextVNode,defineComponent,nextTick,normalizeClass,normalizeStyle,onMounted,openBlock,ref,renderList,toDisplayString,watch,withCtx,withModifiers}from"vue";import dayjs from"dayjs/esm";import '../../assets/MazPickerTime.DjVO29NI.css';var _hoisted_1={class:`m-date-picker-time__column__items maz:flex maz:flex-col`};var MazPickerTime_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerTime`,props:{modelValue:{type:[String,Object],default:void 0},formatterOptions:{type:Object,required:!0},color:{type:String,required:!0},hasDate:{type:Boolean,required:!0},minuteInterval:{type:Number,required:!0},disabledHours:{type:Array,default:void 0},format:{type:String,required:!0},isHour12:{type:Boolean,required:!0},minDate:{type:String,default:void 0},maxDate:{type:String,default:void 0},disabled:{type:Boolean,required:!0}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let currentDate=computed({get:()=>props.modelValue,set:value=>{emits(`update:model-value`,value)}});let hours=computed(()=>Array.from({length:props.isHour12?12:24},(_v,i)=>i).map(hour=>{let hourBase=hour+ +!!props.isHour12;let hour12or24=getHour12or24(hourBase);let hourValue=dayjs(currentDate.value).set(`hour`,hour12or24);let isDisabled=isDisableHour(hour12or24)||(props.minDate&¤tDate.value?dayjs(props.minDate).isAfter(hourValue,`hour`):!1)||(props.maxDate&¤tDate.value?dayjs(props.maxDate).isBefore(hourValue,`hour`):!1);return{label:`${hourBase<10?`0`:``}${hourBase}`,value:dayjs(currentDate.value).set(`hour`,hour12or24),isDisabled}}));let minutes=computed(()=>{let length=Math.floor(60/props.minuteInterval)-0;return Array.from({length},(_v,i)=>i*props.minuteInterval).map(minute=>{let minuteValue=dayjs(currentDate.value).set(`minute`,minute);let isDisabled=(props.minDate&¤tDate.value?dayjs(props.minDate).isAfter(minuteValue,`minute`):!1)||(props.maxDate&¤tDate.value?dayjs(props.maxDate).isBefore(minuteValue,`minute`):!1);return{label:`${minute<10?`0`:``}${minute}`,value:minuteValue,isDisabled}})});let currentHour=computed(()=>typeof currentDate.value==`string`?findNearestHour(dayjs(currentDate.value).get(`hour`)):void 0);let currentMinute=computed(()=>typeof currentDate.value==`string`?findNearestNumberInList(minutes.value.map(({value})=>value.get(`minute`)),dayjs(currentDate.value).get(`minute`)):void 0);let currentAmpm=computed(()=>typeof currentHour.value==`number`?currentHour.value>=12?`pm`:`am`:void 0);let ampm=computed(()=>props.isHour12?[{label:`AM`,value:`am`},{label:`PM`,value:`pm`}]:[]);let columns=computed(()=>{let columns=[{identifier:`hour`,values:hours.value},{identifier:`minute`,values:minutes.value}];return props.isHour12&&columns.push({identifier:`ampm`,values:ampm.value}),columns});function findNearestHour(hour){if(!props.disabledHours)return hour;let nearHour=findNearestNumberInList(Array.from({length:24},(_v,i)=>i).filter(hour=>!props.disabledHours?.includes(hour)||!0),hour);return nearHour!==hour&&selectTime(`hour`,dayjs(currentDate.value).set(`hour`,nearHour)),nearHour}let MazDatePickerTime=ref();let spacerHeight=ref();function getHour12or24(hourValue){if(props.isHour12){let newValue=currentAmpm.value===`pm`?hourValue+12:hourValue;return newValue===12?0:newValue===24?12:newValue}else return hourValue}function setSpacerHeight(){if(!MazDatePickerTime.value)return;let itemHeight=MazDatePickerTime.value.querySelector(`.m-date-picker-time__column .m-btn`)?.offsetHeight;spacerHeight.value=MazDatePickerTime.value.offsetHeight/2-itemHeight/2}onMounted(()=>{setSpacerHeight(),scrollColumns(!1)}),watch(()=>props.modelValue,async(value,oldValue)=>{value!==oldValue&&(await nextTick(),scrollColumns(!0))},{immediate:!0});function scrollColumns(hasSmoothEffect){scrollColumn(`hour`,hasSmoothEffect),scrollColumn(`minute`,hasSmoothEffect),props.isHour12&&scrollColumn(`ampm`,hasSmoothEffect)}function isDisableHour(value){return(props.disabledHours&&props.disabledHours.includes(value))??!1}function isSelected(identifier,value){return value===`am`||value===`pm`?currentAmpm.value===value:identifier===`hour`?currentHour.value===value.get(identifier):identifier===`minute`?currentMinute.value===value.get(identifier):!1}async function scrollColumn(identifier,hasSmoothEffect=!0){if(!MazDatePickerTime.value)return;let column=MazDatePickerTime.value.querySelector(`.m-date-picker-time__column__${identifier}`);let selectedButton=MazDatePickerTime.value.querySelector(`.m-date-picker-time__column__${identifier} .--is-selected`);spacerHeight.value&&column&&selectedButton&&MazDatePickerTime.value&&(await nextTick(),scrollToTarget(column,selectedButton,spacerHeight.value,hasSmoothEffect))}async function selectTime(identifier,value){let newDate=dayjs(currentDate.value);if(identifier===`hour`&&typeof value==`object`&&(currentDate.value=newDate.set(`hour`,value.get(`hour`)).format()),identifier===`minute`&&typeof value==`object`&&(currentDate.value=newDate.set(`minute`,value.get(`minute`)).format()),identifier===`ampm`&&(currentAmpm.value!==value||!currentHour.value)&&(value===`am`&&(currentDate.value=newDate.set(`hour`,newDate.get(`hour`)).subtract(12,`hour`).format()),value===`pm`)){let baseHour=newDate.get(`hour`);let newHour=baseHour+12>12&&baseHour+12<24?baseHour+12:baseHour===0?12:baseHour;currentDate.value=newDate.set(`hour`,newHour).format()}await nextTick(),scrollColumn(identifier)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`MazDatePickerTime`,ref:MazDatePickerTime,class:normalizeClass([`m-date-picker-time maz:relative maz:flex`,{"--has-date maz:border-s maz:border-divider":__props.hasDate}])},[(openBlock(!0),createElementBlock(Fragment,null,renderList(columns.value,({values,identifier},i)=>(openBlock(),createElementBlock(`div`,{key:i,class:normalizeClass([`m-date-picker-time__column maz:flex maz:flex-col maz:overflow-y-auto maz:px-1`,[`m-date-picker-time__column__${identifier}`]])},[createElementVNode(`div`,{style:normalizeStyle({height:`${spacerHeight.value}px`}),class:`m-date-picker-time__column__spacer maz:w-full maz:flex-none`},null,4),createElementVNode(`div`,_hoisted_1,[(openBlock(!0),createElementBlock(Fragment,null,renderList(values,({value,label,isDisabled},unitIndex)=>(openBlock(),createBlock(MazBtn_default,{key:unitIndex,size:`xs`,color:isSelected(identifier,value)?__props.color:`transparent`,class:normalizeClass({"--is-selected":isSelected(identifier,value)}),disabled:isDisabled||__props.disabled,type:`button`,onClick:withModifiers($event=>selectTime(identifier,value),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(label),1)]),_:2},1032,[`color`,`class`,`disabled`,`onClick`]))),128))]),createElementVNode(`div`,{style:normalizeStyle({height:`${spacerHeight.value}px`}),class:`m-date-picker-time__column__spacer maz:w-full maz:flex-none`},null,4)],2))),128))],2))}}),[[`__scopeId`,`data-v-56641988`]]);export{MazPickerTime_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazBtn_default}from"../../chunks/MazBtn.
|
|
1
|
+
import{t as MazBtn_default}from"../../chunks/MazBtn.BDvqcYIY.js";import{t as MazIcon_default}from"../../chunks/MazIcon.CblJ-8Iu.js";import{f as isSameDate}from"../../chunks/utils.CjLBQJki.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,normalizeClass,openBlock,ref,renderList,toDisplayString,unref,withCtx,withModifiers}from"vue";import{MazChevronLeft}from"@maz-ui/icons/raw/MazChevronLeft";import{MazXMark}from"@maz-ui/icons/raw/MazXMark";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs/esm";var _hoisted_1={class:`maz-picker-year-switcher maz:absolute maz:inset-0 maz:z-1 maz:flex maz:flex-col maz:bg-container`};var _hoisted_2={class:`maz-picker-year-switcher__header maz:flex maz:justify-between maz:space-x-2 maz:border-b maz:border-divider maz:p-2`};var _hoisted_3={class:`maz:flex maz:space-x-2`};var _hoisted_4={class:`maz-picker-year-switcher__main maz:grid maz:flex-1 maz:grid-cols-3 maz:flex-center maz:gap-2 maz:overflow-y-auto maz:p-2`};var MazPickerYearSwitcher_default=defineComponent({__name:`MazPickerYearSwitcher`,props:{color:{type:String,required:!0},locale:{type:String,required:!0},calendarDate:{type:String,required:!0}},emits:[`update:calendar-date`,`close`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let currentDateTmp=ref(props.calendarDate);let years=computed(()=>Array.from({length:15},(_v,i)=>i-7).map(yearNumber=>{let currentYear=dayjs(currentDateTmp.value).get(`year`);let dateYear=dayjs(currentDateTmp.value).set(`year`,currentYear+yearNumber);return{label:formatDate(dateYear.format(),props.locale,{year:`numeric`})??dateYear.format(),date:dateYear}}));function selectYear(date){emits(`update:calendar-date`,dayjs(date).format()),emits(`close`)}function previousYears(){currentDateTmp.value=dayjs(currentDateTmp.value).subtract(7,`year`).format()}function nextYears(){currentDateTmp.value=dayjs(currentDateTmp.value).add(7,`year`).format()}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createElementVNode(`div`,_hoisted_2,[createElementVNode(`div`,_hoisted_3,[createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:withModifiers(previousYears,[`stop`])},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:text-lg`},null,8,[`icon`])]),_:1}),createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:withModifiers(nextYears,[`stop`])},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:rotate-180 maz:text-lg`},null,8,[`icon`])]),_:1})]),createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:_cache[0]||=withModifiers($event=>_ctx.$emit(`close`,$event),[`stop`])},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazXMark),class:`maz:text-lg`},null,8,[`icon`])]),_:1})]),createElementVNode(`div`,_hoisted_4,[(openBlock(!0),createElementBlock(Fragment,null,renderList(years.value,year=>(openBlock(),createBlock(MazBtn_default,{key:year.label,size:`sm`,type:`button`,class:normalizeClass({"--is-selected":unref(isSameDate)(year.date,__props.calendarDate,`year`)}),color:unref(isSameDate)(year.date,__props.calendarDate,`year`)?__props.color:`transparent`,onClick:withModifiers($event=>selectYear(year.date),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(year.label),1)]),_:2},1032,[`class`,`color`,`onClick`]))),128))])]))}});export{MazPickerYearSwitcher_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazDropzone_default}from"../chunks/MazDropzone.
|
|
1
|
+
import{t as MazDropzone_default}from"../chunks/MazDropzone.BntPhoYq.js";export{MazDropzone_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazInputTags_default}from"../chunks/MazInputTags.
|
|
1
|
+
import{t as MazInputTags_default}from"../chunks/MazInputTags.7WzwopR1.js";export{MazInputTags_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazMarkdownEditor_default}from"../chunks/MazMarkdownEditor.
|
|
1
|
+
import{t as MazMarkdownEditor_default}from"../chunks/MazMarkdownEditor.BZQItWt2.js";export{MazMarkdownEditor_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazPagination_default}from"../chunks/MazPagination.
|
|
1
|
+
import{t as MazPagination_default}from"../chunks/MazPagination.BuFeBpT5.js";export{MazPagination_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as mazTableKey,t as MazTable_default}from"../chunks/MazTable.
|
|
1
|
+
import{n as mazTableKey,t as MazTable_default}from"../chunks/MazTable.BHEu61tz.js";export{MazTable_default as default,mazTableKey};
|
|
@@ -11,6 +11,7 @@ export interface MazTableHeadersEnriched {
|
|
|
11
11
|
srOnly?: boolean;
|
|
12
12
|
width?: string;
|
|
13
13
|
maxWidth?: string;
|
|
14
|
+
minWidth?: string;
|
|
14
15
|
classes?: NonRecursiveClassValue;
|
|
15
16
|
scope?: ThHTMLAttributes['scope'];
|
|
16
17
|
align?: ThHTMLAttributes['align'];
|
|
@@ -235,6 +236,20 @@ export interface MazTableProps<T extends MazTableRow<T>> {
|
|
|
235
236
|
* @default false
|
|
236
237
|
*/
|
|
237
238
|
scrollable?: boolean;
|
|
239
|
+
/**
|
|
240
|
+
* Field name used as a stable key for each row (e.g. an id). Gives every row a
|
|
241
|
+
* stable identity so reordering is tracked correctly - required for `animatedRows`
|
|
242
|
+
* to look right. Falls back to the row index when not provided.
|
|
243
|
+
* @type {string}
|
|
244
|
+
*/
|
|
245
|
+
rowKey?: string;
|
|
246
|
+
/**
|
|
247
|
+
* Animate row reordering with a FLIP transition (rows slide to their new position).
|
|
248
|
+
* Provide a stable `rowKey` for meaningful results. Respects `prefers-reduced-motion`.
|
|
249
|
+
* @type {boolean}
|
|
250
|
+
* @default false
|
|
251
|
+
*/
|
|
252
|
+
animatedRows?: boolean;
|
|
238
253
|
}
|
|
239
254
|
export interface MazTableProvide {
|
|
240
255
|
size: Ref<MazSize>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazTableCell_default}from"../chunks/MazTableCell.
|
|
1
|
+
import{t as MazTableCell_default}from"../chunks/MazTableCell.hZBsPYvA.js";export{MazTableCell_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazTableRow_default}from"../chunks/MazTableRow.
|
|
1
|
+
import{t as MazTableRow_default}from"../chunks/MazTableRow.BAFX8aWT.js";export{MazTableRow_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazTableTitle_default}from"../chunks/MazTableTitle.
|
|
1
|
+
import{t as MazTableTitle_default}from"../chunks/MazTableTitle.CFUi0aKO.js";export{MazTableTitle_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazTabsBar_default}from"../chunks/MazTabsBar.
|
|
1
|
+
import{t as MazTabsBar_default}from"../chunks/MazTabsBar.Fscr154L.js";export{MazTabsBar_default as default};
|
|
@@ -155,6 +155,7 @@ declare const __VLS_export: <Item extends MazTabsBarItem>(__VLS_props: NonNullab
|
|
|
155
155
|
textColor?: (MazColor | "muted") | undefined;
|
|
156
156
|
startIcon?: import('../composables').MazIconLike;
|
|
157
157
|
endIcon?: import('../composables').MazIconLike;
|
|
158
|
+
overflowHidden?: boolean | undefined;
|
|
158
159
|
};
|
|
159
160
|
};
|
|
160
161
|
active: boolean;
|
package/dist/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazPopover_default}from"../chunks/MazPopover.pWRD93tY.js";import{t as MazWindowMockup_default}from"../chunks/MazWindowMockup.CDE8xxey.js";import{t as MazUiProvider_default}from"../chunks/MazUiProvider.YBDFRmEY.js";import{n as mazSidebarKey,t as MazSidebar_default}from"../chunks/MazSidebar.CWg_HTit.js";import{t as MazTimeline_default}from"../chunks/MazTimeline.B_3DWkmn.js";import{t as MazTicker_default}from"../chunks/MazTicker.PRBHC5D4.js";import{t as MazTextarea_default}from"../chunks/MazTextarea.-yf7kcEl.js";import{t as MazTabsContentItem_default}from"../chunks/MazTabsContentItem.CMmd6V-1.js";import{t as MazTabsContent_default}from"../chunks/MazTabsContent.CVEKkYv9.js";import{t as MazBtn_default}from"../chunks/MazBtn.
|
|
1
|
+
import{t as MazPopover_default}from"../chunks/MazPopover.pWRD93tY.js";import{t as MazWindowMockup_default}from"../chunks/MazWindowMockup.CDE8xxey.js";import{t as MazUiProvider_default}from"../chunks/MazUiProvider.YBDFRmEY.js";import{n as mazSidebarKey,t as MazSidebar_default}from"../chunks/MazSidebar.CWg_HTit.js";import{t as MazTimeline_default}from"../chunks/MazTimeline.B_3DWkmn.js";import{t as MazTicker_default}from"../chunks/MazTicker.PRBHC5D4.js";import{t as MazTextarea_default}from"../chunks/MazTextarea.-yf7kcEl.js";import{t as MazTabsContentItem_default}from"../chunks/MazTabsContentItem.CMmd6V-1.js";import{t as MazTabsContent_default}from"../chunks/MazTabsContent.CVEKkYv9.js";import{t as MazBtn_default}from"../chunks/MazBtn.BDvqcYIY.js";import{t as MazTabsBar_default}from"../chunks/MazTabsBar.Fscr154L.js";import{t as MazTabs_default}from"../chunks/MazTabs.KH7bWhto.js";import{t as MazIcon_default}from"../chunks/MazIcon.CblJ-8Iu.js";import{t as MazTable_default}from"../chunks/MazTable.BHEu61tz.js";import{t as MazTableTitle_default}from"../chunks/MazTableTitle.CFUi0aKO.js";import{t as MazTableRow_default}from"../chunks/MazTableRow.BAFX8aWT.js";import{t as MazTableCell_default}from"../chunks/MazTableCell.hZBsPYvA.js";import{t as MazSwitch_default}from"../chunks/MazSwitch.CuyojUBj.js";import{t as MazStepper_default}from"../chunks/MazStepper.DOvk4K1V.js";import{t as MazSpinner_default}from"../chunks/MazSpinner.BvOWQwI6.js";import{t as MazSlider_default}from"../chunks/MazSlider.Ckx-cbq4.js";import{t as MazSkeleton_default}from"../chunks/MazSkeleton.CDEdF3uV.js";import{t as MazSidebarTrigger_default}from"../chunks/MazSidebarTrigger.C_n--TNi.js";import{t as MazSidebarSeparator_default}from"../chunks/MazSidebarSeparator.DINm2uP8.js";import{t as MazSidebarMenuSub_default}from"../chunks/MazSidebarMenuSub.1Lt1YwRi.js";import{t as MazSidebarMenuItem_default}from"../chunks/MazSidebarMenuItem.B7oeLi8j.js";import{t as MazSidebarMenuButton_default}from"../chunks/MazSidebarMenuButton.BNHhUUiY.js";import{t as MazSidebarMenu_default}from"../chunks/MazSidebarMenu.BOHdlxZM.js";import{t as MazSidebarHeader_default}from"../chunks/MazSidebarHeader.D4tN79kH.js";import{t as MazSidebarGroup_default}from"../chunks/MazSidebarGroup.BBOqFj0b.js";import{t as MazSidebarFooter_default}from"../chunks/MazSidebarFooter.CK8nUWF-.js";import{t as MazSidebarContent_default}from"../chunks/MazSidebarContent.EwcLb3rl.js";import{t as MazInput_default}from"../chunks/MazInput.CfAgOEV4.js";import{t as MazSelect_default}from"../chunks/MazSelect.BQlQNcxq.js";import{t as MazSelectCountry_default}from"../chunks/MazSelectCountry.DsxjU_D1.js";import{t as MazReadingProgressBar_default}from"../chunks/MazReadingProgressBar.BH9Yu_Qj.js";import{t as MazLink_default}from"../chunks/MazLink.CemC1AR_.js";import{t as MazReadMore_default}from"../chunks/MazReadMore.CxrT7jez.js";import{t as MazRadioButtons_default}from"../chunks/MazRadioButtons.D-LDS_9l.js";import{t as MazRadio_default}from"../chunks/MazRadio._e2IxB4p.js";import{t as MazPullToRefresh_default}from"../chunks/MazPullToRefresh.Btn20Ko-.js";import{t as MazPagination_default}from"../chunks/MazPagination.BuFeBpT5.js";import{t as MazBtnGroup_default}from"../chunks/MazBtnGroup.DQPVMzrc.js";import{t as MazDropdown_default}from"../chunks/MazDropdown.TQ8Ob7Xl.js";import{t as MazMarkdownEditor_default}from"../chunks/MazMarkdownEditor.BZQItWt2.js";import{t as MazLoadingBar_default}from"../chunks/MazLoadingBar.E4257kYk.js";import{t as MazLazyImg_default}from"../chunks/MazLazyImg.DN5hea6A.js";import{t as MazInputTags_default}from"../chunks/MazInputTags.7WzwopR1.js";import{t as MazInputPrice_default}from"../chunks/MazInputPrice.BfHnR4OF.js";import{t as MazInputPhoneNumber_default}from"../chunks/MazInputPhoneNumber.CbCSOLh-.js";import{t as MazInputNumber_default}from"../chunks/MazInputNumber.DV2AhSCG.js";import{t as MazInputCode_default}from"../chunks/MazInputCode.cxaSfwc-.js";import{t as MazGallery_default}from"../chunks/MazGallery.Dln1pMxz.js";import{t as MazFullscreenLoader_default}from"../chunks/MazFullscreenLoader.DehRHfTr.js";import{t as MazExpandAnimation_default}from"../chunks/MazExpandAnimation.D6ftohlp.js";import{t as MazDropzone_default}from"../chunks/MazDropzone.BntPhoYq.js";import{t as MazBackdrop_default}from"../chunks/MazBackdrop.DfqSzNiW.js";import{t as MazDrawer_default}from"../chunks/MazDrawer.4ZjwgXfV.js";import{t as MazDialog_default}from"../chunks/MazDialog.DdbzVWys.js";import{n as useMazDialogConfirm,t as MazDialogConfirm_default}from"../chunks/MazDialogConfirm.FHmw1fnY.js";import{t as MazDatePicker_default}from"../chunks/MazDatePicker.DLJcSJOM.js";import{t as MazContainer_default}from"../chunks/MazContainer.DUmIYBil.js";import{t as MazCodeHighlight_default}from"../chunks/MazCodeHighlight.DdOWcO1L.js";import{t as MazCircularProgressBar_default}from"../chunks/MazCircularProgressBar.ECvJYXG9.js";import{t as MazCardSpotlight_default}from"../chunks/MazCardSpotlight.-ciu7Z_G.js";import{t as MazCheckbox_default}from"../chunks/MazCheckbox.B-1h7RWD.js";import{t as MazChecklist_default}from"../chunks/MazChecklist.Cn_k6AHg.js";import{t as MazChart_default}from"../chunks/MazChart.DkIIa41T.js";import{t as MazCarousel_default}from"../chunks/MazCarousel.B63aV7pT.js";import{t as MazCard_default}from"../chunks/MazCard.DxGlpBqG.js";import{t as MazBottomSheet_default}from"../chunks/MazBottomSheet.BF9imPJ6.js";import{t as MazBadge_default}from"../chunks/MazBadge.G9hi-6Ps.js";import{t as MazAvatar_default}from"../chunks/MazAvatar.Dec3roPS.js";import{t as MazAnimatedText_default}from"../chunks/MazAnimatedText.B7cNm4ss.js";import{t as MazAnimatedElement_default}from"../chunks/MazAnimatedElement.C5yNRQYK.js";import{t as MazAnimatedCounter_default}from"../chunks/MazAnimatedCounter.BejzeMiX.js";import{t as MazAlert_default}from"../chunks/MazAlert.CI0NbMYT.js";import{t as MazAccordion_default}from"../chunks/MazAccordion.CAUGG4-A.js";export{MazAccordion_default as MazAccordion,MazAlert_default as MazAlert,MazAnimatedCounter_default as MazAnimatedCounter,MazAnimatedElement_default as MazAnimatedElement,MazAnimatedText_default as MazAnimatedText,MazAvatar_default as MazAvatar,MazBackdrop_default as MazBackdrop,MazBadge_default as MazBadge,MazBottomSheet_default as MazBottomSheet,MazBtn_default as MazBtn,MazBtnGroup_default as MazBtnGroup,MazCard_default as MazCard,MazCardSpotlight_default as MazCardSpotlight,MazCarousel_default as MazCarousel,MazChart_default as MazChart,MazCheckbox_default as MazCheckbox,MazChecklist_default as MazChecklist,MazCircularProgressBar_default as MazCircularProgressBar,MazCodeHighlight_default as MazCodeHighlight,MazContainer_default as MazContainer,MazDatePicker_default as MazDatePicker,MazDialog_default as MazDialog,MazDialogConfirm_default as MazDialogConfirm,MazDrawer_default as MazDrawer,MazDropdown_default as MazDropdown,MazDropzone_default as MazDropzone,MazExpandAnimation_default as MazExpandAnimation,MazFullscreenLoader_default as MazFullscreenLoader,MazGallery_default as MazGallery,MazIcon_default as MazIcon,MazInput_default as MazInput,MazInputCode_default as MazInputCode,MazInputNumber_default as MazInputNumber,MazInputPhoneNumber_default as MazInputPhoneNumber,MazInputPrice_default as MazInputPrice,MazInputTags_default as MazInputTags,MazLazyImg_default as MazLazyImg,MazLink_default as MazLink,MazLoadingBar_default as MazLoadingBar,MazMarkdownEditor_default as MazMarkdownEditor,MazPagination_default as MazPagination,MazPopover_default as MazPopover,MazPullToRefresh_default as MazPullToRefresh,MazRadio_default as MazRadio,MazRadioButtons_default as MazRadioButtons,MazReadMore_default as MazReadMore,MazReadingProgressBar_default as MazReadingProgressBar,MazSelect_default as MazSelect,MazSelectCountry_default as MazSelectCountry,MazSidebar_default as MazSidebar,MazSidebarContent_default as MazSidebarContent,MazSidebarFooter_default as MazSidebarFooter,MazSidebarGroup_default as MazSidebarGroup,MazSidebarHeader_default as MazSidebarHeader,MazSidebarMenu_default as MazSidebarMenu,MazSidebarMenuButton_default as MazSidebarMenuButton,MazSidebarMenuItem_default as MazSidebarMenuItem,MazSidebarMenuSub_default as MazSidebarMenuSub,MazSidebarSeparator_default as MazSidebarSeparator,MazSidebarTrigger_default as MazSidebarTrigger,MazSkeleton_default as MazSkeleton,MazSlider_default as MazSlider,MazSpinner_default as MazSpinner,MazStepper_default as MazStepper,MazSwitch_default as MazSwitch,MazTable_default as MazTable,MazTableCell_default as MazTableCell,MazTableRow_default as MazTableRow,MazTableTitle_default as MazTableTitle,MazTabs_default as MazTabs,MazTabsBar_default as MazTabsBar,MazTabsContent_default as MazTabsContent,MazTabsContentItem_default as MazTabsContentItem,MazTextarea_default as MazTextarea,MazTicker_default as MazTicker,MazTimeline_default as MazTimeline,MazUiProvider_default as MazUiProvider,MazWindowMockup_default as MazWindowMockup,mazSidebarKey,useMazDialogConfirm};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "maz-ui",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "5.0.0-beta.
|
|
4
|
+
"version": "5.0.0-beta.38",
|
|
5
5
|
"description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
|
|
6
6
|
"author": "Louis Mazel <me@loicmazuel.com>",
|
|
7
7
|
"license": "MIT",
|
|
@@ -185,11 +185,11 @@
|
|
|
185
185
|
"dayjs": "^1.11.20",
|
|
186
186
|
"libphonenumber-js": "^1.13.6",
|
|
187
187
|
"valibot": "^1.4.0",
|
|
188
|
-
"@maz-ui/cli": "5.0.0-beta.28",
|
|
189
188
|
"@maz-ui/themes": "5.0.0-beta.28",
|
|
190
189
|
"@maz-ui/icons": "5.0.0-beta.25",
|
|
190
|
+
"@maz-ui/utils": "5.0.0-beta.28",
|
|
191
191
|
"@maz-ui/translations": "5.0.0-beta.28",
|
|
192
|
-
"@maz-ui/
|
|
192
|
+
"@maz-ui/cli": "5.0.0-beta.28"
|
|
193
193
|
},
|
|
194
194
|
"devDependencies": {
|
|
195
195
|
"@tailwindcss/cli": "^4.3.0",
|
|
@@ -209,10 +209,10 @@
|
|
|
209
209
|
"unplugin-auto-import": "^21.0.0",
|
|
210
210
|
"unplugin-vue-components": "^32.0.0",
|
|
211
211
|
"vue-router": "^5.0.7",
|
|
212
|
-
"@maz-ui/
|
|
212
|
+
"@maz-ui/node": "5.0.0-beta.26",
|
|
213
213
|
"@maz-ui/stylelint-config": "5.0.0-beta.28",
|
|
214
|
-
"@maz-ui/
|
|
215
|
-
"@maz-ui/
|
|
214
|
+
"@maz-ui/eslint-config": "5.0.0-beta.28",
|
|
215
|
+
"@maz-ui/vite-config": "0.0.0"
|
|
216
216
|
},
|
|
217
217
|
"lint-staged": {
|
|
218
218
|
"*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix",
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-15edd803],[data-v-15edd803]:before,[data-v-15edd803]:after{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-duration:initial;--tw-ease:initial;--tw-divide-y-reverse:0}[data-v-15edd803]::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-duration:initial;--tw-ease:initial;--tw-divide-y-reverse:0}}}.m-table-wrapper[data-v-15edd803]:not(.--rounded-none){border-radius:var(--maz-rounded-xl)}.m-table-wrapper.--rounded-sm[data-v-15edd803],.m-table-wrapper.--rounded-sm table[data-v-15edd803]{border-radius:var(--maz-rounded-xs)}.m-table-wrapper.--rounded-sm table thead tr[data-v-15edd803]:hover:first-child{border-bottom-right-radius:var(--maz-rounded-sm);border-bottom-left-radius:var(--maz-rounded-sm)}.m-table-wrapper.--rounded-sm table thead tr:hover:first-child th[data-v-15edd803]:first-child{border-top-left-radius:var(--maz-rounded-sm)}.m-table-wrapper.--rounded-sm table thead tr:hover:first-child th[data-v-15edd803]:last-child{border-top-right-radius:var(--maz-rounded-sm)}.m-table-wrapper.--rounded-sm table tbody tr[data-v-15edd803]:hover:last-child{border-bottom-right-radius:var(--maz-rounded-sm);border-bottom-left-radius:var(--maz-rounded-sm)}.m-table-wrapper.--rounded-sm table tbody tr:hover:last-child td[data-v-15edd803]:first-child{border-bottom-left-radius:var(--maz-rounded-sm)}.m-table-wrapper.--rounded-sm table tbody tr:hover:last-child td[data-v-15edd803]:last-child{border-bottom-right-radius:var(--maz-rounded-sm)}.m-table-wrapper.--rounded-md[data-v-15edd803],.m-table-wrapper.--rounded-md table[data-v-15edd803]{border-radius:var(--maz-rounded-md)}.m-table-wrapper.--rounded-md table thead tr[data-v-15edd803]:hover:first-child{border-bottom-right-radius:var(--maz-rounded-md);border-bottom-left-radius:var(--maz-rounded-md)}.m-table-wrapper.--rounded-md table thead tr:hover:first-child th[data-v-15edd803]:first-child{border-top-left-radius:var(--maz-rounded-md)}.m-table-wrapper.--rounded-md table thead tr:hover:first-child th[data-v-15edd803]:last-child{border-top-right-radius:var(--maz-rounded-md)}.m-table-wrapper.--rounded-md table tbody tr[data-v-15edd803]:hover:last-child{border-bottom-right-radius:var(--maz-rounded-md);border-bottom-left-radius:var(--maz-rounded-md)}.m-table-wrapper.--rounded-md table tbody tr:hover:last-child td[data-v-15edd803]:first-child{border-bottom-left-radius:var(--maz-rounded-md)}.m-table-wrapper.--rounded-md table tbody tr:hover:last-child td[data-v-15edd803]:last-child{border-bottom-right-radius:var(--maz-rounded-md)}.m-table-wrapper.--rounded-lg[data-v-15edd803],.m-table-wrapper.--rounded-lg table[data-v-15edd803]{border-radius:var(--maz-rounded-lg)}.m-table-wrapper.--rounded-lg table thead tr[data-v-15edd803]:hover:first-child{border-bottom-right-radius:var(--maz-rounded-lg);border-bottom-left-radius:var(--maz-rounded-lg)}.m-table-wrapper.--rounded-lg table thead tr:hover:first-child th[data-v-15edd803]:first-child{border-top-left-radius:var(--maz-rounded-lg)}.m-table-wrapper.--rounded-lg table thead tr:hover:first-child th[data-v-15edd803]:last-child{border-top-right-radius:var(--maz-rounded-lg)}.m-table-wrapper.--rounded-lg table tbody tr[data-v-15edd803]:hover:last-child{border-bottom-right-radius:var(--maz-rounded-lg);border-bottom-left-radius:var(--maz-rounded-lg)}.m-table-wrapper.--rounded-lg table tbody tr:hover:last-child td[data-v-15edd803]:first-child{border-bottom-left-radius:var(--maz-rounded-lg)}.m-table-wrapper.--rounded-lg table tbody tr:hover:last-child td[data-v-15edd803]:last-child{border-bottom-right-radius:var(--maz-rounded-lg)}.m-table-wrapper.--rounded-xl[data-v-15edd803],.m-table-wrapper.--rounded-xl table[data-v-15edd803]{border-radius:var(--maz-rounded-xl)}.m-table-wrapper.--rounded-xl table thead tr[data-v-15edd803]:hover:first-child{border-bottom-right-radius:var(--maz-rounded-xl);border-bottom-left-radius:var(--maz-rounded-xl)}.m-table-wrapper.--rounded-xl table thead tr:hover:first-child th[data-v-15edd803]:first-child{border-top-left-radius:var(--maz-rounded-xl)}.m-table-wrapper.--rounded-xl table thead tr:hover:first-child th[data-v-15edd803]:last-child{border-top-right-radius:var(--maz-rounded-xl)}.m-table-wrapper.--rounded-xl table tbody tr[data-v-15edd803]:hover:last-child{border-bottom-right-radius:var(--maz-rounded-xl);border-bottom-left-radius:var(--maz-rounded-xl)}.m-table-wrapper.--rounded-xl table tbody tr:hover:last-child td[data-v-15edd803]:first-child{border-bottom-left-radius:var(--maz-rounded-xl)}.m-table-wrapper.--rounded-xl table tbody tr:hover:last-child td[data-v-15edd803]:last-child{border-bottom-right-radius:var(--maz-rounded-xl)}.m-table.--has-header[data-v-15edd803],.m-table:not(.--has-header) table[data-v-15edd803]{border-radius:var(--maz-rounded-md)}.m-table table[data-v-15edd803]{table-layout:var(--bd8499f0)}.m-table table.--has-layout[data-v-15edd803]{width:100%}.m-table table.--elevation[data-v-15edd803]{--tw-shadow:var(--maz-shadow-style-elevation);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--maz-drop-shadow-md,0 3px 3px #0000001f));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.m-table table .m-table-select-column[data-v-15edd803]{width:2.9rem}.m-table table caption[data-v-15edd803]{padding:calc(var(--maz-space) * 3);caption-side:var(--v28cdaacd)}.m-table table thead[data-v-15edd803]{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--maz-border-width);border-color:var(--maz-color-divider,var(--maz-divider));word-break:break-all}.m-table table thead th[data-v-15edd803]{gap:calc(var(--maz-space) * 2);--tw-font-weight:var(--maz-font-weight-normal,400);font-weight:var(--maz-font-weight-normal,400);--tw-tracking:var(--maz-tracking-tight,-.025em);letter-spacing:var(--maz-tracking-tight,-.025em);word-break:break-all;color:var(--maz-color-muted,var(--maz-muted))}.m-table table thead th.--hidden[data-v-15edd803]{display:none}.m-table table thead th.--sortable[data-v-15edd803]{cursor:pointer}@media (hover:hover){.m-table table thead th.--sortable[data-v-15edd803]:hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}@supports (color:color-mix(in lab, red, red)){.m-table table thead th.--sortable[data-v-15edd803]:hover{background-color:color-mix(in oklab, var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h)) 50%, transparent)}}.m-table table thead th.--sortable[data-v-15edd803]:where(.dark,.dark *):hover{background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}}.m-table table thead th.--xl[data-v-15edd803]{padding-inline:calc(var(--maz-space) * 5);padding-block:calc(var(--maz-space) * 5);font-size:var(--maz-text-lg,1.125rem);line-height:var(--tw-leading,var(--maz-text-lg--line-height,calc(1.75 / 1.125)))}.m-table table thead th.--lg[data-v-15edd803]{padding-inline:calc(var(--maz-space) * 4);padding-block:calc(var(--maz-space) * 4);font-size:var(--maz-text-base,1rem);line-height:var(--tw-leading,var(--maz-text-base--line-height,calc(1.5 / 1)))}.m-table table thead th.--md[data-v-15edd803]{padding-inline:calc(var(--maz-space) * 3);padding-block:calc(var(--maz-space) * 3);font-size:var(--maz-text-sm,.875rem);line-height:var(--tw-leading,var(--maz-text-sm--line-height,calc(1.25 / .875)))}.m-table table thead th.--sm[data-v-15edd803]{padding-inline:calc(var(--maz-space) * 2);padding-block:calc(var(--maz-space) * 2);font-size:var(--maz-text-xs,.75rem);line-height:var(--tw-leading,var(--maz-text-xs--line-height,calc(1 / .75)))}.m-table table thead th.--xs[data-v-15edd803]{padding-inline:calc(var(--maz-space) * 1);padding-block:calc(var(--maz-space) * 1);font-size:var(--maz-text-xs,.75rem);line-height:var(--tw-leading,var(--maz-text-xs--line-height,calc(1 / .75)))}.m-table table thead th.--mini[data-v-15edd803]{padding-inline:calc(var(--maz-space) * .5);padding-block:calc(var(--maz-space) * .5);font-size:var(--maz-text-xs,.75rem);line-height:var(--tw-leading,var(--maz-text-xs--line-height,calc(1 / .75)))}.m-table table thead th span[data-v-15edd803]{align-items:center;gap:calc(var(--maz-space) * 1);display:inline-flex}.m-table table thead th span .m-table-sort-icon-wrapper[data-v-15edd803]{height:calc(var(--maz-space) * 4);width:calc(var(--maz-space) * 4)}.m-table table thead th span .m-table-sort-icon[data-v-15edd803]{color:var(--maz-color-muted,var(--maz-muted));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal));--tw-duration:.3s;--tw-ease:var(--maz-easing-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.3s;transition-timing-function:var(--maz-easing-out,cubic-bezier(.4, 0, .2, 1))}.m-table table thead th span .m-table-sort-icon.--sorted[data-v-15edd803]{color:var(--maz-color-foreground,var(--maz-foreground));display:block}.m-table table thead th span .m-table-sort-icon.--sorted.--up[data-v-15edd803]{rotate:0deg}.m-table table thead th span .m-table-sort-icon.--sorted.--down[data-v-15edd803]{rotate:180deg}:where(.m-table table tbody.--divider[data-v-15edd803]>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(var(--maz-border-width) * var(--tw-divide-y-reverse));border-bottom-width:calc(var(--maz-border-width) * calc(1 - var(--tw-divide-y-reverse)));border-color:var(--maz-color-divider,var(--maz-divider))}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as hasSlotContent}from"./hasSlotContent.rEQOMGV4.js";import{t as getColor}from"./types.BkdDF2d8.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useMazIconProps}from"../composables/useMazIconProps.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as resolveLinkComponent}from"./resolveLinkComponent.Cbat3RFd.js";import{computed,createBlock,createCommentVNode,createElementBlock,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeProps,normalizeStyle,openBlock,renderSlot,resolveDynamicComponent,toDisplayString,unref,useAttrs,withCtx}from"vue";import '../assets/MazBtn.BaoUBSlx.css';var _hoisted_1={key:0,class:`m-btn-loader-container`};var MazBtn_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazBtn`,props:{text:{},size:{},color:{default:`primary`},textColor:{},type:{default:`button`},roundedSize:{},outlined:{type:Boolean},pastel:{type:Boolean},block:{type:Boolean},loading:{type:Boolean},disabled:{type:Boolean},fab:{type:Boolean},icon:{type:[String,Function,Object]},startIcon:{type:[String,Function,Object]},endIcon:{type:[String,Function,Object]},padding:{type:Boolean,default:!0},justify:{default:`center`},active:{type:Boolean}},setup(__props){let{size,roundedSize}=useGlobalConfig(`MazBtn`,{size:`md`,roundedSize:`md`});let MazIcon=defineAsyncComponent(()=>import(`../components/MazIcon.js`));let MazSpinner=defineAsyncComponent(()=>import(`../components/MazSpinner.js`));let{href,to}=useAttrs();let component=computed(()=>href?`a`:to?resolveLinkComponent():`button`);let resolvedColor=computed(()=>getColor(__props.color));let isDisabled=computed(()=>(__props.loading||__props.disabled)&&component.value===`button`);let btnType=computed(()=>component.value===`button`?__props.type:void 0);let iconSize=computed(()=>({xl:`lg`,lg:`md`,md:`md`,sm:`sm`,xs:`xs`,mini:`1em`})[size.value]||`lg`);let{iconProps:startIconProps}=useMazIconProps(()=>__props.startIcon,()=>({size:iconSize.value}));let{iconProps:endIconProps}=useMazIconProps(()=>__props.endIcon,()=>({size:iconSize.value}));let{iconProps:fabIconProps}=useMazIconProps(()=>__props.icon,()=>({size:iconSize.value}));let btnStyle=computed(()=>{let c=resolvedColor.value;let base={"--m-btn-justify":__props.justify};return c===`transparent`||c===`surface`?base:{...base,"--m-btn-bg":`var(--maz-${c})`,"--m-btn-fg":`var(--maz-${c}-foreground)`,...__props.pastel&&c===`contrast`&&{"--m-btn-pastel-fg":`var(--maz-contrast-foreground)`}}});let TEXT_COLOR={primary:`maz:text-primary!`,secondary:`maz:text-secondary!`,accent:`maz:text-accent!`,info:`maz:text-info!`,success:`maz:text-success!`,warning:`maz:text-warning!`,destructive:`maz:text-destructive!`,contrast:`maz:text-contrast!`,transparent:`maz:text-transparent!`,muted:`maz:text-muted!`};let SIZE_CLASS={xl:`maz:min-h-16 maz:px-8 maz:text-xl`,lg:`maz:min-h-14 maz:px-6`,md:`maz:min-h-12 maz:px-4`,sm:`maz:min-h-10 maz:px-3`,xs:`maz:min-h-8 maz:px-2 maz:text-sm`,mini:`maz:min-h-6 maz:px-1 maz:text-xs`};let ROUNDED_CLASS={none:``,sm:`maz:rounded-xs`,md:`maz:rounded-md`,lg:`maz:rounded-lg`,xl:`maz:rounded-xl`,full:`maz:rounded-full`};let FAB_SIZE_CLASS={xl:`maz:w-16`,lg:`maz:w-14`,md:`maz:w-12`,sm:`maz:w-10`,xs:`maz:w-8`,mini:`maz:w-6`};let ICON_PADDING_CLASS={xl:{start:`maz:ps-6`,end:`maz:pe-6`},lg:{start:`maz:ps-4`,end:`maz:pe-4`},md:{start:`maz:ps-2`,end:`maz:pe-2`},sm:{start:`maz:ps-2`,end:`maz:pe-2`},xs:{start:``,end:``},mini:{start:``,end:``}};return(_ctx,_cache)=>(openBlock(),createBlock(resolveDynamicComponent(component.value),{disabled:isDisabled.value,class:normalizeClass([`m-btn m-reset-css maz:inline-flex maz:cursor-pointer maz:items-center maz:gap-2 maz:overflow-hidden maz:border maz:border-solid maz:border-transparent maz:bg-transparent maz:py-0.5 maz:text-center maz:align-top maz:text-foreground maz:no-underline maz:transition-all maz:duration-200 maz:ease-in-out`,[`--${resolvedColor.value}`,`--${unref(size)}`,__props.textColor&&`${TEXT_COLOR[__props.textColor]}`,!__props.fab&&unref(roundedSize)?`--rounded-${unref(roundedSize)}`:``,SIZE_CLASS[unref(size)],__props.fab?`maz:flex maz:flex-center maz:rounded-full maz:p-1`:ROUNDED_CLASS[unref(roundedSize)],__props.fab?FAB_SIZE_CLASS[unref(size)]:``,__props.startIcon||unref(hasSlotContent)(_ctx.$slots[`start-icon`])?ICON_PADDING_CLASS[unref(size)].start:``,__props.endIcon||unref(hasSlotContent)(_ctx.$slots[`end-icon`])?ICON_PADDING_CLASS[unref(size)].end:``,{"maz:relative":__props.loading,"--outlined":__props.outlined,"--pastel":__props.pastel,"--block":__props.block&&!__props.fab,"--fab":__props.fab,"--loading":__props.loading,"--active":__props.active,"--no-padding":!__props.padding,"--has-start-icon":!!__props.startIcon||unref(hasSlotContent)(_ctx.$slots[`start-icon`]),"--has-end-icon":!!__props.endIcon||unref(hasSlotContent)(_ctx.$slots[`end-icon`])}]]),style:normalizeStyle(btnStyle.value),type:btnType.value},{default:withCtx(()=>[renderSlot(_ctx.$slots,`start-icon`,{},()=>[unref(startIconProps)?(openBlock(),createBlock(unref(MazIcon),normalizeProps(mergeProps({key:0},unref(startIconProps))),null,16)):createCommentVNode(``,!0)],!0),renderSlot(_ctx.$slots,`icon`,{},()=>[unref(fabIconProps)?(openBlock(),createBlock(unref(MazIcon),normalizeProps(mergeProps({key:0},unref(fabIconProps))),null,16)):createCommentVNode(``,!0)],!0),renderSlot(_ctx.$slots,`default`,{},()=>[createTextVNode(toDisplayString(__props.text),1)],!0),renderSlot(_ctx.$slots,`end-icon`,{},()=>[unref(endIconProps)?(openBlock(),createBlock(unref(MazIcon),normalizeProps(mergeProps({key:0},unref(endIconProps))),null,16)):createCommentVNode(``,!0)],!0),__props.loading?(openBlock(),createElementBlock(`div`,_hoisted_1,[renderSlot(_ctx.$slots,`loader`,{},()=>[createVNode(unref(MazSpinner),{size:`2em`})],!0)])):createCommentVNode(``,!0)]),_:3},8,[`disabled`,`class`,`style`,`type`]))}}),[[`__scopeId`,`data-v-531af0a0`]]);export{MazBtn_default as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as hasSlotContent}from"./hasSlotContent.rEQOMGV4.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as MazIcon_default}from"./MazIcon.CblJ-8Iu.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,normalizeClass,normalizeStyle,onBeforeMount,openBlock,provide,ref,renderList,renderSlot,toDisplayString,toRef,unref,useCssVars,useSlots,watch,withCtx}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazArrowUp}from"@maz-ui/icons/lazy/MazArrowUp";import{MazChevronDoubleLeft}from"@maz-ui/icons/lazy/MazChevronDoubleLeft";import{MazChevronLeft}from"@maz-ui/icons/lazy/MazChevronLeft";import{MazMagnifyingGlass}from"@maz-ui/icons/lazy/MazMagnifyingGlass";import '../assets/MazTable.f1OT5uX2.css';var _hoisted_1={key:0,class:`m-table-header maz:flex maz:max-w-full maz:flex-col maz:items-start maz:justify-between maz:gap-2 maz:py-2 maz:mob-l:flex-row maz:mob-l:items-center`};var _hoisted_2={key:0,class:`m-table-spacer`};var _hoisted_3={class:`m-table-header-title maz:font-semibold`};var _hoisted_4={key:1,class:`m-table-header-search maz:flex maz:items-center maz:gap-2`};var _hoisted_5={key:0};var _hoisted_6={key:1};var _hoisted_7={key:0,class:`m-table-sort-icon-wrapper`};var _hoisted_8={class:`maz:text-center maz:text-muted`};var _hoisted_9={key:1,class:`m-table-footer maz:flex maz:max-w-full maz:justify-end maz:gap-2 maz:py-2`};var _hoisted_10={key:0,class:`m-table-footer-pagination maz:flex maz:items-center maz:gap-4`};var _hoisted_11={class:`m-table-footer-pagination-items-per-page maz:flex maz:items-center maz:gap-1`};var _hoisted_12={class:`maz:hidden maz:text-sm maz:tab-s:block`};var _hoisted_13={key:0,class:`maz:text-sm maz:whitespace-nowrap`};var _hoisted_14={class:`m-table-footer-pagination-buttons maz:flex maz:items-center maz:gap-1`};var mazTableKey=Symbol(`maz-table`);var MazTable_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazTable`,props:{tableClass:{type:[Boolean,null,String,Object,Array]},tableStyle:{type:[Boolean,null,String,Object,Array]},modelValue:{},size:{},inputSize:{},title:{},headers:{},sortable:{type:Boolean},headersAlign:{default:`left`},rows:{},hoverable:{type:Boolean},search:{type:Boolean},hideSearchInRow:{type:Boolean},hideSearchBy:{type:Boolean},searchQuery:{},backgroundOdd:{type:Boolean},backgroundEven:{type:Boolean},elevation:{type:Boolean},divider:{type:Boolean,default:!1},caption:{},captionSide:{default:`bottom`},pagination:{type:Boolean},page:{default:1},pageSize:{default:20},totalPages:{},paginateRows:{type:Boolean,default:!0},totalItems:{},loading:{type:Boolean},selectable:{type:Boolean},selectedKey:{},tableLayout:{},color:{default:`primary`},translations:{},roundedSize:{},scrollable:{type:Boolean,default:!1}},emits:[`update:model-value`,`update:search-query`,`update:page`,`update:page-size`],setup(__props,{emit:__emit}){useCssVars(_ctx=>({bd8499f0:_ctx.tableLayout,v28cdaacd:_ctx.captionSide}));let emits=__emit;let{size,roundedSize}=useGlobalConfig(`MazTable`,{size:`md`,roundedSize:`md`});let MazBtn=defineAsyncComponent(()=>import(`../components/MazBtn.js`));let MazCheckbox=defineAsyncComponent(()=>import(`../components/MazCheckbox.js`));let MazInput=defineAsyncComponent(()=>import(`../components/MazInput.js`));let MazLoadingBar=defineAsyncComponent(()=>import(`../components/MazLoadingBar.js`));let MazSelect=defineAsyncComponent(()=>import(`../components/MazSelect.js`));let MazTableCell=defineAsyncComponent(()=>import(`../components/MazTableCell.js`));let MazTableRowComponent=defineAsyncComponent(()=>import(`../components/MazTableRow.js`));let MazTableTitle=defineAsyncComponent(()=>import(`../components/MazTableTitle.js`));let{t}=useTranslations();let messages=computed(()=>({noResults:__props.translations?.noResults??t(`table.noResults`),actionColumnTitle:__props.translations?.actionColumnTitle??t(`table.actionColumnTitle`),searchByInput:{all:__props.translations?.searchByInput?.all??t(`table.searchByInput.all`),placeholder:__props.translations?.searchByInput?.placeholder??t(`table.searchByInput.placeholder`)},searchInput:{placeholder:__props.translations?.searchInput?.placeholder??t(`table.searchInput.placeholder`)},pagination:{all:__props.translations?.pagination?.all??t(`table.pagination.all`),rowsPerPage:__props.translations?.pagination?.rowsPerPage??t(`table.pagination.rowsPerPage`),of:__props.translations?.pagination?.of??t(`table.pagination.of`)}}));let hasDivider=computed(()=>__props.divider&&!__props.backgroundEven&&!__props.backgroundOdd);provide(mazTableKey,{size:toRef(()=>size.value),hoverable:toRef(()=>__props.hoverable),backgroundEven:toRef(()=>__props.backgroundEven),backgroundOdd:toRef(()=>__props.backgroundOdd)});let rowsNormalized=ref(getNormalizedRows());let isSelectable=computed(()=>__props.selectable||!!__props.selectedKey);let currentPage=ref(__props.page);watch(()=>__props.page,value=>{currentPage.value=value});let currentPageModel=computed({get:()=>currentPage.value,set:value=>{currentPage.value=value,emits(`update:page`,value)}});let pageSizeOptions=computed(()=>[{label:messages.value.pagination.all,value:1/0},{label:5,value:5},{label:10,value:10},{label:20,value:20},{label:50,value:50},{label:100,value:100},{label:200,value:200}]);let pageSizeModelInternal=ref(__props.pageSize);watch(()=>__props.pageSize,value=>{pageSizeModelInternal.value=value});let pageSizeModel=computed({get:()=>pageSizeModelInternal.value,set:value=>{pageSizeModelInternal.value=value,emits(`update:page-size`,value)}});let totalPagesInternal=computed(()=>__props.totalPages?__props.totalPages:pageSizeModel.value===1/0||!totalItemsInternal.value?1:Math.ceil(totalItemsInternal.value/pageSizeModel.value));let totalItemsInternal=computed(()=>__props.totalItems??__props.rows?.length);let rowsOfPage=computed(()=>{if(!__props.pagination||!__props.paginateRows||pageSizeModel.value===1/0)return rowsNormalized.value;let start=(currentPage.value-1)*pageSizeModel.value;let end=start+pageSizeModel.value;return rowsNormalized.value.slice(start,end)});let rowsFromTo=computed(()=>({from:(currentPage.value-1)*pageSizeModel.value+1,to:Math.min(currentPage.value*pageSizeModel.value,totalItemsInternal.value??0)}));function firstPage(){currentPageModel.value=1}function lastPage(){currentPageModel.value=totalPagesInternal.value}function previousPage(){currentPageModel.value--}function nextPage(){currentPageModel.value++}watch(()=>[__props.rows,__props.modelValue],()=>{rowsNormalized.value=getNormalizedRows()});let sortedColumnIndex=ref();let sortType=ref();let headersNormalized=computed(()=>getNormalizedHeaders(__props.headers));let searchByKey=ref();let searchByOptions=computed(()=>{let headerOptions=headersNormalized.value.map(({label,key})=>({label,value:key}));return[{label:messages.value.searchByInput.all,value:null},...headerOptions]});let searchQueryModelInternal=ref(__props.searchQuery);watch(()=>__props.searchQuery,value=>{searchQueryModelInternal.value=value});let searchQueryModel=computed({get:()=>searchQueryModelInternal.value,set:value=>{searchQueryModelInternal.value=value,emits(`update:search-query`,value)}});function getSortedRows(rows){return rows.toSorted((a,b)=>{if(sortedColumnIndex.value===void 0||sortType.value===void 0)return 0;let aValue=a[headersNormalized.value[sortedColumnIndex.value].key];let bValue=b[headersNormalized.value[sortedColumnIndex.value].key];return typeof aValue==`string`&&typeof bValue==`string`?sortType.value===`ASC`?aValue.localeCompare(bValue):bValue.localeCompare(aValue):sortType.value===`ASC`?aValue-bValue:bValue-aValue})}function getFilteredRows(rows){if(__props.hideSearchInRow||typeof searchQueryModel.value!=`string`)return rowsOfPage.value;let query=searchQueryModel.value.toLowerCase();return[...rows].filter(row=>searchByKey.value?String(row[searchByKey.value]).toLowerCase().includes(query):Object.values(row).some(value=>typeof value==`string`||typeof value==`number`||typeof value==`boolean`?String(value).toLowerCase().includes(query):!1))}let rowsFiltered=computed(()=>getSortedRows(getFilteredRows(rowsOfPage.value)));let slots=useSlots();let hasHeader=computed(()=>!!(__props.search||__props.title||slots.title));let hasFooter=computed(()=>!!__props.pagination);function getNormalizedHeaders(headers){return headers?.map(header=>typeof header==`string`?{label:header,align:__props.headersAlign}:{align:__props.headersAlign,thHeaders:header.headers,...header})??[]}function getNormalizedRows(){return __props.rows?.map(row=>({selected:__props.modelValue?.includes(__props.selectedKey?row[__props.selectedKey]:row),...row}))??[]}function sortColumn(columnIndex){columnIndex===sortedColumnIndex.value?sortType.value=sortType.value===void 0?`DESC`:sortType.value===`DESC`?`ASC`:void 0:sortType.value=`DESC`,sortedColumnIndex.value=sortType.value===void 0?void 0:columnIndex}let allSelected=computed({get:()=>rowsFiltered.value.every(row=>row.selected)??!1,set:selectAll});function selectAll(value){for(let row of rowsFiltered.value)row.selected=value;emitValues()}function selectRow(value,index){rowsFiltered.value[index].selected=value,emitValues()}function emitValues(selectedRows){selectedRows??=getSelectedRows(),emits(`update:model-value`,selectedRows?.length?selectedRows:void 0)}function getSelectedRows(){return rowsNormalized.value.filter(row=>row.selected).map(row=>__props.selectedKey?row[__props.selectedKey]:row)}return onBeforeMount(()=>{let selectedRows=getSelectedRows();selectedRows?.length&&emitValues(selectedRows)}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-table m-reset-css maz:relative maz:max-w-full`,{"--has-header":hasHeader.value}])},[hasHeader.value?(openBlock(),createElementBlock(`div`,_hoisted_1,[__props.title||unref(hasSlotContent)(unref(slots).title)?(openBlock(),createElementBlock(`div`,_hoisted_2,[renderSlot(_ctx.$slots,`title`,{},()=>[createElementVNode(`span`,_hoisted_3,toDisplayString(__props.title),1)],!0)])):createCommentVNode(``,!0),__props.search?(openBlock(),createElementBlock(`div`,_hoisted_4,[__props.hideSearchBy?createCommentVNode(``,!0):(openBlock(),createBlock(unref(MazSelect),{key:0,modelValue:searchByKey.value,"onUpdate:modelValue":_cache[0]||=$event=>searchByKey.value=$event,"rounded-size":unref(roundedSize),color:__props.color,style:{maxWidth:`12rem`},placeholder:messages.value.searchByInput.placeholder,size:__props.inputSize??unref(size),options:searchByOptions.value},null,8,[`modelValue`,`rounded-size`,`color`,`placeholder`,`size`,`options`])),createVNode(unref(MazInput),{modelValue:searchQueryModel.value,"onUpdate:modelValue":_cache[1]||=$event=>searchQueryModel.value=$event,size:__props.inputSize??unref(size),"rounded-size":unref(roundedSize),color:__props.color,debounce:300,placeholder:messages.value.searchInput.placeholder,"start-icon":unref(MazMagnifyingGlass)},null,8,[`modelValue`,`size`,`rounded-size`,`color`,`placeholder`,`start-icon`])])):createCommentVNode(``,!0)])):createCommentVNode(``,!0),createElementVNode(`div`,{class:normalizeClass([`m-table-wrapper maz:border maz:border-solid maz:border-divider`,[`--rounded-${unref(roundedSize)}`,{"--scrollable maz:overflow-auto":__props.scrollable,"maz:overflow-hidden":!__props.scrollable}]])},[createElementVNode(`table`,{class:normalizeClass([[{"--elevation":__props.elevation,"--has-layout":__props.tableLayout},__props.tableClass],`maz:table maz:w-full maz:border-collapse maz:bg-container`]),style:normalizeStyle(__props.tableStyle)},[__props.caption||unref(hasSlotContent)(unref(slots).caption)?(openBlock(),createElementBlock(`caption`,_hoisted_5,[renderSlot(_ctx.$slots,`caption`,{},()=>[createTextVNode(toDisplayString(__props.caption),1)],!0)])):createCommentVNode(``,!0),headersNormalized.value?(openBlock(),createElementBlock(`thead`,_hoisted_6,[renderSlot(_ctx.$slots,`thead`,{},()=>[createVNode(unref(MazTableRowComponent),{"is-head":``},{default:withCtx(()=>[isSelectable.value?(openBlock(),createBlock(unref(MazTableTitle),{key:0,align:`left`,class:normalizeClass([`--${unref(size)}`,`m-table-select-column`])},{default:withCtx(()=>[createVNode(unref(MazCheckbox),{modelValue:allSelected.value,"onUpdate:modelValue":_cache[2]||=$event=>allSelected.value=$event,size:`sm`},null,8,[`modelValue`])]),_:1},8,[`class`])):createCommentVNode(``,!0),(openBlock(!0),createElementBlock(Fragment,null,renderList(headersNormalized.value,(header,columnIndex)=>(openBlock(),createBlock(unref(MazTableTitle),{key:columnIndex,scope:header.scope,align:header.align,rowspan:header.rowspan,colspan:header.colspan,headers:header.thHeaders,style:normalizeStyle({width:header.width,textAlign:header.align}),class:normalizeClass([`maz:group`,[{"--hidden":header.hidden,"--sortable":header.sortable??__props.sortable},header.classes,`--${unref(size)}`]]),onClick:$event=>(header.sortable??__props.sortable)&&sortColumn(columnIndex)},{default:withCtx(()=>[createElementVNode(`span`,{class:normalizeClass({"maz:sr-only":header.srOnly})},[renderSlot(_ctx.$slots,`header`,{header,label:header.label},()=>[renderSlot(_ctx.$slots,`header-label-${header.key}`,{header,label:header.label},()=>[createTextVNode(toDisplayString(header.label),1)],!0),header.sortable??__props.sortable?(openBlock(),createElementBlock(`div`,_hoisted_7,[createVNode(unref(MazArrowUp),{class:normalizeClass([`m-table-sort-icon maz:hidden maz:group-hover:block`,{"--sorted":columnIndex===sortedColumnIndex.value,"--up":sortType.value===`DESC`,"--down":sortType.value===`ASC`}])},null,8,[`class`])])):createCommentVNode(``,!0)],!0)],2)]),_:2},1032,[`scope`,`align`,`rowspan`,`colspan`,`headers`,`style`,`class`,`onClick`]))),128)),unref(hasSlotContent)(unref(slots).actions)?(openBlock(),createBlock(unref(MazTableTitle),{key:1,align:`left`,class:normalizeClass(`--${unref(size)}`)},{default:withCtx(()=>[renderSlot(_ctx.$slots,`actions-header`,{},()=>[createTextVNode(toDisplayString(messages.value.actionColumnTitle),1)],!0)]),_:3},8,[`class`])):createCommentVNode(``,!0)]),_:3})],!0)])):createCommentVNode(``,!0),__props.loading?(openBlock(),createBlock(unref(MazLoadingBar),{key:2,color:__props.color,class:`maz:absolute!`},null,8,[`color`])):createCommentVNode(``,!0),createElementVNode(`tbody`,{class:normalizeClass({"--divider":hasDivider.value})},[renderSlot(_ctx.$slots,`default`,{},()=>[rowsFiltered.value.length>0?(openBlock(!0),createElementBlock(Fragment,{key:0},renderList(rowsFiltered.value,(row,rowIndex)=>(openBlock(),createBlock(unref(MazTableRowComponent),{key:rowIndex,class:normalizeClass(row.classes),onClick:$event=>row.action&&row.action(row)},{default:withCtx(()=>[isSelectable.value?(openBlock(),createBlock(unref(MazTableCell),{key:0,class:`m-table-select-column`},{default:withCtx(()=>[renderSlot(_ctx.$slots,`select`,{row,selected:row.selected},()=>[createVNode(unref(MazCheckbox),{size:`sm`,"model-value":row.selected,"onUpdate:modelValue":$event=>selectRow($event,rowIndex)},null,8,[`model-value`,`onUpdate:modelValue`])],!0)]),_:2},1024)):createCommentVNode(``,!0),(openBlock(!0),createElementBlock(Fragment,null,renderList(headersNormalized.value,({key,align,classes},dataIndex)=>(openBlock(),createBlock(unref(MazTableCell),{key:dataIndex,align,class:normalizeClass(classes)},{default:withCtx(()=>[key?renderSlot(_ctx.$slots,`cell`,{key:0,row,value:row[key]},()=>[renderSlot(_ctx.$slots,`cell-${key}`,{row,value:row[key]},()=>[createTextVNode(toDisplayString(row[key]),1)],!0)],!0):createCommentVNode(``,!0)]),_:2},1032,[`align`,`class`]))),128)),unref(hasSlotContent)(unref(slots).actions)?(openBlock(),createBlock(unref(MazTableCell),{key:1},{default:withCtx(()=>[renderSlot(_ctx.$slots,`actions`,{row},void 0,!0)]),_:2},1024)):createCommentVNode(``,!0)]),_:2},1032,[`class`,`onClick`]))),128)):(openBlock(),createBlock(unref(MazTableRowComponent),{key:1},{default:withCtx(()=>[createVNode(unref(MazTableCell),{colspan:headersNormalized.value.length+ +!!isSelectable.value+ +!!unref(hasSlotContent)(unref(slots).actions)},{default:withCtx(()=>[renderSlot(_ctx.$slots,`no-results`,{},()=>[createElementVNode(`p`,_hoisted_8,[renderSlot(_ctx.$slots,`no-results-text`,{},()=>[createTextVNode(toDisplayString(messages.value.noResults),1)],!0)])],!0)]),_:3},8,[`colspan`])]),_:3}))],!0)],2)],6)],2),hasFooter.value?(openBlock(),createElementBlock(`div`,_hoisted_9,[__props.pagination?(openBlock(),createElementBlock(`div`,_hoisted_10,[createElementVNode(`div`,_hoisted_11,[createElementVNode(`span`,_hoisted_12,toDisplayString(messages.value.pagination.rowsPerPage),1),createVNode(unref(MazSelect),{modelValue:pageSizeModel.value,"onUpdate:modelValue":_cache[3]||=$event=>pageSizeModel.value=$event,options:pageSizeOptions.value,"rounded-size":unref(roundedSize),size:__props.inputSize??unref(size),color:__props.color,"list-position":`top`,style:{maxWidth:`6rem`}},null,8,[`modelValue`,`options`,`rounded-size`,`size`,`color`])]),totalPagesInternal.value?(openBlock(),createElementBlock(`span`,_hoisted_13,toDisplayString(rowsFromTo.value.from)+` - `+toDisplayString(rowsFromTo.value.to)+` `+toDisplayString(messages.value.pagination.of)+` `+toDisplayString(totalItemsInternal.value),1)):createCommentVNode(``,!0),createElementVNode(`div`,_hoisted_14,[createVNode(unref(MazBtn),{disabled:currentPageModel.value===1,size:__props.inputSize??unref(size),color:`transparent`,"rounded-size":unref(roundedSize),onClick:firstPage},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronDoubleLeft),class:`maz:text-base`},null,8,[`icon`])]),_:1},8,[`disabled`,`size`,`rounded-size`]),createVNode(unref(MazBtn),{disabled:currentPageModel.value===1,size:__props.inputSize??unref(size),color:`transparent`,"rounded-size":unref(roundedSize),onClick:previousPage},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:text-base`},null,8,[`icon`])]),_:1},8,[`disabled`,`size`,`rounded-size`]),createVNode(unref(MazBtn),{disabled:currentPageModel.value===totalPagesInternal.value,size:__props.inputSize??unref(size),color:`transparent`,"rounded-size":unref(roundedSize),onClick:nextPage},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:rotate-180 maz:text-base`},null,8,[`icon`])]),_:1},8,[`disabled`,`size`,`rounded-size`]),createVNode(unref(MazBtn),{disabled:currentPageModel.value===totalPagesInternal.value,size:__props.inputSize??unref(size),color:`transparent`,"rounded-size":unref(roundedSize),onClick:lastPage},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronDoubleLeft),class:`maz:rotate-180 maz:text-base`},null,8,[`icon`])]),_:1},8,[`disabled`,`size`,`rounded-size`])])])):createCommentVNode(``,!0)])):createCommentVNode(``,!0)],2))}}),[[`__scopeId`,`data-v-15edd803`]]);export{mazTableKey as n,MazTable_default as t};
|