maz-ui 2.3.10 → 2.3.13

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 (42) hide show
  1. package/lib/index.js +1 -1
  2. package/lib/maz-avatar.js +15 -15
  3. package/lib/maz-bottom-sheet.js +56 -57
  4. package/lib/maz-btn-group.js +41 -42
  5. package/lib/maz-btn.js +34 -35
  6. package/lib/maz-card.js +19 -18
  7. package/lib/maz-carousel.js +35 -35
  8. package/lib/maz-checkbox.js +7 -7
  9. package/lib/maz-collapse.js +57 -58
  10. package/lib/maz-dialog.js +73 -73
  11. package/lib/maz-draggable-list.js +19 -19
  12. package/lib/maz-dropdown.js +19 -19
  13. package/lib/maz-dropzone.js +8 -8
  14. package/lib/maz-flex.js +1 -1
  15. package/lib/maz-gallery.js +30 -31
  16. package/lib/maz-img.js +19 -20
  17. package/lib/maz-input-tags.js +67 -68
  18. package/lib/maz-input.js +66 -66
  19. package/lib/maz-list-item.js +5 -5
  20. package/lib/maz-list.js +5 -5
  21. package/lib/maz-loader.js +6 -6
  22. package/lib/maz-pagination.js +63 -64
  23. package/lib/maz-phone-number-input.js +254 -256
  24. package/lib/maz-picker.js +315 -313
  25. package/lib/maz-plotly.js +4 -4
  26. package/lib/maz-progress-bar.js +13 -13
  27. package/lib/maz-radio.js +8 -8
  28. package/lib/maz-read-more.js +7 -7
  29. package/lib/maz-responsive-menu.js +17 -17
  30. package/lib/maz-search.js +103 -103
  31. package/lib/maz-select.js +179 -182
  32. package/lib/maz-sidebar.js +38 -38
  33. package/lib/maz-slider.js +27 -27
  34. package/lib/maz-spinner.js +8 -9
  35. package/lib/maz-stepper.js +47 -48
  36. package/lib/maz-switch.js +5 -5
  37. package/lib/maz-tabs-bar.js +10 -10
  38. package/lib/maz-tabs-content-item.js +5 -5
  39. package/lib/maz-tabs-content.js +2 -2
  40. package/lib/maz-transition-expand.js +2 -2
  41. package/lib/maz-ui.common.js +959 -957
  42. package/package.json +1 -1
