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.
Files changed (85) hide show
  1. package/LICENSE +21 -0
  2. package/components/MazAvatar.mjs +113 -55
  3. package/components/MazAvatar.umd.js +2 -2
  4. package/components/MazBackdrop.mjs +49 -23
  5. package/components/MazBackdrop.umd.js +2 -2
  6. package/components/MazBadge.mjs +17 -11
  7. package/components/MazBadge.umd.js +2 -2
  8. package/components/MazBottomSheet.mjs +160 -88
  9. package/components/MazBottomSheet.umd.js +2 -2
  10. package/components/MazBtn.mjs +54 -29
  11. package/components/MazBtn.umd.js +2 -2
  12. package/components/MazCard.mjs +322 -193
  13. package/components/MazCard.umd.js +2 -2
  14. package/components/MazCarousel.mjs +123 -77
  15. package/components/MazCarousel.umd.js +2 -2
  16. package/components/MazChart.d.ts +3 -34
  17. package/components/MazChart.mjs +2 -2
  18. package/components/MazChart.umd.js +2 -2
  19. package/components/MazCheckbox.mjs +25 -19
  20. package/components/MazCheckbox.umd.js +2 -2
  21. package/components/MazDialog.d.ts +27 -0
  22. package/components/MazDialog.mjs +178 -98
  23. package/components/MazDialog.umd.js +2 -2
  24. package/components/MazDialogPromise.d.ts +1 -1
  25. package/components/MazDialogPromise.mjs +204 -105
  26. package/components/MazDialogPromise.umd.js +2 -2
  27. package/components/MazDrawer.mjs +149 -80
  28. package/components/MazDrawer.umd.js +2 -2
  29. package/components/MazDropzone.d.ts +2 -2
  30. package/components/MazDropzone.mjs +72 -42
  31. package/components/MazDropzone.umd.js +2 -2
  32. package/components/MazGallery.mjs +158 -80
  33. package/components/MazGallery.umd.js +2 -2
  34. package/components/MazIcon.mjs +27 -15
  35. package/components/MazIcon.umd.js +2 -2
  36. package/components/MazInput.mjs +183 -140
  37. package/components/MazInput.umd.js +2 -2
  38. package/components/MazInputNumber.d.ts +1 -1
  39. package/components/MazInputNumber.mjs +244 -193
  40. package/components/MazInputNumber.umd.js +2 -2
  41. package/components/MazInputPrice.d.ts +1 -1
  42. package/components/MazInputPrice.mjs +207 -156
  43. package/components/MazInputPrice.umd.js +2 -2
  44. package/components/MazInputTags.mjs +260 -195
  45. package/components/MazInputTags.umd.js +2 -2
  46. package/components/MazLazyImg.mjs +48 -21
  47. package/components/MazLazyImg.umd.js +2 -2
  48. package/components/MazPhoneNumberInput.mjs +383 -279
  49. package/components/MazPhoneNumberInput.umd.js +2 -2
  50. package/components/MazPicker.d.ts +2 -2
  51. package/components/MazPicker.mjs +755 -486
  52. package/components/MazPicker.umd.js +2 -2
  53. package/components/MazRadioButtons.mjs +52 -36
  54. package/components/MazRadioButtons.umd.js +2 -2
  55. package/components/MazSelect.mjs +324 -254
  56. package/components/MazSelect.umd.js +2 -2
  57. package/components/MazSlider.d.ts +1 -1
  58. package/components/MazSlider.mjs +97 -45
  59. package/components/MazSlider.umd.js +2 -2
  60. package/components/MazSpinner.mjs +8 -2
  61. package/components/MazSpinner.umd.js +2 -2
  62. package/components/MazStepper.mjs +144 -84
  63. package/components/MazStepper.umd.js +2 -2
  64. package/components/MazSwitch.mjs +34 -22
  65. package/components/MazSwitch.umd.js +2 -2
  66. package/components/MazTabsBar.mjs +111 -57
  67. package/components/MazTabsBar.umd.js +2 -2
  68. package/components/MazTabsContent.mjs +14 -8
  69. package/components/MazTabsContent.umd.js +2 -2
  70. package/components/MazTabsContentItem.mjs +17 -9
  71. package/components/MazTabsContentItem.umd.js +2 -2
  72. package/components/MazTextarea.mjs +52 -40
  73. package/components/MazTextarea.umd.js +2 -2
  74. package/components/MazTransitionExpand.mjs +2 -1
  75. package/components/MazTransitionExpand.umd.js +2 -2
  76. package/components/assets/no-photography-584c6185.mjs +4 -0
  77. package/components/index.mjs +1 -1
  78. package/css/main.css +1 -1
  79. package/modules/assets/no-photography-584c6185.mjs +4 -0
  80. package/modules/maz-ui.mjs +81 -40
  81. package/modules/maz-ui.umd.js +2 -2
  82. package/package.json +37 -48
  83. package/components/index.umd.js +0 -35
  84. package/components/no_photo-410a8f01.mjs +0 -4
  85. package/modules/no_photo-410a8f01.mjs +0 -4
