maz-ui 3.6.11 → 3.7.0
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/LICENSE +21 -0
- package/components/MazAvatar.mjs +113 -55
- package/components/MazAvatar.umd.js +2 -2
- package/components/MazBackdrop.mjs +49 -23
- package/components/MazBackdrop.umd.js +2 -2
- package/components/MazBadge.mjs +17 -11
- package/components/MazBadge.umd.js +2 -2
- package/components/MazBottomSheet.mjs +160 -88
- package/components/MazBottomSheet.umd.js +2 -2
- package/components/MazBtn.mjs +54 -29
- package/components/MazBtn.umd.js +2 -2
- package/components/MazCard.mjs +322 -193
- package/components/MazCard.umd.js +2 -2
- package/components/MazCarousel.mjs +123 -77
- package/components/MazCarousel.umd.js +2 -2
- package/components/MazChart.d.ts +3 -34
- package/components/MazChart.mjs +2 -2
- package/components/MazChart.umd.js +2 -2
- package/components/MazCheckbox.mjs +25 -19
- package/components/MazCheckbox.umd.js +2 -2
- package/components/MazDialog.d.ts +27 -0
- package/components/MazDialog.mjs +178 -98
- package/components/MazDialog.umd.js +2 -2
- package/components/MazDialogPromise.d.ts +1 -1
- package/components/MazDialogPromise.mjs +204 -105
- package/components/MazDialogPromise.umd.js +2 -2
- package/components/MazDrawer.mjs +149 -80
- package/components/MazDrawer.umd.js +2 -2
- package/components/MazDropzone.d.ts +2 -2
- package/components/MazDropzone.mjs +72 -42
- package/components/MazDropzone.umd.js +2 -2
- package/components/MazGallery.mjs +158 -80
- package/components/MazGallery.umd.js +2 -2
- package/components/MazIcon.mjs +27 -15
- package/components/MazIcon.umd.js +2 -2
- package/components/MazInput.mjs +183 -140
- package/components/MazInput.umd.js +2 -2
- package/components/MazInputNumber.d.ts +1 -1
- package/components/MazInputNumber.mjs +244 -193
- package/components/MazInputNumber.umd.js +2 -2
- package/components/MazInputPrice.d.ts +1 -1
- package/components/MazInputPrice.mjs +207 -156
- package/components/MazInputPrice.umd.js +2 -2
- package/components/MazInputTags.mjs +260 -195
- package/components/MazInputTags.umd.js +2 -2
- package/components/MazLazyImg.mjs +48 -21
- package/components/MazLazyImg.umd.js +2 -2
- package/components/MazPhoneNumberInput.mjs +383 -279
- package/components/MazPhoneNumberInput.umd.js +2 -2
- package/components/MazPicker.d.ts +2 -2
- package/components/MazPicker.mjs +755 -486
- package/components/MazPicker.umd.js +2 -2
- package/components/MazRadioButtons.mjs +52 -36
- package/components/MazRadioButtons.umd.js +2 -2
- package/components/MazSelect.mjs +324 -254
- package/components/MazSelect.umd.js +2 -2
- package/components/MazSlider.d.ts +1 -1
- package/components/MazSlider.mjs +97 -45
- package/components/MazSlider.umd.js +2 -2
- package/components/MazSpinner.mjs +8 -2
- package/components/MazSpinner.umd.js +2 -2
- package/components/MazStepper.mjs +144 -84
- package/components/MazStepper.umd.js +2 -2
- package/components/MazSwitch.mjs +34 -22
- package/components/MazSwitch.umd.js +2 -2
- package/components/MazTabsBar.mjs +111 -57
- package/components/MazTabsBar.umd.js +2 -2
- package/components/MazTabsContent.mjs +14 -8
- package/components/MazTabsContent.umd.js +2 -2
- package/components/MazTabsContentItem.mjs +17 -9
- package/components/MazTabsContentItem.umd.js +2 -2
- package/components/MazTextarea.mjs +52 -40
- package/components/MazTextarea.umd.js +2 -2
- package/components/MazTransitionExpand.mjs +2 -1
- package/components/MazTransitionExpand.umd.js +2 -2
- package/components/assets/no-photography-584c6185.mjs +4 -0
- package/components/index.mjs +1 -1
- package/css/main.css +1 -1
- package/modules/assets/no-photography-584c6185.mjs +4 -0
- package/modules/maz-ui.mjs +81 -40
- package/modules/maz-ui.umd.js +2 -2
- package/package.json +37 -48
- package/components/index.umd.js +0 -35
- package/components/no_photo-410a8f01.mjs +0 -4
- package/modules/no_photo-410a8f01.mjs +0 -4
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}")),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
|
|
2
|
+
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).MazSpinner={},e.Vue)}(this,(function(e,n){"use strict";const t=["width","height"],o=[(e=>(n.pushScopeId("data-v-34f40819"),e=e(),n.popScopeId(),e))((()=>n.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)))],s=((e,n)=>{const t=e.__vccOpts||e;for(const[o,s]of n)t[o]=s;return t})(n.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"normal",validator:e=>["normal","info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:e=>(s,i)=>(n.openBlock(),n.createElementBlock("svg",{width:e.size,height:e.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:n.normalizeClass(["m-spinner",`m-spinner--${e.color}`]),style:{"enable-background":"new 0 0 50 50"}},o,10,t))}),[["__scopeId","data-v-34f40819"]]);e.default=s,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import { defineComponent, openBlock, createBlock, TransitionGroup, withCtx, renderSlot, nextTick, inject, ref, computed, onMounted, watchEffect, createElementBlock,
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".m-transition-expand[data-v-b5d3ee9f],.m-transition-expand *[data-v-b5d3ee9f]{will-change:height;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.m-stepper__header[data-v-b905aaa6]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.m-stepper__header[data-v-b905aaa6]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.m-stepper__header[data-v-b905aaa6]{border-radius:var(--maz-border-radius);padding:.5rem 1rem;outline:2px solid transparent;outline-offset:2px;-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-stepper__header__content[data-v-b905aaa6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.m-stepper__header[data-v-b905aaa6]:not(:disabled):hover{background-color:var(--maz-color-bg-lighter)}.m-stepper__header[data-v-b905aaa6]:not(:disabled):focus{background-color:var(--maz-color-bg-lighter)}.m-stepper__header[data-v-b905aaa6]:disabled{cursor:not-allowed}.m-stepper__header.--is-current-step[data-v-b905aaa6]{cursor:default}.m-stepper__header__wrapper[data-v-b905aaa6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-stepper__header__wrapper[data-v-b905aaa6]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.m-stepper__header.--success .m-stepper__count__circle[data-v-b905aaa6]{--tw-scale-x: 1;--tw-scale-y: 1;-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));background-color:var(--maz-color-success)}.m-stepper__header.--success .m-stepper__right[data-v-b905aaa6]{color:var(--maz-color-success)}.m-stepper__header.--success svg[data-v-b905aaa6]{color:var(--maz-color-success-contrast)}.m-stepper__header.--warning .m-stepper__count__circle[data-v-b905aaa6]{--tw-scale-x: 1;--tw-scale-y: 1;-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));background-color:var(--maz-color-warning)}.m-stepper__header.--warning .m-stepper__right[data-v-b905aaa6]{color:var(--maz-color-warning)}.m-stepper__header.--warning svg[data-v-b905aaa6]{color:var(--maz-color-warning-contrast)}.m-stepper__header.--error .m-stepper__count__circle[data-v-b905aaa6]{--tw-scale-x: 1;--tw-scale-y: 1;-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));background-color:var(--maz-color-danger)}.m-stepper__header.--error .m-stepper__right[data-v-b905aaa6]{color:var(--maz-color-danger)}.m-stepper__header.--error svg[data-v-b905aaa6]{color:var(--maz-color-danger-contrast)}.m-stepper__title[data-v-b905aaa6]{color:var(--maz-color-text)}.m-stepper__subtitle[data-v-b905aaa6]{margin-top:.25rem;font-size:.75rem;line-height:1rem;color:var(--maz-color-muted)}.m-stepper__right[data-v-b905aaa6]{text-align:right;font-size:.875rem;line-height:1.25rem;color:var(--maz-color-primary)}.m-stepper__count[data-v-b905aaa6]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:2rem;width:2rem;-webkit-box-flex:0;-ms-flex:none;flex:none;overflow:hidden;border-radius:9999px;font-size:1.125rem;line-height:1.75rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--4e57adab);color:var(--a3bdd2fa)}.m-stepper__count__circle[data-v-b905aaa6]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-webkit-box;display:-ms-flexbox;display:flex;--tw-scale-x: 0;--tw-scale-y: 0;-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));border-radius:9999px;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-stepper__count svg[data-v-b905aaa6]{color:var(--maz-color-success-contrast)}.m-stepper__content[data-v-b905aaa6]{margin-left:2rem;border-left-width:2px;border-color:transparent;padding-top:.5rem;padding-bottom:.5rem;padding-left:2rem}.m-stepper__content__wrapper[data-v-b905aaa6]{padding-top:.5rem;padding-bottom:.5rem}.m-stepper__content[data-v-b905aaa6]:not(.--no-border){border-color:var(--maz-color-bg-lighter)}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
|
|
2
|
+
import { defineComponent, openBlock, createBlock, TransitionGroup, withCtx, renderSlot, nextTick, inject, ref, computed, onMounted, watchEffect, createElementBlock, Fragment, createCommentVNode, mergeProps, useCssVars, unref, useSlots, renderList, normalizeClass, createElementVNode, createTextVNode, toDisplayString, createVNode, withDirectives, vShow } from "vue";
|
|
3
3
|
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
4
4
|
__name: "MazTransitionExpand",
|
|
5
5
|
setup(__props) {
|
|
@@ -44,6 +44,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
44
44
|
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
45
45
|
]),
|
|
46
46
|
_: 3
|
|
47
|
+
/* FORWARDED */
|
|
47
48
|
});
|
|
48
49
|
};
|
|
49
50
|
}
|
|
@@ -189,19 +190,31 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
189
190
|
};
|
|
190
191
|
watchEffect(() => getSource(fullSrc.value));
|
|
191
192
|
return (_ctx, _cache) => {
|
|
192
|
-
return
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
193
|
+
return openBlock(), createElementBlock(
|
|
194
|
+
Fragment,
|
|
195
|
+
null,
|
|
196
|
+
[
|
|
197
|
+
createCommentVNode(" eslint-disable vue/no-v-html "),
|
|
198
|
+
createCommentVNode(" eslint-disable vue/html-self-closing "),
|
|
199
|
+
svgElSource.value ? (openBlock(), createElementBlock("svg", mergeProps({
|
|
200
|
+
key: 0,
|
|
201
|
+
ref_key: "svgElem",
|
|
202
|
+
ref: svgElem,
|
|
203
|
+
width: "1em",
|
|
204
|
+
height: "1em"
|
|
205
|
+
}, {
|
|
206
|
+
...getSvgAttrs(svgElSource.value),
|
|
207
|
+
...filterAttrs(_ctx.$attrs)
|
|
208
|
+
}, {
|
|
209
|
+
style: `font-size: ${__props.size}`,
|
|
210
|
+
innerHTML: getSvgContent(svgElSource.value)
|
|
211
|
+
}), null, 16, _hoisted_1$1)) : createCommentVNode("v-if", true),
|
|
212
|
+
createCommentVNode(" eslint-enable vue/no-v-html "),
|
|
213
|
+
createCommentVNode(" eslint-enable vue/html-self-closing ")
|
|
214
|
+
],
|
|
215
|
+
2112
|
|
216
|
+
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
|
|
217
|
+
);
|
|
205
218
|
};
|
|
206
219
|
}
|
|
207
220
|
});
|
|
@@ -334,77 +347,124 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
334
347
|
};
|
|
335
348
|
return (_ctx, _cache) => {
|
|
336
349
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
337
|
-
(openBlock(true), createElementBlock(
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
350
|
+
(openBlock(true), createElementBlock(
|
|
351
|
+
Fragment,
|
|
352
|
+
null,
|
|
353
|
+
renderList(unref(stepCount), (step) => {
|
|
354
|
+
return openBlock(), createElementBlock(
|
|
355
|
+
Fragment,
|
|
356
|
+
{ key: step },
|
|
357
|
+
[
|
|
358
|
+
hasDataForStep("title", step) ? (openBlock(), createElementBlock("button", {
|
|
359
|
+
key: 0,
|
|
360
|
+
type: "button",
|
|
361
|
+
disabled: isStepDisabled(step),
|
|
362
|
+
class: normalizeClass(["m-stepper__header", [
|
|
363
|
+
{
|
|
364
|
+
"--is-current-step": step === unref(currentStep) || __props.allStepsOpened
|
|
365
|
+
},
|
|
366
|
+
`${getStepStateData(step).class}`
|
|
367
|
+
]]),
|
|
368
|
+
onClick: ($event) => selectStep(step)
|
|
369
|
+
}, [
|
|
370
|
+
createElementVNode("div", _hoisted_3, [
|
|
371
|
+
createElementVNode("span", _hoisted_4, [
|
|
372
|
+
createElementVNode("div", _hoisted_5, [
|
|
373
|
+
getStepStateData(step).icon ? (openBlock(), createBlock(_sfc_main$1, {
|
|
374
|
+
key: 0,
|
|
375
|
+
class: "icon",
|
|
376
|
+
size: "1.5rem",
|
|
377
|
+
src: getStepStateData(step).icon
|
|
378
|
+
}, null, 8, ["src"])) : createCommentVNode("v-if", true)
|
|
379
|
+
]),
|
|
380
|
+
createTextVNode(
|
|
381
|
+
" " + toDisplayString(step),
|
|
382
|
+
1
|
|
383
|
+
/* TEXT */
|
|
384
|
+
)
|
|
385
|
+
]),
|
|
386
|
+
createElementVNode("div", _hoisted_6, [
|
|
387
|
+
createElementVNode("span", _hoisted_7, [
|
|
388
|
+
renderSlot(_ctx.$slots, `title-${step}`, {}, () => [
|
|
389
|
+
createTextVNode(
|
|
390
|
+
toDisplayString(getPropertyInStep("title", step)),
|
|
391
|
+
1
|
|
392
|
+
/* TEXT */
|
|
393
|
+
)
|
|
394
|
+
], true)
|
|
395
|
+
]),
|
|
396
|
+
hasDataForStep("subtitle", step) ? (openBlock(), createElementBlock("span", _hoisted_8, [
|
|
397
|
+
renderSlot(_ctx.$slots, `subtitle-${step}`, {}, () => [
|
|
398
|
+
createTextVNode(
|
|
399
|
+
toDisplayString(getPropertyInStep("subtitle", step)),
|
|
400
|
+
1
|
|
401
|
+
/* TEXT */
|
|
402
|
+
)
|
|
403
|
+
], true)
|
|
404
|
+
])) : createCommentVNode("v-if", true)
|
|
405
|
+
])
|
|
368
406
|
]),
|
|
369
|
-
hasDataForStep("
|
|
370
|
-
renderSlot(_ctx.$slots, `
|
|
371
|
-
createTextVNode(
|
|
407
|
+
hasDataForStep("titleInfo", step) ? (openBlock(), createElementBlock("span", _hoisted_9, [
|
|
408
|
+
renderSlot(_ctx.$slots, `title-info-${step}`, {}, () => [
|
|
409
|
+
createTextVNode(
|
|
410
|
+
toDisplayString(getPropertyInStep("titleInfo", step)),
|
|
411
|
+
1
|
|
412
|
+
/* TEXT */
|
|
413
|
+
)
|
|
372
414
|
], true)
|
|
373
|
-
])) : createCommentVNode("", true)
|
|
374
|
-
])
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
415
|
+
])) : createCommentVNode("v-if", true)
|
|
416
|
+
], 10, _hoisted_2)) : createCommentVNode("v-if", true),
|
|
417
|
+
createElementVNode(
|
|
418
|
+
"div",
|
|
419
|
+
{
|
|
420
|
+
class: normalizeClass(["m-stepper__content", {
|
|
421
|
+
"--no-border": isLastStep(step)
|
|
422
|
+
}])
|
|
423
|
+
},
|
|
424
|
+
[
|
|
425
|
+
createVNode(
|
|
426
|
+
MazTransitionExpand,
|
|
427
|
+
null,
|
|
428
|
+
{
|
|
429
|
+
default: withCtx(() => [
|
|
430
|
+
withDirectives(createElementVNode(
|
|
431
|
+
"div",
|
|
432
|
+
null,
|
|
433
|
+
[
|
|
434
|
+
createElementVNode("div", _hoisted_10, [
|
|
435
|
+
renderSlot(_ctx.$slots, `content-${step}`, {
|
|
436
|
+
validated: isStepSuccess(step),
|
|
437
|
+
error: isStepError(step),
|
|
438
|
+
warning: isStepWarning(step),
|
|
439
|
+
nextStep: () => selectStep(step + 1),
|
|
440
|
+
previousStep: () => selectStep(step - 1)
|
|
441
|
+
}, void 0, true)
|
|
442
|
+
])
|
|
443
|
+
],
|
|
444
|
+
512
|
|
445
|
+
/* NEED_PATCH */
|
|
446
|
+
), [
|
|
447
|
+
[vShow, __props.allStepsOpened || unref(currentStep) === step]
|
|
448
|
+
])
|
|
449
|
+
]),
|
|
450
|
+
_: 2
|
|
451
|
+
/* DYNAMIC */
|
|
452
|
+
},
|
|
453
|
+
1024
|
|
454
|
+
/* DYNAMIC_SLOTS */
|
|
455
|
+
)
|
|
456
|
+
],
|
|
457
|
+
2
|
|
458
|
+
/* CLASS */
|
|
459
|
+
)
|
|
460
|
+
],
|
|
461
|
+
64
|
|
462
|
+
/* STABLE_FRAGMENT */
|
|
463
|
+
);
|
|
464
|
+
}),
|
|
465
|
+
128
|
|
466
|
+
/* KEYED_FRAGMENT */
|
|
467
|
+
))
|
|
408
468
|
]);
|
|
409
469
|
};
|
|
410
470
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".m-transition-expand[data-v-b5d3ee9f],.m-transition-expand *[data-v-b5d3ee9f]{will-change:height;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.m-stepper__header[data-v-b905aaa6]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.m-stepper__header[data-v-b905aaa6]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.m-stepper__header[data-v-b905aaa6]{border-radius:var(--maz-border-radius);padding:.5rem 1rem;outline:2px solid transparent;outline-offset:2px;-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-stepper__header__content[data-v-b905aaa6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.m-stepper__header[data-v-b905aaa6]:not(:disabled):hover{background-color:var(--maz-color-bg-lighter)}.m-stepper__header[data-v-b905aaa6]:not(:disabled):focus{background-color:var(--maz-color-bg-lighter)}.m-stepper__header[data-v-b905aaa6]:disabled{cursor:not-allowed}.m-stepper__header.--is-current-step[data-v-b905aaa6]{cursor:default}.m-stepper__header__wrapper[data-v-b905aaa6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-stepper__header__wrapper[data-v-b905aaa6]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.m-stepper__header.--success .m-stepper__count__circle[data-v-b905aaa6]{--tw-scale-x: 1;--tw-scale-y: 1;-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));background-color:var(--maz-color-success)}.m-stepper__header.--success .m-stepper__right[data-v-b905aaa6]{color:var(--maz-color-success)}.m-stepper__header.--success svg[data-v-b905aaa6]{color:var(--maz-color-success-contrast)}.m-stepper__header.--warning .m-stepper__count__circle[data-v-b905aaa6]{--tw-scale-x: 1;--tw-scale-y: 1;-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));background-color:var(--maz-color-warning)}.m-stepper__header.--warning .m-stepper__right[data-v-b905aaa6]{color:var(--maz-color-warning)}.m-stepper__header.--warning svg[data-v-b905aaa6]{color:var(--maz-color-warning-contrast)}.m-stepper__header.--error .m-stepper__count__circle[data-v-b905aaa6]{--tw-scale-x: 1;--tw-scale-y: 1;-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));background-color:var(--maz-color-danger)}.m-stepper__header.--error .m-stepper__right[data-v-b905aaa6]{color:var(--maz-color-danger)}.m-stepper__header.--error svg[data-v-b905aaa6]{color:var(--maz-color-danger-contrast)}.m-stepper__title[data-v-b905aaa6]{color:var(--maz-color-text)}.m-stepper__subtitle[data-v-b905aaa6]{margin-top:.25rem;font-size:.75rem;line-height:1rem;color:var(--maz-color-muted)}.m-stepper__right[data-v-b905aaa6]{text-align:right;font-size:.875rem;line-height:1.25rem;color:var(--maz-color-primary)}.m-stepper__count[data-v-b905aaa6]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:2rem;width:2rem;-webkit-box-flex:0;-ms-flex:none;flex:none;overflow:hidden;border-radius:9999px;font-size:1.125rem;line-height:1.75rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--4e57adab);color:var(--a3bdd2fa)}.m-stepper__count__circle[data-v-b905aaa6]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:-webkit-box;display:-ms-flexbox;display:flex;--tw-scale-x: 0;--tw-scale-y: 0;-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));border-radius:9999px;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-stepper__count svg[data-v-b905aaa6]{color:var(--maz-color-success-contrast)}.m-stepper__content[data-v-b905aaa6]{margin-left:2rem;border-left-width:2px;border-color:transparent;padding-top:.5rem;padding-bottom:.5rem;padding-left:2rem}.m-stepper__content__wrapper[data-v-b905aaa6]{padding-top:.5rem;padding-bottom:.5rem}.m-stepper__content[data-v-b905aaa6]:not(.--no-border){border-color:var(--maz-color-bg-lighter)}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
|
|
2
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazStepper={},e.Vue)}(this,(function(e,t){"use strict";const l=(e,t)=>{const l=e.__vccOpts||e;for(const[o,a]of t)l[o]=a;return l},o=l(t.defineComponent({__name:"MazTransitionExpand",setup:e=>(e,l)=>(t.openBlock(),t.createBlock(t.TransitionGroup,{class:"m-transition-expand",name:"maz-expand",tag:"div",onEnter:l[0]||(l[0]=e=>(e=>{const l=getComputedStyle(e).width;e.style.width=l,e.style.position="absolute",e.style.visibility="hidden",e.style.height="auto",e.style.top="bottom";const o=getComputedStyle(e).height;e.style.width="",e.style.position="",e.style.visibility="",e.style.height="0px",getComputedStyle(e).height,t.nextTick((()=>{e.style.height=o}))})(e)),onAfterEnter:l[1]||(l[1]=e=>{e.style.height="auto"}),onLeave:l[2]||(l[2]=e=>(e=>{const l=getComputedStyle(e).height;e.style.height=l,getComputedStyle(e).height,t.nextTick((()=>{e.style.height="0px"}))})(e))},{default:t.withCtx((()=>[t.renderSlot(e.$slots,"default",{},void 0,!0)])),_:3}))}),[["__scopeId","data-v-b5d3ee9f"]]);const a=["innerHTML"],n=t.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(e,{emit:l}){const o=e,n={},r=t.ref(),s=t.ref(),i=()=>{try{return function(e,l){const o=t.inject(e,l);if(!o)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${e}`);return o}("mazIconPath")}catch{return}},c=t.computed((()=>o.path??i())),d=t.computed((()=>o.src?o.src:c.value?`${c.value}/${o.name}.svg`:`/${o.name}.svg`));t.onMounted((()=>{o.name||o.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const u=e=>{const t={},l=e.attributes;if(!l)return t;for(let o=l.length-1;o>=0;o--)t[l[o].name]=l[o].value;return t},p=e=>{let t=e.cloneNode(!0);return t=o.transformSource(e),o.title&&((e,t)=>{const l=e.querySelectorAll("title");if(l.length>0)l[0].textContent=t;else{const l=document.createElementNS("http://www.w3.org/2000/svg","title");l.textContent=t,e.append(l)}})(t,o.title),e.innerHTML},m=e=>new Promise(((t,l)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.addEventListener("load",(()=>{if(a.status>=200&&a.status<400)try{const e=new DOMParser;let n=e.parseFromString(a.responseText,"text/xml").querySelectorAll("svg")[0];n?(n=o.transformSource(n),t(n)):l(new Error('Loaded file is not valid SVG"'))}catch(e){l(e)}else l(new Error("Error loading SVG"))})),a.addEventListener("error",(()=>l())),a.send()}));return t.watchEffect((()=>(async e=>{n[e]||(n[e]=m(e));try{r.value=await n[e],await t.nextTick(),l("loaded",s.value)}catch(o){r.value&&(r.value=void 0,l("unloaded")),delete n[e],l("error",o)}})(d.value))),(l,o)=>{return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createCommentVNode(" eslint-disable vue/no-v-html "),t.createCommentVNode(" eslint-disable vue/html-self-closing "),r.value?(t.openBlock(),t.createElementBlock("svg",t.mergeProps({key:0,ref_key:"svgElem",ref:s,width:"1em",height:"1em"},{...u(r.value),...(n=l.$attrs,Object.keys(n).reduce(((e,t)=>(!1!==n[t]&&null!==n[t]&&void 0!==n[t]&&(e[t]=n[t]),e)),{}))},{style:`font-size: ${e.size}`,innerHTML:p(r.value)}),null,16,a)):t.createCommentVNode("v-if",!0),t.createCommentVNode(" eslint-enable vue/no-v-html "),t.createCommentVNode(" eslint-enable vue/html-self-closing ")],2112);var n}}}),r={class:"m-stepper"},s=["disabled","onClick"],i={class:"m-stepper__header__wrapper"},c={class:"m-stepper__count --primary"},d={class:"m-stepper__count__circle"},u={class:"m-stepper__header__content"},p={class:"m-stepper__title"},m={key:0,class:"m-stepper__subtitle"},v={key:0,class:"m-stepper__right"},y={class:"m-stepper__content__wrapper"},g=l(t.defineComponent({__name:"MazStepper",props:{modelValue:{type:Number,default:void 0},steps:{type:Array,default:void 0},disabledNextSteps:{type:Boolean,default:!1},disabledPreviousSteps:{type:Boolean,default:!1},autoValidateSteps:{type:Boolean,default:!1},allStepsOpened:{type:Boolean,default:!1},allStepsValidated:{type:Boolean,default:!1},color:{type:String,default:"primary",validator:e=>["primary","secondary","warning","danger","info","success","white","gray","black"].includes(e)},canCloseSteps:{type:Boolean,default:!1}},emits:["update:model-value"],setup(e,{emit:l}){const a=e;t.useCssVars((e=>({"4e57adab":t.unref(g),a3bdd2fa:t.unref(f)})));const g=t.computed((()=>`var(--maz-color-${a.color})`)),f=t.computed((()=>`var(--maz-color-${a.color}-contrast)`)),b=t.useSlots(),S=t.computed((()=>Object.keys(b).filter((e=>e.startsWith("content-"))).length)),I=t.ref(1),h=t.computed({get:()=>a.modelValue??I.value,set:e=>{I.value=e,l("update:model-value",e)}}),M=e=>_(e)?{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTkgMTJsMiAyIDQtNG02IDJhOSA5IDAgMTEtMTggMCA5IDkgMCAwMTE4IDB6Ii8+Cjwvc3ZnPgo=",class:"--success"}:z(e)?{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEyIDl2Mm0wIDRoLjAxbS02LjkzOCA0aDEzLjg1NmMxLjU0IDAgMi41MDItMS42NjcgMS43MzItM0wxMy43MzIgNGMtLjc3LTEuMzMzLTIuNjk0LTEuMzMzLTMuNDY0IDBMMy4zNCAxNmMtLjc3IDEuMzMzLjE5MiAzIDEuNzMyIDN6Ii8+Cjwvc3ZnPgo=",class:"--warning"}:w(e)?{icon:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEyIDh2NG0wIDRoLjAxTTIxIDEyYTkgOSAwIDExLTE4IDAgOSA5IDAgMDExOCAweiIvPgo8L3N2Zz4K",class:"--error"}:{class:"--normal"},C=(e,t)=>{var l,o;return null==(o=null==(l=a.steps)?void 0:l[t-1])?void 0:o[e]},N=e=>{h.value===e&&a.canCloseSteps?h.value=0:e<1?h.value=1:e>S.value?h.value=S.value:h.value=e},E=(e,t)=>{var l,o;const n="titleInfo"===e?"title-info":e,r=Object.keys(b).filter((e=>e.startsWith(`${n}-`))).includes(`${n}-${t}`),s=!!(null==(o=null==(l=a.steps)?void 0:l[t-1])?void 0:o[e]);return r||s},_=e=>{var t,l;const o=null==(l=null==(t=a.steps)?void 0:t[e-1])?void 0:l.success,n=w(e)||z(e),r=a.autoValidateSteps&&e<h.value&&!n;return o??(r||a.allStepsValidated)},k=e=>{var t,l;const o=null==(l=null==(t=a.steps)?void 0:t[e-1])?void 0:l.disabled,n=h.value===e&&!a.canCloseSteps,r=a.disabledNextSteps&&e>h.value,s=a.disabledPreviousSteps&&e<h.value;return o??(n||r||s||a.allStepsOpened)},w=e=>{var t,l;return null==(l=null==(t=a.steps)?void 0:t[e-1])?void 0:l.error},z=e=>{var t,l;return null==(l=null==(t=a.steps)?void 0:t[e-1])?void 0:l.warning},D=e=>e===S.value;return(l,a)=>(t.openBlock(),t.createElementBlock("div",r,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(S),(a=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:a},[E("title",a)?(t.openBlock(),t.createElementBlock("button",{key:0,type:"button",disabled:k(a),class:t.normalizeClass(["m-stepper__header",[{"--is-current-step":a===t.unref(h)||e.allStepsOpened},`${M(a).class}`]]),onClick:e=>N(a)},[t.createElementVNode("div",i,[t.createElementVNode("span",c,[t.createElementVNode("div",d,[M(a).icon?(t.openBlock(),t.createBlock(n,{key:0,class:"icon",size:"1.5rem",src:M(a).icon},null,8,["src"])):t.createCommentVNode("v-if",!0)]),t.createTextVNode(" "+t.toDisplayString(a),1)]),t.createElementVNode("div",u,[t.createElementVNode("span",p,[t.renderSlot(l.$slots,`title-${a}`,{},(()=>[t.createTextVNode(t.toDisplayString(C("title",a)),1)]),!0)]),E("subtitle",a)?(t.openBlock(),t.createElementBlock("span",m,[t.renderSlot(l.$slots,`subtitle-${a}`,{},(()=>[t.createTextVNode(t.toDisplayString(C("subtitle",a)),1)]),!0)])):t.createCommentVNode("v-if",!0)])]),E("titleInfo",a)?(t.openBlock(),t.createElementBlock("span",v,[t.renderSlot(l.$slots,`title-info-${a}`,{},(()=>[t.createTextVNode(t.toDisplayString(C("titleInfo",a)),1)]),!0)])):t.createCommentVNode("v-if",!0)],10,s)):t.createCommentVNode("v-if",!0),t.createElementVNode("div",{class:t.normalizeClass(["m-stepper__content",{"--no-border":D(a)}])},[t.createVNode(o,null,{default:t.withCtx((()=>[t.withDirectives(t.createElementVNode("div",null,[t.createElementVNode("div",y,[t.renderSlot(l.$slots,`content-${a}`,{validated:_(a),error:w(a),warning:z(a),nextStep:()=>N(a+1),previousStep:()=>N(a-1)},void 0,!0)])],512),[[t.vShow,e.allStepsOpened||t.unref(h)===a]])])),_:2},1024)],2)],64)))),128))]))}}),[["__scopeId","data-v-b905aaa6"]]);e.default=g,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
package/components/MazSwitch.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.m-switch__input{position:absolute;left:-9999px}.m-switch__toggle{position:relative;display:block;height:1.5rem;width:3rem;cursor:pointer;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.m-switch__toggle:before{content:"";-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:relative;top:.25rem;left:.25rem;display:block;height:1rem;width:2.5rem;border-radius:9999px;background-color:var(--m-switch-bg-bar)}.m-switch__toggle span{position:absolute;top:0px;left:0px;display:block;height:1.5rem;width:1.5rem;border-radius:9999px;-webkit-box-shadow:0 2px 8px 0 hsl(0deg 0% 0% / 20%);box-shadow:0 2px 8px #0003;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.m-switch__input:checked+.m-switch__toggle span{-webkit-transform:translateX(1.5em);transform:translate(1.5em)}.m-switch__input:checked+.m-switch__toggle span:before{-webkit-transform:scale(1);transform:scale(1);opacity:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.m-switch__input:disabled+.m-switch__toggle{cursor:not-allowed}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|
|
2
2
|
import { defineComponent, computed, getCurrentInstance, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, unref, normalizeStyle } from "vue";
|
|
3
3
|
const _hoisted_1 = ["id", "name", "checked", "disabled"];
|
|
4
4
|
const _hoisted_2 = ["for"];
|
|
@@ -27,27 +27,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27
27
|
emits("update:model-value", (target == null ? void 0 : target.checked) ?? false);
|
|
28
28
|
};
|
|
29
29
|
return (_ctx, _cache) => {
|
|
30
|
-
return openBlock(), createElementBlock(
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
style: normalizeStyle([unref(
|
|
48
|
-
},
|
|
49
|
-
|
|
50
|
-
|
|
30
|
+
return openBlock(), createElementBlock(
|
|
31
|
+
"div",
|
|
32
|
+
{
|
|
33
|
+
class: normalizeClass(["m-switch", [`--${__props.color}`]])
|
|
34
|
+
},
|
|
35
|
+
[
|
|
36
|
+
createElementVNode("input", mergeProps({ id: unref(uniqueId) }, _ctx.$attrs, {
|
|
37
|
+
type: "checkbox",
|
|
38
|
+
name: __props.name,
|
|
39
|
+
checked: __props.modelValue,
|
|
40
|
+
disabled: __props.disabled,
|
|
41
|
+
class: "m-switch__input",
|
|
42
|
+
onChange: emit
|
|
43
|
+
}), null, 16, _hoisted_1),
|
|
44
|
+
createElementVNode("label", {
|
|
45
|
+
for: unref(uniqueId),
|
|
46
|
+
class: "m-switch__toggle",
|
|
47
|
+
style: normalizeStyle([{ "--m-switch-bg-bar": unref(bgColorClassVar) }])
|
|
48
|
+
}, [
|
|
49
|
+
createElementVNode(
|
|
50
|
+
"span",
|
|
51
|
+
{
|
|
52
|
+
style: normalizeStyle([unref(bgColorStyle)])
|
|
53
|
+
},
|
|
54
|
+
null,
|
|
55
|
+
4
|
|
56
|
+
/* STYLE */
|
|
57
|
+
)
|
|
58
|
+
], 12, _hoisted_2)
|
|
59
|
+
],
|
|
60
|
+
2
|
|
61
|
+
/* CLASS */
|
|
62
|
+
);
|
|
51
63
|
};
|
|
52
64
|
}
|
|
53
65
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.m-switch__input{position:absolute;left:-9999px}.m-switch__toggle{position:relative;display:block;height:1.5rem;width:3rem;cursor:pointer;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.m-switch__toggle:before{content:"";-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:relative;top:.25rem;left:.25rem;display:block;height:1rem;width:2.5rem;border-radius:9999px;background-color:var(--m-switch-bg-bar)}.m-switch__toggle span{position:absolute;top:0px;left:0px;display:block;height:1.5rem;width:1.5rem;border-radius:9999px;-webkit-box-shadow:0 2px 8px 0 hsl(0deg 0% 0% / 20%);box-shadow:0 2px 8px #0003;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.m-switch__input:checked+.m-switch__toggle span{-webkit-transform:translateX(1.5em);transform:translate(1.5em)}.m-switch__input:checked+.m-switch__toggle span:before{-webkit-transform:scale(1);transform:scale(1);opacity:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.m-switch__input:disabled+.m-switch__toggle{cursor:not-allowed}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|
|
2
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazSwitch={},e.Vue)}(this,(function(e,t){"use strict";const o=["id","name","checked","disabled"],l=["for"],a=t.defineComponent({__name:"MazSwitch",props:{modelValue:{type:Boolean,required:!0},id:{type:String,default:void 0},disabled:{type:Boolean,default:!1},name:{type:String,default:void 0},color:{type:String,default:"primary"}},emits:["update:model-value"],setup(e,{emit:a}){const n=e,d=t.computed((()=>{var e;return n.id??`mazSwitch-${null==(e=t.getCurrentInstance())?void 0:e.uid}`})),r=t.computed((()=>`var(--maz-color-${n.color}-alpha)`)),i=t.computed((()=>({backgroundColor:n.modelValue?`var(--maz-color-${n.color})`:"var(--maz-color-white)"}))),u=e=>{const t=e.target;a("update:model-value",(null==t?void 0:t.checked)??!1)};return(a,n)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["m-switch",[`--${e.color}`]])},[t.createElementVNode("input",t.mergeProps({id:t.unref(d)},a.$attrs,{type:"checkbox",name:e.name,checked:e.modelValue,disabled:e.disabled,class:"m-switch__input",onChange:u}),null,16,o),t.createElementVNode("label",{for:t.unref(d),class:"m-switch__toggle",style:t.normalizeStyle([{"--m-switch-bg-bar":t.unref(r)}])},[t.createElementVNode("span",{style:t.normalizeStyle([t.unref(i)])},null,4)],12,l)],2))}});e.default=a,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|