package/lib/maz-btn.js CHANGED
@@ -219,7 +219,7 @@ function normalizeComponent (
219
219
  __webpack_require__.r(__webpack_exports__);
220
220
 
221
221
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazBtn/_main.vue?vue&type=template&id=247f3a44&
222
- var render = function() {
222
+ var render = function () {
223
223
  var _vm = this
224
224
  var _h = _vm.$createElement
225
225
  var _c = _vm._self._c || _h
@@ -232,31 +232,31 @@ var render = function() {
232
232
  class: [
233
233
  _vm.classes,
234
234
  {
235
- "maz-text-hidden": _vm.loading
236
- }
235
+ "maz-text-hidden": _vm.loading,
236
+ },
237
237
  ],
238
238
  attrs: {
239
239
  id: _vm.uniqueId,
240
240
  type: _vm.isLink ? null : _vm.type,
241
- disabled: _vm.isLink ? null : _vm.isDisabled
241
+ disabled: _vm.isLink ? null : _vm.isDisabled,
242
242
  },
243
243
  on: {
244
- click: function($event) {
244
+ click: function ($event) {
245
245
  return _vm.handleClick($event)
246
246
  },
247
- mouseenter: function($event) {
247
+ mouseenter: function ($event) {
248
248
  return _vm.emitMouseEnter($event)
249
249
  },
250
- mouseleave: function($event) {
250
+ mouseleave: function ($event) {
251
251
  return _vm.emitMouseLeave($event)
252
252
  },
253
- focus: function($event) {
253
+ focus: function ($event) {
254
254
  return _vm.emitFocus($event)
255
255
  },
256
- blur: function($event) {
256
+ blur: function ($event) {
257
257
  return _vm.emitBlur($event)
258
- }
259
- }
258
+ },
259
+ },
260
260
  },
261
261
  "component",
262
262
  _vm.$attrs,
@@ -269,17 +269,17 @@ var render = function() {
269
269
  {
270
270
  staticClass: "maz-flex maz-flex-center maz-btn__icon-left",
271
271
  class: {
272
- "maz-mr-2": !_vm.fab && _vm.hasSlotDefault()
273
- }
272
+ "maz-mr-2": !_vm.fab && _vm.hasSlotDefault(),
273
+ },
274
274
  },
275
275
  [
276
- _vm._t("icon-left" || false, function() {
276
+ _vm._t("icon-left" || false, function () {
277
277
  return [
278
278
  _c("i", { staticClass: "material-icons" }, [
279
- _vm._v(_vm._s(_vm.leftIconName || _vm.iconName))
280
- ])
279
+ _vm._v(_vm._s(_vm.leftIconName || _vm.iconName)),
280
+ ]),
281
281
  ]
282
- })
282
+ }),
283
283
  ],
284
284
  2
285
285
  )
@@ -289,7 +289,7 @@ var render = function() {
289
289
  {
290
290
  staticClass:
291
291
  "maz-flex maz-align-center maz-h-100 maz-overflow-hidden",
292
- class: [_vm.textClasses, { "maz-flex-1": _vm.hasSlotDefault() }]
292
+ class: [_vm.textClasses, { "maz-flex-1": _vm.hasSlotDefault() }],
293
293
  },
294
294
  [_vm._t("default")],
295
295
  2
@@ -300,17 +300,17 @@ var render = function() {
300
300
  {
301
301
  staticClass: "maz-flex maz-flex-center maz-btn__icon-right",
302
302
  class: {
303
- "maz-ml-2": !_vm.fab && _vm.hasSlotDefault()
304
- }
303
+ "maz-ml-2": !_vm.fab && _vm.hasSlotDefault(),
304
+ },
305
305
  },
306
306
  [
307
- _vm._t("icon-right", function() {
307
+ _vm._t("icon-right", function () {
308
308
  return [
309
309
  _c("i", { staticClass: "material-icons" }, [
310
- _vm._v(_vm._s(_vm.rightIconName))
311
- ])
310
+ _vm._v(_vm._s(_vm.rightIconName)),
311
+ ]),
312
312
  ]
313
- })
313
+ }),
314
314
  ],
315
315
  2
316
316
  )
@@ -322,7 +322,7 @@ var render = function() {
322
322
  [_c("MazSpinner", { attrs: { size: 25, color: _vm.color } })],
323
323
  1
324
324
  )
325
- : _vm._e()
325
+ : _vm._e(),
326
326
  ]
327
327
  )
328
328
  }
@@ -345,7 +345,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
345
345
 
346
346
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
347
347
 
348
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
348
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
349
349
 
350
350
  function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
351
351
 
@@ -639,7 +639,7 @@ _main.install = function (Vue) {
639
639
  __webpack_require__.r(__webpack_exports__);
640
640
 
641
641
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazSpinner/_main.vue?vue&type=template&id=67a8ca41&
642
- var render = function() {
642
+ var render = function () {
643
643
  var _vm = this
644
644
  var _h = _vm.$createElement
645
645
  var _c = _vm._self._c || _h
@@ -649,9 +649,9 @@ var render = function() {
649
649
  staticClass: "maz-base-component maz-spinner maz-spinner-anim",
650
650
  class: [
651
651
  {
652
- "spinner-anim__white": _vm.dark
652
+ "spinner-anim__white": _vm.dark,
653
653
  },
654
- _vm.fillColorClass
654
+ _vm.fillColorClass,
655
655
  ],
656
656
  staticStyle: { "enable-background": "new 0 0 50 50" },
657
657
  attrs: {
@@ -662,16 +662,15 @@ var render = function() {
662
662
  x: "0px",
663
663
  y: "0px",
664
664
  viewBox: "0 0 50 50",
665
- "xml:space": "preserve"
666
- }
665
+ "xml:space": "preserve",
666
+ },
667
667
  },
668
668
  [
669
669
  _c("path", {
670
670
  attrs: {
671
- d:
672
- "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"
673
- }
674
- })
671
+ 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",
672
+ },
673
+ }),
675
674
  ]