@@ -1,4 +1,4 @@
1
- (function(){"use strict";try{if(typeof document!="undefined"){var o=document.createElement("style");o.appendChild(document.createTextNode(".m-radio-buttons[data-v-04dc546b]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem}.m-radio-buttons__items[data-v-04dc546b]{cursor:pointer;border-radius:var(--maz-border-radius);padding:.5rem 1rem;font-weight:500;-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:.3s;transition-duration:.3s;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-radio-buttons__items[data-v-04dc546b]:not(.--is-selected):hover{background-color:var(--maz-color-bg-light)}html.dark .m-radio-buttons__items[data-v-04dc546b]:not(.--is-selected){background-color:var(--maz-color-bg-light)}html.dark .m-radio-buttons__items[data-v-04dc546b]:not(.--is-selected):hover{background-color:var(--maz-color-bg-lighter)}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".m-radio-buttons[data-v-04dc546b]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem}.m-radio-buttons__items[data-v-04dc546b]{cursor:pointer;border-radius:var(--maz-border-radius);padding:.5rem 1rem;font-weight:500;-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:.3s;transition-duration:.3s;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-radio-buttons__items[data-v-04dc546b]:not(.--is-selected):hover{background-color:var(--maz-color-bg-light)}html.dark .m-radio-buttons__items[data-v-04dc546b]:not(.--is-selected){background-color:var(--maz-color-bg-light)}html.dark .m-radio-buttons__items[data-v-04dc546b]:not(.--is-selected):hover{background-color:var(--maz-color-bg-lighter)}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
2
2
  import { defineComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
3
3
  const _hoisted_1 = ["id"];
4
4
  const _hoisted_2 = ["id", "name", "value", "onChange"];
@@ -28,41 +28,57 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
28
28
  return props.modelValue === value;
29
29
  };
30
30
  return (_ctx, _cache) => {
31
- return openBlock(), createElementBlock("div", {
32
- class: normalizeClass(["m-radio-buttons", [__props.orientation === "row" ? "maz-flex-row" : "maz-flex-col"]])
33
- }, [
34
- (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, i) => {
35
- return openBlock(), createElementBlock("label", {
36
- id: option.value.toString(),
37
- key: i,
38
- class: normalizeClass(["m-radio-buttons__items", {
39
- "--is-selected": isSelected(option.value),
40
- "maz-elevation": !__props.noElevation
41
- }]),
42
- style: normalizeStyle(
43
- isSelected(option.value) ? {
44
- color: `var(--maz-color-${__props.color}-contrast)`,
45
- backgroundColor: `var(--maz-color-${__props.color})`
46
- } : void 0
47
- )
48
- }, [
49
- createElementVNode("input", {
50
- id: option.value.toString(),
51
- type: "radio",
52
- name: __props.name,
53
- value: option.value,
54
- class: "maz-hidden",
55
- onChange: ($event) => selectOption(option)
56
- }, null, 40, _hoisted_2),
57
- renderSlot(_ctx.$slots, "default", {
58
- option,
59
- selected: isSelected(option.value)
60
- }, () => [
61
- createTextVNode(toDisplayString(option.label), 1)
62
- ], true)
63
- ], 14, _hoisted_1);
64
- }), 128))
65
- ], 2);
31
+ return openBlock(), createElementBlock(
32
+ "div",
33
+ {
34
+ class: normalizeClass(["m-radio-buttons", [__props.orientation === "row" ? "maz-flex-row" : "maz-flex-col"]])
35
+ },
36
+ [
37
+ (openBlock(true), createElementBlock(
38
+ Fragment,
39
+ null,
40
+ renderList(__props.options, (option, i) => {
41
+ return openBlock(), createElementBlock("label", {
42
+ id: option.value.toString(),
43
+ key: i,
44
+ class: normalizeClass(["m-radio-buttons__items", {
45
+ "--is-selected": isSelected(option.value),
46
+ "maz-elevation": !__props.noElevation
47
+ }]),
48
+ style: normalizeStyle(
49
+ isSelected(option.value) ? {
50
+ color: `var(--maz-color-${__props.color}-contrast)`,
51
+ backgroundColor: `var(--maz-color-${__props.color})`
52
+ } : void 0
53
+ )
54
+ }, [
55
+ createElementVNode("input", {
56
+ id: option.value.toString(),
57
+ type: "radio",
58
+ name: __props.name,
59
+ value: option.value,
60
+ class: "maz-hidden",
61
+ onChange: ($event) => selectOption(option)
62
+ }, null, 40, _hoisted_2),
63
+ renderSlot(_ctx.$slots, "default", {
64
+ option,
65
+ selected: isSelected(option.value)
66
+ }, () => [
67
+ createTextVNode(
68
+ toDisplayString(option.label),
69
+ 1
70
+ /* TEXT */
71
+ )
72
+ ], true)
73
+ ], 14, _hoisted_1);
74
+ }),
75
+ 128
76
+ /* KEYED_FRAGMENT */
77
+ ))
78
+ ],
79
+ 2
80
+ /* CLASS */
81
+ );
66
82
  };
67
83
  }
68
84
  });
