maz-ui 4.0.0-beta.23 → 4.0.0-beta.24
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/MazDatePicker._lMo1y9U.css +1 -0
- package/dist/assets/{MazPickerCalendarSwitcher.uni8vJJv.css → MazPickerCalendarSwitcher.CI9Vw1sJ.css} +1 -1
- package/dist/assets/{MazPickerHeader.ZYCJY5bX.css → MazPickerHeader.C4W93yMD.css} +1 -1
- package/dist/assets/MazPickerMonthSwitcher.D9lfVzYo.css +1 -0
- package/dist/assets/{MazPickerYearSwitcher.Cn-nS-Vv.css → MazPickerYearSwitcher.CFiH13QC.css} +1 -1
- package/dist/assets/MazPopover.D7UY8_-q.css +1 -0
- package/dist/assets/MazSelect.Cb0TX2bP.css +1 -0
- package/dist/assets/{MazSelectCountry.t3GsKyqw.css → MazSelectCountry.D3fSImar.css} +1 -1
- package/dist/chunks/{MazDatePicker.BDXsAcRK.js → MazDatePicker.DzyuPA8W.js} +8 -6
- package/dist/chunks/{MazPickerCalendar.D5NjAivz.js → MazPickerCalendar.CaDln-hC.js} +1 -1
- package/dist/chunks/{MazPickerCalendarMonth.DJCjLc4n.js → MazPickerCalendarMonth.CmLyHvQd.js} +1 -1
- package/dist/chunks/{MazPickerCalendarSwitcher.BrUevc9t.js → MazPickerCalendarSwitcher.DUUCCKEk.js} +3 -3
- package/dist/chunks/{MazPickerContainer.BgqwoOqI.js → MazPickerContainer.CpHYm3sz.js} +1 -1
- package/dist/chunks/{MazPickerHeader.Bzxbb9bP.js → MazPickerHeader.n9XpxnfR.js} +3 -3
- package/dist/chunks/{MazPickerMonthSwitcher.D2LnBc81.js → MazPickerMonthSwitcher.GuwEWf1z.js} +3 -3
- package/dist/chunks/{MazPickerTime.B1hg2sPu.js → MazPickerTime.DjAd5AYZ.js} +1 -1
- package/dist/chunks/{MazPickerYearSwitcher.CZ44uN9T.js → MazPickerYearSwitcher.BFn0oocs.js} +3 -3
- package/dist/components/MazDatePicker.js +1 -1
- package/dist/components/MazPopover.js +50 -195
- package/dist/components/MazSelect.js +6 -5
- package/dist/components/MazSelectCountry.js +2 -2
- package/dist/components/index.js +1 -1
- package/dist/composables/useDisplayNames.js +12 -14
- package/dist/plugins/maz-ui.js +24 -15
- package/dist/types/components/MazDatePicker.vue.d.ts +11 -22
- package/dist/types/components/MazInputPrice.vue.d.ts +1 -1
- package/dist/types/components/MazPopover.vue.d.ts +7 -8
- package/dist/types/components/MazSelect.vue.d.ts +3 -2
- package/dist/types/components/MazSelectCountry.vue.d.ts +4 -4
- package/dist/types/composables/useDisplayNames.d.ts +0 -5
- package/dist/types/directives/vFullscreenImg/MazFullscreenImg.vue.d.ts +1 -1
- package/package.json +9 -8
- package/dist/assets/MazDatePicker.Bk-3P4OT.css +0 -1
- package/dist/assets/MazPickerMonthSwitcher.CszcpCcY.css +0 -1
- package/dist/assets/MazPopover.Bpnpd4jo.css +0 -1
- package/dist/assets/MazSelect.Cn5jpr_B.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.m-date-picker[data-v-2f0b46d8]{display:inline-block;position:relative}.m-date-picker__input[data-v-2f0b46d8]{width:100%;height:100%}.m-date-picker .m-date-picker__button[data-v-2f0b46d8]{cursor:not-allowed;background-color:#0000;justify-content:center;align-items:center;height:100%;padding-right:.25rem;display:flex}.m-date-picker .m-date-picker__button__chevron[data-v-2f0b46d8]{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1));transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-date-picker.--is-open .m-date-picker__button__chevron[data-v-2f0b46d8]{transform:rotate(180deg)}.m-date-picker:not(.--is-disabled) .m-date-picker__button[data-v-2f0b46d8]{cursor:pointer}.m-date-picker:not(.--is-disabled) .m-date-picker__input[data-v-2f0b46d8] input{cursor:pointer!important}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-date-picker-calendar-switcher[data-v-
|
|
1
|
+
.m-date-picker-calendar-switcher[data-v-aa76b452]{display:flex}.m-date-picker-calendar-switcher[data-v-aa76b452]>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-right:calc(.5rem*var(--maz-tw-space-x-reverse));margin-left:calc(.5rem*calc(1 - var(--maz-tw-space-x-reverse)))}.m-date-picker-calendar-switcher[data-v-aa76b452]{border-bottom-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));padding:.25rem .5rem}.m-date-picker-calendar-switcher__date[data-v-aa76b452]{text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:1;overflow:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-date-picker-header[data-v-
|
|
1
|
+
.m-date-picker-header[data-v-5f5273ba]{z-index:1;justify-content:space-between;display:flex}.m-date-picker-header[data-v-5f5273ba]>:not([hidden])~:not([hidden]){--maz-tw-space-y-reverse:0;margin-top:calc(.25rem*calc(1 - var(--maz-tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--maz-tw-space-y-reverse))}.m-date-picker-header[data-v-5f5273ba]{padding:.5rem;font-weight:400}.m-date-picker-header__year-transition[data-v-5f5273ba]{align-items:center;height:1.25rem;line-height:.75rem;display:flex;overflow:hidden}.m-date-picker-header__date-transition[data-v-5f5273ba],.m-date-picker-header__time-transition[data-v-5f5273ba]{align-items:center;height:1.5rem;line-height:1rem;display:flex;overflow:hidden}.m-date-picker-header__time-transition[data-v-5f5273ba]{justify-content:flex-end;min-width:5rem;display:flex}.m-date-picker-header__year-text[data-v-5f5273ba]{font-size:.875rem;line-height:1.25rem}.m-date-picker-header__time[data-v-5f5273ba]{justify-content:center;align-items:flex-end;display:flex}.m-date-picker-header__time[data-v-5f5273ba]:not(.--has-date){width:100%}.m-date-picker-header__time:not(.--has-date) .m-date-picker-header__time-transition[data-v-5f5273ba]{justify-content:center;align-items:center;width:100%}.m-date-picker-header.--primary[data-v-5f5273ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-foreground)/var(--maz-tw-text-opacity,1))}.m-date-picker-header.--secondary[data-v-5f5273ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-secondary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-foreground)/var(--maz-tw-text-opacity,1))}.m-date-picker-header.--info[data-v-5f5273ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-info-foreground)/var(--maz-tw-text-opacity,1))}.m-date-picker-header.--success[data-v-5f5273ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-date-picker-header.--warning[data-v-5f5273ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-foreground)/var(--maz-tw-text-opacity,1))}.m-date-picker-header.--destructive[data-v-5f5273ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-foreground)/var(--maz-tw-text-opacity,1))}.m-date-picker-header.--accent[data-v-5f5273ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-accent)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-foreground)/var(--maz-tw-text-opacity,1))}.m-date-picker-header.--contrast[data-v-5f5273ba]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast-500)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-date-picker-header.--contrast[data-v-5f5273ba]:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast-400)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-date-picker-header.--transparent[data-v-5f5273ba]{border-bottom-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.maz-picker-month-switcher[data-v-ccb4182e]{z-index:1;--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));flex-direction:column;display:flex;position:absolute;inset:0}.maz-picker-month-switcher__header[data-v-ccb4182e]{border-bottom-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));justify-content:flex-end;padding:.5rem;display:flex}.maz-picker-month-switcher__main[data-v-ccb4182e]{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;align-items:center;gap:.25rem;padding:.5rem;display:grid;overflow-y:auto}.maz-picker-month-switcher__main.--has-double[data-v-ccb4182e]{grid-template-columns:repeat(3,minmax(0,1fr))}.maz-picker-month-switcher__main>button[data-v-ccb4182e]{height:100%!important}
|
package/dist/assets/{MazPickerYearSwitcher.Cn-nS-Vv.css → MazPickerYearSwitcher.CFiH13QC.css}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
.maz-picker-year-switcher[data-v-
|
|
1
|
+
.maz-picker-year-switcher[data-v-f4cfe332]{z-index:1;--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));flex-direction:column;display:flex;position:absolute;inset:0}.maz-picker-year-switcher__header[data-v-f4cfe332]{justify-content:space-between;display:flex}.maz-picker-year-switcher__header[data-v-f4cfe332]>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-right:calc(.5rem*var(--maz-tw-space-x-reverse));margin-left:calc(.5rem*calc(1 - var(--maz-tw-space-x-reverse)))}.maz-picker-year-switcher__header[data-v-f4cfe332]{border-bottom-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));padding:.5rem}.maz-picker-year-switcher__main[data-v-f4cfe332]{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;align-items:center;gap:.5rem;padding:.5rem;display:grid;overflow-y:auto}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.m-popover[data-v-d9f43461]{display:inline-block}.m-popover .m-popover-trigger[data-v-d9f43461]{width:100%;height:100%;display:inline-block}.m-popover.--block[data-v-d9f43461]{width:100%}.m-popover-panel[data-v-d9f43461]{z-index:1050;border-radius:var(--maz-radius);--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored);outline-offset:2px;--maz-tw-drop-shadow:drop-shadow(0 4px 3px #00000012)drop-shadow(0 2px 2px #0000000f);filter:var(--maz-tw-blur)var(--maz-tw-brightness)var(--maz-tw-contrast)var(--maz-tw-grayscale)var(--maz-tw-hue-rotate)var(--maz-tw-invert)var(--maz-tw-saturate)var(--maz-tw-sepia)var(--maz-tw-drop-shadow);will-change:transform,opacity;contain:layout style paint;backface-visibility:hidden;outline:2px solid #0000;position:fixed}.m-popover-panel.--surface[data-v-d9f43461]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}.m-popover-panel.--surface[data-v-d9f43461]:is([class~=dark] *){border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}.m-popover-panel.--primary[data-v-d9f43461]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-primary-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--secondary[data-v-d9f43461]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-secondary-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-secondary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--success[data-v-d9f43461]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-success-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--warning[data-v-d9f43461]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-warning-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--destructive[data-v-d9f43461]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--info[data-v-d9f43461]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-info-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-info-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--accent[data-v-d9f43461]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-accent-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-accent)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--contrast[data-v-d9f43461]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-contrast-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast-foreground)/var(--maz-tw-text-opacity,1))}.maz-popover-enter-active[data-v-d9f43461]{transition:opacity .2s ease-out,transform .2s ease-out}.maz-popover-leave-active[data-v-d9f43461]{transition:opacity .2s ease-in,transform .2s ease-in}.m-popover-panel.--position-bottom.maz-popover-enter-from[data-v-d9f43461],.m-popover-panel.--position-bottom-start.maz-popover-enter-from[data-v-d9f43461],.m-popover-panel.--position-bottom-end.maz-popover-enter-from[data-v-d9f43461]{opacity:0;transform-origin:top;transform:scaleY(.8)translateY(-4px)}.m-popover-panel.--position-bottom.maz-popover-leave-to[data-v-d9f43461],.m-popover-panel.--position-bottom-start.maz-popover-leave-to[data-v-d9f43461],.m-popover-panel.--position-bottom-end.maz-popover-leave-to[data-v-d9f43461]{opacity:0;transform-origin:top;transform:scaleY(.9)translateY(-4px)}.m-popover-panel.--position-top.maz-popover-enter-from[data-v-d9f43461],.m-popover-panel.--position-top-start.maz-popover-enter-from[data-v-d9f43461],.m-popover-panel.--position-top-end.maz-popover-enter-from[data-v-d9f43461]{opacity:0;transform-origin:bottom;transform:scaleY(.8)translateY(4px)}.m-popover-panel.--position-top.maz-popover-leave-to[data-v-d9f43461],.m-popover-panel.--position-top-start.maz-popover-leave-to[data-v-d9f43461],.m-popover-panel.--position-top-end.maz-popover-leave-to[data-v-d9f43461]{opacity:0;transform-origin:bottom;transform:scaleY(.9)translateY(4px)}.m-popover-panel.--position-right.maz-popover-enter-from[data-v-d9f43461],.m-popover-panel.--position-right-start.maz-popover-enter-from[data-v-d9f43461],.m-popover-panel.--position-right-end.maz-popover-enter-from[data-v-d9f43461]{opacity:0;transform-origin:0;transform:scaleX(.8)translate(-4px)}.m-popover-panel.--position-right.maz-popover-leave-to[data-v-d9f43461],.m-popover-panel.--position-right-start.maz-popover-leave-to[data-v-d9f43461],.m-popover-panel.--position-right-end.maz-popover-leave-to[data-v-d9f43461]{opacity:0;transform-origin:0;transform:scaleX(.9)translate(-4px)}.m-popover-panel.--position-left.maz-popover-enter-from[data-v-d9f43461],.m-popover-panel.--position-left-start.maz-popover-enter-from[data-v-d9f43461],.m-popover-panel.--position-left-end.maz-popover-enter-from[data-v-d9f43461]{opacity:0;transform-origin:100%;transform:scaleX(.8)translate(4px)}.m-popover-panel.--position-left.maz-popover-leave-to[data-v-d9f43461],.m-popover-panel.--position-left-start.maz-popover-leave-to[data-v-d9f43461],.m-popover-panel.--position-left-end.maz-popover-leave-to[data-v-d9f43461]{opacity:0;transform-origin:100%;transform:scaleX(.9)translate(4px)}.m-popover-panel:not([class*=--position-]).maz-popover-enter-from[data-v-d9f43461]{opacity:0;transform-origin:50%;transform:scale(.95)translateY(-4px)}.m-popover-panel:not([class*=--position-]).maz-popover-leave-to[data-v-d9f43461]{opacity:0;transform-origin:50%;transform:scale(.98)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.m-select[data-v-e611c2b3]{vertical-align:top;display:inline-flex;position:relative}.m-select-input[data-v-e611c2b3]{width:100%;height:100%}.m-select-input__toggle-button[data-v-e611c2b3]{background-color:#0000;justify-content:center;align-items:center;height:100%;padding-left:0;display:flex}.m-select-input[data-v-e611c2b3] input{caret-color:#0000}.m-select-input[data-v-e611c2b3] .m-input-input,.m-select-input.--has-label[data-v-e611c2b3] .m-input-input{padding-right:0}.m-select.--mini[data-v-e611c2b3],.m-select.--xs[data-v-e611c2b3]{font-size:.75rem;line-height:1rem}.m-select.--sm[data-v-e611c2b3]{font-size:.875rem;line-height:1.25rem}.m-select.--md[data-v-e611c2b3]{font-size:1rem;line-height:1.5rem}.m-select.--lg[data-v-e611c2b3]{font-size:1.125rem;line-height:1.75rem}.m-select.--xl[data-v-e611c2b3]{font-size:1.25rem;line-height:1.75rem}.m-select[data-v-e611c2b3]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-chevron[data-v-e611c2b3]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));font-size:1.2em;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select.--is-open .m-select-chevron[data-v-e611c2b3]{transform:rotate(180deg)}.m-select button.maz-custom[data-v-e611c2b3]{cursor:pointer;appearance:none;border-style:none}.m-select-list[data-v-e611c2b3]{z-index:1050;border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored);--maz-tw-drop-shadow:drop-shadow(0 4px 3px #00000012)drop-shadow(0 2px 2px #0000000f);filter:var(--maz-tw-blur)var(--maz-tw-brightness)var(--maz-tw-contrast)var(--maz-tw-grayscale)var(--maz-tw-hue-rotate)var(--maz-tw-invert)var(--maz-tw-saturate)var(--maz-tw-sepia)var(--maz-tw-drop-shadow);flex-direction:column;gap:.25rem;padding:.5rem;display:flex;overflow:hidden}.m-select-list-optgroup[data-v-e611c2b3]{text-align:start;--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));flex:none;padding:.125rem;font-size:.875em}.m-select-list.--mini[data-v-e611c2b3],.m-select-list.--xs[data-v-e611c2b3]{font-size:.75rem;line-height:1rem}.m-select-list.--sm[data-v-e611c2b3]{font-size:.875rem;line-height:1.25rem}.m-select-list.--md[data-v-e611c2b3]{font-size:1rem;line-height:1.5rem}.m-select-list.--lg[data-v-e611c2b3]{font-size:1.125rem;line-height:1.75rem}.m-select-list.--xl[data-v-e611c2b3]{font-size:1.25rem;line-height:1.75rem}.m-select-list[data-v-e611c2b3]{min-width:3.5rem}.m-select-list__scroll-wrapper[data-v-e611c2b3]{flex-direction:column;flex:1;gap:.25rem;display:flex;overflow:auto}.m-select-list__scroll-wrapper[data-v-e611c2b3]::-webkit-scrollbar{width:.1875rem}.m-select-list__scroll-wrapper[data-v-e611c2b3]::-webkit-scrollbar-track{background:0 0}.m-select-list__scroll-wrapper[data-v-e611c2b3]::-webkit-scrollbar-thumb{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1));border-radius:1000px}.m-select-list__scroll-wrapper[data-v-e611c2b3]::-webkit-scrollbar-thumb:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-500)/var(--maz-tw-bg-opacity,1))}.m-select-list__scroll-wrapper[data-v-e611c2b3]{scrollbar-width:thin;scrollbar-color:hsl(var(--maz-background-400))transparent}.m-select-list__no-results[data-v-e611c2b3]{justify-content:center;align-items:center;padding:1rem;display:flex}.m-select-list-item[data-v-e611c2b3]{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--maz-radius);border-width:var(--maz-border-width);text-align:start;outline-offset:2px;background-color:#0000;border-style:solid;border-color:#0000;outline:2px solid #0000;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.m-select-list-item[data-v-e611c2b3]:focus-within,.m-select-list-item[data-v-e611c2b3]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-select-list-item span[data-v-e611c2b3]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-select-list-item.--is-none-value[data-v-e611c2b3]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.m-select-list-item.--is-selected[data-v-e611c2b3]{color:var(--selected-text-color);background-color:var(--selected-bg-color)}.m-select-list-item.--is-selected[data-v-e611c2b3]:focus{border-color:var(--selected-text-color)}.m-select-list-item.--is-selected.--transparent[data-v-e611c2b3]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-select-country[data-v-
|
|
1
|
+
.m-select-country[data-v-2edc88d7]{display:inline-flex;position:relative}.m-select-country__country-flag[data-v-2edc88d7]{z-index:4;cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;top:1.25rem;left:.813rem}.m-select-country__country-flag.--should-have-bottom-flag[data-v-2edc88d7]{bottom:2px}.m-select-country__select[data-v-2edc88d7] .m-input-label{padding:0!important}.m-select-country__select__item[data-v-2edc88d7]{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.5rem;width:100%;font-size:.875rem;line-height:1.25rem;display:flex;overflow:hidden}.m-select-country__select__item__flag-container[data-v-2edc88d7]{justify-content:center;align-items:center;display:flex}.m-select-country__select__item__list-flag[data-v-2edc88d7]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary-500)/var(--maz-tw-bg-opacity,1));width:1.25rem;height:1.25rem;color:hsl(var(--maz-primary-foreground)/.8);border-radius:9999px;justify-content:center;align-items:center;font-size:.75rem;line-height:1;display:flex}
|
|
@@ -8,7 +8,7 @@ import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
|
|
|
8
8
|
import { c as capitalize } from "./capitalize.BF6CDS_4.js";
|
|
9
9
|
import weekday from "dayjs/plugin/weekday";
|
|
10
10
|
import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
|
|
11
|
-
import '../assets/MazDatePicker.
|
|
11
|
+
import '../assets/MazDatePicker._lMo1y9U.css';const DEFAULT_OPTIONS = {
|
|
12
12
|
month: "short",
|
|
13
13
|
day: "numeric",
|
|
14
14
|
year: "numeric"
|
|
@@ -235,7 +235,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
235
235
|
setup(__props, { emit: __emit }) {
|
|
236
236
|
const props = __props, emits = __emit, { t, locale } = useTranslations();
|
|
237
237
|
dayjs.extend(customParseFormat), dayjs.extend(isBetween);
|
|
238
|
-
const MazInput = defineAsyncComponent(() => import("../components/MazInput.js")), MazPopover = defineAsyncComponent(() => import("../components/MazPopover.js")), MazPickerContainer = defineAsyncComponent(() => import("./MazPickerContainer.
|
|
238
|
+
const MazInput = defineAsyncComponent(() => import("../components/MazInput.js")), MazPopover = defineAsyncComponent(() => import("../components/MazPopover.js")), MazPickerContainer = defineAsyncComponent(() => import("./MazPickerContainer.CpHYm3sz.js")), instanceId = useInstanceUniqId({ componentName: "MazDatePicker", providedId: props.id }), currentValue = computed({
|
|
239
239
|
get: () => typeof props.modelValue == "object" || props.range ? {
|
|
240
240
|
start: typeof props.modelValue == "object" && props.modelValue.start ? dayjs(props.modelValue.start, props.format).format() : void 0,
|
|
241
241
|
end: typeof props.modelValue == "object" && props.modelValue.end ? dayjs(props.modelValue.end, props.format).format() : void 0
|
|
@@ -404,8 +404,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
404
404
|
trigger: "click",
|
|
405
405
|
disabled: _ctx.disabled,
|
|
406
406
|
block: _ctx.block,
|
|
407
|
-
|
|
408
|
-
"
|
|
407
|
+
position: _ctx.pickerPosition,
|
|
408
|
+
"prefer-position": "bottom-start",
|
|
409
|
+
"fallback-position": "top-start",
|
|
410
|
+
"position-reference": ".m-input-wrapper"
|
|
409
411
|
}, {
|
|
410
412
|
trigger: withCtx(({ isOpen, close, open: openPicker, toggle: togglePicker }) => [
|
|
411
413
|
renderSlot(_ctx.$slots, "trigger", {
|
|
@@ -476,9 +478,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
476
478
|
}, null, 8, ["id", "modelValue", "calendar-date", "color", "locale", "has-date", "double", "has-time", "formatter-options", "hide-header", "min-date", "format", "is-hour12", "max-date", "disabled-weekly", "inline", "first-day-of-week", "shortcuts", "shortcut", "disabled", "disabled-hours", "disabled-dates", "minute-interval", "range"])
|
|
477
479
|
]),
|
|
478
480
|
_: 3
|
|
479
|
-
}, 8, ["style", "class", "disabled", "block", "
|
|
481
|
+
}, 8, ["style", "class", "disabled", "block", "position"]));
|
|
480
482
|
}
|
|
481
|
-
}), MazDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
483
|
+
}), MazDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2f0b46d8"]]);
|
|
482
484
|
export {
|
|
483
485
|
MazDatePicker as M,
|
|
484
486
|
findNearestNumberInList as a,
|
|
@@ -21,7 +21,7 @@ import '../assets/MazPickerCalendar.CHpWIzhL.css';const _hoisted_1 = { class: "m
|
|
|
21
21
|
},
|
|
22
22
|
emits: ["update:model-value", "update:calendar-date"],
|
|
23
23
|
setup(__props, { emit: __emit }) {
|
|
24
|
-
const props = __props, emits = __emit, MazDatePickerCalendarMonth = defineAsyncComponent(() => import("./MazPickerCalendarMonth.
|
|
24
|
+
const props = __props, emits = __emit, MazDatePickerCalendarMonth = defineAsyncComponent(() => import("./MazPickerCalendarMonth.CmLyHvQd.js")), MazDatePickerCalendarSwitcher = defineAsyncComponent(() => import("./MazPickerCalendarSwitcher.DUUCCKEk.js")), MazDatePickerMonthSwitcher = defineAsyncComponent(() => import("./MazPickerMonthSwitcher.GuwEWf1z.js")), MazDatePickerShortcuts = defineAsyncComponent(() => import("./MazPickerShortcuts.CMySiKny.js")), MazDatePickerYearSwitcher = defineAsyncComponent(() => import("./MazPickerYearSwitcher.BFn0oocs.js")), hoverredDay = ref(), hasShortcuts = computed(
|
|
25
25
|
() => props.shortcuts && props.shortcuts.length > 0 && props.range
|
|
26
26
|
), monthSwitcherOpen = ref(!1), yearSwitcherOpen = ref(!1), currentValue = computed({
|
|
27
27
|
get: () => props.modelValue,
|
package/dist/chunks/{MazPickerCalendarMonth.DJCjLc4n.js → MazPickerCalendarMonth.CmLyHvQd.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, computed, createElementBlock, openBlock, Fragment, renderList, toDisplayString, useCssVars, ref, watch, createVNode, TransitionGroup, withCtx, normalizeClass, createBlock, createElementVNode } from "vue";
|
|
2
2
|
import dayjs from "dayjs";
|
|
3
|
-
import { g as getDaysOfWeek, b as getDaysInMonth, c as getFirstDayOfMonth, d as isRangeValue, i as isSameDate, e as isValidDate, h as isSameDay } from "./MazDatePicker.
|
|
3
|
+
import { g as getDaysOfWeek, b as getDaysInMonth, c as getFirstDayOfMonth, d as isRangeValue, i as isSameDate, e as isValidDate, h as isSameDay } from "./MazDatePicker.DzyuPA8W.js";
|
|
4
4
|
import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
|
|
5
5
|
import { d as debounce } from "./debounce.Brzkn9pm.js";
|
|
6
6
|
import MazBtn from "../components/MazBtn.js";
|
package/dist/chunks/{MazPickerCalendarSwitcher.BrUevc9t.js → MazPickerCalendarSwitcher.DUUCCKEk.js}
RENAMED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { defineComponent, computed, createElementBlock, openBlock, createVNode, withCtx, unref, createTextVNode, toDisplayString } from "vue";
|
|
2
2
|
import { MazChevronLeft } from "@maz-ui/icons";
|
|
3
3
|
import { c as capitalize } from "./capitalize.BF6CDS_4.js";
|
|
4
|
-
import { f as formatDate } from "./MazDatePicker.
|
|
4
|
+
import { f as formatDate } from "./MazDatePicker.DzyuPA8W.js";
|
|
5
5
|
import dayjs from "dayjs";
|
|
6
6
|
import MazBtn from "../components/MazBtn.js";
|
|
7
7
|
import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
|
|
8
|
-
import '../assets/MazPickerCalendarSwitcher.
|
|
8
|
+
import '../assets/MazPickerCalendarSwitcher.CI9Vw1sJ.css';const _hoisted_1 = { class: "m-date-picker-calendar-switcher" }, _sfc_main = /* @__PURE__ */ defineComponent({
|
|
9
9
|
__name: "MazPickerCalendarSwitcher",
|
|
10
10
|
props: {
|
|
11
11
|
calendarDate: { type: String, default: void 0 },
|
|
@@ -84,7 +84,7 @@ import '../assets/MazPickerCalendarSwitcher.uni8vJJv.css';const _hoisted_1 = { c
|
|
|
84
84
|
})
|
|
85
85
|
]));
|
|
86
86
|
}
|
|
87
|
-
}), MazPickerCalendarSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
87
|
+
}), MazPickerCalendarSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aa76b452"]]);
|
|
88
88
|
export {
|
|
89
89
|
MazPickerCalendarSwitcher as default
|
|
90
90
|
};
|
|
@@ -30,7 +30,7 @@ import '../assets/MazPickerContainer.k3DGjyHC.css';const _hoisted_1 = { class: "
|
|
|
30
30
|
},
|
|
31
31
|
emits: ["update:model-value", "update:calendar-date", "close"],
|
|
32
32
|
setup(__props, { emit: __emit }) {
|
|
33
|
-
const emits = __emit, MazPickerCalendar = defineAsyncComponent(() => import("./MazPickerCalendar.
|
|
33
|
+
const emits = __emit, MazPickerCalendar = defineAsyncComponent(() => import("./MazPickerCalendar.CaDln-hC.js")), MazPickerHeader = defineAsyncComponent(() => import("./MazPickerHeader.n9XpxnfR.js")), MazPickerTime = defineAsyncComponent(() => import("./MazPickerTime.DjAd5AYZ.js")), lastTimeValue = ref(typeof __props.modelValue == "string" && __props.hasTime ? dayjs(__props.modelValue).format("HH:mm") : "00:00");
|
|
34
34
|
function saveLastTimeValue(value) {
|
|
35
35
|
lastTimeValue.value = dayjs(value).format("HH:mm"), emits("update:model-value", value);
|
|
36
36
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent, computed, ref, watch, createElementBlock, openBlock, normalizeClass, createCommentVNode, createVNode, TransitionGroup, withCtx, Fragment, renderList, toDisplayString } from "vue";
|
|
2
2
|
import { c as capitalize } from "./capitalize.BF6CDS_4.js";
|
|
3
|
-
import { f as formatDate } from "./MazDatePicker.
|
|
3
|
+
import { f as formatDate } from "./MazDatePicker.DzyuPA8W.js";
|
|
4
4
|
import dayjs from "dayjs";
|
|
5
5
|
import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
|
|
6
|
-
import '../assets/MazPickerHeader.
|
|
6
|
+
import '../assets/MazPickerHeader.C4W93yMD.css';const _hoisted_1 = {
|
|
7
7
|
key: 0,
|
|
8
8
|
class: "m-date-picker-header__date"
|
|
9
9
|
}, _sfc_main = /* @__PURE__ */ defineComponent({
|
|
@@ -120,7 +120,7 @@ import '../assets/MazPickerHeader.ZYCJY5bX.css';const _hoisted_1 = {
|
|
|
120
120
|
], 2)) : createCommentVNode("", !0)
|
|
121
121
|
], 2));
|
|
122
122
|
}
|
|
123
|
-
}), MazPickerHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
123
|
+
}), MazPickerHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f5273ba"]]);
|
|
124
124
|
export {
|
|
125
125
|
MazPickerHeader as default
|
|
126
126
|
};
|
package/dist/chunks/{MazPickerMonthSwitcher.D2LnBc81.js → MazPickerMonthSwitcher.GuwEWf1z.js}
RENAMED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, createVNode, withModifiers, withCtx, unref, normalizeClass, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
|
|
2
2
|
import { MazXMark } from "@maz-ui/icons";
|
|
3
3
|
import { c as capitalize } from "./capitalize.BF6CDS_4.js";
|
|
4
|
-
import { f as formatDate, i as isSameDate } from "./MazDatePicker.
|
|
4
|
+
import { f as formatDate, i as isSameDate } from "./MazDatePicker.DzyuPA8W.js";
|
|
5
5
|
import dayjs from "dayjs";
|
|
6
6
|
import MazBtn from "../components/MazBtn.js";
|
|
7
7
|
import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
|
|
8
|
-
import '../assets/MazPickerMonthSwitcher.
|
|
8
|
+
import '../assets/MazPickerMonthSwitcher.D9lfVzYo.css';const _hoisted_1 = { class: "maz-picker-month-switcher" }, _hoisted_2 = { class: "maz-picker-month-switcher__header" }, _sfc_main = /* @__PURE__ */ defineComponent({
|
|
9
9
|
__name: "MazPickerMonthSwitcher",
|
|
10
10
|
props: {
|
|
11
11
|
calendarDate: { type: String, required: !0 },
|
|
@@ -75,7 +75,7 @@ import '../assets/MazPickerMonthSwitcher.CszcpCcY.css';const _hoisted_1 = { clas
|
|
|
75
75
|
], 2)
|
|
76
76
|
]));
|
|
77
77
|
}
|
|
78
|
-
}), MazPickerMonthSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
78
|
+
}), MazPickerMonthSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ccb4182e"]]);
|
|
79
79
|
export {
|
|
80
80
|
MazPickerMonthSwitcher as default
|
|
81
81
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, computed, ref, onMounted, watch, nextTick, createElementBlock, openBlock, normalizeClass, Fragment, renderList, createElementVNode, normalizeStyle, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString } from "vue";
|
|
2
2
|
import dayjs from "dayjs";
|
|
3
3
|
import MazBtn from "../components/MazBtn.js";
|
|
4
|
-
import { a as findNearestNumberInList, s as scrollToTarget } from "./MazDatePicker.
|
|
4
|
+
import { a as findNearestNumberInList, s as scrollToTarget } from "./MazDatePicker.DzyuPA8W.js";
|
|
5
5
|
import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
|
|
6
6
|
import '../assets/MazPickerTime.yINUjbDZ.css';const _hoisted_1 = { class: "m-date-picker-time__column__items" }, _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
7
|
__name: "MazPickerTime",
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, withModifiers, withCtx, unref, Fragment, renderList, createBlock, normalizeClass, createTextVNode, toDisplayString } from "vue";
|
|
2
2
|
import { MazChevronLeft, MazXMark } from "@maz-ui/icons";
|
|
3
|
-
import { f as formatDate, i as isSameDate } from "./MazDatePicker.
|
|
3
|
+
import { f as formatDate, i as isSameDate } from "./MazDatePicker.DzyuPA8W.js";
|
|
4
4
|
import dayjs from "dayjs";
|
|
5
5
|
import MazBtn from "../components/MazBtn.js";
|
|
6
6
|
import { _ as _export_sfc } from "./_plugin-vue_export-helper.B--vMWp3.js";
|
|
7
|
-
import '../assets/MazPickerYearSwitcher.
|
|
7
|
+
import '../assets/MazPickerYearSwitcher.CFiH13QC.css';const _hoisted_1 = { class: "maz-picker-year-switcher" }, _hoisted_2 = { class: "maz-picker-year-switcher__header" }, _hoisted_3 = { class: "maz-flex maz-space-x-2" }, _hoisted_4 = { class: "maz-picker-year-switcher__main" }, _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
8
|
__name: "MazPickerYearSwitcher",
|
|
9
9
|
props: {
|
|
10
10
|
color: { type: String, required: !0 },
|
|
@@ -88,7 +88,7 @@ import '../assets/MazPickerYearSwitcher.Cn-nS-Vv.css';const _hoisted_1 = { class
|
|
|
88
88
|
])
|
|
89
89
|
]));
|
|
90
90
|
}
|
|
91
|
-
}), MazPickerYearSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
91
|
+
}), MazPickerYearSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f4cfe332"]]);
|
|
92
92
|
export {
|
|
93
93
|
MazPickerYearSwitcher as default
|
|
94
94
|
};
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { defineComponent, mergeModels, useAttrs, useTemplateRef,
|
|
1
|
+
import { defineComponent, mergeModels, useAttrs, useTemplateRef, computed, useModel, nextTick, watch, onMounted, onBeforeUnmount, onUnmounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createBlock, mergeProps, renderSlot, Teleport, createVNode, Transition, withCtx, withDirectives, createCommentVNode } from "vue";
|
|
2
|
+
import { offset, hide, shift, autoPlacement, flip, useFloating, autoUpdate } from "@floating-ui/vue";
|
|
2
3
|
import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
|
|
3
4
|
import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
|
|
4
5
|
import { d as directive } from "../chunks/vClickOutside.DIOiluy0.js";
|
|
5
6
|
import { g as getColor } from "../chunks/types.D0Bp_UhS.js";
|
|
6
7
|
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
7
|
-
import '../assets/MazPopover.
|
|
8
|
+
import '../assets/MazPopover.D7UY8_-q.css';const _hoisted_1 = ["id", "aria-expanded", "aria-haspopup", "aria-describedby", "aria-labelledby"], _hoisted_2 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "aria-modal", "tabindex", "aria-live"], _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
9
|
name: "MazPopover",
|
|
9
10
|
inheritAttrs: !1,
|
|
10
11
|
__name: "MazPopover",
|
|
@@ -46,19 +47,45 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
46
47
|
const emits = __emit, triggerId = useInstanceUniqId({
|
|
47
48
|
componentName: "MazPopover",
|
|
48
49
|
providedId: __props.id
|
|
49
|
-
}), attrs = useAttrs(), triggerElement = useTemplateRef("trigger"), panelElement = useTemplateRef("panel")
|
|
50
|
+
}), attrs = useAttrs(), triggerElement = useTemplateRef("trigger"), panelElement = useTemplateRef("panel"), middleware = computed(() => {
|
|
51
|
+
const middleware2 = [
|
|
52
|
+
offset(__props.offset),
|
|
53
|
+
hide(),
|
|
54
|
+
shift({ padding: 5 })
|
|
55
|
+
];
|
|
56
|
+
return __props.position === "auto" && !__props.preferPosition && !__props.fallbackPosition ? middleware2.push(autoPlacement({
|
|
57
|
+
allowedPlacements: ["top", "bottom", "left", "right"]
|
|
58
|
+
})) : middleware2.push(flip({
|
|
59
|
+
fallbackPlacements: __props.fallbackPosition ? [__props.fallbackPosition] : void 0
|
|
60
|
+
})), middleware2;
|
|
61
|
+
}), floatingPosition = computed(() => __props.position === "auto" ? __props.preferPosition : __props.position), reference = computed(() => getPositionReference() || triggerElement.value), { floatingStyles, placement, update, middlewareData } = useFloating(
|
|
62
|
+
reference,
|
|
63
|
+
panelElement,
|
|
64
|
+
{
|
|
65
|
+
placement: floatingPosition,
|
|
66
|
+
middleware,
|
|
67
|
+
transform: !1,
|
|
68
|
+
whileElementsMounted: autoUpdate
|
|
69
|
+
}
|
|
70
|
+
), computedPosition = computed(() => placement.value ?? floatingPosition.value);
|
|
50
71
|
function getPositionReference() {
|
|
51
72
|
if (!__props.positionReference)
|
|
52
73
|
return triggerElement.value;
|
|
53
74
|
if (typeof __props.positionReference == "string") {
|
|
54
75
|
const withinTrigger = triggerElement.value?.querySelector(__props.positionReference);
|
|
55
|
-
return withinTrigger || document.querySelector(__props.positionReference);
|
|
76
|
+
return withinTrigger || (isClient() ? document.querySelector(__props.positionReference) : null);
|
|
56
77
|
}
|
|
57
78
|
return __props.positionReference;
|
|
58
79
|
}
|
|
59
|
-
const isOpen = useModel(__props, "modelValue")
|
|
80
|
+
const isOpen = useModel(__props, "modelValue");
|
|
60
81
|
let openTimeout = null, closeTimeout = null, initialFocusElement = null, ignoreNextClickOutside = !1;
|
|
61
|
-
const panelId = computed(() => `${triggerId.value}-panel`),
|
|
82
|
+
const panelId = computed(() => `${triggerId.value}-panel`), rootStyles = computed(() => attrs.style), panelStyles = computed(() => {
|
|
83
|
+
const styles = {
|
|
84
|
+
...floatingStyles.value,
|
|
85
|
+
pointerEvents: isOpen.value ? "auto" : "none"
|
|
86
|
+
};
|
|
87
|
+
return __props.panelStyle && Object.assign(styles, __props.panelStyle), styles;
|
|
88
|
+
}), isTouchDevice = computed(() => isClient() ? "ontouchstart" in globalThis || navigator.maxTouchPoints > 0 : !1), effectiveTrigger = computed(() => __props.trigger === "adaptive" ? isTouchDevice.value ? "click" : "hover" : __props.trigger), triggerEvents = computed(() => {
|
|
62
89
|
if (__props.disabled || effectiveTrigger.value === "manual")
|
|
63
90
|
return {};
|
|
64
91
|
const events = {};
|
|
@@ -78,103 +105,8 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
78
105
|
`--position-${computedPosition.value}`,
|
|
79
106
|
`--${getColor(__props.color)}`
|
|
80
107
|
]);
|
|
81
|
-
let resizeObserver = null, mutationObserver = null, isPositioning = !1, positioningFrame = null, positioningPromise = null;
|
|
82
|
-
function parseCSSValue(value) {
|
|
83
|
-
if (typeof value == "number")
|
|
84
|
-
return value;
|
|
85
|
-
if (!value)
|
|
86
|
-
return 0;
|
|
87
|
-
const match = String(value).match(/^(-?\d+(?:\.\d+)?)px$/);
|
|
88
|
-
return match ? Number.parseFloat(match[1]) : 0;
|
|
89
|
-
}
|
|
90
|
-
function calculateAndApplyPosition(options = {}) {
|
|
91
|
-
if (!triggerElement.value || !panelElement.value)
|
|
92
|
-
return null;
|
|
93
|
-
const { applyStyles = !0, forAnimation = !1 } = options;
|
|
94
|
-
if (applyStyles) {
|
|
95
|
-
if (isPositioning)
|
|
96
|
-
return positioningPromise;
|
|
97
|
-
isPositioning = !0, positioningFrame && (cancelAnimationFrame(positioningFrame), positioningFrame = null);
|
|
98
|
-
}
|
|
99
|
-
const doCalculation = () => {
|
|
100
|
-
if (!triggerElement.value || !panelElement.value)
|
|
101
|
-
return applyStyles && (isPositioning = !1), null;
|
|
102
|
-
try {
|
|
103
|
-
const viewport = { width: window.innerWidth, height: window.innerHeight }, positionRef = getPositionReference();
|
|
104
|
-
if (!positionRef)
|
|
105
|
-
return applyStyles && (isPositioning = !1), null;
|
|
106
|
-
const triggerRect = positionRef.getBoundingClientRect();
|
|
107
|
-
let wasHidden = !1;
|
|
108
|
-
forAnimation && (wasHidden = panelElement.value.style.visibility === "hidden", panelElement.value.style.visibility = "hidden", panelElement.value.style.display = "block");
|
|
109
|
-
let newPosition;
|
|
110
|
-
if (__props.position === "auto" ? newPosition = getBestPosition(triggerRect, viewport) : newPosition = __props.position, computedPosition.value = newPosition, applyStyles) {
|
|
111
|
-
const panelRect = panelElement.value.getBoundingClientRect(), styles = calculatePosition(newPosition, triggerRect, panelRect);
|
|
112
|
-
panelStyles.value = styles;
|
|
113
|
-
}
|
|
114
|
-
return forAnimation && !applyStyles && (wasHidden ? panelElement.value.style.visibility = "hidden" : panelElement.value.style.display = ""), newPosition;
|
|
115
|
-
} catch (error) {
|
|
116
|
-
console.warn("[MazPopover] Error calculating position:", error);
|
|
117
|
-
const fallbackPosition = "bottom";
|
|
118
|
-
return computedPosition.value = fallbackPosition, applyStyles && (panelStyles.value = {
|
|
119
|
-
position: "fixed",
|
|
120
|
-
visibility: "visible",
|
|
121
|
-
transformOrigin: getTransformOrigin(fallbackPosition)
|
|
122
|
-
}), fallbackPosition;
|
|
123
|
-
} finally {
|
|
124
|
-
applyStyles && (isPositioning = !1, positioningFrame = null, positioningPromise = null);
|
|
125
|
-
}
|
|
126
|
-
};
|
|
127
|
-
return applyStyles ? (positioningPromise = new Promise((resolve) => {
|
|
128
|
-
positioningFrame = requestAnimationFrame(() => {
|
|
129
|
-
doCalculation(), resolve();
|
|
130
|
-
});
|
|
131
|
-
}), positioningPromise) : doCalculation();
|
|
132
|
-
}
|
|
133
|
-
function schedulePositionUpdate() {
|
|
134
|
-
isOpen.value && !isPositioning && calculateAndApplyPosition();
|
|
135
|
-
}
|
|
136
|
-
function preparePositionForAnimation() {
|
|
137
|
-
if (__props.position === "auto" && triggerElement.value) {
|
|
138
|
-
const positionRef = getPositionReference();
|
|
139
|
-
if (positionRef) {
|
|
140
|
-
const triggerRect = positionRef.getBoundingClientRect(), viewport = { width: window.innerWidth, height: window.innerHeight }, newPosition = getBestPosition(triggerRect, viewport);
|
|
141
|
-
computedPosition.value = newPosition;
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
return calculateAndApplyPosition({ applyStyles: !1, forAnimation: !0 });
|
|
145
|
-
}
|
|
146
|
-
function setupObservers() {
|
|
147
|
-
if (!panelElement.value || !triggerElement.value)
|
|
148
|
-
return;
|
|
149
|
-
const positionRef = getPositionReference();
|
|
150
|
-
positionRef && (globalThis.ResizeObserver && (resizeObserver = new ResizeObserver((entries) => {
|
|
151
|
-
for (const entry of entries)
|
|
152
|
-
if (entry.target === panelElement.value || entry.target === triggerElement.value || entry.target === positionRef) {
|
|
153
|
-
schedulePositionUpdate();
|
|
154
|
-
break;
|
|
155
|
-
}
|
|
156
|
-
}), resizeObserver.observe(panelElement.value), resizeObserver.observe(triggerElement.value), positionRef !== triggerElement.value && resizeObserver.observe(positionRef), resizeObserver.observe(document.documentElement)), mutationObserver = new MutationObserver((mutations) => {
|
|
157
|
-
if (isPositioning)
|
|
158
|
-
return;
|
|
159
|
-
let shouldUpdate = !1;
|
|
160
|
-
for (const mutation of mutations)
|
|
161
|
-
if (!(mutation.target === panelElement.value && mutation.type === "attributes" && mutation.attributeName === "style") && (mutation.type === "childList" || mutation.type === "attributes" && mutation.attributeName === "class")) {
|
|
162
|
-
shouldUpdate = !0;
|
|
163
|
-
break;
|
|
164
|
-
}
|
|
165
|
-
shouldUpdate && schedulePositionUpdate();
|
|
166
|
-
}), mutationObserver.observe(panelElement.value, {
|
|
167
|
-
childList: !0,
|
|
168
|
-
subtree: !0,
|
|
169
|
-
attributes: !0,
|
|
170
|
-
attributeFilter: ["class"]
|
|
171
|
-
}));
|
|
172
|
-
}
|
|
173
|
-
function cleanupObservers() {
|
|
174
|
-
positioningFrame && (cancelAnimationFrame(positioningFrame), positioningFrame = null), resizeObserver && (resizeObserver.disconnect(), resizeObserver = null), mutationObserver && (mutationObserver.disconnect(), mutationObserver = null);
|
|
175
|
-
}
|
|
176
108
|
function cleanup() {
|
|
177
|
-
|
|
109
|
+
clearOpenTimeout(), clearCloseTimeout(), isClient() && document.removeEventListener("keydown", onKeydown);
|
|
178
110
|
}
|
|
179
111
|
function open() {
|
|
180
112
|
__props.disabled || (clearCloseTimeout(), effectiveTrigger.value === "click" && (ignoreNextClickOutside = !0), __props.delay > 0 ? openTimeout = setTimeout(() => {
|
|
@@ -192,15 +124,9 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
192
124
|
isOpen.value ? close() : open();
|
|
193
125
|
}
|
|
194
126
|
function setOpen(value) {
|
|
195
|
-
value ? (emits("open"), nextTick(() => {
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
})();
|
|
199
|
-
})) : (isOpen.value = value, emits("toggle", value), emits("close"), panelStyles.value = {
|
|
200
|
-
position: "fixed",
|
|
201
|
-
visibility: "hidden",
|
|
202
|
-
pointerEvents: "none"
|
|
203
|
-
}, ignoreNextClickOutside = !1, cleanupObservers(), __props.trapFocus && restoreFocus());
|
|
127
|
+
value ? (emits("open"), isOpen.value = value, emits("toggle", value), nextTick(() => {
|
|
128
|
+
update(), setupFocusTrap();
|
|
129
|
+
})) : (isOpen.value = value, emits("toggle", value), emits("close"), ignoreNextClickOutside = !1, __props.trapFocus && restoreFocus());
|
|
204
130
|
}
|
|
205
131
|
function clearOpenTimeout() {
|
|
206
132
|
openTimeout && (clearTimeout(openTimeout), openTimeout = null);
|
|
@@ -208,56 +134,6 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
208
134
|
function clearCloseTimeout() {
|
|
209
135
|
closeTimeout && (clearTimeout(closeTimeout), closeTimeout = null);
|
|
210
136
|
}
|
|
211
|
-
function getBestPosition(triggerRect, viewport) {
|
|
212
|
-
if (!panelElement.value)
|
|
213
|
-
return "bottom";
|
|
214
|
-
const panelRect = panelElement.value.getBoundingClientRect();
|
|
215
|
-
if (__props.preferPosition && isPositionVisible(__props.preferPosition, triggerRect, panelRect, viewport))
|
|
216
|
-
return __props.preferPosition;
|
|
217
|
-
if (__props.preferPosition && __props.fallbackPosition)
|
|
218
|
-
return __props.fallbackPosition;
|
|
219
|
-
const positions = ["bottom", "top", "right", "left"], validPositions = getValidPositions(positions, triggerRect, panelRect, viewport);
|
|
220
|
-
if (validPositions.length === 0) {
|
|
221
|
-
const spaces = {
|
|
222
|
-
top: triggerRect.top,
|
|
223
|
-
bottom: viewport.height - triggerRect.bottom,
|
|
224
|
-
left: triggerRect.left,
|
|
225
|
-
right: viewport.width - triggerRect.right
|
|
226
|
-
};
|
|
227
|
-
return positions.sort((a, b) => spaces[b] - spaces[a])[0];
|
|
228
|
-
}
|
|
229
|
-
return validPositions.sort((a, b) => b.score - a.score)[0].position;
|
|
230
|
-
}
|
|
231
|
-
function calculatePosition(position, triggerRect, _panelRect) {
|
|
232
|
-
const viewport = { width: window.innerWidth, height: window.innerHeight }, styles = {
|
|
233
|
-
position: "fixed",
|
|
234
|
-
visibility: "visible",
|
|
235
|
-
transformOrigin: getTransformOrigin(position)
|
|
236
|
-
};
|
|
237
|
-
switch (position) {
|
|
238
|
-
case "top":
|
|
239
|
-
case "top-start":
|
|
240
|
-
case "top-end":
|
|
241
|
-
styles.bottom = `${viewport.height - triggerRect.top + __props.offset}px`, position === "top-start" ? styles.left = `${triggerRect.left}px` : position === "top-end" ? styles.right = `${viewport.width - triggerRect.right}px` : styles.left = `${triggerRect.left + triggerRect.width / 2 - _panelRect.width / 2}px`;
|
|
242
|
-
break;
|
|
243
|
-
case "bottom":
|
|
244
|
-
case "bottom-start":
|
|
245
|
-
case "bottom-end":
|
|
246
|
-
styles.top = `${triggerRect.bottom + __props.offset}px`, position === "bottom-start" ? styles.left = `${triggerRect.left}px` : position === "bottom-end" ? styles.right = `${viewport.width - triggerRect.right}px` : styles.left = `${triggerRect.left + triggerRect.width / 2 - _panelRect.width / 2}px`;
|
|
247
|
-
break;
|
|
248
|
-
case "left":
|
|
249
|
-
case "left-start":
|
|
250
|
-
case "left-end":
|
|
251
|
-
styles.right = `${viewport.width - triggerRect.left + __props.offset}px`, position === "left-start" ? styles.top = `${triggerRect.top}px` : position === "left-end" ? styles.bottom = `${viewport.height - triggerRect.bottom}px` : styles.top = `${triggerRect.top + triggerRect.height / 2 - _panelRect.height / 2}px`;
|
|
252
|
-
break;
|
|
253
|
-
case "right":
|
|
254
|
-
case "right-start":
|
|
255
|
-
case "right-end":
|
|
256
|
-
styles.left = `${triggerRect.right + __props.offset}px`, position === "right-start" ? styles.top = `${triggerRect.top}px` : position === "right-end" ? styles.bottom = `${viewport.height - triggerRect.bottom}px` : styles.top = `${triggerRect.top + triggerRect.height / 2 - _panelRect.height / 2}px`;
|
|
257
|
-
break;
|
|
258
|
-
}
|
|
259
|
-
return styles;
|
|
260
|
-
}
|
|
261
137
|
function getTransformOrigin(position) {
|
|
262
138
|
switch (position) {
|
|
263
139
|
case "top":
|
|
@@ -288,30 +164,8 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
288
164
|
return "center";
|
|
289
165
|
}
|
|
290
166
|
}
|
|
291
|
-
function isPositionVisible(position, triggerRect, panelRect, viewport) {
|
|
292
|
-
const styles = calculatePosition(position, triggerRect, panelRect);
|
|
293
|
-
let top = 0, left = 0;
|
|
294
|
-
return styles.top ? top = parseCSSValue(styles.top) : styles.bottom && (top = viewport.height - parseCSSValue(styles.bottom) - panelRect.height), styles.left ? left = parseCSSValue(styles.left) : styles.right && (left = viewport.width - parseCSSValue(styles.right) - panelRect.width), left >= 0 && left + panelRect.width <= viewport.width && top >= 0 && top + panelRect.height <= viewport.height;
|
|
295
|
-
}
|
|
296
|
-
function getValidPositions(positions, triggerRect, panelRect, viewport) {
|
|
297
|
-
const spaces = {
|
|
298
|
-
bottom: viewport.height - triggerRect.bottom,
|
|
299
|
-
top: triggerRect.top,
|
|
300
|
-
right: viewport.width - triggerRect.right,
|
|
301
|
-
left: triggerRect.left
|
|
302
|
-
};
|
|
303
|
-
return positions.reduce((acc, pos) => {
|
|
304
|
-
if (isPositionVisible(pos, triggerRect, panelRect, viewport)) {
|
|
305
|
-
let positionBonus = 0;
|
|
306
|
-
pos === "bottom" ? positionBonus = 1e3 : pos === "top" ? positionBonus = 800 : pos === "right" ? positionBonus = 600 : pos === "left" && (positionBonus = 400);
|
|
307
|
-
const score = spaces[pos] + positionBonus;
|
|
308
|
-
acc.push({ position: pos, score });
|
|
309
|
-
}
|
|
310
|
-
return acc;
|
|
311
|
-
}, []);
|
|
312
|
-
}
|
|
313
167
|
function setupFocusTrap() {
|
|
314
|
-
__props.role === "tooltip" || __props.role === "menu" || effectiveTrigger.value === "hover" || !__props.trapFocus || (initialFocusElement = document.activeElement, nextTick(() => {
|
|
168
|
+
__props.role === "tooltip" || __props.role === "menu" || effectiveTrigger.value === "hover" || !__props.trapFocus || !isClient() || (initialFocusElement = document.activeElement, nextTick(() => {
|
|
315
169
|
const focusableElements = panelElement.value?.querySelectorAll(
|
|
316
170
|
'a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select, [tabindex]:not([tabindex="-1"])'
|
|
317
171
|
);
|
|
@@ -319,7 +173,7 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
319
173
|
}));
|
|
320
174
|
}
|
|
321
175
|
function restoreFocus() {
|
|
322
|
-
__props.role === "tooltip" || __props.role === "menu" || effectiveTrigger.value === "hover" || !__props.trapFocus || nextTick(() => {
|
|
176
|
+
__props.role === "tooltip" || __props.role === "menu" || effectiveTrigger.value === "hover" || !__props.trapFocus || !isClient() || nextTick(() => {
|
|
323
177
|
initialFocusElement?.focus({ preventScroll: !0 });
|
|
324
178
|
});
|
|
325
179
|
}
|
|
@@ -327,7 +181,7 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
327
181
|
isOpen.value && (event.key === "Escape" && __props.closeOnEscape && !__props.persistent && (event.preventDefault(), close()), (__props.role === "dialog" || __props.role === "menu") && event.key === "Tab" && handleTrapFocus(event));
|
|
328
182
|
}
|
|
329
183
|
function handleTrapFocus(event) {
|
|
330
|
-
if (!panelElement.value)
|
|
184
|
+
if (!panelElement.value || !isClient())
|
|
331
185
|
return;
|
|
332
186
|
const focusableElements = panelElement.value.querySelectorAll(
|
|
333
187
|
'a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select, [tabindex]:not([tabindex="-1"])'
|
|
@@ -350,15 +204,12 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
350
204
|
}
|
|
351
205
|
}
|
|
352
206
|
}
|
|
353
|
-
function onScrollThrottled() {
|
|
354
|
-
isOpen.value && schedulePositionUpdate();
|
|
355
|
-
}
|
|
356
207
|
return watch(isOpen, (value, oldValue) => {
|
|
357
208
|
!isClient() || value === oldValue || (value ? open() : oldValue && !value && close());
|
|
358
|
-
}, { immediate: !0 }), watch(() => __props.position, (
|
|
359
|
-
|
|
209
|
+
}, { immediate: !0 }), watch(() => __props.position, () => {
|
|
210
|
+
isOpen.value && nextTick(() => update());
|
|
360
211
|
}), onMounted(() => {
|
|
361
|
-
document.addEventListener("keydown", onKeydown)
|
|
212
|
+
document.addEventListener("keydown", onKeydown);
|
|
362
213
|
}), onBeforeUnmount(cleanup), onUnmounted(cleanup), __expose({
|
|
363
214
|
/**
|
|
364
215
|
* Open the popover
|
|
@@ -390,7 +241,7 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
390
241
|
* @description Manually recalculate and update the popover position
|
|
391
242
|
* @usage `mazPopoverInstance.value?.updatePosition()`
|
|
392
243
|
*/
|
|
393
|
-
updatePosition:
|
|
244
|
+
updatePosition: update
|
|
394
245
|
}), (_ctx, _cache) => (openBlock(), createElementBlock("div", {
|
|
395
246
|
class: normalizeClass(["m-popover m-reset-css", [
|
|
396
247
|
unref(attrs).class,
|
|
@@ -441,7 +292,11 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
441
292
|
tabindex: _ctx.role === "dialog" ? "-1" : void 0,
|
|
442
293
|
class: ["m-popover-panel", panelClasses.value],
|
|
443
294
|
"aria-live": _ctx.announceChanges ? "polite" : void 0,
|
|
444
|
-
style:
|
|
295
|
+
style: {
|
|
296
|
+
...panelStyles.value,
|
|
297
|
+
transformOrigin: getTransformOrigin(computedPosition.value),
|
|
298
|
+
visibility: unref(middlewareData).hide?.referenceHidden ? "hidden" : "visible"
|
|
299
|
+
}
|
|
445
300
|
}, panelEvents.value), [
|
|
446
301
|
renderSlot(_ctx.$slots, "default", {
|
|
447
302
|
open,
|
|
@@ -458,7 +313,7 @@ import '../assets/MazPopover.Bpnpd4jo.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
458
313
|
], 8, ["to", "disabled"]))
|
|
459
314
|
], 6));
|
|
460
315
|
}
|
|
461
|
-
}), MazPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
316
|
+
}), MazPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d9f43461"]]);
|
|
462
317
|
export {
|
|
463
318
|
MazPopover as default
|
|
464
319
|
};
|
|
@@ -7,7 +7,7 @@ import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
|
|
|
7
7
|
import MazInput from "./MazInput.js";
|
|
8
8
|
import MazPopover from "./MazPopover.js";
|
|
9
9
|
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
10
|
-
import '../assets/MazSelect.
|
|
10
|
+
import '../assets/MazSelect.Cb0TX2bP.css';let timeout = null;
|
|
11
11
|
function debounceCallback(callback, delay) {
|
|
12
12
|
timeout && clearTimeout(timeout), timeout = setTimeout(callback, delay);
|
|
13
13
|
}
|
|
@@ -25,7 +25,7 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
|
|
|
25
25
|
optionValueKey: { default: "value" },
|
|
26
26
|
optionLabelKey: { default: "label" },
|
|
27
27
|
optionInputValueKey: { default: "label" },
|
|
28
|
-
listPosition: { default:
|
|
28
|
+
listPosition: { default: void 0 },
|
|
29
29
|
itemHeight: { default: void 0 },
|
|
30
30
|
maxListHeight: { default: 240 },
|
|
31
31
|
maxListWidth: { default: void 0 },
|
|
@@ -240,7 +240,8 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
|
|
|
240
240
|
trigger: "click",
|
|
241
241
|
block: _ctx.block,
|
|
242
242
|
offset: 0,
|
|
243
|
-
|
|
243
|
+
position: _ctx.listPosition,
|
|
244
|
+
"prefer-position": "bottom-start",
|
|
244
245
|
"fallback-position": "top-start",
|
|
245
246
|
"position-reference": ".m-input-wrapper",
|
|
246
247
|
onClose: onCloseList,
|
|
@@ -376,9 +377,9 @@ const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m
|
|
|
376
377
|
], 14, _hoisted_2)
|
|
377
378
|
]),
|
|
378
379
|
_: 3
|
|
379
|
-
}, 8, ["modelValue", "class", "style", "block", "
|
|
380
|
+
}, 8, ["modelValue", "class", "style", "block", "position"]));
|
|
380
381
|
}
|
|
381
|
-
}), MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
382
|
+
}), MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e611c2b3"]]);
|
|
382
383
|
export {
|
|
383
384
|
MazSelect as default
|
|
384
385
|
};
|
|
@@ -5,7 +5,7 @@ import { useDisplayNames } from "../composables/useDisplayNames.js";
|
|
|
5
5
|
import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
|
|
6
6
|
import MazSelect from "./MazSelect.js";
|
|
7
7
|
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
8
|
-
import '../assets/MazSelectCountry.
|
|
8
|
+
import '../assets/MazSelectCountry.D3fSImar.css';function getBrowserLocale() {
|
|
9
9
|
try {
|
|
10
10
|
return isServer() ? void 0 : globalThis.navigator.language;
|
|
11
11
|
} catch (error) {
|
|
@@ -194,7 +194,7 @@ const _hoisted_1 = {
|
|
|
194
194
|
}, 16, ["id", "model-value", "option-value-key", "option-label-key", "option-input-value-key", "max-list-width", "min-list-width", "disabled", "color", "placeholder", "label", "size", "list-position", "error", "warning", "success", "search", "block", "autocomplete", "item-height", "max-list-height", "min-list-height", "required", "search-function", "format-input-value", "search-placeholder", "search-threshold", "options", "hint", "open"])
|
|
195
195
|
], 6));
|
|
196
196
|
}
|
|
197
|
-
}), MazSelectCountry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
197
|
+
}), MazSelectCountry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2edc88d7"]]);
|
|
198
198
|
export {
|
|
199
199
|
MazSelectCountry as default
|
|
200
200
|
};
|
package/dist/components/index.js
CHANGED
|
@@ -14,7 +14,7 @@ import { _ } from "../chunks/MazChart.vue_vue_type_script_setup_true_lang.JSYXGy
|
|
|
14
14
|
import { default as default14 } from "./MazCheckbox.js";
|
|
15
15
|
import { default as default15 } from "./MazChecklist.js";
|
|
16
16
|
import { default as default16 } from "./MazCircularProgressBar.js";
|
|
17
|
-
import { M } from "../chunks/MazDatePicker.
|
|
17
|
+
import { M } from "../chunks/MazDatePicker.DzyuPA8W.js";
|
|
18
18
|
import { default as default17 } from "./MazDialog.js";
|
|
19
19
|
import { _ as _2, u } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.Grn2kB3x.js";
|
|
20
20
|
import { default as default18 } from "./MazDrawer.js";
|
|
@@ -9,9 +9,9 @@ const bcp47Codes = ["af-ZA", "sq-AL", "ar-DZ", "ar-BH", "ar-EG", "ar-IQ", "ar-JO
|
|
|
9
9
|
}, displayNamesCache = /* @__PURE__ */ new Map();
|
|
10
10
|
let cacheCleanupTimer = null;
|
|
11
11
|
function scheduleCacheCleanup() {
|
|
12
|
-
cacheCleanupTimer && clearTimeout(cacheCleanupTimer), cacheCleanupTimer = setTimeout(() => {
|
|
12
|
+
typeof globalThis.window > "u" || (cacheCleanupTimer && clearTimeout(cacheCleanupTimer), cacheCleanupTimer = setTimeout(() => {
|
|
13
13
|
displayNamesCache.size > 50 && displayNamesCache.clear(), cacheCleanupTimer = null;
|
|
14
|
-
}, 300 * 1e3);
|
|
14
|
+
}, 300 * 1e3));
|
|
15
15
|
}
|
|
16
16
|
function isSameLanguageThanCode(language, code) {
|
|
17
17
|
return !language || language?.toLocaleLowerCase() === code.toLocaleLowerCase();
|
|
@@ -69,7 +69,8 @@ function getAllDisplayNames(options) {
|
|
|
69
69
|
console.warn("[maz-ui] (useDisplayNames) locale is required");
|
|
70
70
|
return;
|
|
71
71
|
}
|
|
72
|
-
const
|
|
72
|
+
const filteredCodes = (resolvedOnlyCodes ?? getDisplayNamesCodes(resolvedCodesType)).filter((code) => !resolvedExcludedCodes?.includes(code)), mappedResults = [];
|
|
73
|
+
for (const code of filteredCodes)
|
|
73
74
|
try {
|
|
74
75
|
const name = getName(code, resolvedLocale, {
|
|
75
76
|
type: resolvedType,
|
|
@@ -78,17 +79,18 @@ function getAllDisplayNames(options) {
|
|
|
78
79
|
style: resolvedStyle,
|
|
79
80
|
localeMatcher: resolvedLocaleMatcher
|
|
80
81
|
});
|
|
81
|
-
|
|
82
|
+
if (resolvedRemoveUnmatched && (!name || isSameLanguageThanCode(name, code)))
|
|
83
|
+
continue;
|
|
84
|
+
mappedResults.push({
|
|
82
85
|
name: name ?? code,
|
|
83
86
|
code
|
|
84
|
-
};
|
|
87
|
+
});
|
|
85
88
|
} catch {
|
|
86
|
-
return;
|
|
87
89
|
}
|
|
88
|
-
|
|
89
|
-
const aIndex = resolvedPreferredCodes?.indexOf(a
|
|
90
|
+
const result = mappedResults.filter(truthyFilter).sort((a, b) => a.name && b.name ? a.name.localeCompare(b.name) : 0).sort((a, b) => {
|
|
91
|
+
const aIndex = resolvedPreferredCodes?.indexOf(a.code) ?? -1, bIndex = resolvedPreferredCodes?.indexOf(b.code) ?? -1;
|
|
90
92
|
return aIndex !== -1 && bIndex !== -1 ? aIndex - bIndex : aIndex !== -1 ? -1 : bIndex !== -1 ? 1 : 0;
|
|
91
|
-
})
|
|
93
|
+
});
|
|
92
94
|
return resolvedRemoveDuplicates ? result.filter((item, index, self) => self.findIndex((t) => t[resolvedRemoveDuplicates].toLowerCase() === item[resolvedRemoveDuplicates].toLowerCase()) === index) : result;
|
|
93
95
|
});
|
|
94
96
|
}
|
|
@@ -107,11 +109,7 @@ function useDisplayNames(mainLocale) {
|
|
|
107
109
|
...resolvedOptions,
|
|
108
110
|
locale: resolvedOptions?.locale || mainLocale
|
|
109
111
|
});
|
|
110
|
-
}
|
|
111
|
-
countryCodes,
|
|
112
|
-
iso6391Codes,
|
|
113
|
-
bcp47Codes,
|
|
114
|
-
normalizeCode
|
|
112
|
+
}
|
|
115
113
|
};
|
|
116
114
|
}
|
|
117
115
|
export {
|
package/dist/plugins/maz-ui.js
CHANGED
|
@@ -237,7 +237,7 @@ function generateAllColorScales(colors, prefix) {
|
|
|
237
237
|
}), colorScales;
|
|
238
238
|
}
|
|
239
239
|
var CSS_IDS = /* @__PURE__ */ ((CSS_IDS2) => (CSS_IDS2.FULL = "maz-theme-full", CSS_IDS2.CRITICAL = "maz-theme-critical", CSS_IDS2))(CSS_IDS || {});
|
|
240
|
-
function injectCSS(
|
|
240
|
+
function injectCSS(id, css) {
|
|
241
241
|
if (typeof document > "u")
|
|
242
242
|
return;
|
|
243
243
|
let styleElement = document.getElementById(id);
|
|
@@ -267,6 +267,25 @@ async function getPreset(preset) {
|
|
|
267
267
|
}
|
|
268
268
|
throw new TypeError(`[@maz-ui/themes] Preset ${preset} not found`);
|
|
269
269
|
}
|
|
270
|
+
function mergePresets(base, overrides) {
|
|
271
|
+
return {
|
|
272
|
+
name: overrides.name || base.name,
|
|
273
|
+
foundation: {
|
|
274
|
+
...base.foundation,
|
|
275
|
+
...overrides.foundation
|
|
276
|
+
},
|
|
277
|
+
colors: {
|
|
278
|
+
light: mergeColors(base.colors.light, overrides.colors?.light),
|
|
279
|
+
dark: mergeColors(base.colors.dark, overrides.colors?.dark)
|
|
280
|
+
}
|
|
281
|
+
};
|
|
282
|
+
}
|
|
283
|
+
function mergeColors(base, overrides) {
|
|
284
|
+
return overrides ? {
|
|
285
|
+
...base,
|
|
286
|
+
...overrides
|
|
287
|
+
} : base;
|
|
288
|
+
}
|
|
270
289
|
function getColorMode(colorMode) {
|
|
271
290
|
if (colorMode && ["light", "dark"].includes(colorMode))
|
|
272
291
|
return colorMode;
|
|
@@ -288,13 +307,13 @@ function injectThemeCSS(finalPreset, config) {
|
|
|
288
307
|
};
|
|
289
308
|
if (config.injectCriticalCSS) {
|
|
290
309
|
const criticalCSS = generateCriticalCSS(finalPreset, cssOptions);
|
|
291
|
-
injectCSS(
|
|
310
|
+
injectCSS(CSS_IDS.CRITICAL, criticalCSS);
|
|
292
311
|
}
|
|
293
312
|
if (!config.injectFullCSS)
|
|
294
313
|
return;
|
|
295
314
|
const fullCSS = generateFullCSS(finalPreset, cssOptions);
|
|
296
|
-
config.strategy === "runtime" ? injectCSS(
|
|
297
|
-
injectCSS(
|
|
315
|
+
config.strategy === "runtime" ? injectCSS(CSS_IDS.FULL, fullCSS) : config.strategy === "hybrid" && requestIdleCallback(() => {
|
|
316
|
+
injectCSS(CSS_IDS.FULL, fullCSS);
|
|
298
317
|
}, { timeout: 100 });
|
|
299
318
|
}
|
|
300
319
|
function injectThemeState(app, themeState) {
|
|
@@ -322,17 +341,7 @@ const MazUiTheme = {
|
|
|
322
341
|
darkModeStrategy: config.darkModeStrategy
|
|
323
342
|
});
|
|
324
343
|
applyDarkMode(config.darkModeStrategy, isDark), injectThemeState(app, themeState);
|
|
325
|
-
const preset = await getPreset(config.preset), finalPreset = Object.keys(config.overrides).length > 0 ?
|
|
326
|
-
...preset,
|
|
327
|
-
foundation: {
|
|
328
|
-
...preset.foundation,
|
|
329
|
-
...config.overrides.foundation
|
|
330
|
-
},
|
|
331
|
-
colors: {
|
|
332
|
-
light: { ...preset.colors.light, ...config.overrides.colors?.light },
|
|
333
|
-
dark: { ...preset.colors.dark, ...config.overrides.colors?.dark }
|
|
334
|
-
}
|
|
335
|
-
} : preset;
|
|
344
|
+
const preset = await getPreset(config.preset), finalPreset = Object.keys(config.overrides).length > 0 ? mergePresets(preset, config.overrides) : preset;
|
|
336
345
|
themeState.currentPreset = finalPreset, config.strategy !== "buildtime" && injectThemeCSS(finalPreset, config);
|
|
337
346
|
}
|
|
338
347
|
}, defaultLocalesLoaders = {
|
|
@@ -138,7 +138,8 @@ export interface MazDatePickerProps {
|
|
|
138
138
|
/**
|
|
139
139
|
* The position where the picker popover should appear
|
|
140
140
|
* @type {MazPopoverProps['position']}
|
|
141
|
-
* @values top, bottom, left, right, top-left, top-
|
|
141
|
+
* @values top, bottom, left, right, top-end, bottom-end, left-end, right-end, top-start, bottom-start, left-start, right-start
|
|
142
|
+
* @default 'auto'
|
|
142
143
|
*/
|
|
143
144
|
pickerPosition?: MazPopoverProps['position'];
|
|
144
145
|
/**
|
|
@@ -250,8 +251,8 @@ declare function __VLS_template(): {
|
|
|
250
251
|
$props: {
|
|
251
252
|
readonly modelValue?: boolean | undefined;
|
|
252
253
|
readonly position?: import('./MazPopover.vue').MazPopoverPosition | undefined;
|
|
253
|
-
readonly preferPosition?: import('./MazPopover.vue').
|
|
254
|
-
readonly fallbackPosition?: import('./MazPopover.vue').
|
|
254
|
+
readonly preferPosition?: import('./MazPopover.vue').MazPopoverPreferPosition | undefined;
|
|
255
|
+
readonly fallbackPosition?: import('./MazPopover.vue').MazPopoverFallbackPosition | undefined;
|
|
255
256
|
readonly trigger?: import('./MazPopover.vue').MazPopoverTrigger | undefined;
|
|
256
257
|
readonly role?: import('./MazPopover.vue').MazPopoverRole | undefined;
|
|
257
258
|
readonly ariaLabel?: string | undefined;
|
|
@@ -312,10 +313,7 @@ declare function __VLS_template(): {
|
|
|
312
313
|
close: () => void;
|
|
313
314
|
toggle: () => void;
|
|
314
315
|
isOpen: import('vue').ComputedRef<boolean>;
|
|
315
|
-
updatePosition: (
|
|
316
|
-
applyStyles?: boolean;
|
|
317
|
-
forAnimation?: boolean;
|
|
318
|
-
}) => Promise<void> | Omit<import('./MazPopover.vue').MazPopoverPosition, "auto"> | null;
|
|
316
|
+
updatePosition: () => void;
|
|
319
317
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
320
318
|
close: () => any;
|
|
321
319
|
toggle: (value: boolean) => any;
|
|
@@ -355,10 +353,7 @@ declare function __VLS_template(): {
|
|
|
355
353
|
close: () => void;
|
|
356
354
|
toggle: () => void;
|
|
357
355
|
isOpen: import('vue').ComputedRef<boolean>;
|
|
358
|
-
updatePosition: (
|
|
359
|
-
applyStyles?: boolean;
|
|
360
|
-
forAnimation?: boolean;
|
|
361
|
-
}) => Promise<void> | Omit<import('./MazPopover.vue').MazPopoverPosition, "auto"> | null;
|
|
356
|
+
updatePosition: () => void;
|
|
362
357
|
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
363
358
|
$slots: {
|
|
364
359
|
trigger?(_: {
|
|
@@ -396,10 +391,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
396
391
|
disabled: boolean;
|
|
397
392
|
open: boolean;
|
|
398
393
|
format: string;
|
|
394
|
+
shortcuts: MazDatePickerShortcut[] | boolean;
|
|
399
395
|
double: boolean;
|
|
400
396
|
inline: boolean;
|
|
401
397
|
range: boolean;
|
|
402
|
-
shortcuts: MazDatePickerShortcut[] | boolean;
|
|
403
398
|
minDate: string;
|
|
404
399
|
maxDate: string;
|
|
405
400
|
disabledWeekly: number[];
|
|
@@ -421,8 +416,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
421
416
|
$props: {
|
|
422
417
|
readonly modelValue?: boolean | undefined;
|
|
423
418
|
readonly position?: import('./MazPopover.vue').MazPopoverPosition | undefined;
|
|
424
|
-
readonly preferPosition?: import('./MazPopover.vue').
|
|
425
|
-
readonly fallbackPosition?: import('./MazPopover.vue').
|
|
419
|
+
readonly preferPosition?: import('./MazPopover.vue').MazPopoverPreferPosition | undefined;
|
|
420
|
+
readonly fallbackPosition?: import('./MazPopover.vue').MazPopoverFallbackPosition | undefined;
|
|
426
421
|
readonly trigger?: import('./MazPopover.vue').MazPopoverTrigger | undefined;
|
|
427
422
|
readonly role?: import('./MazPopover.vue').MazPopoverRole | undefined;
|
|
428
423
|
readonly ariaLabel?: string | undefined;
|
|
@@ -483,10 +478,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
483
478
|
close: () => void;
|
|
484
479
|
toggle: () => void;
|
|
485
480
|
isOpen: import('vue').ComputedRef<boolean>;
|
|
486
|
-
updatePosition: (
|
|
487
|
-
applyStyles?: boolean;
|
|
488
|
-
forAnimation?: boolean;
|
|
489
|
-
}) => Promise<void> | Omit<import('./MazPopover.vue').MazPopoverPosition, "auto"> | null;
|
|
481
|
+
updatePosition: () => void;
|
|
490
482
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
491
483
|
close: () => any;
|
|
492
484
|
toggle: (value: boolean) => any;
|
|
@@ -526,10 +518,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
526
518
|
close: () => void;
|
|
527
519
|
toggle: () => void;
|
|
528
520
|
isOpen: import('vue').ComputedRef<boolean>;
|
|
529
|
-
updatePosition: (
|
|
530
|
-
applyStyles?: boolean;
|
|
531
|
-
forAnimation?: boolean;
|
|
532
|
-
}) => Promise<void> | Omit<import('./MazPopover.vue').MazPopoverPosition, "auto"> | null;
|
|
521
|
+
updatePosition: () => void;
|
|
533
522
|
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
534
523
|
$slots: {
|
|
535
524
|
trigger?(_: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FilterCurrencyOptions } from '@maz-ui/utils/src/
|
|
1
|
+
import { FilterCurrencyOptions } from '@maz-ui/utils/src/helpers/formatCurrency.js';
|
|
2
2
|
export interface MazInputPriceProps {
|
|
3
3
|
/** @model The value of the input */
|
|
4
4
|
modelValue?: number;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
+
import { Placement } from '@floating-ui/vue';
|
|
1
2
|
import { HTMLAttributes } from 'vue';
|
|
2
3
|
import { MazColor } from './types';
|
|
3
4
|
type __VLS_Props = MazPopoverProps;
|
|
4
|
-
export type MazPopoverPosition =
|
|
5
|
+
export type MazPopoverPosition = Placement | 'auto';
|
|
6
|
+
export type MazPopoverPreferPosition = Placement;
|
|
7
|
+
export type MazPopoverFallbackPosition = Placement;
|
|
5
8
|
export type MazPopoverTrigger = 'click' | 'hover' | 'manual' | 'adaptive';
|
|
6
9
|
export type MazPopoverRole = 'dialog' | 'tooltip' | 'menu';
|
|
7
10
|
export interface MazPopoverProps {
|
|
@@ -25,14 +28,14 @@ export interface MazPopoverProps {
|
|
|
25
28
|
* @default 'bottom-start'
|
|
26
29
|
* @description Preferred position of the popover relative to trigger
|
|
27
30
|
*/
|
|
28
|
-
preferPosition?:
|
|
31
|
+
preferPosition?: MazPopoverPreferPosition;
|
|
29
32
|
/**
|
|
30
33
|
* Fallback position of the popover relative to trigger when prefer position is not visible
|
|
31
34
|
* @values auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end
|
|
32
35
|
* @default auto
|
|
33
36
|
* @description Fallback position of the popover relative to trigger
|
|
34
37
|
*/
|
|
35
|
-
fallbackPosition?:
|
|
38
|
+
fallbackPosition?: MazPopoverFallbackPosition;
|
|
36
39
|
/**
|
|
37
40
|
* How the popover is triggered
|
|
38
41
|
* @values click, hover, manual, adaptive
|
|
@@ -164,10 +167,6 @@ export interface MazPopoverProps {
|
|
|
164
167
|
*/
|
|
165
168
|
positionReference?: string | HTMLElement;
|
|
166
169
|
}
|
|
167
|
-
declare function calculateAndApplyPosition(options?: {
|
|
168
|
-
applyStyles?: boolean;
|
|
169
|
-
forAnimation?: boolean;
|
|
170
|
-
}): Promise<void> | Omit<MazPopoverPosition, "auto"> | null;
|
|
171
170
|
declare function open(): void;
|
|
172
171
|
declare function close(): void;
|
|
173
172
|
declare function toggle(): void;
|
|
@@ -229,7 +228,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
229
228
|
* @description Manually recalculate and update the popover position
|
|
230
229
|
* @usage `mazPopoverInstance.value?.updatePosition()`
|
|
231
230
|
*/
|
|
232
|
-
updatePosition:
|
|
231
|
+
updatePosition: () => void;
|
|
233
232
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
234
233
|
close: () => any;
|
|
235
234
|
toggle: (value: boolean) => any;
|
|
@@ -58,8 +58,9 @@ export interface MazSelectProps<Value extends MazInputValue = MazInputValue, Opt
|
|
|
58
58
|
*/
|
|
59
59
|
optionInputValueKey?: string;
|
|
60
60
|
/**
|
|
61
|
-
* The position of the list
|
|
62
|
-
* @
|
|
61
|
+
* The position of the list (auto by default - will switch between bottom-start and top-start)
|
|
62
|
+
* @type {MazPopoverProps['position']}
|
|
63
|
+
* @default 'auto'
|
|
63
64
|
*/
|
|
64
65
|
listPosition?: MazPopoverProps['position'];
|
|
65
66
|
/** The height of the option list item */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { MazTranslationsNestedSchema } from '@maz-ui/translations/src/types.js';
|
|
2
2
|
import { HTMLAttributes } from 'vue';
|
|
3
3
|
import { CodesType, DisplayNameCode, DisplayNamesOptions } from '../composables/useDisplayNames';
|
|
4
|
-
import {
|
|
4
|
+
import { MazPopoverProps } from './MazPopover.vue';
|
|
5
5
|
import { MazSelectProps } from './MazSelect.vue';
|
|
6
6
|
import { MazColor, MazSize } from './types';
|
|
7
7
|
export interface MazSelectCountryProps<Option extends {
|
|
@@ -54,10 +54,10 @@ export interface MazSelectCountryProps<Option extends {
|
|
|
54
54
|
onlyCodes?: Option['code'][];
|
|
55
55
|
/**
|
|
56
56
|
* Position of the list
|
|
57
|
-
* @type {
|
|
58
|
-
* @default
|
|
57
|
+
* @type {MazPopoverProps['position']}
|
|
58
|
+
* @default 'auto'
|
|
59
59
|
*/
|
|
60
|
-
listPosition?:
|
|
60
|
+
listPosition?: MazPopoverProps['position'];
|
|
61
61
|
/**
|
|
62
62
|
* Hide flags
|
|
63
63
|
*/
|
|
@@ -10,7 +10,6 @@ export type DisplayNameCode = (typeof displayNamesCodes)[number];
|
|
|
10
10
|
export type DisplayNamesOptions = Omit<Intl.DisplayNamesOptions, 'type'> & {
|
|
11
11
|
type?: 'region' | 'language';
|
|
12
12
|
};
|
|
13
|
-
declare function normalizeCode(code: string, type: DisplayNamesOptions['type']): string;
|
|
14
13
|
interface DynamicDisplayNamesOptions {
|
|
15
14
|
type?: MaybeRefOrGetter<DisplayNamesOptions['type']>;
|
|
16
15
|
languageDisplay?: MaybeRefOrGetter<DisplayNamesOptions['languageDisplay']>;
|
|
@@ -39,9 +38,5 @@ export declare function useDisplayNames(mainLocale?: MaybeRefOrGetter<string | D
|
|
|
39
38
|
name: string;
|
|
40
39
|
code: CodeResult<T>;
|
|
41
40
|
}[] | undefined>;
|
|
42
|
-
countryCodes: readonly ["AA", "AC", "AD", "AE", "AF", "AG", "AI", "AL", "AM", "AO", "AR", "AS", "AT", "AU", "AW", "AX", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI", "BJ", "BL", "BM", "BN", "BO", "BQ", "BR", "BS", "BT", "BW", "BY", "BZ", "CA", "CC", "CD", "CF", "CG", "CH", "CI", "CK", "CL", "CM", "CN", "CO", "CR", "CU", "CV", "CW", "CX", "CY", "CZ", "DE", "DJ", "DK", "DM", "DO", "DZ", "EC", "EE", "EG", "EH", "ER", "ES", "ET", "FI", "FJ", "FK", "FM", "FO", "FR", "GA", "GB", "GD", "GE", "GF", "GG", "GH", "GI", "GL", "GM", "GN", "GP", "GQ", "GR", "GT", "GU", "GW", "GY", "HK", "HN", "HR", "HT", "HU", "ID", "IE", "IL", "IM", "IN", "IO", "IQ", "IR", "IS", "IT", "JE", "JM", "JO", "JP", "KE", "KG", "KH", "KI", "KM", "KN", "KP", "KR", "KW", "KY", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MF", "MG", "MH", "MK", "ML", "MM", "MN", "MO", "MP", "MQ", "MR", "MS", "MT", "MU", "MV", "MW", "MX", "MY", "MZ", "NA", "NC", "NE", "NF", "NG", "NI", "NL", "NO", "NP", "NR", "NU", "NZ", "OM", "PA", "PE", "PF", "PG", "PH", "PK", "PL", "PM", "PR", "PS", "PT", "PW", "PY", "QA", "RE", "RO", "RS", "RU", "RW", "SA", "SB", "SC", "SD", "SE", "SG", "SH", "SI", "SJ", "SK", "SL", "SM", "SN", "SO", "SR", "SS", "ST", "SV", "SX", "SY", "SZ", "TA", "TC", "TD", "TG", "TH", "TJ", "TK", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "TW", "TZ", "UA", "UG", "US", "UY", "UZ", "VA", "VC", "VE", "VG", "VI", "VN", "VU", "WF", "WS", "XK", "YE", "YT", "ZA", "ZM", "ZW"];
|
|
43
|
-
iso6391Codes: readonly ["aa", "ab", "ae", "af", "ak", "am", "an", "ar", "as", "av", "ay", "az", "ba", "be", "bg", "bh", "bi", "bm", "bn", "bo", "br", "bs", "ca", "ce", "ch", "co", "cr", "cs", "cu", "cv", "cy", "da", "de", "dv", "dz", "ee", "el", "en", "eo", "es", "et", "eu", "fa", "ff", "fi", "fj", "fo", "fr", "fy", "ga", "gd", "gl", "gn", "gu", "gv", "ha", "he", "hi", "ho", "hr", "ht", "hu", "hy", "hz", "ia", "id", "ie", "ig", "ii", "ik", "io", "is", "it", "iu", "ja", "jv", "ka", "kg", "ki", "kj", "kk", "kl", "km", "kn", "ko", "kr", "ks", "ku", "kv", "kw", "ky", "la", "lb", "lg", "li", "ln", "lo", "lt", "lu", "lv", "mg", "mh", "mi", "mk", "ml", "mn", "mr", "ms", "mt", "my", "na", "nb", "nd", "ne", "ng", "nl", "nn", "no", "nr", "nv", "ny", "oc", "oj", "om", "or", "os", "pa", "pi", "pl", "ps", "pt", "qu", "rm", "rn", "ro", "ru", "rw", "sa", "sc", "sd", "se", "sg", "si", "sk", "sl", "sm", "sn", "so", "sq", "sr", "ss", "st", "su", "sv", "sw", "ta", "te", "tg", "th", "ti", "tk", "tl", "tn", "to", "tr", "ts", "tt", "tw", "ty", "ug", "uk", "ur", "uz", "ve", "vi", "vo", "wa", "wo", "xh", "yi", "yo", "za", "zh", "zu"];
|
|
44
|
-
bcp47Codes: readonly ["af-ZA", "sq-AL", "ar-DZ", "ar-BH", "ar-EG", "ar-IQ", "ar-JO", "ar-KW", "ar-LB", "ar-LY", "ar-MA", "ar-OM", "ar-QA", "ar-SA", "ar-SY", "ar-TN", "ar-AE", "ar-YE", "hy-AM", "Cy-az-AZ", "Lt-az-AZ", "eu-ES", "be-BY", "bg-BG", "ca-ES", "zh-CN", "zh-HK", "zh-MO", "zh-SG", "zh-TW", "zh-CHS", "zh-CHT", "hr-HR", "cs-CZ", "da-DK", "div-MV", "nl-BE", "nl-NL", "en-AU", "en-BZ", "en-CA", "en-CB", "en-IE", "en-JM", "en-NZ", "en-PH", "en-ZA", "en-TT", "en-GB", "en-US", "en-ZW", "et-EE", "fo-FO", "fa-IR", "fi-FI", "fr-BE", "fr-CA", "fr-FR", "fr-LU", "fr-MC", "fr-CH", "gl-ES", "ka-GE", "de-AT", "de-DE", "de-LI", "de-LU", "de-CH", "el-GR", "gu-IN", "he-IL", "hi-IN", "hu-HU", "is-IS", "id-ID", "it-IT", "it-CH", "ja-JP", "kn-IN", "kk-KZ", "kok-IN", "ko-KR", "ky-KZ", "lv-LV", "lt-LT", "mk-MK", "ms-BN", "ms-MY", "mr-IN", "mn-MN", "nb-NO", "nn-NO", "pl-PL", "pt-BR", "pt-PT", "pa-IN", "ro-RO", "ru-RU", "sa-IN", "Cy-sr-SP", "Lt-sr-SP", "sk-SK", "sl-SI", "es-AR", "es-BO", "es-CL", "es-CO", "es-CR", "es-DO", "es-EC", "es-SV", "es-GT", "es-HN", "es-MX", "es-NI", "es-PA", "es-PY", "es-PE", "es-PR", "es-ES", "es-UY", "es-VE", "sw-KE", "sv-FI", "sv-SE", "syr-SY", "ta-IN", "tt-RU", "te-IN", "th-TH", "tr-TR", "uk-UA", "ur-PK", "Cy-uz-UZ", "Lt-uz-UZ", "vi-VN"];
|
|
45
|
-
normalizeCode: typeof normalizeCode;
|
|
46
41
|
};
|
|
47
42
|
export {};
|
|
@@ -35,7 +35,6 @@ declare const _default: import('vue').DefineComponent<MazFullscreenImgProps, {},
|
|
|
35
35
|
easing?: string;
|
|
36
36
|
};
|
|
37
37
|
alt: string | null;
|
|
38
|
-
zoom: boolean;
|
|
39
38
|
clickedElementBounds: {
|
|
40
39
|
top: number;
|
|
41
40
|
left: number;
|
|
@@ -43,6 +42,7 @@ declare const _default: import('vue').DefineComponent<MazFullscreenImgProps, {},
|
|
|
43
42
|
width: number;
|
|
44
43
|
};
|
|
45
44
|
openInstanceClass: string;
|
|
45
|
+
zoom: boolean;
|
|
46
46
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
47
47
|
FullscreenImgElement: HTMLDivElement;
|
|
48
48
|
ImgElement: HTMLImageElement;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "maz-ui",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "4.0.0-beta.
|
|
4
|
+
"version": "4.0.0-beta.24",
|
|
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",
|
|
@@ -183,11 +183,12 @@
|
|
|
183
183
|
}
|
|
184
184
|
},
|
|
185
185
|
"dependencies": {
|
|
186
|
-
"@
|
|
187
|
-
"@maz-ui/
|
|
188
|
-
"@maz-ui/
|
|
189
|
-
"@maz-ui/
|
|
190
|
-
"@maz-ui/
|
|
186
|
+
"@floating-ui/vue": "^1.1.8",
|
|
187
|
+
"@maz-ui/cli": "4.0.0-beta.24",
|
|
188
|
+
"@maz-ui/icons": "4.0.0-beta.24",
|
|
189
|
+
"@maz-ui/themes": "4.0.0-beta.24",
|
|
190
|
+
"@maz-ui/translations": "4.0.0-beta.24",
|
|
191
|
+
"@maz-ui/utils": "4.0.0-beta.24",
|
|
191
192
|
"chart.js": "^4.5.0",
|
|
192
193
|
"dayjs": "^1.11.13",
|
|
193
194
|
"libphonenumber-js": "^1.12.10",
|
|
@@ -196,7 +197,7 @@
|
|
|
196
197
|
},
|
|
197
198
|
"devDependencies": {
|
|
198
199
|
"@maz-ui/eslint-config": "4.0.0-beta.22",
|
|
199
|
-
"@maz-ui/node": "4.0.0-beta.
|
|
200
|
+
"@maz-ui/node": "4.0.0-beta.24",
|
|
200
201
|
"@vitejs/plugin-vue": "^6.0.1",
|
|
201
202
|
"@vitest/coverage-v8": "^3.2.4",
|
|
202
203
|
"@vue/compiler-sfc": "^3.5.18",
|
|
@@ -237,5 +238,5 @@
|
|
|
237
238
|
"*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix",
|
|
238
239
|
"*.{vue,css,scss,postcss,pcss}": "stylelint --fix --allow-empty-input"
|
|
239
240
|
},
|
|
240
|
-
"gitHead": "
|
|
241
|
+
"gitHead": "9ea5ccdfb15f18c4e102ef5d2cfba29bd304d38e"
|
|
241
242
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.m-date-picker[data-v-a9ad8018]{display:inline-block;position:relative}.m-date-picker__input[data-v-a9ad8018]{width:100%;height:100%}.m-date-picker .m-date-picker__button[data-v-a9ad8018]{cursor:not-allowed;background-color:#0000;justify-content:center;align-items:center;height:100%;padding-right:.25rem;display:flex}.m-date-picker .m-date-picker__button__chevron[data-v-a9ad8018]{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1));transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-date-picker.--is-open .m-date-picker__button__chevron[data-v-a9ad8018]{transform:rotate(180deg)}.m-date-picker:not(.--is-disabled) .m-date-picker__button[data-v-a9ad8018]{cursor:pointer}.m-date-picker:not(.--is-disabled) .m-date-picker__input[data-v-a9ad8018] input{cursor:pointer!important}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.maz-picker-month-switcher[data-v-656f003a]{z-index:1;--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));flex-direction:column;display:flex;position:absolute;inset:0}.maz-picker-month-switcher__header[data-v-656f003a]{border-bottom-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));justify-content:flex-end;padding:.5rem;display:flex}.maz-picker-month-switcher__main[data-v-656f003a]{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;align-items:center;gap:.25rem;padding:.5rem;display:grid;overflow-y:auto}.maz-picker-month-switcher__main.--has-double[data-v-656f003a]{grid-template-columns:repeat(3,minmax(0,1fr))}.maz-picker-month-switcher__main>button[data-v-656f003a]{height:100%!important}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.m-popover[data-v-a8dc489a]{display:inline-block}.m-popover .m-popover-trigger[data-v-a8dc489a]{width:100%;height:100%;display:inline-block}.m-popover.--block[data-v-a8dc489a]{width:100%}.m-popover-panel[data-v-a8dc489a]{visibility:hidden;z-index:1050;border-radius:var(--maz-radius);--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored);outline-offset:2px;--maz-tw-drop-shadow:drop-shadow(0 4px 3px #00000012)drop-shadow(0 2px 2px #0000000f);filter:var(--maz-tw-blur)var(--maz-tw-brightness)var(--maz-tw-contrast)var(--maz-tw-grayscale)var(--maz-tw-hue-rotate)var(--maz-tw-invert)var(--maz-tw-saturate)var(--maz-tw-sepia)var(--maz-tw-drop-shadow);will-change:transform,opacity;contain:layout style paint;backface-visibility:hidden;outline:2px solid #0000;position:fixed}.m-popover-panel.--surface[data-v-a8dc489a]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}.m-popover-panel.--surface[data-v-a8dc489a]:is([class~=dark] *){border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}.m-popover-panel.--primary[data-v-a8dc489a]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-primary-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--secondary[data-v-a8dc489a]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-secondary-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-secondary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--success[data-v-a8dc489a]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-success-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--warning[data-v-a8dc489a]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-warning-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--destructive[data-v-a8dc489a]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--info[data-v-a8dc489a]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-info-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-info-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--accent[data-v-a8dc489a]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-accent-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-accent)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--contrast[data-v-a8dc489a]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-contrast-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast-foreground)/var(--maz-tw-text-opacity,1))}.maz-popover-enter-active[data-v-a8dc489a]{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.maz-popover-leave-active[data-v-a8dc489a]{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,1,1)}.m-popover-panel.--position-bottom.maz-popover-enter-from[data-v-a8dc489a],.m-popover-panel.--position-bottom-start.maz-popover-enter-from[data-v-a8dc489a],.m-popover-panel.--position-bottom-end.maz-popover-enter-from[data-v-a8dc489a]{opacity:0;transform-origin:top;transform:scaleY(.8)translateY(-4px)}.m-popover-panel.--position-bottom.maz-popover-leave-to[data-v-a8dc489a],.m-popover-panel.--position-bottom-start.maz-popover-leave-to[data-v-a8dc489a],.m-popover-panel.--position-bottom-end.maz-popover-leave-to[data-v-a8dc489a]{opacity:0;transform-origin:top;transform:scaleY(.9)translateY(-4px)}.m-popover-panel.--position-top.maz-popover-enter-from[data-v-a8dc489a],.m-popover-panel.--position-top-start.maz-popover-enter-from[data-v-a8dc489a],.m-popover-panel.--position-top-end.maz-popover-enter-from[data-v-a8dc489a]{opacity:0;transform-origin:bottom;transform:scaleY(.8)translateY(4px)}.m-popover-panel.--position-top.maz-popover-leave-to[data-v-a8dc489a],.m-popover-panel.--position-top-start.maz-popover-leave-to[data-v-a8dc489a],.m-popover-panel.--position-top-end.maz-popover-leave-to[data-v-a8dc489a]{opacity:0;transform-origin:bottom;transform:scaleY(.9)translateY(4px)}.m-popover-panel.--position-right.maz-popover-enter-from[data-v-a8dc489a],.m-popover-panel.--position-right-start.maz-popover-enter-from[data-v-a8dc489a],.m-popover-panel.--position-right-end.maz-popover-enter-from[data-v-a8dc489a]{opacity:0;transform-origin:0;transform:scaleX(.8)translate(-4px)}.m-popover-panel.--position-right.maz-popover-leave-to[data-v-a8dc489a],.m-popover-panel.--position-right-start.maz-popover-leave-to[data-v-a8dc489a],.m-popover-panel.--position-right-end.maz-popover-leave-to[data-v-a8dc489a]{opacity:0;transform-origin:0;transform:scaleX(.9)translate(-4px)}.m-popover-panel.--position-left.maz-popover-enter-from[data-v-a8dc489a],.m-popover-panel.--position-left-start.maz-popover-enter-from[data-v-a8dc489a],.m-popover-panel.--position-left-end.maz-popover-enter-from[data-v-a8dc489a]{opacity:0;transform-origin:100%;transform:scaleX(.8)translate(4px)}.m-popover-panel.--position-left.maz-popover-leave-to[data-v-a8dc489a],.m-popover-panel.--position-left-start.maz-popover-leave-to[data-v-a8dc489a],.m-popover-panel.--position-left-end.maz-popover-leave-to[data-v-a8dc489a]{opacity:0;transform-origin:100%;transform:scaleX(.9)translate(4px)}.m-popover-panel:not([class*=--position-]).maz-popover-enter-from[data-v-a8dc489a]{opacity:0;transform-origin:50%;transform:scale(.95)translateY(-4px)}.m-popover-panel:not([class*=--position-]).maz-popover-leave-to[data-v-a8dc489a]{opacity:0;transform-origin:50%;transform:scale(.98)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.m-select[data-v-67b2b42a]{vertical-align:top;display:inline-flex;position:relative}.m-select-input[data-v-67b2b42a]{width:100%;height:100%}.m-select-input__toggle-button[data-v-67b2b42a]{background-color:#0000;justify-content:center;align-items:center;height:100%;padding-left:0;display:flex}.m-select-input[data-v-67b2b42a] input{caret-color:#0000}.m-select-input[data-v-67b2b42a] .m-input-input,.m-select-input.--has-label[data-v-67b2b42a] .m-input-input{padding-right:0}.m-select.--mini[data-v-67b2b42a],.m-select.--xs[data-v-67b2b42a]{font-size:.75rem;line-height:1rem}.m-select.--sm[data-v-67b2b42a]{font-size:.875rem;line-height:1.25rem}.m-select.--md[data-v-67b2b42a]{font-size:1rem;line-height:1.5rem}.m-select.--lg[data-v-67b2b42a]{font-size:1.125rem;line-height:1.75rem}.m-select.--xl[data-v-67b2b42a]{font-size:1.25rem;line-height:1.75rem}.m-select[data-v-67b2b42a]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-chevron[data-v-67b2b42a]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));font-size:1.2em;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select.--is-open .m-select-chevron[data-v-67b2b42a]{transform:rotate(180deg)}.m-select button.maz-custom[data-v-67b2b42a]{cursor:pointer;appearance:none;border-style:none}.m-select-list[data-v-67b2b42a]{z-index:1050;border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored);--maz-tw-drop-shadow:drop-shadow(0 4px 3px #00000012)drop-shadow(0 2px 2px #0000000f);filter:var(--maz-tw-blur)var(--maz-tw-brightness)var(--maz-tw-contrast)var(--maz-tw-grayscale)var(--maz-tw-hue-rotate)var(--maz-tw-invert)var(--maz-tw-saturate)var(--maz-tw-sepia)var(--maz-tw-drop-shadow);flex-direction:column;gap:.25rem;padding:.5rem;display:flex;overflow:hidden}.m-select-list-optgroup[data-v-67b2b42a]{text-align:start;--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));flex:none;padding:.125rem;font-size:.875em}.m-select-list.--mini[data-v-67b2b42a],.m-select-list.--xs[data-v-67b2b42a]{font-size:.75rem;line-height:1rem}.m-select-list.--sm[data-v-67b2b42a]{font-size:.875rem;line-height:1.25rem}.m-select-list.--md[data-v-67b2b42a]{font-size:1rem;line-height:1.5rem}.m-select-list.--lg[data-v-67b2b42a]{font-size:1.125rem;line-height:1.75rem}.m-select-list.--xl[data-v-67b2b42a]{font-size:1.25rem;line-height:1.75rem}.m-select-list[data-v-67b2b42a]{min-width:3.5rem}.m-select-list__scroll-wrapper[data-v-67b2b42a]{flex-direction:column;flex:1;gap:.25rem;display:flex;overflow:auto}.m-select-list__scroll-wrapper[data-v-67b2b42a]::-webkit-scrollbar{width:.1875rem}.m-select-list__scroll-wrapper[data-v-67b2b42a]::-webkit-scrollbar-track{background:0 0}.m-select-list__scroll-wrapper[data-v-67b2b42a]::-webkit-scrollbar-thumb{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1));border-radius:1000px}.m-select-list__scroll-wrapper[data-v-67b2b42a]::-webkit-scrollbar-thumb:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-500)/var(--maz-tw-bg-opacity,1))}.m-select-list__scroll-wrapper[data-v-67b2b42a]{scrollbar-width:thin;scrollbar-color:hsl(var(--maz-background-400))transparent}.m-select-list__no-results[data-v-67b2b42a]{justify-content:center;align-items:center;padding:1rem;display:flex}.m-select-list-item[data-v-67b2b42a]{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--maz-radius);border-width:var(--maz-border-width);text-align:start;outline-offset:2px;background-color:#0000;border-style:solid;border-color:#0000;outline:2px solid #0000;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.m-select-list-item[data-v-67b2b42a]:focus-within,.m-select-list-item[data-v-67b2b42a]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-select-list-item span[data-v-67b2b42a]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-select-list-item.--is-none-value[data-v-67b2b42a]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.m-select-list-item.--is-selected[data-v-67b2b42a]{color:var(--selected-text-color);background-color:var(--selected-bg-color)}.m-select-list-item.--is-selected[data-v-67b2b42a]:focus{border-color:var(--selected-text-color)}.m-select-list-item.--is-selected.--transparent[data-v-67b2b42a]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}
|