maz-ui 4.0.0-beta.21 → 4.0.0-beta.22
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/{MazDropzone.CXu1QtnY.css → MazDropzone.C2SunLAI.css} +1 -1
- package/dist/assets/{MazPopover.rBpotMKW.css → MazPopover.DwxZZaVe.css} +1 -1
- package/dist/assets/{MazRadioButtons.SGytq4d7.css → MazRadioButtons.DN_rAzT9.css} +1 -1
- package/dist/assets/MazSpinner.CsiFJ1DS.css +1 -0
- package/dist/assets/{toast.CC2VQab8.css → toast.DH9mbkvs.css} +1 -1
- package/dist/chunks/{MazDropdown.vue_vue_type_style_index_0_lang.BES3jpuw.js → MazDropdown.vue_vue_type_style_index_0_lang.BdKNsNhB.js} +9 -4
- package/dist/components/MazDropdown.js +1 -1
- package/dist/components/MazDropzone.js +2 -2
- package/dist/components/MazPopover.js +41 -18
- package/dist/components/MazRadioButtons.js +3 -3
- package/dist/components/MazSpinner.js +3 -4
- package/dist/components/index.js +1 -1
- package/dist/css/main.css +1 -1
- package/dist/plugins/maz-ui.js +70 -46
- package/dist/plugins/toast.js +8 -6
- package/dist/types/components/MazDatePicker.vue.d.ts +3 -1
- package/dist/types/components/MazInputNumber.vue.d.ts +2 -2
- package/dist/types/components/MazInputPrice.vue.d.ts +2 -2
- package/dist/types/components/MazPopover.vue.d.ts +2 -1
- package/dist/types/components/MazRadioButtons.vue.d.ts +8 -8
- package/dist/types/components/MazReadingProgressBar.vue.d.ts +1 -1
- package/dist/types/composables/useDisplayNames.d.ts +1 -1
- package/dist/types/directives/vFullscreenImg/MazFullscreenImg.vue.d.ts +1 -1
- package/package.json +11 -14
- package/dist/assets/MazSpinner.CP85N7RJ.css +0 -1
- package/dist/chunks/{pristine.ylgbwjxO.js → pristine.CxBZzgUG.js} +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-dropzone[data-v-
|
|
1
|
+
.m-dropzone[data-v-0bb0a90b]{cursor:pointer;border-radius:var(--maz-radius);border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-style:dashed;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1));flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.m-dropzone[data-v-0bb0a90b]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-dropzone--disabled[data-v-0bb0a90b]{cursor:not-allowed;opacity:.5}.m-dropzone--is-over-drop-zone[data-v-0bb0a90b]{background-color:hsl(var(--maz-primary-400)/.2)}.m-dropzone--is-over-drop-zone[data-v-0bb0a90b]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-dropzone--is-over-drop-zone[data-v-0bb0a90b]{border-color:var(--active-color)}.m-dropzone--is-over-drop-zone .maz-dropzone__upload-icon[data-v-0bb0a90b]{color:var(--active-color)}.m-dropzone--is-over-error[data-v-0bb0a90b]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive-50)/var(--maz-tw-bg-opacity,1))}.m-dropzone--is-over-error[data-v-0bb0a90b]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive-50)/var(--maz-tw-bg-opacity,1))}.m-dropzone--is-over-error .maz-dropzone__upload-icon[data-v-0bb0a90b]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive)/var(--maz-tw-text-opacity,1))}.m-dropzone__divider[data-v-0bb0a90b]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));font-size:.875rem;line-height:1.25rem}.m-dropzone__content[data-v-0bb0a90b]{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex}.m-dropzone__files-container[data-v-0bb0a90b]{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex;position:relative}.m-dropzone__file-item[data-v-0bb0a90b]{cursor:auto;border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1));flex-direction:column;align-items:center;width:10rem;height:10rem;transition:all .3s ease-in-out;display:flex;position:relative;overflow:hidden}.m-dropzone__thumbnail[data-v-0bb0a90b]{position:absolute;inset:0}.m-dropzone__overlay[data-v-0bb0a90b]{border-radius:var(--maz-radius);background-color:hsl(var(--maz-overlay)/.5);--maz-tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);position:absolute;inset:0}.m-dropzone__icon-container[data-v-0bb0a90b]{z-index:2;flex:1;justify-content:center;align-items:center;padding:.5rem;display:flex}.m-dropzone__spinner[data-v-0bb0a90b]{font-size:1.125rem;line-height:1.75rem}.m-dropzone__success-icon[data-v-0bb0a90b]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success)/var(--maz-tw-text-opacity,1));font-size:2.25rem;line-height:2.5rem}.m-dropzone__error-icon[data-v-0bb0a90b]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive)/var(--maz-tw-text-opacity,1));font-size:2.25rem;line-height:2.5rem}.m-dropzone__file-icon[data-v-0bb0a90b]{--maz-tw-text-opacity:1;color:rgb(243 244 246/var(--maz-tw-text-opacity,1));font-size:1.875rem;line-height:2.25rem}.m-dropzone__description[data-v-0bb0a90b]{z-index:2;text-overflow:ellipsis;white-space:nowrap;--maz-tw-text-opacity:1;width:100%;color:rgb(243 244 246/var(--maz-tw-text-opacity,1));flex-direction:column;gap:.25rem;padding:.5rem;display:flex;overflow:hidden}.m-dropzone__file-info[data-v-0bb0a90b]{text-align:center;flex-direction:column;gap:.125rem;font-size:.875rem;font-weight:600;line-height:1.25rem;display:flex}.m-dropzone__file-name[data-v-0bb0a90b],.m-dropzone__file-size[data-v-0bb0a90b]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-dropzone__upload-icon[data-v-0bb0a90b]{font-size:1.875rem;line-height:2.25rem}.m-dropzone__upload-text[data-v-0bb0a90b]{text-align:center}.m-dropzone__info-text[data-v-0bb0a90b]{text-align:center;--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));margin-top:1rem;font-size:.875rem;line-height:1.25rem}.m-dropzone__file-input[data-v-0bb0a90b]{display:none}.m-dropzone .icon-scale-enter-active[data-v-0bb0a90b],.m-dropzone .icon-scale-leave-active[data-v-0bb0a90b]{transition:transform .3s ease-in-out}.m-dropzone .icon-scale-enter-from[data-v-0bb0a90b]{opacity:0;position:absolute;transform:scale(0)}.m-dropzone .icon-scale-leave-to[data-v-0bb0a90b]{display:none}.m-dropzone .file-scale-enter-active[data-v-0bb0a90b],.m-dropzone .file-scale-leave-active[data-v-0bb0a90b]{transition:all .3s ease-in-out}.m-dropzone .file-scale-enter-from[data-v-0bb0a90b]{opacity:0;transform:scale(.3)}.m-dropzone .file-scale-leave-to[data-v-0bb0a90b]{opacity:0;transform:translateY(-100%)}.m-dropzone .file-scale-move[data-v-0bb0a90b]{transition:transform .3s ease-in-out}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-popover[data-v-
|
|
1
|
+
.m-popover[data-v-25f8eee5]{display:inline-block}.m-popover.--block[data-v-25f8eee5],.m-popover.--block .m-popover-trigger[data-v-25f8eee5]{width:100%}.m-popover-trigger[data-v-25f8eee5]{display:inline-block}.m-popover-panel[data-v-25f8eee5]{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-25f8eee5]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}.m-popover-panel.--surface[data-v-25f8eee5]: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-25f8eee5]{--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-25f8eee5]{--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-25f8eee5]{--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-25f8eee5]{--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-25f8eee5]{--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-25f8eee5]{--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-25f8eee5]{--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-25f8eee5]{--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-25f8eee5]{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.maz-popover-leave-active[data-v-25f8eee5]{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-25f8eee5],.m-popover-panel.--position-bottom-start.maz-popover-enter-from[data-v-25f8eee5],.m-popover-panel.--position-bottom-end.maz-popover-enter-from[data-v-25f8eee5]{opacity:0;transform-origin:top;transform:scaleY(.8)translateY(-4px)}.m-popover-panel.--position-bottom.maz-popover-leave-to[data-v-25f8eee5],.m-popover-panel.--position-bottom-start.maz-popover-leave-to[data-v-25f8eee5],.m-popover-panel.--position-bottom-end.maz-popover-leave-to[data-v-25f8eee5]{opacity:0;transform-origin:top;transform:scaleY(.9)translateY(-4px)}.m-popover-panel.--position-top.maz-popover-enter-from[data-v-25f8eee5],.m-popover-panel.--position-top-start.maz-popover-enter-from[data-v-25f8eee5],.m-popover-panel.--position-top-end.maz-popover-enter-from[data-v-25f8eee5]{opacity:0;transform-origin:bottom;transform:scaleY(.8)translateY(4px)}.m-popover-panel.--position-top.maz-popover-leave-to[data-v-25f8eee5],.m-popover-panel.--position-top-start.maz-popover-leave-to[data-v-25f8eee5],.m-popover-panel.--position-top-end.maz-popover-leave-to[data-v-25f8eee5]{opacity:0;transform-origin:bottom;transform:scaleY(.9)translateY(4px)}.m-popover-panel.--position-right.maz-popover-enter-from[data-v-25f8eee5],.m-popover-panel.--position-right-start.maz-popover-enter-from[data-v-25f8eee5],.m-popover-panel.--position-right-end.maz-popover-enter-from[data-v-25f8eee5]{opacity:0;transform-origin:0;transform:scaleX(.8)translate(-4px)}.m-popover-panel.--position-right.maz-popover-leave-to[data-v-25f8eee5],.m-popover-panel.--position-right-start.maz-popover-leave-to[data-v-25f8eee5],.m-popover-panel.--position-right-end.maz-popover-leave-to[data-v-25f8eee5]{opacity:0;transform-origin:0;transform:scaleX(.9)translate(-4px)}.m-popover-panel.--position-left.maz-popover-enter-from[data-v-25f8eee5],.m-popover-panel.--position-left-start.maz-popover-enter-from[data-v-25f8eee5],.m-popover-panel.--position-left-end.maz-popover-enter-from[data-v-25f8eee5]{opacity:0;transform-origin:100%;transform:scaleX(.8)translate(4px)}.m-popover-panel.--position-left.maz-popover-leave-to[data-v-25f8eee5],.m-popover-panel.--position-left-start.maz-popover-leave-to[data-v-25f8eee5],.m-popover-panel.--position-left-end.maz-popover-leave-to[data-v-25f8eee5]{opacity:0;transform-origin:100%;transform:scaleX(.9)translate(4px)}.m-popover-panel:not([class*=--position-]).maz-popover-enter-from[data-v-25f8eee5]{opacity:0;transform-origin:50%;transform:scale(.95)translateY(-4px)}.m-popover-panel:not([class*=--position-]).maz-popover-leave-to[data-v-25f8eee5]{opacity:0;transform-origin:50%;transform:scale(.98)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-radio-buttons[data-v-
|
|
1
|
+
.m-radio-buttons[data-v-50724ef5]{vertical-align:top;flex-direction:column;gap:.25rem;display:inline-flex}.m-radio-buttons__wrapper[data-v-50724ef5]{gap:.5rem;display:inline-flex}.m-radio-buttons__wrapper.--wrap[data-v-50724ef5]{flex-wrap:wrap}.m-radio-buttons__wrapper.--row[data-v-50724ef5]{flex-direction:row}.m-radio-buttons__wrapper.--col[data-v-50724ef5]{flex-direction:column}.m-radio-buttons.--block[data-v-50724ef5]{width:100%}.m-radio-buttons__items[data-v-50724ef5]{cursor:pointer;border-radius:var(--maz-radius);border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));gap:1rem;padding:.5rem 1rem;font-weight:500;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}.m-radio-buttons__items.--elevation[data-v-50724ef5]{--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)}.m-radio-buttons__items__checkbox[data-v-50724ef5]{justify-content:center;align-items:center;display:flex}.m-radio-buttons__items__checkbox span[data-v-50724ef5]{border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-300)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;width:1.5rem;height:1.5rem;color:rgb(255 255 255/var(--maz-tw-text-opacity,1));border-radius:9999px;flex:none;justify-content:center;align-items:center;padding:.125rem;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}.m-radio-buttons__items__checkbox span[data-v-50724ef5]:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-radio-buttons__items__checkbox span[data-v-50724ef5]{transition:border-color}.m-radio-buttons__items__checkbox span.--is-selected[data-v-50724ef5]{border-color:#0000}.maz-group:hover .m-radio-buttons__items__checkbox span[data-v-50724ef5]:not(.--is-selected){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}.m-radio-buttons__items.--equal-size[data-v-50724ef5]{flex:1}.m-radio-buttons__items[data-v-50724ef5]:not(.--is-selected):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-radio-buttons__hint[data-v-50724ef5]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));font-size:.875rem;line-height:1.25rem}.m-radio-buttons__hint.--error[data-v-50724ef5]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-600)/var(--maz-tw-text-opacity,1))}.m-radio-buttons__hint.--success[data-v-50724ef5]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-600)/var(--maz-tw-text-opacity,1))}.m-radio-buttons__hint.--warning[data-v-50724ef5]{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-600)/var(--maz-tw-text-opacity,1))}.maz-radio-buttons-scale-enter-active[data-v-50724ef5],.maz-radio-buttons-scale-leave-active[data-v-50724ef5]{opacity:1;z-index:1;transition:all .3s cubic-bezier(.4,.52,.26,.9)}.maz-radio-buttons-scale-enter-from[data-v-50724ef5],.maz-radio-buttons-scale-leave-to[data-v-50724ef5]{opacity:.4;z-index:1;transform:scale(0)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@keyframes maz-spin-139d35b1{to{transform:rotate(360deg)}}.m-spinner[data-v-139d35b1]{fill:currentColor;animation:1s linear infinite maz-spin-139d35b1;margin:0!important}.m-spinner--normal[data-v-139d35b1]{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-spinner--primary[data-v-139d35b1]{--maz-tw-text-opacity:1;color:hsl(var(--maz-primary)/var(--maz-tw-text-opacity,1))}.m-spinner--secondary[data-v-139d35b1]{--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary)/var(--maz-tw-text-opacity,1))}.m-spinner--accent[data-v-139d35b1]{--maz-tw-text-opacity:1;color:hsl(var(--maz-accent)/var(--maz-tw-text-opacity,1))}.m-spinner--info[data-v-139d35b1]{--maz-tw-text-opacity:1;color:hsl(var(--maz-info)/var(--maz-tw-text-opacity,1))}.m-spinner--warning[data-v-139d35b1]{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning)/var(--maz-tw-text-opacity,1))}.m-spinner--destructive[data-v-139d35b1]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive)/var(--maz-tw-text-opacity,1))}.m-spinner--success[data-v-139d35b1]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success)/var(--maz-tw-text-opacity,1))}.m-spinner--transparent[data-v-139d35b1]{--maz-tw-text-opacity:1;color:rgb(255 255 255/var(--maz-tw-text-opacity,1))}.m-spinner--contrast[data-v-139d35b1]{--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast)/var(--maz-tw-text-opacity,1))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-toast-container{z-index:1051;flex-direction:column;gap:.5rem;padding:1rem;display:flex;position:fixed}.m-toast-container.--top{display:flex;top:0}.m-toast-container.--center{width:100%}@media (min-width:768px){.m-toast-container.--center{width:auto;position:fixed;left:50%;transform:translate(-50%)}}.m-toast-container.--bottom{flex-direction:column-reverse;display:flex;bottom:0}.m-toast-container.--right{width:100%;right:0}@media (min-width:768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{width:100%;left:0}@media (min-width:768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-
|
|
1
|
+
.m-toast-container{z-index:1051;flex-direction:column;gap:.5rem;padding:1rem;display:flex;position:fixed}.m-toast-container.--top{display:flex;top:0}.m-toast-container.--center{width:100%}@media (min-width:768px){.m-toast-container.--center{width:auto;position:fixed;left:50%;transform:translate(-50%)}}.m-toast-container.--bottom{flex-direction:column-reverse;display:flex;bottom:0}.m-toast-container.--right{width:100%;right:0}@media (min-width:768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{width:100%;left:0}@media (min-width:768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-dbba0109],.m-toast[data-v-dbba0109] *{box-sizing:border-box}.m-toast[data-v-dbba0109]{z-index:10;position:relative}.m-toast.--left .m-toast__close[data-v-dbba0109]{right:-.5rem}.m-toast.--right .m-toast__close[data-v-dbba0109],.m-toast.--center .m-toast__close[data-v-dbba0109]{left:-.5rem}@media (min-width:768px){.m-toast.--center .m-toast__button[data-v-dbba0109]{justify-content:center;width:22rem}.m-toast.--left .m-toast__button[data-v-dbba0109],.m-toast.--right .m-toast__button[data-v-dbba0109]{width:22rem}}.m-toast__message[data-v-dbba0109]{text-align:start;flex:1;margin:0;padding-top:.75rem;padding-bottom:.75rem;font-weight:500}.m-toast__button[data-v-dbba0109]{border-radius:var(--maz-radius);border-width:var(--maz-border-width);--maz-tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--maz-tw-shadow-colored:0 4px 6px -1px var(--maz-tw-shadow-color),0 2px 4px -2px var(--maz-tw-shadow-color);width:100%;box-shadow:var(--maz-tw-ring-offset-shadow,0 0 #0000),var(--maz-tw-ring-shadow,0 0 #0000),var(--maz-tw-shadow);--maz-tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);align-self:center;align-items:center;gap:.5rem;padding-left:.5rem;padding-right:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.m-toast__close[data-v-dbba0109]{border-width:var(--maz-border-width);--maz-tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);border-radius:9999px;justify-content:center;align-items:center;padding:.125rem;display:flex;position:absolute;top:-.5rem}.m-toast__close__close-icon[data-v-dbba0109]{cursor:pointer}.m-toast.--info .m-toast__button[data-v-dbba0109]{border-color:hsl(var(--maz-info)/.2);background-color:hsl(var(--maz-info)/.1);--maz-tw-text-opacity:1;color:hsl(var(--maz-info-600)/var(--maz-tw-text-opacity,1))}.m-toast.--info .m-toast__button[data-v-dbba0109]:hover{background-color:hsl(var(--maz-info)/.2)}.m-toast.--info .m-toast__close[data-v-dbba0109]{border-color:hsl(var(--maz-info)/.2);background-color:hsl(var(--maz-info)/.1);--maz-tw-text-opacity:1;color:hsl(var(--maz-info-600)/var(--maz-tw-text-opacity,1))}.m-toast.--info .m-toast__close[data-v-dbba0109]:hover{background-color:hsl(var(--maz-info)/.2);--maz-tw-text-opacity:1;color:hsl(var(--maz-info-700)/var(--maz-tw-text-opacity,1))}.m-toast.--success .m-toast__button[data-v-dbba0109]{border-color:hsl(var(--maz-success)/.2);background-color:hsl(var(--maz-success)/.1);--maz-tw-text-opacity:1;color:hsl(var(--maz-success-600)/var(--maz-tw-text-opacity,1))}.m-toast.--success .m-toast__button[data-v-dbba0109]:hover{background-color:hsl(var(--maz-success)/.2)}.m-toast.--success .m-toast__close[data-v-dbba0109]{border-color:hsl(var(--maz-success)/.2);background-color:hsl(var(--maz-success)/.1);--maz-tw-text-opacity:1;color:hsl(var(--maz-success-600)/var(--maz-tw-text-opacity,1))}.m-toast.--success .m-toast__close[data-v-dbba0109]:hover{background-color:hsl(var(--maz-success)/.2);--maz-tw-text-opacity:1;color:hsl(var(--maz-success-700)/var(--maz-tw-text-opacity,1))}.m-toast.--warning .m-toast__button[data-v-dbba0109]{border-color:hsl(var(--maz-warning)/.2);background-color:hsl(var(--maz-warning)/.1);--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-600)/var(--maz-tw-text-opacity,1))}.m-toast.--warning .m-toast__button[data-v-dbba0109]:hover{background-color:hsl(var(--maz-warning)/.2)}.m-toast.--warning .m-toast__close[data-v-dbba0109]{border-color:hsl(var(--maz-warning)/.2);background-color:hsl(var(--maz-warning)/.1);--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-600)/var(--maz-tw-text-opacity,1))}.m-toast.--warning .m-toast__close[data-v-dbba0109]:hover{background-color:hsl(var(--maz-warning)/.2);--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-700)/var(--maz-tw-text-opacity,1))}.m-toast.--destructive .m-toast__button[data-v-dbba0109]{border-color:hsl(var(--maz-destructive)/.2);background-color:hsl(var(--maz-destructive)/.1);--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-600)/var(--maz-tw-text-opacity,1))}.m-toast.--destructive .m-toast__button[data-v-dbba0109]:hover{background-color:hsl(var(--maz-destructive)/.2)}.m-toast.--destructive .m-toast__close[data-v-dbba0109]{border-color:hsl(var(--maz-destructive)/.2);background-color:hsl(var(--maz-destructive)/.1);--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-600)/var(--maz-tw-text-opacity,1))}.m-toast.--destructive .m-toast__close[data-v-dbba0109]:hover{background-color:hsl(var(--maz-destructive)/.2);--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-700)/var(--maz-tw-text-opacity,1))}.m-toast.--contrast .m-toast__button[data-v-dbba0109]{border-color:hsl(var(--maz-contrast-600)/.2);--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))}.m-toast.--contrast .m-toast__button[data-v-dbba0109]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast-500)/var(--maz-tw-bg-opacity,1))}.m-toast.--contrast .m-toast__button[data-v-dbba0109]:hover:is([class~=dark] *){background-color:hsl(var(--maz-contrast)/.7)}.m-toast.--contrast .m-toast__close[data-v-dbba0109]{border-color:hsl(var(--maz-contrast-600)/.2);--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))}.m-toast.--contrast .m-toast__close[data-v-dbba0109]:hover{background-color:hsl(var(--maz-contrast)/.7)}.m-toast .m-toast__progress-bar[data-v-dbba0109]{left:0;right:0;bottom:var(--maz-border-width);height:max(var(--maz-border-width),.125rem);position:absolute}.m-toast .m-toast__progress-bar .m-toast__progress-bar-inner[data-v-dbba0109]{height:100%;transition-property:all;transition-duration:.2s;transition-timing-function:linear}.m-slide-top-enter-active[data-v-dbba0109],.m-slide-top-leave-active[data-v-dbba0109]{opacity:1;transition:all .3s;transform:scale(1)translateY(0)}.m-slide-top-enter-from[data-v-dbba0109],.m-slide-top-leave-to[data-v-dbba0109]{opacity:0;transform:scale(.6)translateY(-100%)}.m-slide-bottom-enter-active[data-v-dbba0109],.m-slide-bottom-leave-active[data-v-dbba0109]{opacity:1;transition:all .3s;transform:scale(1)translateY(0)}.m-slide-bottom-enter-from[data-v-dbba0109],.m-slide-bottom-leave-to[data-v-dbba0109]{opacity:0;transform:scale(.6)translateY(100%)}.m-slide-right-enter-active[data-v-dbba0109],.m-slide-right-leave-active[data-v-dbba0109]{opacity:1;transition:all .3s;transform:scale(1)translate(0)}.m-slide-right-enter-from[data-v-dbba0109],.m-slide-right-leave-to[data-v-dbba0109]{opacity:0;transform:scale(.6)translate(100%)}.m-slide-left-enter-active[data-v-dbba0109],.m-slide-left-leave-active[data-v-dbba0109]{opacity:1;transition:all .3s;transform:scale(1)translate(0)}.m-slide-left-enter-from[data-v-dbba0109],.m-slide-left-leave-to[data-v-dbba0109]{opacity:0;z-index:0;transform:scale(.6)translate(-200%)}
|
|
@@ -17,7 +17,7 @@ import '../assets/MazDropdown.C6vjLIeN.css';const _hoisted_1 = ["id", "aria-expa
|
|
|
17
17
|
color: { default: "transparent" },
|
|
18
18
|
position: { default: "auto" },
|
|
19
19
|
preferPosition: { default: "bottom-start" },
|
|
20
|
-
closeOnClick: { type: Boolean, default: !
|
|
20
|
+
closeOnClick: { type: Boolean, default: !1 },
|
|
21
21
|
disabled: { type: Boolean, default: !1 },
|
|
22
22
|
chevron: { type: Boolean, default: !0 },
|
|
23
23
|
screenReaderDescription: {},
|
|
@@ -104,7 +104,7 @@ import '../assets/MazDropdown.C6vjLIeN.css';const _hoisted_1 = ["id", "aria-expa
|
|
|
104
104
|
block: _ctx.block,
|
|
105
105
|
"onUpdate:modelValue": setDropdown
|
|
106
106
|
}, {
|
|
107
|
-
trigger: withCtx(({ toggle, close, isOpen, open }) => [
|
|
107
|
+
trigger: withCtx(({ toggle, close, isOpen, open, trigger: triggerType }) => [
|
|
108
108
|
createElementVNode("div", {
|
|
109
109
|
id: unref(instanceId),
|
|
110
110
|
tabindex: "-1",
|
|
@@ -132,7 +132,12 @@ import '../assets/MazDropdown.C6vjLIeN.css';const _hoisted_1 = ["id", "aria-expa
|
|
|
132
132
|
disabled: _ctx.disabled
|
|
133
133
|
}, _ctx.$attrs, {
|
|
134
134
|
block: _ctx.block,
|
|
135
|
-
size: _ctx.size
|
|
135
|
+
size: _ctx.size,
|
|
136
|
+
onKeydown: [
|
|
137
|
+
withKeys(withModifiers(toggle, ["stop", "prevent"]), ["enter"]),
|
|
138
|
+
withKeys(withModifiers(toggle, ["stop", "prevent"]), ["space"])
|
|
139
|
+
],
|
|
140
|
+
onBlur: withModifiers(($event) => triggerType === "hover" ? close() : void 0, ["stop", "prevent"])
|
|
136
141
|
}), createSlots({
|
|
137
142
|
default: withCtx(() => [
|
|
138
143
|
renderSlot(_ctx.$slots, "default")
|
|
@@ -163,7 +168,7 @@ import '../assets/MazDropdown.C6vjLIeN.css';const _hoisted_1 = ["id", "aria-expa
|
|
|
163
168
|
]),
|
|
164
169
|
key: "0"
|
|
165
170
|
} : void 0
|
|
166
|
-
]), 1040, ["aria-labelledby", "color", "disabled", "block", "size"])
|
|
171
|
+
]), 1040, ["aria-labelledby", "color", "disabled", "block", "size", "onKeydown", "onBlur"])
|
|
167
172
|
])
|
|
168
173
|
], 8, _hoisted_1)
|
|
169
174
|
]),
|
|
@@ -7,7 +7,7 @@ import { useDropzone } from "../composables/useDropzone.js";
|
|
|
7
7
|
import MazBtn from "./MazBtn.js";
|
|
8
8
|
import MazIcon from "./MazIcon.js";
|
|
9
9
|
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
10
|
-
import '../assets/MazDropzone.
|
|
10
|
+
import '../assets/MazDropzone.C2SunLAI.css';const _hoisted_1 = ["for"], _hoisted_2 = { class: "m-dropzone__icon-container" }, _hoisted_3 = { class: "m-dropzone__description" }, _hoisted_4 = { class: "m-dropzone__file-info" }, _hoisted_5 = { class: "m-dropzone__file-name" }, _hoisted_6 = { class: "m-dropzone__file-size" }, _hoisted_7 = { class: "m-dropzone__content" }, _hoisted_8 = { class: "m-dropzone__upload-text" }, _hoisted_9 = { class: "m-dropzone__divider" }, _hoisted_10 = {
|
|
11
11
|
key: 0,
|
|
12
12
|
class: "m-dropzone__info-text"
|
|
13
13
|
}, _hoisted_11 = { key: 0 }, _hoisted_12 = { key: 0 }, _hoisted_13 = ["id", "multiple", "accept", "disabled"], _sfc_main = /* @__PURE__ */ defineComponent({
|
|
@@ -498,7 +498,7 @@ import '../assets/MazDropzone.CXu1QtnY.css';const _hoisted_1 = ["for"], _hoisted
|
|
|
498
498
|
}, null, 40, _hoisted_13)
|
|
499
499
|
], 14, _hoisted_1));
|
|
500
500
|
}
|
|
501
|
-
}), MazDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
501
|
+
}), MazDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0bb0a90b"]]);
|
|
502
502
|
export {
|
|
503
503
|
MazDropzone as default
|
|
504
504
|
};
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { defineComponent, mergeModels, useAttrs, useTemplateRef, useModel, ref, computed, nextTick, watch, onMounted, onBeforeUnmount, onUnmounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createBlock, mergeProps, renderSlot, Teleport, createVNode, Transition, withCtx, withDirectives, createCommentVNode } from "vue";
|
|
2
|
+
import { d as debounce } from "../chunks/debounce.Brzkn9pm.js";
|
|
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.DwxZZaVe.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",
|
|
@@ -20,7 +21,7 @@ import '../assets/MazPopover.rBpotMKW.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
20
21
|
disabled: { type: Boolean, default: !1 },
|
|
21
22
|
offset: { default: 8 },
|
|
22
23
|
delay: { default: 0 },
|
|
23
|
-
hoverDelay: { default:
|
|
24
|
+
hoverDelay: { default: 150 },
|
|
24
25
|
transition: { default: "maz-popover" },
|
|
25
26
|
teleportTo: { default: "body" },
|
|
26
27
|
overlayClass: {},
|
|
@@ -78,12 +79,24 @@ import '../assets/MazPopover.rBpotMKW.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
78
79
|
`--position-${computedPosition.value}`,
|
|
79
80
|
`--${getColor(__props.color)}`
|
|
80
81
|
]);
|
|
81
|
-
let resizeObserver = null, mutationObserver = null, isPositioning = !1, positioningFrame = null;
|
|
82
|
+
let resizeObserver = null, mutationObserver = null, isPositioning = !1, positioningFrame = null, positioningPromise = null;
|
|
83
|
+
function parseCSSValue(value) {
|
|
84
|
+
if (typeof value == "number")
|
|
85
|
+
return value;
|
|
86
|
+
if (!value)
|
|
87
|
+
return 0;
|
|
88
|
+
const match = String(value).match(/^(-?\d+(?:\.\d+)?)px$/);
|
|
89
|
+
return match ? Number.parseFloat(match[1]) : 0;
|
|
90
|
+
}
|
|
82
91
|
function calculateAndApplyPosition(options = {}) {
|
|
83
|
-
if (!triggerElement.value || !panelElement.value
|
|
92
|
+
if (!triggerElement.value || !panelElement.value)
|
|
84
93
|
return null;
|
|
85
94
|
const { applyStyles = !0, forAnimation = !1 } = options;
|
|
86
|
-
|
|
95
|
+
if (applyStyles) {
|
|
96
|
+
if (isPositioning)
|
|
97
|
+
return positioningPromise;
|
|
98
|
+
isPositioning = !0, positioningFrame && (cancelAnimationFrame(positioningFrame), positioningFrame = null);
|
|
99
|
+
}
|
|
87
100
|
const doCalculation = () => {
|
|
88
101
|
if (!triggerElement.value || !panelElement.value)
|
|
89
102
|
return applyStyles && (isPositioning = !1), null;
|
|
@@ -101,19 +114,29 @@ import '../assets/MazPopover.rBpotMKW.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
101
114
|
}
|
|
102
115
|
return forAnimation && !applyStyles && (wasHidden ? panelElement.value.style.visibility = "hidden" : panelElement.value.style.display = ""), newPosition;
|
|
103
116
|
} catch (error) {
|
|
104
|
-
|
|
117
|
+
console.warn("[MazPopover] Error calculating position:", error);
|
|
118
|
+
const fallbackPosition = "bottom";
|
|
119
|
+
return computedPosition.value = fallbackPosition, applyStyles && (panelStyles.value = {
|
|
120
|
+
position: "fixed",
|
|
121
|
+
visibility: "visible",
|
|
122
|
+
transformOrigin: getTransformOrigin(fallbackPosition)
|
|
123
|
+
}), fallbackPosition;
|
|
105
124
|
} finally {
|
|
106
|
-
applyStyles && (isPositioning = !1, positioningFrame = null);
|
|
125
|
+
applyStyles && (isPositioning = !1, positioningFrame = null, positioningPromise = null);
|
|
107
126
|
}
|
|
108
127
|
};
|
|
109
|
-
return applyStyles ? (
|
|
128
|
+
return applyStyles ? (positioningPromise = new Promise((resolve) => {
|
|
129
|
+
positioningFrame = requestAnimationFrame(() => {
|
|
130
|
+
doCalculation(), resolve();
|
|
131
|
+
});
|
|
132
|
+
}), positioningPromise) : doCalculation();
|
|
110
133
|
}
|
|
111
134
|
function updatePosition() {
|
|
112
135
|
calculateAndApplyPosition({ applyStyles: !0 });
|
|
113
136
|
}
|
|
114
|
-
|
|
137
|
+
const schedulePositionUpdate = debounce(() => {
|
|
115
138
|
isOpen.value && !isPositioning && updatePosition();
|
|
116
|
-
}
|
|
139
|
+
}, 16);
|
|
117
140
|
function preparePositionForAnimation() {
|
|
118
141
|
if (__props.position === "auto" && triggerElement.value) {
|
|
119
142
|
const positionRef = getPositionReference();
|
|
@@ -154,6 +177,9 @@ import '../assets/MazPopover.rBpotMKW.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
154
177
|
function cleanupObservers() {
|
|
155
178
|
positioningFrame && (cancelAnimationFrame(positioningFrame), positioningFrame = null), resizeObserver && (resizeObserver.disconnect(), resizeObserver = null), mutationObserver && (mutationObserver.disconnect(), mutationObserver = null);
|
|
156
179
|
}
|
|
180
|
+
function cleanup() {
|
|
181
|
+
cleanupObservers(), clearOpenTimeout(), clearCloseTimeout(), isPositioning = !1, positioningPromise = null, document.removeEventListener("keydown", onKeydown), window.removeEventListener("scroll", onScrollThrottled, !0), window.removeEventListener("resize", onScrollThrottled);
|
|
182
|
+
}
|
|
157
183
|
function open() {
|
|
158
184
|
__props.disabled || (clearCloseTimeout(), effectiveTrigger.value === "click" && (ignoreNextClickOutside = !0), __props.delay > 0 ? openTimeout = setTimeout(() => {
|
|
159
185
|
setOpen(!0);
|
|
@@ -269,7 +295,7 @@ import '../assets/MazPopover.rBpotMKW.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
269
295
|
function isPositionVisible(position, triggerRect, panelRect, viewport) {
|
|
270
296
|
const styles = calculatePosition(position, triggerRect, panelRect);
|
|
271
297
|
let top = 0, left = 0;
|
|
272
|
-
return styles.top ? top =
|
|
298
|
+
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;
|
|
273
299
|
}
|
|
274
300
|
function getValidPositions(positions, triggerRect, panelRect, viewport) {
|
|
275
301
|
const spaces = {
|
|
@@ -337,11 +363,7 @@ import '../assets/MazPopover.rBpotMKW.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
337
363
|
newPosition !== "auto" && (computedPosition.value = newPosition), isOpen.value && nextTick(updatePosition);
|
|
338
364
|
}), onMounted(() => {
|
|
339
365
|
document.addEventListener("keydown", onKeydown), window.addEventListener("scroll", onScrollThrottled, { passive: !0, capture: !0 }), window.addEventListener("resize", onScrollThrottled, { passive: !0 });
|
|
340
|
-
}), onBeforeUnmount(()
|
|
341
|
-
cleanupObservers(), clearOpenTimeout(), clearCloseTimeout();
|
|
342
|
-
}), onUnmounted(() => {
|
|
343
|
-
document.removeEventListener("keydown", onKeydown), window.removeEventListener("scroll", onScrollThrottled, !0), window.removeEventListener("resize", onScrollThrottled);
|
|
344
|
-
}), __expose({
|
|
366
|
+
}), onBeforeUnmount(cleanup), onUnmounted(cleanup), __expose({
|
|
345
367
|
/**
|
|
346
368
|
* Open the popover
|
|
347
369
|
* @description Programmatically open the popover
|
|
@@ -398,7 +420,8 @@ import '../assets/MazPopover.rBpotMKW.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
398
420
|
open,
|
|
399
421
|
close,
|
|
400
422
|
toggle,
|
|
401
|
-
isOpen: isOpen.value
|
|
423
|
+
isOpen: isOpen.value,
|
|
424
|
+
trigger: effectiveTrigger.value
|
|
402
425
|
}, void 0, !0)
|
|
403
426
|
], 16, _hoisted_1),
|
|
404
427
|
(openBlock(), createBlock(Teleport, {
|
|
@@ -439,7 +462,7 @@ import '../assets/MazPopover.rBpotMKW.css';const _hoisted_1 = ["id", "aria-expan
|
|
|
439
462
|
], 8, ["to", "disabled"]))
|
|
440
463
|
], 6));
|
|
441
464
|
}
|
|
442
|
-
}), MazPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
465
|
+
}), MazPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-25f8eee5"]]);
|
|
443
466
|
export {
|
|
444
467
|
MazPopover as default
|
|
445
468
|
};
|
|
@@ -2,7 +2,7 @@ import { defineComponent, ref, createElementBlock, openBlock, createElementVNode
|
|
|
2
2
|
import { MazCheck } from "@maz-ui/icons";
|
|
3
3
|
import { g as getColor } from "../chunks/types.D0Bp_UhS.js";
|
|
4
4
|
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
5
|
-
import '../assets/MazRadioButtons.
|
|
5
|
+
import '../assets/MazRadioButtons.DN_rAzT9.css';const _hoisted_1 = { class: "m-radio-buttons m-reset-css" }, _hoisted_2 = ["for", "aria-checked", "onKeydown", "onBlur", "onFocus"], _hoisted_3 = ["id", "name", "value", "onChange"], _hoisted_4 = {
|
|
6
6
|
key: 0,
|
|
7
7
|
class: "m-radio-buttons__items__checkbox"
|
|
8
8
|
}, _sfc_main = /* @__PURE__ */ defineComponent({
|
|
@@ -27,7 +27,7 @@ import '../assets/MazRadioButtons.SGytq4d7.css';const _hoisted_1 = { class: "m-r
|
|
|
27
27
|
setup(__props, { emit: __emit }) {
|
|
28
28
|
const props = __props, emits = __emit;
|
|
29
29
|
function selectOption(option) {
|
|
30
|
-
emits("update:model-value", option.value);
|
|
30
|
+
emits("update:model-value", option.value), emits("change", option.value);
|
|
31
31
|
}
|
|
32
32
|
function isSelected(value) {
|
|
33
33
|
return props.modelValue === value;
|
|
@@ -123,7 +123,7 @@ import '../assets/MazRadioButtons.SGytq4d7.css';const _hoisted_1 = { class: "m-r
|
|
|
123
123
|
}, toDisplayString(_ctx.hint), 3)) : createCommentVNode("", !0)
|
|
124
124
|
]));
|
|
125
125
|
}
|
|
126
|
-
}), MazRadioButtons = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
126
|
+
}), MazRadioButtons = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-50724ef5"]]);
|
|
127
127
|
export {
|
|
128
128
|
MazRadioButtons as default
|
|
129
129
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode } from "vue";
|
|
2
2
|
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
3
|
-
import '../assets/MazSpinner.
|
|
3
|
+
import '../assets/MazSpinner.CsiFJ1DS.css';const _hoisted_1 = ["width", "height"], _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
4
|
__name: "MazSpinner",
|
|
5
5
|
props: {
|
|
6
6
|
size: { default: "2em" },
|
|
@@ -16,13 +16,12 @@ import '../assets/MazSpinner.CP85N7RJ.css';const _hoisted_1 = ["width", "height"
|
|
|
16
16
|
y: "0px",
|
|
17
17
|
viewBox: "0 0 50 50",
|
|
18
18
|
"xml:space": "preserve",
|
|
19
|
-
class: normalizeClass(["m-spinner m-reset-css", `m-spinner--${_ctx.color}`])
|
|
20
|
-
style: { "enable-background": "new 0 0 50 50" }
|
|
19
|
+
class: normalizeClass(["m-spinner m-reset-css", `m-spinner--${_ctx.color}`])
|
|
21
20
|
}, _cache[0] || (_cache[0] = [
|
|
22
21
|
createElementVNode("path", { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" }, null, -1)
|
|
23
22
|
]), 10, _hoisted_1));
|
|
24
23
|
}
|
|
25
|
-
}), MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
24
|
+
}), MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-139d35b1"]]);
|
|
26
25
|
export {
|
|
27
26
|
MazSpinner as default
|
|
28
27
|
};
|
package/dist/components/index.js
CHANGED
|
@@ -18,7 +18,7 @@ import { M } from "../chunks/MazDatePicker.De3Ltb2F.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";
|
|
21
|
-
import { _ as _3 } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.
|
|
21
|
+
import { _ as _3 } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.BdKNsNhB.js";
|
|
22
22
|
import { default as default19 } from "./MazDropzone.js";
|
|
23
23
|
import { default as default20 } from "./MazExpandAnimation.js";
|
|
24
24
|
import { default as default21 } from "./MazFullscreenLoader.js";
|
package/dist/css/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer maz-ui-reset, maz-ui-theme, maz-ui-animations, maz-ui-utilities;@layer maz-ui-reset{.m-reset-css,.m-reset-css *,.m-reset-css:after,.m-reset-css:before{border:0 solid;box-sizing:border-box}.m-reset-css button,.m-reset-css:is(button){background-color:inherit;padding:inherit}.m-reset-css button,.m-reset-css input,.m-reset-css optgroup,.m-reset-css select,.m-reset-css textarea,.m-reset-css:is(button),.m-reset-css:is(input),.m-reset-css:is(optgroup),.m-reset-css:is(select),.m-reset-css:is(textarea){color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0}}@layer maz-ui-utilities{:root{--maz-container-padding-mobile:1rem;--maz-container-padding-tablet:2rem;--maz-container-padding-desktop:2.5rem;--maz-container-padding-value:var(--maz-container-padding-mobile);--maz-container-width:calc(100% - var(--maz-container-padding-value)*2);--maz-container-padding:calc(50% - var(--maz-container-width)/2);--maz-container-max-width:1440px}@media only screen and (width >= 1520px){:root{--maz-container-width:var(--maz-container-max-width)}}@media (min-width:576px){:root{--maz-container-padding-value:var(--maz-container-padding-tablet)}}@media (min-width:1024px){:root{--maz-container-padding-value:var(--maz-container-padding-desktop)}}}@layer maz-ui-animations{.maz-scale-enter-active,.maz-scale-leave-active{opacity:1;transition:all .2s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-enter-from,.maz-scale-leave-to{opacity:.4;transform:scale(0);z-index:1}.maz-scale-fade-enter-active,.maz-scale-fade-leave-active{opacity:1;transition:all .2s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-fade-enter-from,.maz-scale-fade-leave-to{opacity:0;transform:scale(.5);z-index:1}.maz-scale-loading-enter-active,.maz-scale-loading-leave-active{opacity:1;transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active .app-loader__content{opacity:1;transform:scale(1);transition:all .5s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-loading-enter-from .app-loader__content,.maz-scale-loading-leave-to .app-loader__content{opacity:.4;transform:scale(0);z-index:1}.maz-scale-loading-enter-from,.maz-scale-loading-leave-to{opacity:0;transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-slidevnext-enter-active,.maz-slidevnext-leave-active,.maz-slidevprev-enter-active,.maz-slidevprev-leave-active{position:absolute;transition:all .2s}.maz-slidevnext-enter-from,.maz-slidevprev-leave-to{opacity:0;transform:translateY(100%)}.maz-slidevnext-leave-to,.maz-slidevprev-enter-from{opacity:0;transform:translateY(-100%)}.maz-slide-enter-active,.maz-slide-leave-active{opacity:1;transform:translateY(0);transition:all .2s ease-in-out;z-index:998}.maz-slide-enter-from,.maz-slide-leave-to{opacity:0;transform:translateY(-20px);z-index:998}.maz-slideinvert-enter-active,.maz-slideinvert-leave-active{opacity:1;transform:translateY(0);transition:all .2s ease-in-out;z-index:998}.maz-slideinvert-enter-from,.maz-slideinvert-leave-to{opacity:0;transform:translateY(40px);z-index:998}.maz-tags-enter-active,.maz-tags-leave-active{opacity:1;transform:translateX(0);transition:all .2s ease-in-out}.maz-tags-enter-from,.maz-tags-leave-to{opacity:0;transform:translateX(-100%);transition:all .2s ease-in-out}.maz-tags-invert-enter-active,.maz-tags-invert-leave-active{opacity:1;transform:translateX(0);transition:transform .2s,opacity .2s}.maz-tags-invert-enter-from,.maz-tags-invert-leave-to{opacity:0;transform:translateX(100%)}.maz-expand-enter-active,.maz-expand-leave-active{overflow:hidden;transition:all .2s ease-in-out;transition-property:opacity,height}.maz-expand-enter-from,.maz-expand-leave-to{height:0;opacity:0}.maz-tab-transition-enter-from{transform:translate(100%)}.maz-tab-transition-leave,.maz-tab-transition-leave-active{position:absolute!important;top:0}.maz-tab-transition-leave-to{position:absolute!important;transform:translate(-100%)}.maz-tab-reverse-transition-enter-from{transform:translate(-100%)}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-active{position:absolute!important;top:0}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-to{position:absolute!important;top:0;transform:translate(100%)}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}}*,:after,:before{--maz-tw-border-spacing-x:0;--maz-tw-border-spacing-y:0;--maz-tw-translate-x:0;--maz-tw-translate-y:0;--maz-tw-rotate:0;--maz-tw-skew-x:0;--maz-tw-skew-y:0;--maz-tw-scale-x:1;--maz-tw-scale-y:1;--maz-tw-pan-x: ;--maz-tw-pan-y: ;--maz-tw-pinch-zoom: ;--maz-tw-scroll-snap-strictness:proximity;--maz-tw-gradient-from-position: ;--maz-tw-gradient-via-position: ;--maz-tw-gradient-to-position: ;--maz-tw-ordinal: ;--maz-tw-slashed-zero: ;--maz-tw-numeric-figure: ;--maz-tw-numeric-spacing: ;--maz-tw-numeric-fraction: ;--maz-tw-ring-inset: ;--maz-tw-ring-offset-width:0px;--maz-tw-ring-offset-color:#fff;--maz-tw-ring-color:rgba(59,130,246,.5);--maz-tw-ring-offset-shadow:0 0 #0000;--maz-tw-ring-shadow:0 0 #0000;--maz-tw-shadow:0 0 #0000;--maz-tw-shadow-colored:0 0 #0000;--maz-tw-blur: ;--maz-tw-brightness: ;--maz-tw-contrast: ;--maz-tw-grayscale: ;--maz-tw-hue-rotate: ;--maz-tw-invert: ;--maz-tw-saturate: ;--maz-tw-sepia: ;--maz-tw-drop-shadow: ;--maz-tw-backdrop-blur: ;--maz-tw-backdrop-brightness: ;--maz-tw-backdrop-contrast: ;--maz-tw-backdrop-grayscale: ;--maz-tw-backdrop-hue-rotate: ;--maz-tw-backdrop-invert: ;--maz-tw-backdrop-opacity: ;--maz-tw-backdrop-saturate: ;--maz-tw-backdrop-sepia: ;--maz-tw-contain-size: ;--maz-tw-contain-layout: ;--maz-tw-contain-paint: ;--maz-tw-contain-style: }::backdrop{--maz-tw-border-spacing-x:0;--maz-tw-border-spacing-y:0;--maz-tw-translate-x:0;--maz-tw-translate-y:0;--maz-tw-rotate:0;--maz-tw-skew-x:0;--maz-tw-skew-y:0;--maz-tw-scale-x:1;--maz-tw-scale-y:1;--maz-tw-pan-x: ;--maz-tw-pan-y: ;--maz-tw-pinch-zoom: ;--maz-tw-scroll-snap-strictness:proximity;--maz-tw-gradient-from-position: ;--maz-tw-gradient-via-position: ;--maz-tw-gradient-to-position: ;--maz-tw-ordinal: ;--maz-tw-slashed-zero: ;--maz-tw-numeric-figure: ;--maz-tw-numeric-spacing: ;--maz-tw-numeric-fraction: ;--maz-tw-ring-inset: ;--maz-tw-ring-offset-width:0px;--maz-tw-ring-offset-color:#fff;--maz-tw-ring-color:rgba(59,130,246,.5);--maz-tw-ring-offset-shadow:0 0 #0000;--maz-tw-ring-shadow:0 0 #0000;--maz-tw-shadow:0 0 #0000;--maz-tw-shadow-colored:0 0 #0000;--maz-tw-blur: ;--maz-tw-brightness: ;--maz-tw-contrast: ;--maz-tw-grayscale: ;--maz-tw-hue-rotate: ;--maz-tw-invert: ;--maz-tw-saturate: ;--maz-tw-sepia: ;--maz-tw-drop-shadow: ;--maz-tw-backdrop-blur: ;--maz-tw-backdrop-brightness: ;--maz-tw-backdrop-contrast: ;--maz-tw-backdrop-grayscale: ;--maz-tw-backdrop-hue-rotate: ;--maz-tw-backdrop-invert: ;--maz-tw-backdrop-opacity: ;--maz-tw-backdrop-saturate: ;--maz-tw-backdrop-sepia: ;--maz-tw-contain-size: ;--maz-tw-contain-layout: ;--maz-tw-contain-paint: ;--maz-tw-contain-style: }.maz-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.maz-invisible{visibility:hidden}.\!maz-absolute{position:absolute!important}.maz-relative{position:relative}.\!maz-my-0{margin-bottom:0!important;margin-top:0!important}.maz-ml-2{margin-left:.5rem}.maz-flex{display:flex}.maz-inline-flex{display:inline-flex}.maz-table{display:table}.maz-hidden{display:none}.maz-size-5{height:1.25rem;width:1.25rem}.maz-size-6{height:1.5rem;width:1.5rem}.maz-size-8{height:2rem;width:2rem}.maz-size-full{height:100%;width:100%}.maz-h-5{height:1.25rem}.maz-h-full{height:100%}.maz-w-5{width:1.25rem}.maz-w-full{width:100%}.maz-min-w-0{min-width:0}.maz-max-w-full{max-width:100%}.maz-max-w-xs{max-width:20rem}.maz-flex-1{flex:1 1 0%}.maz-flex-none{flex:none}.-maz-rotate-180{--maz-tw-rotate:-180deg}.-maz-rotate-180,.maz-rotate-180{transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y)) rotate(var(--maz-tw-rotate)) skewX(var(--maz-tw-skew-x)) skewY(var(--maz-tw-skew-y)) scaleX(var(--maz-tw-scale-x)) scaleY(var(--maz-tw-scale-y))}.maz-rotate-180{--maz-tw-rotate:180deg}.maz-flex-col{flex-direction:column}.maz-items-center{align-items:center}.maz-justify-end{justify-content:flex-end}.maz-justify-between{justify-content:space-between}.maz-gap-2{gap:.5rem}.maz-space-x-2>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--maz-tw-space-x-reverse)));margin-right:calc(.5rem*var(--maz-tw-space-x-reverse))}.maz-overflow-hidden{overflow:hidden}.maz-overflow-x-auto{overflow-x:auto}.maz-truncate{overflow:hidden;text-overflow:ellipsis}.maz-truncate,.maz-whitespace-nowrap{white-space:nowrap}.maz-whitespace-pre-wrap{white-space:pre-wrap}.maz-break-words{overflow-wrap:break-word}.maz-rounded{border-radius:var(--maz-radius)}.maz-rounded-xl{border-radius:calc(var(--maz-radius) + 8px)}.maz-rounded-t{border-top-left-radius:var(--maz-radius);border-top-right-radius:var(--maz-radius)}.maz-border{border-width:var(--maz-border-width)}.maz-border-b{border-bottom-width:var(--maz-border-width)}.maz-border-t{border-top-width:var(--maz-border-width)}.maz-border-solid{border-style:solid}.\!maz-border-destructive{--maz-tw-border-opacity:1!important;border-color:hsl(var(--maz-destructive)/var(--maz-tw-border-opacity,1))!important}.\!maz-border-success{--maz-tw-border-opacity:1!important;border-color:hsl(var(--maz-success)/var(--maz-tw-border-opacity,1))!important}.\!maz-border-warning{--maz-tw-border-opacity:1!important;border-color:hsl(var(--maz-warning)/var(--maz-tw-border-opacity,1))!important}.maz-border-accent{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-accent)/var(--maz-tw-border-opacity,1))}.maz-border-contrast{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-contrast)/var(--maz-tw-border-opacity,1))}.maz-border-destructive{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive)/var(--maz-tw-border-opacity,1))}.maz-border-divider{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}.maz-border-divider-400{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border-400)/var(--maz-tw-border-opacity,1))}.maz-border-info{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-info)/var(--maz-tw-border-opacity,1))}.maz-border-primary{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-primary)/var(--maz-tw-border-opacity,1))}.maz-border-secondary{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-secondary)/var(--maz-tw-border-opacity,1))}.maz-border-success{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-success)/var(--maz-tw-border-opacity,1))}.maz-border-transparent{border-color:transparent}.maz-border-warning{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-warning)/var(--maz-tw-border-opacity,1))}.maz-bg-contrast-700{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast-700)/var(--maz-tw-bg-opacity,1))}.maz-bg-destructive-700{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive-700)/var(--maz-tw-bg-opacity,1))}.maz-bg-info-700{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info-700)/var(--maz-tw-bg-opacity,1))}.maz-bg-success-700{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success-700)/var(--maz-tw-bg-opacity,1))}.maz-bg-surface-400{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.maz-bg-warning-700{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning-700)/var(--maz-tw-bg-opacity,1))}.maz-p-2{padding:.5rem}.maz-p-3{padding:.75rem}.maz-p-4{padding:1rem}.maz-text-center{text-align:center}.maz-text-start{text-align:start}.maz-text-end{text-align:end}.maz-text-2xl{font-size:1.5rem;line-height:2rem}.maz-text-3xl{font-size:1.875rem;line-height:2.25rem}.maz-text-base{font-size:1rem;line-height:1.5rem}.maz-text-lg{font-size:1.125rem;line-height:1.75rem}.maz-text-sm{font-size:.875rem;line-height:1.25rem}.maz-text-xl{font-size:1.25rem;line-height:1.75rem}.maz-text-xs{font-size:.75rem;line-height:1rem}.maz-font-semibold{font-weight:600}.\!maz-text-destructive-600{--maz-tw-text-opacity:1!important;color:hsl(var(--maz-destructive-600)/var(--maz-tw-text-opacity,1))!important}.\!maz-text-success-600{--maz-tw-text-opacity:1!important;color:hsl(var(--maz-success-600)/var(--maz-tw-text-opacity,1))!important}.\!maz-text-warning-600{--maz-tw-text-opacity:1!important;color:hsl(var(--maz-warning-600)/var(--maz-tw-text-opacity,1))!important}.maz-text-destructive-600{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-600)/var(--maz-tw-text-opacity,1))}.maz-text-foreground{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.maz-text-muted{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.maz-text-success-600{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-600)/var(--maz-tw-text-opacity,1))}.maz-text-warning-600{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-600)/var(--maz-tw-text-opacity,1))}.maz-shadow-elevation{--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored)}.maz-drop-shadow-md{--maz-tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06));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)}.maz-flex-center{align-items:center;justify-content:center}.maz-padded-container{padding-inline:var(--maz-container-padding);width:100%}.maz-group:hover .group-hover\:maz-block{display:block}@media (min-width:640px){.tab-s\:maz-block{display:block}}
|
|
1
|
+
@layer maz-ui-reset, maz-ui-theme, maz-ui-animations, maz-ui-utilities;@layer maz-ui-reset{.m-reset-css,.m-reset-css *,.m-reset-css:after,.m-reset-css:before{border:0 solid;box-sizing:border-box}.m-reset-css button,.m-reset-css:is(button){background-color:inherit;padding:inherit}.m-reset-css button,.m-reset-css input,.m-reset-css optgroup,.m-reset-css select,.m-reset-css textarea,.m-reset-css:is(button),.m-reset-css:is(input),.m-reset-css:is(optgroup),.m-reset-css:is(select),.m-reset-css:is(textarea){color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0}}@layer maz-ui-utilities{:root{--maz-container-padding-mobile:1rem;--maz-container-padding-tablet:2rem;--maz-container-padding-desktop:2.5rem;--maz-container-padding-value:var(--maz-container-padding-mobile);--maz-container-width:calc(100% - var(--maz-container-padding-value)*2);--maz-container-padding:calc(50% - var(--maz-container-width)/2);--maz-container-max-width:1440px}@media only screen and (width >= 1520px){:root{--maz-container-width:var(--maz-container-max-width)}}@media (min-width:576px){:root{--maz-container-padding-value:var(--maz-container-padding-tablet)}}@media (min-width:1024px){:root{--maz-container-padding-value:var(--maz-container-padding-desktop)}}}@layer maz-ui-animations{.maz-scale-enter-active,.maz-scale-leave-active{opacity:1;transition:all .2s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-enter-from,.maz-scale-leave-to{opacity:.4;transform:scale(0);z-index:1}.maz-scale-fade-enter-active,.maz-scale-fade-leave-active{opacity:1;transition:all .2s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-fade-enter-from,.maz-scale-fade-leave-to{opacity:0;transform:scale(.5);z-index:1}.maz-scale-loading-enter-active,.maz-scale-loading-leave-active{opacity:1;transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active .app-loader__content{opacity:1;transform:scale(1);transition:all .5s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-loading-enter-from .app-loader__content,.maz-scale-loading-leave-to .app-loader__content{opacity:.4;transform:scale(0);z-index:1}.maz-scale-loading-enter-from,.maz-scale-loading-leave-to{opacity:0;transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-slidevnext-enter-active,.maz-slidevnext-leave-active,.maz-slidevprev-enter-active,.maz-slidevprev-leave-active{position:absolute;transition:all .2s}.maz-slidevnext-enter-from,.maz-slidevprev-leave-to{opacity:0;transform:translateY(100%)}.maz-slidevnext-leave-to,.maz-slidevprev-enter-from{opacity:0;transform:translateY(-100%)}.maz-slide-enter-active,.maz-slide-leave-active{opacity:1;transform:translateY(0);transition:all .2s ease-in-out;z-index:998}.maz-slide-enter-from,.maz-slide-leave-to{opacity:0;transform:translateY(-20px);z-index:998}.maz-slideinvert-enter-active,.maz-slideinvert-leave-active{opacity:1;transform:translateY(0);transition:all .2s ease-in-out;z-index:998}.maz-slideinvert-enter-from,.maz-slideinvert-leave-to{opacity:0;transform:translateY(40px);z-index:998}.maz-tags-enter-active,.maz-tags-leave-active{opacity:1;transform:translateX(0);transition:all .2s ease-in-out}.maz-tags-enter-from,.maz-tags-leave-to{opacity:0;transform:translateX(-100%);transition:all .2s ease-in-out}.maz-tags-invert-enter-active,.maz-tags-invert-leave-active{opacity:1;transform:translateX(0);transition:transform .2s,opacity .2s}.maz-tags-invert-enter-from,.maz-tags-invert-leave-to{opacity:0;transform:translateX(100%)}.maz-expand-enter-active,.maz-expand-leave-active{overflow:hidden;transition:all .2s ease-in-out;transition-property:opacity,height}.maz-expand-enter-from,.maz-expand-leave-to{height:0;opacity:0}.maz-tab-transition-enter-from{transform:translate(100%)}.maz-tab-transition-leave,.maz-tab-transition-leave-active{position:absolute!important;top:0}.maz-tab-transition-leave-to{position:absolute!important;transform:translate(-100%)}.maz-tab-reverse-transition-enter-from{transform:translate(-100%)}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-active{position:absolute!important;top:0}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-to{position:absolute!important;top:0;transform:translate(100%)}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}}*,:after,:before{--maz-tw-border-spacing-x:0;--maz-tw-border-spacing-y:0;--maz-tw-translate-x:0;--maz-tw-translate-y:0;--maz-tw-rotate:0;--maz-tw-skew-x:0;--maz-tw-skew-y:0;--maz-tw-scale-x:1;--maz-tw-scale-y:1;--maz-tw-pan-x: ;--maz-tw-pan-y: ;--maz-tw-pinch-zoom: ;--maz-tw-scroll-snap-strictness:proximity;--maz-tw-gradient-from-position: ;--maz-tw-gradient-via-position: ;--maz-tw-gradient-to-position: ;--maz-tw-ordinal: ;--maz-tw-slashed-zero: ;--maz-tw-numeric-figure: ;--maz-tw-numeric-spacing: ;--maz-tw-numeric-fraction: ;--maz-tw-ring-inset: ;--maz-tw-ring-offset-width:0px;--maz-tw-ring-offset-color:#fff;--maz-tw-ring-color:rgba(59,130,246,.5);--maz-tw-ring-offset-shadow:0 0 #0000;--maz-tw-ring-shadow:0 0 #0000;--maz-tw-shadow:0 0 #0000;--maz-tw-shadow-colored:0 0 #0000;--maz-tw-blur: ;--maz-tw-brightness: ;--maz-tw-contrast: ;--maz-tw-grayscale: ;--maz-tw-hue-rotate: ;--maz-tw-invert: ;--maz-tw-saturate: ;--maz-tw-sepia: ;--maz-tw-drop-shadow: ;--maz-tw-backdrop-blur: ;--maz-tw-backdrop-brightness: ;--maz-tw-backdrop-contrast: ;--maz-tw-backdrop-grayscale: ;--maz-tw-backdrop-hue-rotate: ;--maz-tw-backdrop-invert: ;--maz-tw-backdrop-opacity: ;--maz-tw-backdrop-saturate: ;--maz-tw-backdrop-sepia: ;--maz-tw-contain-size: ;--maz-tw-contain-layout: ;--maz-tw-contain-paint: ;--maz-tw-contain-style: }::backdrop{--maz-tw-border-spacing-x:0;--maz-tw-border-spacing-y:0;--maz-tw-translate-x:0;--maz-tw-translate-y:0;--maz-tw-rotate:0;--maz-tw-skew-x:0;--maz-tw-skew-y:0;--maz-tw-scale-x:1;--maz-tw-scale-y:1;--maz-tw-pan-x: ;--maz-tw-pan-y: ;--maz-tw-pinch-zoom: ;--maz-tw-scroll-snap-strictness:proximity;--maz-tw-gradient-from-position: ;--maz-tw-gradient-via-position: ;--maz-tw-gradient-to-position: ;--maz-tw-ordinal: ;--maz-tw-slashed-zero: ;--maz-tw-numeric-figure: ;--maz-tw-numeric-spacing: ;--maz-tw-numeric-fraction: ;--maz-tw-ring-inset: ;--maz-tw-ring-offset-width:0px;--maz-tw-ring-offset-color:#fff;--maz-tw-ring-color:rgba(59,130,246,.5);--maz-tw-ring-offset-shadow:0 0 #0000;--maz-tw-ring-shadow:0 0 #0000;--maz-tw-shadow:0 0 #0000;--maz-tw-shadow-colored:0 0 #0000;--maz-tw-blur: ;--maz-tw-brightness: ;--maz-tw-contrast: ;--maz-tw-grayscale: ;--maz-tw-hue-rotate: ;--maz-tw-invert: ;--maz-tw-saturate: ;--maz-tw-sepia: ;--maz-tw-drop-shadow: ;--maz-tw-backdrop-blur: ;--maz-tw-backdrop-brightness: ;--maz-tw-backdrop-contrast: ;--maz-tw-backdrop-grayscale: ;--maz-tw-backdrop-hue-rotate: ;--maz-tw-backdrop-invert: ;--maz-tw-backdrop-opacity: ;--maz-tw-backdrop-saturate: ;--maz-tw-backdrop-sepia: ;--maz-tw-contain-size: ;--maz-tw-contain-layout: ;--maz-tw-contain-paint: ;--maz-tw-contain-style: }.maz-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.maz-invisible{visibility:hidden}.\!maz-absolute{position:absolute!important}.maz-relative{position:relative}.\!maz-my-0{margin-bottom:0!important;margin-top:0!important}.maz-ml-2{margin-left:.5rem}.maz-flex{display:flex}.maz-inline-flex{display:inline-flex}.maz-table{display:table}.maz-hidden{display:none}.maz-size-5{height:1.25rem;width:1.25rem}.maz-size-6{height:1.5rem;width:1.5rem}.maz-size-8{height:2rem;width:2rem}.maz-size-full{height:100%;width:100%}.maz-h-5{height:1.25rem}.maz-h-full{height:100%}.maz-w-5{width:1.25rem}.maz-w-full{width:100%}.maz-min-w-0{min-width:0}.maz-max-w-full{max-width:100%}.maz-max-w-xs{max-width:20rem}.maz-flex-1{flex:1 1 0%}.maz-flex-none{flex:none}.-maz-rotate-180{--maz-tw-rotate:-180deg}.-maz-rotate-180,.maz-rotate-180{transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y)) rotate(var(--maz-tw-rotate)) skewX(var(--maz-tw-skew-x)) skewY(var(--maz-tw-skew-y)) scaleX(var(--maz-tw-scale-x)) scaleY(var(--maz-tw-scale-y))}.maz-rotate-180{--maz-tw-rotate:180deg}.maz-flex-col{flex-direction:column}.maz-items-center{align-items:center}.maz-justify-end{justify-content:flex-end}.maz-justify-between{justify-content:space-between}.maz-gap-2{gap:.5rem}.maz-space-x-2>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--maz-tw-space-x-reverse)));margin-right:calc(.5rem*var(--maz-tw-space-x-reverse))}.maz-overflow-hidden{overflow:hidden}.maz-overflow-x-auto{overflow-x:auto}.maz-truncate{overflow:hidden;text-overflow:ellipsis}.maz-truncate,.maz-whitespace-nowrap{white-space:nowrap}.maz-whitespace-pre-wrap{white-space:pre-wrap}.maz-break-words{overflow-wrap:break-word}.maz-rounded{border-radius:var(--maz-radius)}.maz-rounded-xl{border-radius:calc(var(--maz-radius) + 8px)}.maz-rounded-t{border-top-left-radius:var(--maz-radius);border-top-right-radius:var(--maz-radius)}.maz-border{border-width:var(--maz-border-width)}.maz-border-b{border-bottom-width:var(--maz-border-width)}.maz-border-t{border-top-width:var(--maz-border-width)}.maz-border-solid{border-style:solid}.\!maz-border-destructive{--maz-tw-border-opacity:1!important;border-color:hsl(var(--maz-destructive)/var(--maz-tw-border-opacity,1))!important}.\!maz-border-success{--maz-tw-border-opacity:1!important;border-color:hsl(var(--maz-success)/var(--maz-tw-border-opacity,1))!important}.\!maz-border-warning{--maz-tw-border-opacity:1!important;border-color:hsl(var(--maz-warning)/var(--maz-tw-border-opacity,1))!important}.maz-border-accent{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-accent)/var(--maz-tw-border-opacity,1))}.maz-border-contrast{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-contrast)/var(--maz-tw-border-opacity,1))}.maz-border-destructive{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive)/var(--maz-tw-border-opacity,1))}.maz-border-divider{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}.maz-border-divider-400{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border-400)/var(--maz-tw-border-opacity,1))}.maz-border-info{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-info)/var(--maz-tw-border-opacity,1))}.maz-border-primary{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-primary)/var(--maz-tw-border-opacity,1))}.maz-border-secondary{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-secondary)/var(--maz-tw-border-opacity,1))}.maz-border-success{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-success)/var(--maz-tw-border-opacity,1))}.maz-border-transparent{border-color:transparent}.maz-border-warning{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-warning)/var(--maz-tw-border-opacity,1))}.maz-bg-contrast-foreground{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast-foreground)/var(--maz-tw-bg-opacity,1))}.maz-bg-destructive-700{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive-700)/var(--maz-tw-bg-opacity,1))}.maz-bg-info-700{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info-700)/var(--maz-tw-bg-opacity,1))}.maz-bg-success-700{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success-700)/var(--maz-tw-bg-opacity,1))}.maz-bg-surface-400{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.maz-bg-warning-700{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning-700)/var(--maz-tw-bg-opacity,1))}.maz-p-2{padding:.5rem}.maz-p-3{padding:.75rem}.maz-p-4{padding:1rem}.maz-text-center{text-align:center}.maz-text-start{text-align:start}.maz-text-end{text-align:end}.maz-text-2xl{font-size:1.5rem;line-height:2rem}.maz-text-3xl{font-size:1.875rem;line-height:2.25rem}.maz-text-base{font-size:1rem;line-height:1.5rem}.maz-text-lg{font-size:1.125rem;line-height:1.75rem}.maz-text-sm{font-size:.875rem;line-height:1.25rem}.maz-text-xl{font-size:1.25rem;line-height:1.75rem}.maz-text-xs{font-size:.75rem;line-height:1rem}.maz-font-semibold{font-weight:600}.\!maz-text-destructive-600{--maz-tw-text-opacity:1!important;color:hsl(var(--maz-destructive-600)/var(--maz-tw-text-opacity,1))!important}.\!maz-text-success-600{--maz-tw-text-opacity:1!important;color:hsl(var(--maz-success-600)/var(--maz-tw-text-opacity,1))!important}.\!maz-text-warning-600{--maz-tw-text-opacity:1!important;color:hsl(var(--maz-warning-600)/var(--maz-tw-text-opacity,1))!important}.maz-text-destructive-600{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-600)/var(--maz-tw-text-opacity,1))}.maz-text-foreground{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.maz-text-muted{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.maz-text-success-600{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-600)/var(--maz-tw-text-opacity,1))}.maz-text-warning-600{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-600)/var(--maz-tw-text-opacity,1))}.maz-shadow-elevation{--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored)}.maz-drop-shadow-md{--maz-tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06));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)}.maz-flex-center{align-items:center;justify-content:center}.maz-padded-container{padding-inline:var(--maz-container-padding);width:100%}.maz-group:hover .group-hover\:maz-block{display:block}@media (min-width:640px){.tab-s\:maz-block{display:block}}
|
package/dist/plugins/maz-ui.js
CHANGED
|
@@ -95,58 +95,80 @@ const DEFAULT_CRITICAL_COLORS = [
|
|
|
95
95
|
"base-font-size",
|
|
96
96
|
"border-width"
|
|
97
97
|
], scaleColors = ["primary", "secondary", "accent", "destructive", "success", "warning", "info", "contrast", "background", "foreground", "border", "muted", "overlay", "shadow"];
|
|
98
|
-
function generateCriticalCSS(preset, options = {
|
|
98
|
+
function generateCriticalCSS(preset, options = {
|
|
99
|
+
mode: "both",
|
|
100
|
+
darkSelectorStrategy: "class"
|
|
101
|
+
}) {
|
|
99
102
|
const {
|
|
100
103
|
criticalColors = DEFAULT_CRITICAL_COLORS,
|
|
101
104
|
criticalFoundation = DEFAULT_CRITICAL_FOUNDATION,
|
|
102
|
-
mode
|
|
103
|
-
darkSelectorStrategy
|
|
105
|
+
mode,
|
|
106
|
+
darkSelectorStrategy,
|
|
104
107
|
prefix = "maz"
|
|
105
|
-
} = options,
|
|
108
|
+
} = options, foundationCritical = extractCriticalFoundation(preset.foundation, criticalFoundation);
|
|
106
109
|
let css = `@layer maz-ui-theme {
|
|
107
110
|
`;
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
111
|
+
if (mode === "light" || mode === "both") {
|
|
112
|
+
const lightCritical = extractCriticalVariables(preset.colors.light, criticalColors);
|
|
113
|
+
css += generateVariablesBlock({
|
|
114
|
+
selector: ":root",
|
|
115
|
+
colors: lightCritical,
|
|
116
|
+
foundation: foundationCritical,
|
|
117
|
+
prefix
|
|
118
|
+
});
|
|
119
|
+
}
|
|
120
|
+
if (mode === "dark" || mode === "both") {
|
|
121
|
+
const darkCritical = extractCriticalVariables(preset.colors.dark, criticalColors);
|
|
122
|
+
css += generateVariablesBlock({
|
|
123
|
+
selector: darkSelectorStrategy === "media" ? ":root" : ".dark",
|
|
124
|
+
mediaQuery: darkSelectorStrategy === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
|
|
125
|
+
colors: darkCritical,
|
|
126
|
+
foundation: foundationCritical,
|
|
127
|
+
prefix
|
|
128
|
+
});
|
|
129
|
+
}
|
|
130
|
+
return css += `}
|
|
120
131
|
`, css;
|
|
121
132
|
}
|
|
122
|
-
function generateFullCSS(preset, options = {
|
|
133
|
+
function generateFullCSS(preset, options = {
|
|
134
|
+
mode: "both",
|
|
135
|
+
darkSelectorStrategy: "class"
|
|
136
|
+
}) {
|
|
123
137
|
const {
|
|
124
138
|
excludeCritical = DEFAULT_CRITICAL_COLORS,
|
|
125
|
-
mode
|
|
126
|
-
darkSelectorStrategy
|
|
139
|
+
mode,
|
|
140
|
+
darkSelectorStrategy,
|
|
127
141
|
prefix = "maz",
|
|
128
142
|
includeColorScales = !0
|
|
129
|
-
} = options,
|
|
143
|
+
} = options, foundation = excludeFoundationVariables(preset.foundation, DEFAULT_CRITICAL_FOUNDATION);
|
|
130
144
|
let css = `@layer maz-ui-theme {
|
|
131
145
|
`;
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
146
|
+
if (mode === "light" || mode === "both") {
|
|
147
|
+
const lightColors = excludeVariables(preset.colors.light, excludeCritical);
|
|
148
|
+
css += generateVariablesBlock({
|
|
149
|
+
selector: ":root",
|
|
150
|
+
colors: lightColors,
|
|
151
|
+
foundation,
|
|
152
|
+
prefix,
|
|
153
|
+
includeScales: includeColorScales,
|
|
154
|
+
preset
|
|
155
|
+
});
|
|
156
|
+
}
|
|
157
|
+
if (mode === "dark" || mode === "both") {
|
|
158
|
+
const darkColors = excludeVariables(preset.colors.dark, excludeCritical);
|
|
159
|
+
css += generateVariablesBlock({
|
|
160
|
+
selector: darkSelectorStrategy === "media" ? ":root" : ".dark",
|
|
161
|
+
mediaQuery: darkSelectorStrategy === "media" ? "@media (prefers-color-scheme: dark)" : void 0,
|
|
162
|
+
colors: darkColors,
|
|
163
|
+
foundation: mode === "dark" ? foundation : void 0,
|
|
164
|
+
// Appearance only if dark mode only
|
|
165
|
+
prefix,
|
|
166
|
+
includeScales: includeColorScales,
|
|
167
|
+
preset,
|
|
168
|
+
isDark: !0
|
|
169
|
+
});
|
|
170
|
+
}
|
|
171
|
+
return css += `}
|
|
150
172
|
`, css;
|
|
151
173
|
}
|
|
152
174
|
function extractCriticalVariables(colors, criticalKeys) {
|
|
@@ -236,7 +258,7 @@ async function getPreset(preset) {
|
|
|
236
258
|
return ocean;
|
|
237
259
|
}
|
|
238
260
|
if (preset === "pristine") {
|
|
239
|
-
const { pristine } = await import("../chunks/pristine.
|
|
261
|
+
const { pristine } = await import("../chunks/pristine.CxBZzgUG.js");
|
|
240
262
|
return pristine;
|
|
241
263
|
}
|
|
242
264
|
if (preset === "obsidian") {
|
|
@@ -249,10 +271,10 @@ function getColorMode(colorMode) {
|
|
|
249
271
|
if (colorMode && ["light", "dark"].includes(colorMode))
|
|
250
272
|
return colorMode;
|
|
251
273
|
const savedMode = getCookie("maz-color-mode");
|
|
252
|
-
return savedMode && ["light", "dark"].includes(savedMode) ? savedMode :
|
|
274
|
+
return savedMode && ["light", "dark"].includes(savedMode) ? savedMode : "auto";
|
|
253
275
|
}
|
|
254
|
-
function
|
|
255
|
-
return typeof globalThis.window < "u" && typeof globalThis.matchMedia == "function" && globalThis.matchMedia("(prefers-color-scheme: dark)").matches
|
|
276
|
+
function isSystemPrefersDark() {
|
|
277
|
+
return typeof globalThis.window < "u" && typeof globalThis.matchMedia == "function" && globalThis.matchMedia("(prefers-color-scheme: dark)").matches;
|
|
256
278
|
}
|
|
257
279
|
function applyDarkMode(darkModeStrategy, isDark) {
|
|
258
280
|
typeof document > "u" || darkModeStrategy !== "class" || (isDark ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark"));
|
|
@@ -261,7 +283,8 @@ function injectThemeCSS(finalPreset, config) {
|
|
|
261
283
|
if (typeof document > "u")
|
|
262
284
|
return;
|
|
263
285
|
const cssOptions = {
|
|
264
|
-
mode: config.mode
|
|
286
|
+
mode: config.mode,
|
|
287
|
+
darkSelectorStrategy: config.darkModeStrategy
|
|
265
288
|
};
|
|
266
289
|
if (config.injectCriticalCSS) {
|
|
267
290
|
const criticalCSS = generateCriticalCSS(finalPreset, cssOptions);
|
|
@@ -282,13 +305,14 @@ const MazUiTheme = {
|
|
|
282
305
|
const config = {
|
|
283
306
|
preset: "maz-ui",
|
|
284
307
|
strategy: "runtime",
|
|
308
|
+
overrides: {},
|
|
285
309
|
darkModeStrategy: "class",
|
|
286
|
-
colorMode: options.mode !== "both" ? options.mode : options.colorMode,
|
|
310
|
+
colorMode: (options.mode !== "both" ? options.mode : options.colorMode) ?? "auto",
|
|
287
311
|
injectCriticalCSS: !0,
|
|
288
312
|
injectFullCSS: !0,
|
|
289
313
|
mode: "both",
|
|
290
314
|
...options
|
|
291
|
-
}, colorMode = config.mode !== "both" ? config.mode : getColorMode(config.colorMode), isDark = colorMode === "auto" && config.mode === "both" ?
|
|
315
|
+
}, colorMode = config.mode !== "both" ? config.mode : getColorMode(config.colorMode), isDark = colorMode === "auto" && config.mode === "both" ? isSystemPrefersDark() : colorMode === "dark" || config.mode === "dark", themeState = reactive({
|
|
292
316
|
// @ts-expect-error - empty currentPreset to avoid error
|
|
293
317
|
currentPreset: {},
|
|
294
318
|
mode: config.mode,
|
|
@@ -298,7 +322,7 @@ const MazUiTheme = {
|
|
|
298
322
|
darkModeStrategy: config.darkModeStrategy
|
|
299
323
|
});
|
|
300
324
|
applyDarkMode(config.darkModeStrategy, isDark), injectThemeState(app, themeState);
|
|
301
|
-
const preset = await getPreset(config.preset), finalPreset = config.overrides ? {
|
|
325
|
+
const preset = await getPreset(config.preset), finalPreset = Object.keys(config.overrides).length > 0 ? {
|
|
302
326
|
...preset,
|
|
303
327
|
foundation: {
|
|
304
328
|
...preset.foundation,
|
package/dist/plugins/toast.js
CHANGED
|
@@ -3,7 +3,7 @@ import { defineComponent, defineAsyncComponent, ref, computed, watch, onMounted,
|
|
|
3
3
|
import { MazExclamationCircle, MazCheckCircle, MazInformationCircle, MazExclamationTriangle, MazXMark, MazArrowTopRightOnSquare, MazLinkIcon } from "@maz-ui/icons";
|
|
4
4
|
import { useTimer } from "../composables/useTimer.js";
|
|
5
5
|
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
6
|
-
import '../assets/toast.
|
|
6
|
+
import '../assets/toast.DH9mbkvs.css';const _hoisted_1 = ["textContent", "innerHTML"], _hoisted_2 = {
|
|
7
7
|
key: 1,
|
|
8
8
|
class: "m-toast__progress-bar"
|
|
9
9
|
}, _sfc_main = /* @__PURE__ */ defineComponent({
|
|
@@ -78,7 +78,7 @@ import '../assets/toast.CC2VQab8.css';const _hoisted_1 = ["textContent", "innerH
|
|
|
78
78
|
case "warning":
|
|
79
79
|
return "maz-bg-warning-700";
|
|
80
80
|
default:
|
|
81
|
-
return "maz-bg-contrast-
|
|
81
|
+
return "maz-bg-contrast-foreground";
|
|
82
82
|
}
|
|
83
83
|
}
|
|
84
84
|
watch(
|
|
@@ -115,8 +115,7 @@ import '../assets/toast.CC2VQab8.css';const _hoisted_1 = ["textContent", "innerH
|
|
|
115
115
|
container && !container?.hasChildNodes() && container.remove();
|
|
116
116
|
}
|
|
117
117
|
function getButtonRightIcon(button) {
|
|
118
|
-
|
|
119
|
-
return button.target === "_blank" ? MazArrowTopRightOnSquare : MazLinkIcon;
|
|
118
|
+
return !button.to && !button.href ? button.rightIcon : button.target === "_blank" ? MazArrowTopRightOnSquare : MazLinkIcon;
|
|
120
119
|
}
|
|
121
120
|
return __expose({
|
|
122
121
|
/**
|
|
@@ -161,7 +160,10 @@ import '../assets/toast.CC2VQab8.css';const _hoisted_1 = ["textContent", "innerH
|
|
|
161
160
|
textContent: toDisplayString(_ctx.html ? void 0 : _ctx.message),
|
|
162
161
|
innerHTML: _ctx.html ? _ctx.message : void 0
|
|
163
162
|
}, null, 8, _hoisted_1),
|
|
164
|
-
(openBlock(!0), createElementBlock(Fragment, null, renderList(internalButtons.value, (toastButton, index) => (openBlock(), createBlock(unref(MazBtn), mergeProps({ key: index }, { ref_for: !0 },
|
|
163
|
+
(openBlock(!0), createElementBlock(Fragment, null, renderList(internalButtons.value, (toastButton, index) => (openBlock(), createBlock(unref(MazBtn), mergeProps({ key: index }, { ref_for: !0 }, {
|
|
164
|
+
...toastButton,
|
|
165
|
+
onClick: void 0
|
|
166
|
+
}, {
|
|
165
167
|
loading: isActionLoading.value || toastButton.loading,
|
|
166
168
|
"right-icon": getButtonRightIcon(toastButton),
|
|
167
169
|
onClick: withModifiers(($event) => onButtonClick(toastButton, $event), ["stop"])
|
|
@@ -188,7 +190,7 @@ import '../assets/toast.CC2VQab8.css';const _hoisted_1 = ["textContent", "innerH
|
|
|
188
190
|
_: 1
|
|
189
191
|
}, 8, ["name"]));
|
|
190
192
|
}
|
|
191
|
-
}), MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
193
|
+
}), MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dbba0109"]]), DEFAULT_OPTIONS = {
|
|
192
194
|
position: "bottom-right",
|
|
193
195
|
timeout: 1e4,
|
|
194
196
|
persistent: !1
|
|
@@ -360,6 +360,7 @@ declare function __VLS_template(): {
|
|
|
360
360
|
close: () => void;
|
|
361
361
|
toggle: () => void;
|
|
362
362
|
isOpen: boolean;
|
|
363
|
+
trigger: "click" | "hover" | "manual";
|
|
363
364
|
}): any;
|
|
364
365
|
default?(_: {
|
|
365
366
|
open: () => void;
|
|
@@ -388,11 +389,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
388
389
|
color: MazColor;
|
|
389
390
|
disabled: boolean;
|
|
390
391
|
open: boolean;
|
|
392
|
+
format: string;
|
|
391
393
|
double: boolean;
|
|
392
394
|
inline: boolean;
|
|
393
395
|
range: boolean;
|
|
394
396
|
shortcuts: MazDatePickerShortcut[] | boolean;
|
|
395
|
-
format: string;
|
|
396
397
|
minDate: string;
|
|
397
398
|
maxDate: string;
|
|
398
399
|
disabledWeekly: number[];
|
|
@@ -524,6 +525,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
524
525
|
close: () => void;
|
|
525
526
|
toggle: () => void;
|
|
526
527
|
isOpen: boolean;
|
|
528
|
+
trigger: "click" | "hover" | "manual";
|
|
527
529
|
}): any;
|
|
528
530
|
default?(_: {
|
|
529
531
|
open: () => void;
|
|
@@ -115,10 +115,10 @@ declare const _default: import('vue').DefineComponent<MazInputNumberProps, {}, {
|
|
|
115
115
|
style: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
|
|
116
116
|
class: HTMLAttributes["class"];
|
|
117
117
|
disabled: boolean;
|
|
118
|
+
max: number;
|
|
119
|
+
min: number;
|
|
118
120
|
modelValue: number;
|
|
119
121
|
step: number;
|
|
120
|
-
min: number;
|
|
121
|
-
max: number;
|
|
122
122
|
inputmode: "search" | "text" | "none" | "decimal" | "email" | "url" | "numeric" | "tel";
|
|
123
123
|
textCenter: boolean;
|
|
124
124
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
@@ -38,11 +38,11 @@ declare const _default: import('vue').DefineComponent<MazInputPriceProps, {}, {}
|
|
|
38
38
|
"onUpdate:model-value"?: ((value: number | undefined) => any) | undefined;
|
|
39
39
|
onFormatted?: ((value: string | undefined) => any) | undefined;
|
|
40
40
|
}>, {
|
|
41
|
+
max: number;
|
|
42
|
+
min: number;
|
|
41
43
|
currency: string;
|
|
42
44
|
locale: string;
|
|
43
45
|
modelValue: number;
|
|
44
|
-
min: number;
|
|
45
|
-
max: number;
|
|
46
46
|
noIcon: boolean;
|
|
47
47
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
48
48
|
export default _default;
|
|
@@ -169,7 +169,7 @@ declare function open(): void;
|
|
|
169
169
|
declare function close(): void;
|
|
170
170
|
declare function toggle(): void;
|
|
171
171
|
type __VLS_PublicProps = {
|
|
172
|
-
|
|
172
|
+
modelValue?: boolean;
|
|
173
173
|
} & __VLS_Props;
|
|
174
174
|
declare function __VLS_template(): {
|
|
175
175
|
attrs: Partial<{}>;
|
|
@@ -179,6 +179,7 @@ declare function __VLS_template(): {
|
|
|
179
179
|
close: typeof close;
|
|
180
180
|
toggle: typeof toggle;
|
|
181
181
|
isOpen: boolean;
|
|
182
|
+
trigger: "click" | "hover" | "manual";
|
|
182
183
|
}): any;
|
|
183
184
|
default?(_: {
|
|
184
185
|
open: typeof open;
|
|
@@ -10,11 +10,11 @@ export type MazRadioButtonsOption<T = string | number | boolean> = {
|
|
|
10
10
|
/** The style to apply to the option */
|
|
11
11
|
style?: HTMLAttributes['style'];
|
|
12
12
|
} & Record<string, unknown>;
|
|
13
|
-
export interface MazRadioButtonsProps<T = string | number | boolean> {
|
|
13
|
+
export interface MazRadioButtonsProps<T = string | number | boolean, Option extends MazRadioButtonsOption<T> = MazRadioButtonsOption<T>> {
|
|
14
14
|
/** @model The value of the selected option */
|
|
15
15
|
modelValue?: T;
|
|
16
16
|
/** The options to display */
|
|
17
|
-
options:
|
|
17
|
+
options: Option[];
|
|
18
18
|
/** The name of the radio group */
|
|
19
19
|
name?: string;
|
|
20
20
|
/** The color of the selected radio buttons */
|
|
@@ -44,22 +44,22 @@ export interface MazRadioButtonsProps<T = string | number | boolean> {
|
|
|
44
44
|
/** The hint text to display below the input. */
|
|
45
45
|
hint?: string;
|
|
46
46
|
}
|
|
47
|
-
declare const _default: <T extends string | number | boolean
|
|
47
|
+
declare const _default: <T extends string | number | boolean, Option extends MazRadioButtonsOption<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
48
48
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
49
49
|
readonly onBlur?: ((value: FocusEvent) => any) | undefined;
|
|
50
|
-
readonly onChange?: ((value:
|
|
50
|
+
readonly onChange?: ((value: Option["value"]) => any) | undefined;
|
|
51
51
|
readonly onFocus?: ((value: FocusEvent) => any) | undefined;
|
|
52
|
-
readonly "onUpdate:model-value"?: ((value:
|
|
53
|
-
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & MazRadioButtonsProps<T> & Partial<{}>> & import('vue').PublicProps;
|
|
52
|
+
readonly "onUpdate:model-value"?: ((value: Option["value"]) => any) | undefined;
|
|
53
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & MazRadioButtonsProps<T, Option> & Partial<{}>> & import('vue').PublicProps;
|
|
54
54
|
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
55
55
|
attrs: any;
|
|
56
56
|
slots: {
|
|
57
57
|
default?(_: {
|
|
58
|
-
option:
|
|
58
|
+
option: Option;
|
|
59
59
|
selected: boolean;
|
|
60
60
|
}): any;
|
|
61
61
|
};
|
|
62
|
-
emit: ((evt: "blur", value: FocusEvent) => void) & ((evt: "change", value:
|
|
62
|
+
emit: ((evt: "blur", value: FocusEvent) => void) & ((evt: "change", value: Option["value"]) => void) & ((evt: "focus", value: FocusEvent) => void) & ((evt: "update:model-value", value: Option["value"]) => void);
|
|
63
63
|
}>) => import('vue').VNode & {
|
|
64
64
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
65
65
|
};
|
|
@@ -46,8 +46,8 @@ declare const _default: import('vue').DefineComponent<MazReadingProgressBarProps
|
|
|
46
46
|
}>, {
|
|
47
47
|
height: string;
|
|
48
48
|
color: MazColor;
|
|
49
|
-
teleportSelector: string;
|
|
50
49
|
offset: number;
|
|
50
|
+
teleportSelector: string;
|
|
51
51
|
distance: number;
|
|
52
52
|
contentSelector: string;
|
|
53
53
|
barClass: HTMLAttributes["class"];
|
|
@@ -2,7 +2,7 @@ import { MaybeRefOrGetter } from 'vue';
|
|
|
2
2
|
declare const 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"];
|
|
3
3
|
declare const 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"];
|
|
4
4
|
declare const 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"];
|
|
5
|
-
declare const displayNamesCodes: ("sm" | "lg" | "br" | "hr" | "li" | "th" | "tr" | "to" | "mi" | "mn" | "ms" | "tt" | "el" | "is" | "ae" | "af" | "am" | "ar" | "as" | "az" | "ba" | "be" | "bg" | "bh" | "bi" | "bm" | "bn" | "bo" | "bs" | "ca" | "ch" | "co" | "cr" | "cu" | "cv" | "
|
|
5
|
+
declare const displayNamesCodes: ("sm" | "lg" | "br" | "hr" | "li" | "th" | "tr" | "to" | "mi" | "mn" | "ms" | "tt" | "id" | "cy" | "fy" | "el" | "is" | "ae" | "af" | "am" | "ar" | "as" | "az" | "ba" | "be" | "bg" | "bh" | "bi" | "bm" | "bn" | "bo" | "bs" | "ca" | "ch" | "co" | "cr" | "cu" | "cv" | "de" | "dz" | "ee" | "es" | "et" | "eu" | "fi" | "fj" | "fo" | "fr" | "ga" | "gd" | "gl" | "gn" | "gu" | "ht" | "hu" | "ie" | "io" | "it" | "kg" | "ki" | "km" | "kn" | "kr" | "kw" | "ky" | "la" | "lb" | "lt" | "lu" | "lv" | "mg" | "mh" | "mk" | "ml" | "mr" | "mt" | "my" | "na" | "ne" | "ng" | "nl" | "no" | "nr" | "om" | "pa" | "pl" | "ps" | "pt" | "ro" | "ru" | "rw" | "sa" | "sc" | "sd" | "se" | "sg" | "si" | "sk" | "sl" | "sn" | "so" | "sr" | "ss" | "st" | "sv" | "tg" | "tk" | "tl" | "tn" | "tw" | "ug" | "uz" | "ve" | "vi" | "za" | "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" | "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" | "aa" | "ab" | "ak" | "an" | "av" | "ay" | "ce" | "cs" | "da" | "dv" | "en" | "eo" | "fa" | "ff" | "gv" | "ha" | "he" | "hi" | "ho" | "hy" | "hz" | "ia" | "ig" | "ii" | "ik" | "iu" | "ja" | "jv" | "ka" | "kj" | "kk" | "kl" | "ko" | "ks" | "ku" | "kv" | "ln" | "lo" | "nb" | "nd" | "nn" | "nv" | "ny" | "oc" | "oj" | "or" | "os" | "pi" | "qu" | "rm" | "rn" | "sq" | "su" | "sw" | "ta" | "te" | "ti" | "ts" | "ty" | "uk" | "ur" | "vo" | "wa" | "wo" | "xh" | "yi" | "yo" | "zh" | "zu")[];
|
|
6
6
|
export type Bcp47Code = (typeof bcp47Codes)[number];
|
|
7
7
|
export type Iso6391Code = (typeof iso6391Codes)[number];
|
|
8
8
|
export type CountryCode = (typeof countryCodes)[number];
|
|
@@ -29,12 +29,12 @@ declare const _default: import('vue').DefineComponent<MazFullscreenImgProps, {},
|
|
|
29
29
|
onPrevious?: ((...args: any[]) => any) | undefined;
|
|
30
30
|
}>, {
|
|
31
31
|
destroy: () => void;
|
|
32
|
+
offset: number;
|
|
32
33
|
animation: {
|
|
33
34
|
duration?: number;
|
|
34
35
|
easing?: string;
|
|
35
36
|
};
|
|
36
37
|
alt: string | null;
|
|
37
|
-
offset: number;
|
|
38
38
|
zoom: boolean;
|
|
39
39
|
clickedElementBounds: {
|
|
40
40
|
top: number;
|
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.22",
|
|
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",
|
|
@@ -28,10 +28,7 @@
|
|
|
28
28
|
],
|
|
29
29
|
"sideEffects": [
|
|
30
30
|
"*.css",
|
|
31
|
-
"./dist/css/**"
|
|
32
|
-
"./dist/**/plugins/**",
|
|
33
|
-
"./dist/**/directives/**",
|
|
34
|
-
"./dist/**/composables/useToast*"
|
|
31
|
+
"./dist/css/**"
|
|
35
32
|
],
|
|
36
33
|
"exports": {
|
|
37
34
|
".": {
|
|
@@ -186,9 +183,9 @@
|
|
|
186
183
|
}
|
|
187
184
|
},
|
|
188
185
|
"dependencies": {
|
|
189
|
-
"@maz-ui/cli": "4.0.0-beta.
|
|
190
|
-
"@maz-ui/icons": "4.0.0-beta.
|
|
191
|
-
"@maz-ui/themes": "4.0.0-beta.
|
|
186
|
+
"@maz-ui/cli": "4.0.0-beta.22",
|
|
187
|
+
"@maz-ui/icons": "4.0.0-beta.22",
|
|
188
|
+
"@maz-ui/themes": "4.0.0-beta.22",
|
|
192
189
|
"@maz-ui/translations": "4.0.0-beta.21",
|
|
193
190
|
"@maz-ui/utils": "4.0.0-beta.21",
|
|
194
191
|
"chart.js": "^4.5.0",
|
|
@@ -198,9 +195,9 @@
|
|
|
198
195
|
"vue-chartjs": "^5.3.2"
|
|
199
196
|
},
|
|
200
197
|
"devDependencies": {
|
|
201
|
-
"@maz-ui/eslint-config": "4.0.0-beta.
|
|
198
|
+
"@maz-ui/eslint-config": "4.0.0-beta.22",
|
|
202
199
|
"@maz-ui/node": "4.0.0-beta.21",
|
|
203
|
-
"@vitejs/plugin-vue": "^6.0.
|
|
200
|
+
"@vitejs/plugin-vue": "^6.0.1",
|
|
204
201
|
"@vitest/coverage-v8": "^3.2.4",
|
|
205
202
|
"@vue/compiler-sfc": "^3.5.18",
|
|
206
203
|
"@vue/test-utils": "^2.4.6",
|
|
@@ -209,7 +206,7 @@
|
|
|
209
206
|
"glob": "^11.0.3",
|
|
210
207
|
"jsdom": "^26.1.0",
|
|
211
208
|
"lightningcss": "^1.30.1",
|
|
212
|
-
"nuxt": "^4.0.
|
|
209
|
+
"nuxt": "^4.0.2",
|
|
213
210
|
"postcss": "^8.5.6",
|
|
214
211
|
"postcss-html": "^1.8.0",
|
|
215
212
|
"postcss-import": "^16.1.1",
|
|
@@ -217,9 +214,9 @@
|
|
|
217
214
|
"postcss-replace": "^2.0.1",
|
|
218
215
|
"postcss-url": "^10.1.3",
|
|
219
216
|
"sass": "^1.89.1",
|
|
220
|
-
"stylelint": "^16.
|
|
217
|
+
"stylelint": "^16.23.0",
|
|
221
218
|
"stylelint-config-recommended-vue": "^1.6.1",
|
|
222
|
-
"stylelint-config-standard": "^
|
|
219
|
+
"stylelint-config-standard": "^39.0.0",
|
|
223
220
|
"stylelint-config-standard-scss": "^15.0.1",
|
|
224
221
|
"stylelint-config-tailwindcss": "^1.0.0",
|
|
225
222
|
"stylelint-scss": "^6.12.0",
|
|
@@ -240,5 +237,5 @@
|
|
|
240
237
|
"*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix",
|
|
241
238
|
"*.{vue,css,scss,postcss,pcss}": "stylelint --fix --allow-empty-input"
|
|
242
239
|
},
|
|
243
|
-
"gitHead": "
|
|
240
|
+
"gitHead": "372f6e17aca4c1391167abe40af57fd2175a82a5"
|
|
244
241
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@keyframes maz-spin-a3f936cf{to{transform:rotate(360deg)}}.m-spinner[data-v-a3f936cf]{fill:currentColor;animation:1s linear infinite maz-spin-a3f936cf;margin:0!important}.m-spinner--normal[data-v-a3f936cf]{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1))}.m-spinner--primary[data-v-a3f936cf]{--maz-tw-text-opacity:1;color:hsl(var(--maz-primary)/var(--maz-tw-text-opacity,1))}.m-spinner--secondary[data-v-a3f936cf]{--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary)/var(--maz-tw-text-opacity,1))}.m-spinner--accent[data-v-a3f936cf]{--maz-tw-text-opacity:1;color:hsl(var(--maz-accent)/var(--maz-tw-text-opacity,1))}.m-spinner--info[data-v-a3f936cf]{--maz-tw-text-opacity:1;color:hsl(var(--maz-info)/var(--maz-tw-text-opacity,1))}.m-spinner--warning[data-v-a3f936cf]{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning)/var(--maz-tw-text-opacity,1))}.m-spinner--destructive[data-v-a3f936cf]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive)/var(--maz-tw-text-opacity,1))}.m-spinner--success[data-v-a3f936cf]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success)/var(--maz-tw-text-opacity,1))}.m-spinner--transparent[data-v-a3f936cf]{--maz-tw-text-opacity:1;color:rgb(255 255 255/var(--maz-tw-text-opacity,1))}.m-spinner--contrast[data-v-a3f936cf]{--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast)/var(--maz-tw-text-opacity,1))}
|
|
@@ -12,8 +12,8 @@ const pristine = {
|
|
|
12
12
|
foreground: "0 0% 10%",
|
|
13
13
|
primary: "220 10% 15%",
|
|
14
14
|
"primary-foreground": "0 0% 100%",
|
|
15
|
-
contrast: "
|
|
16
|
-
"contrast-foreground": "0 0%
|
|
15
|
+
contrast: "0 0% 15%",
|
|
16
|
+
"contrast-foreground": "0 0% 95%",
|
|
17
17
|
secondary: "220 10% 92%",
|
|
18
18
|
"secondary-foreground": "0 0% 10%",
|
|
19
19
|
muted: "0 0% 60%",
|
|
@@ -36,8 +36,8 @@ const pristine = {
|
|
|
36
36
|
foreground: "0 0% 95%",
|
|
37
37
|
primary: "0 0% 95%",
|
|
38
38
|
"primary-foreground": "0 0% 10%",
|
|
39
|
-
contrast: "
|
|
40
|
-
"contrast-foreground": "0 0%
|
|
39
|
+
contrast: "220 10% 92%",
|
|
40
|
+
"contrast-foreground": "0 0% 10%",
|
|
41
41
|
secondary: "0 0% 18%",
|
|
42
42
|
"secondary-foreground": "0 0% 95%",
|
|
43
43
|
muted: "0 0% 60%",
|