676
675
  )
677
676
  }
package/lib/maz-card.js CHANGED
@@ -202,7 +202,7 @@ function normalizeComponent (
202
202
  __webpack_require__.r(__webpack_exports__);
203
203
 
204
204
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazCard/_main.vue?vue&type=template&id=573c466c&
205
- var render = function() {
205
+ var render = function () {
206
206
  var _vm = this
207
207
  var _h = _vm.$createElement
208
208
  var _c = _vm._self._c || _h
@@ -215,9 +215,9 @@ var render = function() {
215
215
  "maz-card--no-scale": !_vm.scale,
216
216
  "maz-elevation": _vm.elevation,
217
217
  "maz-border-radius": _vm.radius,
218
- "maz-border maz-border-solid maz-border-color": _vm.bordered
218
+ "maz-border maz-border-solid maz-border-color": _vm.bordered,
219
219
  },
220
- style: [_vm.cardStyle]
220
+ style: [_vm.cardStyle],
221
221
  },
222
222
  [
223
223
  _c(
@@ -227,9 +227,9 @@ var render = function() {
227
227
  staticClass: "maz-card__wrapper maz-flex maz-flex-1",
228
228
  class: [
229
229
  "maz-direction-" + _vm.variant,
230
- { "maz-card__link": _vm.href }
230
+ { "maz-card__link": _vm.href },
231
231
  ],
232
- attrs: { href: _vm.href, target: _vm.href ? _vm.hrefTarget : null }
232
+ attrs: { href: _vm.href, target: _vm.href ? _vm.hrefTarget : null },
233
233
  },
234
234
  [
235
235
  _c(
@@ -248,10 +248,10 @@ var render = function() {
248
248
  zoom: _vm.zoom,
249
249
  "no-width": _vm.isColumnVariant,
250
250
  "no-height": !_vm.isColumnVariant && _vm.haveSomeContent,
251
- "no-remaining": _vm.noRemaining
252
- }
251
+ "no-remaining": _vm.noRemaining,
252
+ },
253
253
  })
254
- : _vm._e()
254
+ : _vm._e(),
255
255
  ],
256
256
  1
257
257
  ),
@@ -261,7 +261,7 @@ var render = function() {
261
261
  "div",
262
262
  { staticClass: "maz-card__content__wrapper maz-p-3" },
263
263
  [
264
- _vm._t("default", function() {
264
+ _vm._t("default", function () {
265
265
  return [
266
266
  _vm.$slots["title"]
267
267
  ? _c(
@@ -275,7 +275,8 @@ var render = function() {
275
275
  ? _c(
276
276
  "div",
277
277
  {
278
- staticClass: "maz-card__subtitle maz-text-muted"
278
+ staticClass:
279
+ "maz-card__subtitle maz-text-muted",
279
280
  },
280
281
  [_vm._t("subtitle")],
281
282
  2
@@ -288,14 +289,14 @@ var render = function() {
288
289
  [_vm._t("content")],
289
290
  2
290
291
  )
291
- : _vm._e()
292
+ : _vm._e(),
292
293
  ]
293
- })
294
+ }),
294
295
  ],
295
296
  2
296
- )
297
+ ),
297
298
  ])
298
- : _vm._e()
299
+ : _vm._e(),
299
300
  ]
300
301
  ),
301
302
  _vm.$slots["footer"]
@@ -306,10 +307,10 @@ var render = function() {
306
307
  class: [
307
308
  {
308
309
  "maz-border-top maz-border-color maz-border-top-solid":
309
- _vm.isColumnVariant && _vm.haveSomeContent
310
+ _vm.isColumnVariant && _vm.haveSomeContent,
310
311
  },
311
- "maz-text-" + _vm.footerAlign
312
- ]
312
+ "maz-text-" + _vm.footerAlign,
313
+ ],
313
314
  },
