maz-ui 3.15.0 → 3.15.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/components/MazTextarea.d.ts +19 -1
  2. package/components/MazTextarea.mjs +13 -8
  3. package/nuxt/index.json +1 -1
  4. package/package.json +1 -1
  5. package/types/components/MazTextarea.vue.d.ts +19 -1
package/components/MazTextarea.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { type PropType } from 'vue';
1
+ import type { PropType, StyleValue } from 'vue';
2
2
  import type { Color } from './types';
3
3
  export type { Color } from './types';
4
4
  declare const _default: import("vue").DefineComponent<{
@@ -46,6 +46,14 @@ declare const _default: import("vue").DefineComponent<{
46
46
  type: StringConstructor;
47
47
  default: undefined;
48
48
  };
49
+ class: {
50
+ type: StringConstructor;
51
+ default: undefined;
52
+ };
53
+ style: {
54
+ type: PropType<StyleValue>;
55
+ default: undefined;
56
+ };
49
57
  color: {
50
58
  type: PropType<Color>;
51
59
  default: string;
@@ -100,6 +108,14 @@ declare const _default: import("vue").DefineComponent<{
100
108
  type: StringConstructor;
101
109
  default: undefined;
102
110
  };
111
+ class: {
112
+ type: StringConstructor;
113
+ default: undefined;
114
+ };
115
+ style: {
116
+ type: PropType<StyleValue>;
117
+ default: undefined;
118
+ };
103
119
  color: {
104
120
  type: PropType<Color>;
105
121
  default: string;
@@ -114,6 +130,8 @@ declare const _default: import("vue").DefineComponent<{
114
130
  warning: boolean;
115
131
  color: Color;
116
132
  label: string;
133
+ style: StyleValue;
134
+ class: string;
117
135
  name: string;
118
136
  disabled: boolean;
119
137
  required: boolean;
package/components/MazTextarea.mjs CHANGED
@@ -1,11 +1,11 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-7a2b89c9]{-webkit-animation:maz-spin-7a2b89c9 1s linear infinite;animation:maz-spin-7a2b89c9 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-7a2b89c9]{color:var(--maz-color-text)}.m-spinner--primary[data-v-7a2b89c9]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-7a2b89c9]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-7a2b89c9]{color:var(--maz-color-info)}.m-spinner--warning[data-v-7a2b89c9]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-7a2b89c9]{color:var(--maz-color-danger)}.m-spinner--success[data-v-7a2b89c9]{color:var(--maz-color-success)}.m-spinner--black[data-v-7a2b89c9]{color:var(--maz-color-black)}.m-spinner--white[data-v-7a2b89c9],.m-spinner--transparent[data-v-7a2b89c9]{color:var(--maz-color-white)}.m-spinner--theme[data-v-7a2b89c9]{color:var(--maz-color-bg-theme)}html.--m-fullscreen-open{height:100vh;overflow:hidden}.m-fullscreen-img[data-v-7858a9bc]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;height:100vh;width:100vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-bg-overlay);--tw-bg-opacity: .8;outline:2px solid transparent;outline-offset:2px;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-fullscreen-img .m-fullscreen-img-scroller[data-v-7858a9bc]{max-height:100vh;overflow:auto}.m-fullscreen-img.--animation-active .m-fullscreen-img-scroller[data-v-7858a9bc]{height:100vh;width:100vw}.m-fullscreen-img[data-v-7858a9bc]:not(.--animation-active){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-fullscreen-img img[data-v-7858a9bc]{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.m-fullscreen-img .m-fullscreen-img-loader[data-v-7858a9bc]{position:absolute;left:50%;top:50%;z-index:10;--tw-translate-x: -50%;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:3.75rem;line-height:1}.m-fullscreen-img .m-fullscreen-btn[data-v-7858a9bc]{position:absolute;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;height:5rem;width:7%;min-width:5em;cursor:pointer;padding:1rem;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s}.m-fullscreen-img .m-fullscreen-btn.--close[data-v-7858a9bc]{right:0;top:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-fullscreen-img .m-fullscreen-btn.--previous[data-v-7858a9bc]{left:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.m-fullscreen-img .m-fullscreen-btn.--next[data-v-7858a9bc]{right:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.maz-scale-fade-enter-from[data-v-7858a9bc],.maz-scale-fade-leave-to[data-v-7858a9bc]{--tw-scale-x: .5;--tw-scale-y: .5;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.maz-scale-fade-enter-active[data-v-7858a9bc],.maz-scale-fade-leave-active[data-v-7858a9bc]{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;transition-duration:.2s}.m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-6a8f0d79],.m-toast *[data-v-6a8f0d79]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-6a8f0d79]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-6a8f0d79],.m-toast.--right[data-v-6a8f0d79]{width:20rem}.m-toast.--center[data-v-6a8f0d79]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-6a8f0d79]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-6a8f0d79]{margin:0;font-weight:500}.m-toast .--close[data-v-6a8f0d79]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-6a8f0d79]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-6a8f0d79]{cursor:pointer}.m-toast.--info[data-v-6a8f0d79]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-6a8f0d79]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-6a8f0d79]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-6a8f0d79]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-6a8f0d79]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-6a8f0d79]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-6a8f0d79]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-6a8f0d79]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-6a8f0d79]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-6a8f0d79]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-6a8f0d79]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-6a8f0d79]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-6a8f0d79],.m-slide-top-leave-active[data-v-6a8f0d79]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-6a8f0d79],.m-slide-top-leave-to[data-v-6a8f0d79]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-6a8f0d79],.m-slide-bottom-leave-active[data-v-6a8f0d79]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-6a8f0d79],.m-slide-bottom-leave-to[data-v-6a8f0d79]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-6a8f0d79],.m-slide-right-leave-active[data-v-6a8f0d79]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-6a8f0d79],.m-slide-right-leave-to[data-v-6a8f0d79]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-6a8f0d79],.m-slide-left-leave-active[data-v-6a8f0d79]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-6a8f0d79],.m-slide-left-leave-to[data-v-6a8f0d79]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}.m-textarea[data-v-4234c377]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-textarea textarea[data-v-4234c377]{min-height:6.25rem;width:100%;resize:vertical;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);border-style:solid;background-color:var(--maz-color-bg);padding:1rem;color:var(--maz-color-text);outline:2px solid transparent;outline-offset:2px}.m-textarea textarea.--default-border[data-v-4234c377]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-textarea.--has-label textarea[data-v-4234c377]{padding-top:1.5rem}.m-textarea.--is-disabled textarea[data-v-4234c377]{cursor:not-allowed;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-textarea__label[data-v-4234c377]{pointer-events:none;position:absolute;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-transform-origin:top left;transform-origin:top left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;left:1rem;top:.75rem;line-height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms}.m-textarea__label.--should-up[data-v-4234c377]{-webkit-transform:scale(.8) translateY(-.65rem);transform:scale(.8) translateY(-.65rem)}.m-textarea__label[data-v-4234c377]:not(.--has-state){color:var(--maz-color-muted)}html.dark .m-textarea textarea[data-v-4234c377]{background-color:var(--maz-color-bg-light)}html.dark .m-textarea textarea.--default-border[data-v-4234c377],html.dark .m-textarea.--is-disabled textarea[data-v-4234c377]{border-color:var(--maz-color-bg-lighter)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-7a2b89c9]{-webkit-animation:maz-spin-7a2b89c9 1s linear infinite;animation:maz-spin-7a2b89c9 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-7a2b89c9]{color:var(--maz-color-text)}.m-spinner--primary[data-v-7a2b89c9]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-7a2b89c9]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-7a2b89c9]{color:var(--maz-color-info)}.m-spinner--warning[data-v-7a2b89c9]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-7a2b89c9]{color:var(--maz-color-danger)}.m-spinner--success[data-v-7a2b89c9]{color:var(--maz-color-success)}.m-spinner--black[data-v-7a2b89c9]{color:var(--maz-color-black)}.m-spinner--white[data-v-7a2b89c9],.m-spinner--transparent[data-v-7a2b89c9]{color:var(--maz-color-white)}.m-spinner--theme[data-v-7a2b89c9]{color:var(--maz-color-bg-theme)}html.--m-fullscreen-open{height:100vh;overflow:hidden}.m-fullscreen-img[data-v-7858a9bc]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;height:100vh;width:100vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-bg-overlay);--tw-bg-opacity: .8;outline:2px solid transparent;outline-offset:2px;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-fullscreen-img .m-fullscreen-img-scroller[data-v-7858a9bc]{max-height:100vh;overflow:auto}.m-fullscreen-img.--animation-active .m-fullscreen-img-scroller[data-v-7858a9bc]{height:100vh;width:100vw}.m-fullscreen-img[data-v-7858a9bc]:not(.--animation-active){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-fullscreen-img img[data-v-7858a9bc]{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.m-fullscreen-img .m-fullscreen-img-loader[data-v-7858a9bc]{position:absolute;left:50%;top:50%;z-index:10;--tw-translate-x: -50%;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:3.75rem;line-height:1}.m-fullscreen-img .m-fullscreen-btn[data-v-7858a9bc]{position:absolute;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;height:5rem;width:7%;min-width:5em;cursor:pointer;padding:1rem;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s}.m-fullscreen-img .m-fullscreen-btn.--close[data-v-7858a9bc]{right:0;top:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-fullscreen-img .m-fullscreen-btn.--previous[data-v-7858a9bc]{left:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.m-fullscreen-img .m-fullscreen-btn.--next[data-v-7858a9bc]{right:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.maz-scale-fade-enter-from[data-v-7858a9bc],.maz-scale-fade-leave-to[data-v-7858a9bc]{--tw-scale-x: .5;--tw-scale-y: .5;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.maz-scale-fade-enter-active[data-v-7858a9bc],.maz-scale-fade-leave-active[data-v-7858a9bc]{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;transition-duration:.2s}.m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-6a8f0d79],.m-toast *[data-v-6a8f0d79]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-6a8f0d79]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-6a8f0d79],.m-toast.--right[data-v-6a8f0d79]{width:20rem}.m-toast.--center[data-v-6a8f0d79]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-6a8f0d79]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-6a8f0d79]{margin:0;font-weight:500}.m-toast .--close[data-v-6a8f0d79]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-6a8f0d79]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-6a8f0d79]{cursor:pointer}.m-toast.--info[data-v-6a8f0d79]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-6a8f0d79]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-6a8f0d79]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-6a8f0d79]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-6a8f0d79]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-6a8f0d79]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-6a8f0d79]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-6a8f0d79]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-6a8f0d79]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-6a8f0d79]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-6a8f0d79]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-6a8f0d79]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-6a8f0d79],.m-slide-top-leave-active[data-v-6a8f0d79]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-6a8f0d79],.m-slide-top-leave-to[data-v-6a8f0d79]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-6a8f0d79],.m-slide-bottom-leave-active[data-v-6a8f0d79]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-6a8f0d79],.m-slide-bottom-leave-to[data-v-6a8f0d79]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-6a8f0d79],.m-slide-right-leave-active[data-v-6a8f0d79]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-6a8f0d79],.m-slide-right-leave-to[data-v-6a8f0d79]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-6a8f0d79],.m-slide-left-leave-active[data-v-6a8f0d79]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-6a8f0d79],.m-slide-left-leave-to[data-v-6a8f0d79]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}.m-textarea[data-v-a0812fc8]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-textarea textarea[data-v-a0812fc8]{min-height:6.25rem;width:100%;resize:vertical;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);border-style:solid;background-color:var(--maz-color-bg);padding:1rem;color:var(--maz-color-text);outline:2px solid transparent;outline-offset:2px}.m-textarea textarea.--default-border[data-v-a0812fc8]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-textarea.--has-label textarea[data-v-a0812fc8]{padding-top:1.5rem}.m-textarea.--is-disabled textarea[data-v-a0812fc8]{cursor:not-allowed;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-textarea__label[data-v-a0812fc8]{pointer-events:none;position:absolute;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-transform-origin:top left;transform-origin:top left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;left:1rem;top:.75rem;line-height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms}.m-textarea__label.--should-up[data-v-a0812fc8]{-webkit-transform:scale(.8) translateY(-.65rem);transform:scale(.8) translateY(-.65rem)}.m-textarea__label[data-v-a0812fc8]:not(.--has-state){color:var(--maz-color-muted)}html.dark .m-textarea textarea[data-v-a0812fc8]{background-color:var(--maz-color-bg-light)}html.dark .m-textarea textarea.--default-border[data-v-a0812fc8],html.dark .m-textarea.--is-disabled textarea[data-v-a0812fc8]{border-color:var(--maz-color-bg-lighter)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
2
2
  var __defProp = Object.defineProperty;
3
3
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
4
4
  var __publicField = (obj, key, value) => {
5
5
  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
6
6
  return value;
7
7
  };
8
- import { ref, computed, defineComponent, getCurrentInstance, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, mergeProps, toHandlers, vModelText } from "vue";
8
+ import { ref, computed, defineComponent, getCurrentInstance, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, normalizeStyle, unref, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, mergeProps, toHandlers, vModelText } from "vue";
9
9
  ref();
10
10
  const useInstanceUniqId = ({
11
11
  componentName,
@@ -94,6 +94,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
94
94
  success: { type: Boolean, default: false },
95
95
  warning: { type: Boolean, default: false },
96
96
  hint: { type: String, default: void 0 },
97
+ class: { type: String, default: void 0 },
98
+ style: { type: String, default: void 0 },
97
99
  color: {
98
100
  type: String,
99
101
  default: "primary"
@@ -102,6 +104,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
102
104
  emits: ["input", "focus", "blur", "change"],
103
105
  setup(__props, { emit: emits }) {
104
106
  const props = __props;
107
+ const classes = computed(() => props.class);
105
108
  const instance = getCurrentInstance();
106
109
  let textareaAutogrow;
107
110
  const instanceId = useInstanceUniqId({
@@ -170,8 +173,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
170
173
  {
171
174
  "--is-disabled": __props.disabled,
172
175
  "--has-label": hasLabelOrHint.value
173
- }
174
- ]])
176
+ },
177
+ classes.value
178
+ ]]),
179
+ style: normalizeStyle(__props.style)
175
180
  },