@@ -1,2 +1,2 @@
1
- (function(){"use strict";try{if(typeof document!="undefined"){var o=document.createElement("style");o.appendChild(document.createTextNode(".m-radio-buttons[data-v-04dc546b]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem}.m-radio-buttons__items[data-v-04dc546b]{cursor:pointer;border-radius:var(--maz-border-radius);padding:.5rem 1rem;font-weight:500;-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:.3s;transition-duration:.3s;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-radio-buttons__items[data-v-04dc546b]:not(.--is-selected):hover{background-color:var(--maz-color-bg-light)}html.dark .m-radio-buttons__items[data-v-04dc546b]:not(.--is-selected){background-color:var(--maz-color-bg-light)}html.dark .m-radio-buttons__items[data-v-04dc546b]:not(.--is-selected):hover{background-color:var(--maz-color-bg-lighter)}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
- !function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue")):"function"==typeof define&&define.amd?define(["vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).MazRadioButtons=o(e.Vue)}(this,(function(e){"use strict";const o=["id"],t=["id","name","value","onChange"];return((e,o)=>{const t=e.__vccOpts||e;for(const[a,l]of o)t[a]=l;return t})(e.defineComponent({__name:"MazRadioButtons",props:{modelValue:{type:[String,Number],default:void 0},options:{type:Array,required:!0},name:{type:String,default:"MazButtonsRadio"},color:{type:String,default:"primary"},noElevation:{type:Boolean,default:!1},orientation:{type:String,default:"row"}},emits:["update:model-value","change"],setup(a,{emit:l}){const n=a,r=e=>n.modelValue===e;return(n,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m-radio-buttons",["row"===a.orientation?"maz-flex-row":"maz-flex-col"]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.options,((i,d)=>(e.openBlock(),e.createElementBlock("label",{id:i.value.toString(),key:d,class:e.normalizeClass(["m-radio-buttons__items",{"--is-selected":r(i.value),"maz-elevation":!a.noElevation}]),style:e.normalizeStyle(r(i.value)?{color:`var(--maz-color-${a.color}-contrast)`,backgroundColor:`var(--maz-color-${a.color})`}:void 0)},[e.createElementVNode("input",{id:i.value.toString(),type:"radio",name:a.name,value:i.value,class:"maz-hidden",onChange:e=>(e=>{l("update:model-value",e.value)})(i)},null,40,t),e.renderSlot(n.$slots,"default",{option:i,selected:r(i.value)},(()=>[e.createTextVNode(e.toDisplayString(i.label),1)]),!0)],14,o)))),128))],2))}}),[["__scopeId","data-v-04dc546b"]])}));
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".m-radio-buttons[data-v-04dc546b]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem}.m-radio-buttons__items[data-v-04dc546b]{cursor:pointer;border-radius:var(--maz-border-radius);padding:.5rem 1rem;font-weight:500;-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:.3s;transition-duration:.3s;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-radio-buttons__items[data-v-04dc546b]:not(.--is-selected):hover{background-color:var(--maz-color-bg-light)}html.dark .m-radio-buttons__items[data-v-04dc546b]:not(.--is-selected){background-color:var(--maz-color-bg-light)}html.dark .m-radio-buttons__items[data-v-04dc546b]:not(.--is-selected):hover{background-color:var(--maz-color-bg-lighter)}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
2
+ !function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).MazRadioButtons={},e.Vue)}(this,(function(e,o){"use strict";const t=["id"],a=["id","name","value","onChange"],l=((e,o)=>{const t=e.__vccOpts||e;for(const[a,l]of o)t[a]=l;return t})(o.defineComponent({__name:"MazRadioButtons",props:{modelValue:{type:[String,Number],default:void 0},options:{type:Array,required:!0},name:{type:String,default:"MazButtonsRadio"},color:{type:String,default:"primary"},noElevation:{type:Boolean,default:!1},orientation:{type:String,default:"row"}},emits:["update:model-value","change"],setup(e,{emit:l}){const n=e,r=e=>n.modelValue===e;return(n,i)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["m-radio-buttons",["row"===e.orientation?"maz-flex-row":"maz-flex-col"]])},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.options,((i,d)=>(o.openBlock(),o.createElementBlock("label",{id:i.value.toString(),key:d,class:o.normalizeClass(["m-radio-buttons__items",{"--is-selected":r(i.value),"maz-elevation":!e.noElevation}]),style:o.normalizeStyle(r(i.value)?{color:`var(--maz-color-${e.color}-contrast)`,backgroundColor:`var(--maz-color-${e.color})`}:void 0)},[o.createElementVNode("input",{id:i.value.toString(),type:"radio",name:e.name,value:i.value,class:"maz-hidden",onChange:e=>(e=>{l("update:model-value",e.value)})(i)},null,40,a),o.renderSlot(n.$slots,"default",{option:i,selected:r(i.value)},(()=>[o.createTextVNode(o.toDisplayString(i.label),1)]),!0)],14,t)))),128))],2))}}),[["__scopeId","data-v-04dc546b"]]);e.default=l,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));