314
315
  [_vm._t("footer")],
315
316
  2
@@ -322,7 +323,7 @@ var render = function() {
322
323
  [_vm._t("actions")],
323
324
  2
324
325
  )
325
- : _vm._e()
326
+ : _vm._e(),
326
327
  ],
327
328
  1
328
329
  )
@@ -202,7 +202,7 @@ function normalizeComponent (
202
202
  __webpack_require__.r(__webpack_exports__);
203
203
 
204
204
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazCarousel/_main.vue?vue&type=template&id=69c48a9a&
205
- var render = function() {
205
+ var render = function () {
206
206
  var _vm = this
207
207
  var _h = _vm.$createElement
208
208
  var _c = _vm._self._c || _h
@@ -221,7 +221,7 @@ var render = function() {
221
221
  "div",
222
222
  {
223
223
  staticClass:
224
- "maz-carousel__header__actions maz-flex-1 maz-text-right"
224
+ "maz-carousel__header__actions maz-flex-1 maz-text-right",
225
225
  },
226
226
  [
227
227
  _c(
@@ -229,18 +229,18 @@ var render = function() {
229
229
  {
230
230
  staticClass: "maz-carousel__btn",
231
231
  class: {
232
- "maz-carousel__btn--muted": !_vm.isScrolled
232
+ "maz-carousel__btn--muted": !_vm.isScrolled,
233
233
  },
234
234
  attrs: {
235
235
  color: "transparent",
236
236
  outline: "",
237
237
  fab: "",
238
- size: "sm"
238
+ size: "sm",
239
239
  },
240
- on: { click: _vm.previous }
240
+ on: { click: _vm.previous },
241
241
  },
242
242
  [
243
- _vm._t("previous-icon", function() {
243
+ _vm._t("previous-icon", function () {
244
244
  return [
245
245
  _c(
246
246
  "svg",
@@ -254,8 +254,8 @@ var render = function() {
254
254
  xmlns: "http://www.w3.org/2000/svg",
255
255
  "xmlns:xlink":
256
256
  "http://www.w3.org/1999/xlink",
257
- accent: "#03A89D"
258
- }
257
+ accent: "#03A89D",
258
+ },
259
259
  },
260
260
  [
261
261
  _c(
@@ -266,8 +266,8 @@ var render = function() {
266
266
  stroke: "none",
267
267
  "stroke-width": "1",
268
268
  fill: "none",
269
- "fill-rule": "evenodd"
270
- }
269
+ "fill-rule": "evenodd",
270
+ },
271
271
  },
272
272
  [
273
273
  _c("polygon", {
@@ -275,15 +275,15 @@ var render = function() {
275
275
  id: "Fill",
276
276
  fill: "currentColor",
277
277
  points:
278
- "6.25 10 12.5 3.75 13.375 4.625 8 10 13.375 15.375 12.5 16.25"
279
- }
280
- })
278
+ "6.25 10 12.5 3.75 13.375 4.625 8 10 13.375 15.375 12.5 16.25",
279
+ },
280
+ }),
281
281
  ]
282
- )
282
+ ),
283
283
  ]
284
- )
284
+ ),
285
285
  ]
286
- })
286
+ }),
287
287
  ],
288
288
  2
289
289
  ),