176
181
  [
177
182
  hasLabelOrHint.value ? (openBlock(), createElementBlock("label", {
@@ -214,14 +219,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
214
219
  ]),
215
220
  createCommentVNode(" eslint-enable vue/no-deprecated-html-element-is ")
216
221
  ],
217
- 2
218
- /* CLASS */
222
+ 6
223
+ /* CLASS, STYLE */
219
224
  );
220
225
  };
221
226
  }
222
227
  });
223
- const MazTextarea_vue_vue_type_style_index_0_scoped_4234c377_lang = "";
224
- const MazTextarea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4234c377"]]);
228
+ const MazTextarea_vue_vue_type_style_index_0_scoped_a0812fc8_lang = "";
229
+ const MazTextarea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a0812fc8"]]);
225
230
  export {
226
231
  MazTextarea as default
227
232
  };
package/nuxt/index.json CHANGED
@@ -4,5 +4,5 @@
4
4
  "compatibility": {
5
5
  "nuxt": "^3.0.0"
6
6
  },
7
- "version": "3.15.0"
7
+ "version": "3.15.1"
8
8
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "maz-ui",
3
- "version": "3.15.0",
3
+ "version": "3.15.1",
4
4
  "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
5
5
  "author": "Louis Mazel <me@loicmazuel.com>",
6
6
  "main": "./modules/index.mjs",
package/types/components/MazTextarea.vue.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { type PropType } from 'vue';
1
+ import type { PropType, StyleValue } from 'vue';
2
2
  import type { Color } from './types';
3
3
  export type { Color } from './types';
4
4
  declare const _default: import("vue").DefineComponent<{
@@ -46,6 +46,14 @@ declare const _default: import("vue").DefineComponent<{
46
46
  type: StringConstructor;
47
47
  default: undefined;
48
48
  };
49
+ class: {
50
+ type: StringConstructor;
51
+ default: undefined;
52
+ };
53
+ style: {
54
+ type: PropType<StyleValue>;
55
+ default: undefined;
56
+ };
49
57
  color: {
50
58
  type: PropType<Color>;
51
59
  default: string;
@@ -100,6 +108,14 @@ declare const _default: import("vue").DefineComponent<{
100
108
  type: StringConstructor;
101
109
  default: undefined;
102
110
  };
111
+ class: {
112
+ type: StringConstructor;
113
+ default: undefined;
114
+ };
115
+ style: {
116
+ type: PropType<StyleValue>;
117
+ default: undefined;
118
+ };
103
119
  color: {
104
120
  type: PropType<Color>;
105
121
  default: string;
@@ -114,6 +130,8 @@ declare const _default: import("vue").DefineComponent<{
114
130
  warning: boolean;
115
131
  color: Color;
116
132
  label: string;
133
+ style: StyleValue;
134
+ class: string;
117
135
  name: string;
118
136
  disabled: boolean;
119
137
  required: boolean;