@@ -292,18 +292,18 @@ var render = function() {
292
292
  {
293
293
  staticClass: "maz-carousel__btn",
294
294
  class: {
295
- "maz-carousel__btn--muted": _vm.isScrolledMax
295
+ "maz-carousel__btn--muted": _vm.isScrolledMax,
296
296
  },
297
297
  attrs: {
298
298
  color: "transparent",
299
299
  outline: "",
300
300
  fab: "",
301
- size: "sm"
301
+ size: "sm",
302
302
  },
303
- on: { click: _vm.next }
303
+ on: { click: _vm.next },
304
304
  },
305
305
  [
306
- _vm._t("next-icon", function() {
306
+ _vm._t("next-icon", function () {
307
307
  return [
308
308
  _c(
309
309
  "svg",
@@ -317,8 +317,8 @@ var render = function() {
317
317
  xmlns: "http://www.w3.org/2000/svg",
318
318
  "xmlns:xlink":
319
319
  "http://www.w3.org/1999/xlink",
320
- accent: "#03A89D"
321
- }
320
+ accent: "#03A89D",
321
+ },
322
322
  },
323
323
  [
324
324
  _c(
@@ -329,8 +329,8 @@ var render = function() {
329
329
  stroke: "none",
330
330
  "stroke-width": "1",
331
331
  fill: "none",
332
- "fill-rule": "evenodd"
333
- }
332
+ "fill-rule": "evenodd",
333
+ },
334
334
  },
335
335
  [
336
336
  _c("polygon", {
@@ -338,22 +338,22 @@ var render = function() {
338
338
  id: "Fill",
339
339
  fill: "currentColor",
340
340
  points:
341
- "13.75 10 7.5 16.25 6.625 15.375 12 10 6.625 4.625 7.5 3.75"
342
- }
343
- })
341
+ "13.75 10 7.5 16.25 6.625 15.375 12 10 6.625 4.625 7.5 3.75",
342
+ },
343
+ }),
344
344
  ]
345
- )
345
+ ),
346
346
  ]
347
- )
347
+ ),
348
348
  ]
349
- })
349
+ }),
350
350
  ],
351
351
  2
352
- )
352
+ ),
353
353
  ],
354
354
  1
355
355
  )
356
- : _vm._e()
356
+ : _vm._e(),
357
357
  ],
358
358
  2
359
359
  )
@@ -364,14 +364,14 @@ var render = function() {
364
364
  ref: "MazCarouselItems",
365
365
  staticClass:
366
366
  "maz-carousel__items maz-flex maz-align-center maz-flex-1 maz-py-4 maz-pl-3",
367
- on: { scroll: _vm.setScrollState }
367
+ on: { scroll: _vm.setScrollState },
368
368
  },
369
369
  [
370
370
  _vm._t("default"),
371
- _c("div", { staticClass: "maz-carousel__items__spacer" })
371
+ _c("div", { staticClass: "maz-carousel__items__spacer" }),
372
372
  ],
373
373
  2
374
- )
374
+ ),
375
375
  ]
376
376
  )
377
377
  }
@@ -220,7 +220,7 @@ function normalizeComponent (
220
220
  __webpack_require__.r(__webpack_exports__);
221
221
 
222
222
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazCheckbox/_main.vue?vue&type=template&id=dbf83586&
223
- var render = function() {
223
+ var render = function () {
224
224
  var _vm = this
225
225
  var _h = _vm.$createElement
226
226
  var _c = _vm._self._c || _h
@@ -228,7 +228,7 @@ var render = function() {
228
228
  "div",
229
229
  {
230
230
  staticClass: "maz-base-component maz-checkbox",
231
- class: ["maz-checkbox--" + _vm.color]
231
+ class: ["maz-checkbox--" + _vm.color],
232
232
  },
233
233
  [
234
234
  _c(
@@ -239,10 +239,10 @@ var render = function() {
239
239
  attrs: { id: _vm.uniqueId, name: _vm.name, type: "checkbox" },
240
240
  domProps: { checked: _vm.value },
241
241
  on: {
242
- change: function($event) {
242
+ change: function ($event) {
243
243
  return _vm.$emit("input", $event.target.checked)
244
- }
245
- }
244
+ },
245
+ },
246
246
  },
247
247
  "input",
248
248
  _vm.$attrs,
@@ -253,11 +253,11 @@ var render = function() {
253
253
  "label",
254
254
  {
255
255
  staticClass: "maz-m-0 maz-flex maz-align-center",
256
- attrs: { for: _vm.uniqueId }
256
+ attrs: { for: _vm.uniqueId },
257
257
  },
258
258
  [_vm._t("default")],
259
259
  2
260
- )
260
+ ),
261
261
  ]
262
262
  )
263
263
  }